@amsterdam/design-system-tokens 0.1.7 → 0.1.8

package/dist/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 17 Nov 2023 13:11:47 GMT
+ * Generated on Mon, 27 Nov 2023 11:07:10 GMT
  */
 
 module.exports = {
@@ -3336,28 +3336,466 @@ module.exports = {
         }
       }
     },
-    "footer": {
-      "top": {
+    "dialog": {
+      "background-color": {
+        "value": "#ffffff",
+        "filePath": "./src/components/amsterdam/dialog.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{amsterdam.color.primary-white}"
+        },
+        "name": "amsterdamDialogBackgroundColor",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "dialog",
+          "item": "background-color"
+        },
+        "path": [
+          "amsterdam",
+          "dialog",
+          "background-color"
+        ]
+      },
+      "border": {
+        "value": "0",
+        "filePath": "./src/components/amsterdam/dialog.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0"
+        },
+        "name": "amsterdamDialogBorder",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "dialog",
+          "item": "border"
+        },
+        "path": [
+          "amsterdam",
+          "dialog",
+          "border"
+        ]
+      },
+      "max-inline-size": {
+        "value": "min(87.69vw, 45rem)",
+        "filePath": "./src/components/amsterdam/dialog.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "min(87.69vw, 45rem)"
+        },
+        "name": "amsterdamDialogMaxInlineSize",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "dialog",
+          "item": "max-inline-size"
+        },
+        "path": [
+          "amsterdam",
+          "dialog",
+          "max-inline-size"
+        ]
+      },
+      "title": {
+        "color": {
+          "value": "#000000",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-black}"
+          },
+          "name": "amsterdamDialogTitleColor",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "title",
+            "subitem": "color"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "title",
+            "color"
+          ]
+        },
+        "font-family": {
+          "value": "'Amsterdam Sans', Arial, sans-serif",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.font-family}"
+          },
+          "name": "amsterdamDialogTitleFontFamily",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "title",
+            "subitem": "font-family"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "title",
+            "font-family"
+          ]
+        },
+        "font-weight": {
+          "value": 800,
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.font-weight.bold}"
+          },
+          "name": "amsterdamDialogTitleFontWeight",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "title",
+            "subitem": "font-weight"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "title",
+            "font-weight"
+          ]
+        },
+        "line-height": {
+          "value": "1.5",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.typography.text-level.5.line-height}"
+          },
+          "name": "amsterdamDialogTitleLineHeight",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "title",
+            "subitem": "line-height"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "title",
+            "line-height"
+          ]
+        },
+        "narrow": {
+          "font-size": {
+            "value": "clamp(1.375rem, calc(1.375rem + (0.25 * (100vw - 20rem)) / 33.3125), 1.625rem)",
+            "filePath": "./src/components/amsterdam/dialog.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.5.narrow.font-size}"
+            },
+            "name": "amsterdamDialogTitleNarrowFontSize",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "dialog",
+              "item": "title",
+              "subitem": "narrow",
+              "state": "font-size"
+            },
+            "path": [
+              "amsterdam",
+              "dialog",
+              "title",
+              "narrow",
+              "font-size"
+            ]
+          }
+        },
+        "wide": {
+          "font-size": {
+            "value": "clamp(1.625rem, calc(1.625rem + (0.125 * (100vw - 53.375rem)) / 36.625), 1.75rem)",
+            "filePath": "./src/components/amsterdam/dialog.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.typography.text-level.5.wide.font-size}"
+            },
+            "name": "amsterdamDialogTitleWideFontSize",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "dialog",
+              "item": "title",
+              "subitem": "wide",
+              "state": "font-size"
+            },
+            "path": [
+              "amsterdam",
+              "dialog",
+              "title",
+              "wide",
+              "font-size"
+            ]
+          }
+        }
+      },
+      "backdrop": {
+        "background": {
+          "value": "#0006",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#0006"
+          },
+          "name": "amsterdamDialogBackdropBackground",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "backdrop",
+            "subitem": "background"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "backdrop",
+            "background"
+          ]
+        }
+      },
+      "close": {
         "background-color": {
-          "value": "#004699",
-          "filePath": "./src/components/amsterdam/footer.tokens.json",
+          "value": "transparent",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
           "isSource": true,
           "original": {
-            "value": "{amsterdam.color.primary-blue}"
+            "value": "transparent"
           },
-          "name": "amsterdamFooterTopBackgroundColor",
+          "name": "amsterdamDialogCloseBackgroundColor",
           "attributes": {
             "category": "amsterdam",
-            "type": "footer",
-            "item": "top",
+            "type": "dialog",
+            "item": "close",
             "subitem": "background-color"
           },
           "path": [
             "amsterdam",
-            "footer",
-            "top",
+            "dialog",
+            "close",
             "background-color"
           ]
+        },
+        "fill": {
+          "value": "#000000",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-black}"
+          },
+          "name": "amsterdamDialogCloseFill",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "close",
+            "subitem": "fill"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "close",
+            "fill"
+          ]
+        },
+        "hover": {
+          "fill": {
+            "value": "#004699",
+            "filePath": "./src/components/amsterdam/dialog.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": "{amsterdam.color.primary-blue}"
+            },
+            "name": "amsterdamDialogCloseHoverFill",
+            "attributes": {
+              "category": "amsterdam",
+              "type": "dialog",
+              "item": "close",
+              "subitem": "hover",
+              "state": "fill"
+            },
+            "path": [
+              "amsterdam",
+              "dialog",
+              "close",
+              "hover",
+              "fill"
+            ]
+          }
+        }
+      },
+      "form": {
+        "gap": {
+          "value": "1.5rem",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1.5rem"
+          },
+          "name": "amsterdamDialogFormGap",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "form",
+            "subitem": "gap"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "form",
+            "gap"
+          ]
+        },
+        "padding-block": {
+          "value": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)"
+          },
+          "name": "amsterdamDialogFormPaddingBlock",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "form",
+            "subitem": "padding-block"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "form",
+            "padding-block"
+          ]
+        },
+        "padding-inline": {
+          "value": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "clamp(1.5rem, calc(1.5rem + ((1vw - 0.5337rem) * 2.1448)), 2.5rem)"
+          },
+          "name": "amsterdamDialogFormPaddingInline",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "form",
+            "subitem": "padding-inline"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "form",
+            "padding-inline"
+          ]
+        },
+        "max-block-size": {
+          "value": "75vh",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "75vh"
+          },
+          "name": "amsterdamDialogFormMaxBlockSize",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "form",
+            "subitem": "max-block-size"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "form",
+            "max-block-size"
+          ]
+        }
+      },
+      "article": {
+        "padding-inline-end": {
+          "value": "1.5rem",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1.5rem"
+          },
+          "name": "amsterdamDialogArticlePaddingInlineEnd",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "article",
+            "subitem": "padding-inline-end"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "article",
+            "padding-inline-end"
+          ]
+        }
+      },
+      "header": {
+        "gap": {
+          "value": "1rem",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1rem"
+          },
+          "name": "amsterdamDialogHeaderGap",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "header",
+            "subitem": "gap"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "header",
+            "gap"
+          ]
+        }
+      },
+      "footer": {
+        "gap": {
+          "value": "1rem",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1rem"
+          },
+          "name": "amsterdamDialogFooterGap",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "footer",
+            "subitem": "gap"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "footer",
+            "gap"
+          ]
+        },
+        "padding-block": {
+          "value": "1.5rem 0",
+          "filePath": "./src/components/amsterdam/dialog.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "1.5rem 0"
+          },
+          "name": "amsterdamDialogFooterPaddingBlock",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "dialog",
+            "item": "footer",
+            "subitem": "padding-block"
+          },
+          "path": [
+            "amsterdam",
+            "dialog",
+            "footer",
+            "padding-block"
+          ]
         }
       }
     },
