feat(data): adding flexbox item min and max sizes

Sage · Jan 17, 2024 · 02dc63d · 02dc63d
1 parent d569203
commit 02dc63d
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 2 deletions.
diff --git a/data/tokens/Components/container.json b/data/tokens/Components/container.json
@@ -161,11 +161,11 @@
     },
     "size": {
       "scrollbar": {
-        "outer": {
+        "outside": {
           "value": "{global.size.decorative.XL}",
           "type": "sizing"
         },
-        "inner": {
+        "inside": {
           "value": "{global.size.decorative.S}",
           "type": "sizing",
           "description": "scrollbar handle"
@@ -176,6 +176,38 @@
           "value": "{global.size.decorative.L}",
           "type": "sizing"
         }
+      },
+      "items": {
+        "XS": {
+          "value": "{origin.dimension.1000}",
+          "type": "sizing",
+          "description": "min and max widths for responsive tile items"
+        },
+        "S": {
+          "value": "{origin.dimension.1600}",
+          "type": "sizing",
+          "description": "min and max widths for responsive tile items"
+        },
+        "L": {
+          "value": "{origin.dimension.2000}",
+          "type": "sizing",
+          "description": "min and max widths for responsive tile items"
+        },
+        "XL": {
+          "value": "{origin.dimension.2500}",
+          "type": "sizing",
+          "description": "min and max widths for responsive tile items"
+        },
+        "XXL": {
+          "value": "{origin.dimension.3000}",
+          "type": "sizing",
+          "description": "min and max widths for responsive tile items"
+        },
+        "XXXL": {
+          "value": "{origin.dimension.7000}",
+          "type": "sizing",
+          "description": "min and max widths for responsive tile items"
+        }
       }
     }
   }

diff --git a/data/tokens/origin.json b/data/tokens/origin.json
@@ -221,6 +221,22 @@
         "value": "{origin.dimension.base} * 1600",
         "type": "dimension"
       },
+      "2000": {
+        "value": "{origin.dimension.base} * 2000",
+        "type": "dimension"
+      },
+      "2500": {
+        "value": "{origin.dimension.base} * 2500",
+        "type": "dimension"
+      },
+      "3000": {
+        "value": "{origin.dimension.base} * 3000",
+        "type": "dimension"
+      },
+      "7000": {
+        "value": "{origin.dimension.base} * 7000",
+        "type": "dimension"
+      },
       "base": {
         "value": "{origin.size.SCALE} / 100",
         "type": "dimension"