npm - @haiilo/catalyst-tokens - Versions diffs - 2.4.4 → 2.4.5 - Mend

@haiilo/catalyst-tokens 2.4.4 → 2.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/json/variables.json +344 -0
package/package.json +1 -1

package/dist/json/variables.json ADDED Viewed

@@ -0,0 +1,344 @@
+{
+  "asset": {
+    "font": {
+      "dmSans": {
+        "name": "DM Sans",
+        "woff2Bold": "DMSans-Bold.woff2",
+        "woff2BoldItalic": "DMSans-BoldItalic.woff2",
+        "woff2Italic": "DMSans-Italic.woff2",
+        "woff2Medium": "DMSans-Medium.woff2",
+        "woff2MediumItalic": "DMSans-MediumItalic.woff2",
+        "woff2Regular": "DMSans-Regular.woff2"
+      },
+      "lato": {
+        "name": "Lato",
+        "woffBlack": "Lato-Black.woff",
+        "woff2Black": "Lato-Black.woff2",
+        "woffBlackItalic": "Lato-BlackItalic.woff",
+        "woff2BlackItalic": "Lato-BlackItalic.woff2",
+        "woffBold": "Lato-Bold.woff",
+        "woff2Bold": "Lato-Bold.woff2",
+        "woffBoldItalic": "Lato-BoldItalic.woff",
+        "woff2BoldItalic": "Lato-BoldItalic.woff2",
+        "woffHairline": "Lato-Hairline.woff",
+        "woff2Hairline": "Lato-Hairline.woff2",
+        "woffHairlineItalic": "Lato-HairlineItalic.woff",
+        "woff2HairlineItalic": "Lato-HairlineItalic.woff2",
+        "woffHeavy": "Lato-Heavy.woff",
+        "woff2Heavy": "Lato-Heavy.woff2",
+        "woffHeavyItalic": "Lato-HeavyItalic.woff",
+        "woff2HeavyItalic": "Lato-HeavyItalic.woff2",
+        "woffItalic": "Lato-Italic.woff",
+        "woff2Italic": "Lato-Italic.woff2",
+        "woffLight": "Lato-Light.woff",
+        "woff2Light": "Lato-Light.woff2",
+        "woffLightItalic": "Lato-LightItalic.woff",
+        "woff2LightItalic": "Lato-LightItalic.woff2",
+        "woffMedium": "Lato-Medium.woff",
+        "woff2Medium": "Lato-Medium.woff2",
+        "woffMediumItalic": "Lato-MediumItalic.woff",
+        "woff2MediumItalic": "Lato-MediumItalic.woff2",
+        "woffRegular": "Lato-Regular.woff",
+        "woff2Regular": "Lato-Regular.woff2",
+        "woffSemibold": "Lato-Semibold.woff",
+        "woff2Semibold": "Lato-Semibold.woff2",
+        "woffSemiboldItalic": "Lato-SemiboldItalic.woff",
+        "woff2SemiboldItalic": "Lato-SemiboldItalic.woff2",
+        "woffThin": "Lato-Thin.woff",
+        "woff2Thin": "Lato-Thin.woff2",
+        "woffThinItalic": "Lato-ThinItalic.woff",
+        "woff2ThinItalic": "Lato-ThinItalic.woff2"
+      },
+      "azeretMono": {
+        "name": "Azeret Mono",
+        "woff2Regular": "AzeretMono-Regular.woff2"
+      }
+    }
+  },
+  "color": {
+    "base": {
+      "white": "#ffffff",
+      "black": "#000000",
+      "neutral": {
+        "100": "#f2f4f7",
+        "200": "#ebecf0",
+        "300": "#d7dbe0",
+        "400": "#697687",
+        "500": "#515c6c",
+        "600": "#394251",
+        "700": "#1b1f26"
+      },
+      "neutralDark": {
+        "400": "#697687"
+      },
+      "brand": {
+        "100": "#c9e5e8",
+        "200": "#2db3c3",
+        "300": "#29a3b1",
+        "400": "#008194",
+        "500": "#017384",
+        "600": "#026371",
+        "700": "#175b63"
+      },
+      "brandDark": {
+        "400": "#93b4f2",
+        "500": "#93b4f2",
+        "600": "#93b4f2"
+      },
+      "green": {
+        "100": "#d4ede4",
+        "200": "#00bb7d",
+        "300": "#00aa71",
+        "400": "#008458",
+        "500": "#00754e",
+        "600": "#006946",
+        "700": "#005f40"
+      },
+      "orange": {
+        "100": "#ffdea8",
+        "200": "#ffd694",
+        "300": "#ffce80",
+        "400": "#ebb663",
+        "500": "#d6a75a",
+        "600": "#b0853e",
+        "700": "#9f6100"
+      },
+      "red": {
+        "100": "#fbc7bb",
+        "200": "#f68368",
+        "300": "#f46a49",
+        "400": "#d9340d",
+        "500": "#c22e0b",
+        "600": "#ae2a0a",
+        "700": "#9e2609"
+      }
+    },
+    "theme": {
+      "primary": {
+        "bg": "#008194",
+        "bgHover": "#017384",
+        "bgActive": "#026371",
+        "fill": "#ffffff",
+        "fillHover": "#ffffff",
+        "fillActive": "#ffffff",
+        "text": "#008194",
+        "textHover": "#017384",
+        "textActive": "#026371"
+      },
+      "primaryDark": {
+        "bg": "#93b4f2",
+        "bgHover": "#93b4f2",
+        "bgActive": "#93b4f2",
+        "fill": "#000000",
+        "fillHover": "#000000",
+        "fillActive": "#000000",
+        "text": "#93b4f2",
+        "textHover": "#93b4f2",
+        "textActive": "#93b4f2"
+      },
+      "secondary": {
+        "bg": "#697687",
+        "bgHover": "#697687",
+        "bgActive": "#697687",
+        "fill": "#ffffff",
+        "fillHover": "#ffffff",
+        "fillActive": "#ffffff",
+        "text": "#000000",
+        "textHover": "#000000",
+        "textActive": "#000000"
+      },
+      "secondaryDark": {
+        "bg": "#697687",
+        "bgHover": "#697687",
+        "bgActive": "#697687",
+        "fill": "#000000",
+        "fillHover": "#000000",
+        "fillActive": "#000000",
+        "text": "#ffffff",
+        "textHover": "#ffffff",
+        "textActive": "#ffffff"
+      },
+      "success": {
+        "bg": "#008458",
+        "bgHover": "#00754e",
+        "bgActive": "#006946",
+        "fill": "#ffffff",
+        "fillHover": "#ffffff",
+        "fillActive": "#ffffff",
+        "text": "#008458",
+        "textHover": "#00754e",
+        "textActive": "#006946"
+      },
+      "warning": {
+        "bg": "#ffce80",
+        "bgHover": "#ffd694",
+        "bgActive": "#ffdea8",
+        "fill": "#000000",
+        "fillHover": "#000000",
+        "fillActive": "#000000",
+        "text": "#9f6100",
+        "textHover": "#9f6100",
+        "textActive": "#9f6100"
+      },
+      "danger": {
+        "bg": "#d9340d",
+        "bgHover": "#c22e0b",
+        "bgActive": "#ae2a0a",
+        "fill": "#ffffff",
+        "fillHover": "#ffffff",
+        "fillActive": "#ffffff",
+        "text": "#d9340d",
+        "textHover": "#c22e0b",
+        "textActive": "#ae2a0a"
+      }
+    },
+    "ui": {
+      "background": {
+        "canvas": "#f2f4f7",
+        "body": "#ffffff",
+        "bodyDark": "#1b1f26",
+        "muted": "#f2f4f7",
+        "input": "#ffffff",
+        "skeleton": "#ebecf0",
+        "skeletonHighlight": "#d7dbe0",
+        "tooltip": "#000000",
+        "backdrop": "#000000"
+      },
+      "border": {
+        "light": "#f2f4f7",
+        "default": "#ebecf0",
+        "dark": "#d7dbe0",
+        "focus": "#0071ff",
+        "quote": "#697687"
+      },
+      "font": {
+        "head": "#000000",
+        "headDark": "#ffffff",
+        "body": "#000000",
+        "bodyDark": "#ffffff",
+        "mono": "#000000",
+        "monoDark": "#ffffff",
+        "muted": "#697687",
+        "quote": "#697687",
+        "tooltip": "#ffffff"
+      }
+    }
+  },
+  "font": {
+    "family": {
+      "head": "Lato",
+      "body": "Lato",
+      "mono": "Azeret Mono",
+      "emoji": "''"
+    },
+    "weight": {
+      "head": 500,
+      "body": 400,
+      "mono": 400
+    },
+    "decoration": {
+      "link": "none",
+      "linkHover": "underline",
+      "linkButton": "none",
+      "linkButtonHover": "none"
+    }
+  },
+  "opacity": {
+    "disabled": 0.65,
+    "backdrop": 0.6,
+    "tooltip": 1
+  },
+  "size": {
+    "border": {
+      "radius": {
+        "l": 0.5,
+        "m": 0.25,
+        "s": 0.125
+      }
+    },
+    "font": {
+      "head": {
+        "1": 1.75,
+        "2": 1.5,
+        "3": 1.25,
+        "4": 1.125,
+        "5": 0.9375,
+        "6": 0.875
+      },
+      "body": {
+        "xl": 1.25,
+        "l": 1.125,
+        "m": 0.9375,
+        "s": 0.875,
+        "xs": 0.75
+      },
+      "mono": {
+        "xl": 1.125,
+        "l": 0.9375,
+        "m": 0.875,
+        "s": 0.75,
+        "xs": 0.625
+      }
+    },
+    "line": {
+      "head": {
+        "1": 2,
+        "2": 1.75,
+        "3": 1.5,
+        "4": 1.5,
+        "5": 1.25,
+        "6": 1
+      },
+      "body": {
+        "xl": 1.5,
+        "l": 1.5,
+        "m": 1.25,
+        "s": 1,
+        "xs": 1
+      },
+      "mono": {
+        "xl": 1.5,
+        "l": 1.25,
+        "m": 1.125,
+        "s": 1,
+        "xs": 0.875
+      }
+    },
+    "modal": {
+      "s": 400,
+      "m": 600,
+      "l": 800
+    },
+    "screen": {
+      "xs": 540,
+      "s": 768,
+      "m": 992,
+      "l": 1200,
+      "xl": 1400
+    },
+    "spacing": {
+      "xl": 2,
+      "l": 1.5,
+      "m": 1,
+      "s": 0.5,
+      "xs": 0.25
+    }
+  },
+  "time": {
+    "transition": {
+      "l": 500,
+      "m": 250,
+      "s": 125
+    },
+    "delay": {
+      "l": 500,
+      "m": 250,
+      "s": 125
+    },
+    "duration": {
+      "l": 1000,
+      "m": 500,
+      "s": 250
+    }
+  }
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst-tokens",
-  "version": "2.4.4",
+  "version": "2.4.5",
   "description": "Design tokens for Catalyst Design System",
   "license": "MIT",
   "repository": {