@@ -3507,12 +3945,12 @@ module.exports = {
       },
       "density-low": {
         "gap": {
-          "value": "clamp(1rem, 3.125vw + 0.375rem, 3.5rem)",
+          "value": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
           "comment": "Grows from 16px at 320px wide to 56px at 1600px wide.",
           "filePath": "./src/components/amsterdam/grid.tokens.json",
           "isSource": true,
           "original": {
-            "value": "clamp(1rem, 3.125vw + 0.375rem, 3.5rem)",
+            "value": "clamp(1rem, calc(3.125vw + 0.375rem), 3.5rem)",
             "comment": "Grows from 16px at 320px wide to 56px at 1600px wide."
           },
           "name": "amsterdamGridDensityLowGap",
@@ -3530,12 +3968,12 @@ module.exports = {
           ]
         },
         "padding-inline": {
-          "value": "clamp(1.5rem, 4.6875vw + 0.5625rem, 5.25rem)",
+          "value": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
           "comment": "Equals 1.5 times the gap.",
           "filePath": "./src/components/amsterdam/grid.tokens.json",
           "isSource": true,
           "original": {
-            "value": "clamp(1.5rem, 4.6875vw + 0.5625rem, 5.25rem)",
+            "value": "clamp(1.5rem, calc(4.6875vw + 0.5625rem), 5.25rem)",
             "comment": "Equals 1.5 times the gap."
           },
           "name": "amsterdamGridDensityLowPaddingInline",
@@ -3555,12 +3993,12 @@ module.exports = {
       },
       "density-high": {
         "gap": {
-          "value": "clamp(1rem, 1.5625vw - 0.0625rem, 2.5rem)",
+          "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
           "comment": "Grows from 16px at 1088px wide to 40px at 2624px wide.",
           "filePath": "./src/components/amsterdam/grid.tokens.json",
           "isSource": true,
           "original": {
-            "value": "clamp(1rem, 1.5625vw - 0.0625rem, 2.5rem)",
+            "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
             "comment": "Grows from 16px at 1088px wide to 40px at 2624px wide."
           },
           "name": "amsterdamGridDensityHighGap",
@@ -3578,12 +4016,12 @@ module.exports = {
           ]
         },
         "padding-inline": {
-          "value": "clamp(1rem, 1.5625vw - 0.0625rem, 2.5rem)",
+          "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
           "comment": "Equals the gap.",
           "filePath": "./src/components/amsterdam/grid.tokens.json",
           "isSource": true,
           "original": {
-            "value": "clamp(1rem, 1.5625vw - 0.0625rem, 2.5rem)",
+            "value": "clamp(1rem, calc(1.5625vw - 0.0625rem), 2.5rem)",
             "comment": "Equals the gap."
           },
           "name": "amsterdamGridDensityHighPaddingInline",
@@ -5337,6 +5775,96 @@ module.exports = {
         }
       }
     },
+    "logo": {
+      "height": {
+        "value": "2.5rem",
+        "filePath": "./src/components/amsterdam/logo.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "2.5rem"
+        },
+        "name": "amsterdamLogoHeight",
+        "attributes": {
+          "category": "amsterdam",
+          "type": "logo",
+          "item": "height"
+        },
+        "path": [
+          "amsterdam",
+          "logo",
+          "height"
+        ]
+      },
+      "emblem": {
+        "color": {
+          "value": "#EC0000",
+          "filePath": "./src/components/amsterdam/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-red}"
+          },
+          "name": "amsterdamLogoEmblemColor",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "logo",
+            "item": "emblem",
+            "subitem": "color"
+          },
+          "path": [
+            "amsterdam",
+            "logo",
+            "emblem",
+            "color"
+          ]
+        }
+      },
+      "title": {
+        "color": {
+          "value": "#EC0000",
+          "filePath": "./src/components/amsterdam/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-red}"
+          },
+          "name": "amsterdamLogoTitleColor",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "logo",
+            "item": "title",
+            "subitem": "color"
+          },
+          "path": [
+            "amsterdam",
+            "logo",
+            "title",
+            "color"
+          ]
+        }
+      },
+      "subsite": {
+        "color": {
+          "value": "#000000",
+          "filePath": "./src/components/amsterdam/logo.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "{amsterdam.color.primary-black}"
+          },
+          "name": "amsterdamLogoSubsiteColor",
+          "attributes": {
+            "category": "amsterdam",
+            "type": "logo",
+            "item": "subsite",
+            "subitem": "color"
+          },
+          "path": [
+            "amsterdam",
+            "logo",
+            "subsite",
+            "color"
+          ]
+        }
+      }
+    },
     "ordered-list": {
       "color": {
         "value": "#000000",