extra-small icons

src/_data/icons.js

@@ -43,6 +43,10 @@ const computedicons = async function() {
           if (indexlarge >= 0) {
               icon.tags.splice(indexlarge, 1);
           }
+          var indexextrasmall = icon.tags.indexOf("Size=extra-small");
+          if (indexextrasmall >= 0) {
+              icon.tags.splice(indexextrasmall, 1);
+          }
       }
       if (icon.tags.includes("timetable-icons")) {
           icon.type = "FPL";

src/_data/translations.js

@@ -37,6 +37,7 @@ module.exports = {
     iconsizes: "Available sizes",
     iconall: "All",
     iconsmall: "Small",
+    iconsextrasmall: "Extra-Small",
     iconmedium: "Medium",
     iconlarge: "Large",
     impressum: "Imprint",
@@ -274,6 +275,7 @@ module.exports = {
     iconsizes: "Verfügbare Grössen",
     iconall: "Alle",
     iconsmall: "Klein",
+    iconsextrasmall: "Extra-Klein",
     iconmedium: "Mittel",
     iconlarge: "Gross",
     impressum: "Impressum",
@@ -511,6 +513,7 @@ module.exports = {
     iconsizes: "Tailles disponibles",
     iconall: "Tout",
     iconsmall: "Petit",
+    iconsextrasmall: "Extra petit",
     iconmedium: "Moyen",
     iconlarge: "Grandes",
     impressum: "Impressum",
@@ -557,6 +560,7 @@ module.exports = {
     iconsizes: "Dimensioni disponibili",
     iconall: "Tutti",
     iconsmall: "Piccolo",
+    iconsextrasmall: "Extra piccolo",
     iconmedium: "Media",
     iconlarge: "Grande",
     impressum: "Impressum",

src/_includes/icons/form-radiobuttons.njk

@@ -1,6 +1,7 @@
-<sbb-radio-button-group value="small" orientation="vertical" horizontal-from="small" size="m" class="filters" id="sizes">
+<sbb-radio-button-group value="all" orientation="vertical" horizontal-from="small" size="m" class="filters" id="sizes">
     <sbb-radio-button value="all">{{ translations[page.lang].iconall }}</sbb-radio-button>
     <sbb-radio-button value="small">{{ translations[page.lang].iconsmall }}</sbb-radio-button>
     <sbb-radio-button value="medium">{{ translations[page.lang].iconmedium }}</sbb-radio-button>
     <sbb-radio-button value="large">{{ translations[page.lang].iconlarge }}</sbb-radio-button>
+    <sbb-radio-button value="extra-small">{{ translations[page.lang].iconsextrasmall }}</sbb-radio-button>
 </sbb-radio-button-group>

src/_includes/icons/list-icons.njk

@@ -1,5 +1,5 @@
 {% for category in categories %}
-<sbb-title level="4"  id="{{category}}" data-category="{{category}}" data-id="id-{{category}}" data-name="{{category}}" data-size="small, medium, large">{{category}}</sbb-title>
+<sbb-title level="4"  id="{{category}}" data-category="{{category}}" data-id="id-{{category}}" data-name="{{category}}" data-size="small, medium, large, extra-small">{{category}}</sbb-title>
 {% for icon in icons %}{% if category == icon.category %}{% include "./item.njk" %}{% endif %}{% endfor %}
 {% endfor %}
 

src/assets/css/partials/partial-icons.scss

@@ -5,7 +5,7 @@
 
   .icon-items {
     display: grid;
-    grid-template-columns: repeat(3, var(--sbb-spacing-fixed-18x));
+    grid-template-columns: repeat(4, var(--sbb-spacing-fixed-18x));
     gap: var(--sbb-spacing-fixed-2x);
     margin-block-start: var(--sbb-spacing-fixed-4x);
   }

src/de/foundation/assets/icons/icons.njk

@@ -8,7 +8,7 @@ order: 1
 mode: KOM
 ---
 
-<p class="lead">Die SBB verfügt über einen eigenen Stock an 1 Pixel Outline Icons auf einem Raster von 24x24, 36x36 Pixel und teilweise 48x48 Pixel. </p>
+<p class="lead">Die SBB verfügt über einen eigenen Stock an 1 Pixel Outline Icons auf einem Raster von 24x24, 36x36 Pixel und teilweise 48x48 und 16x16 Pixel. </p>
 
 <sbb-tab-group initial-selected-index="0" size="l">
   <sbb-tab-label>Vorschau</sbb-tab-label>

src/en/foundation/assets/icons/icons.njk

@@ -8,7 +8,7 @@ parent: assets_en
 order: 1
 mode: KOM
 ---
-<p class="lead">SBB has its own stock of 1 pixel outline icons on a raster of 24x24, 36x36 pixels and sometimes 48x48 pixels. </p>
+<p class="lead">SBB has its own stock of 1 pixel outline icons on a raster of 24x24, 36x36 pixels and sometimes 48x48 and 16x16 pixels. </p>
 
 <sbb-tab-group initial-selected-index="0" size="l">
   <sbb-tab-label>Preview</sbb-tab-label>

src/fr/foundation/assets/icons/icons.njk

@@ -8,7 +8,7 @@ parent: assets_fr
 order: 1
 mode: KOM
 ---
-<p class="lead">Les CFF possèdent leur propre banque d’icônes contour de 1 pixel, sur une trame de pixels de 24x24, 36x36 et même 48x48.</p>
+<p class="lead">Les CFF possèdent leur propre banque d’icônes contour de 1 pixel, sur une trame de pixels de 24x24, 36x36 et même 48x48 et 16x16.</p>
 <sbb-tab-group initial-selected-index="0" size="l">
   <sbb-tab-label>Aperçu</sbb-tab-label>
   <sbb-tab>

src/it/foundation/assets/icons/icons.njk

@@ -10,7 +10,7 @@ mode: KOM
 
 
 
-<p class="lead">Le FFS dispongono di un proprio set di icone lineari di 1 pixel su un raster di 24x24, 36x36 e in alcuni casi 48x48 pixel.</p>
+<p class="lead">Le FFS dispongono di un proprio set di icone lineari di 1 pixel su un raster di 24x24, 36x36 e in alcuni casi 48x48 e 16x16 pixel.</p>
 
 <sbb-tab-group initial-selected-index="0" size="l">
   <sbb-tab-label>Anteprima</sbb-tab-label>