@oneli8/tokens 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/tokens.js

@@ -0,0 +1,387 @@
+/* GENERATED from packages/tokens/src/tokens.json — do not edit. */
+export const tokens = {
+  "color-blue-120": "#9bb3ff",
+  "color-blue-240": "#6e8fef",
+  "color-blue-360": "#4d6dd1",
+  "color-blue-480": "#3854ae",
+  "color-blue-600": "#2c438b",
+  "color-blue-720": "#23366f",
+  "color-blue-840": "#1a2a59",
+  "color-blue-930": "#101b3a",
+  "color-blue-030": "#f2f5ff",
+  "color-blue-060": "#e2e9ff",
+  "color-blue-090": "#c4d2ff",
+  "color-cyan-120": "#75d3dd",
+  "color-cyan-240": "#3ab7c5",
+  "color-cyan-360": "#2096a7",
+  "color-cyan-480": "#187789",
+  "color-cyan-600": "#175f70",
+  "color-cyan-720": "#174d5b",
+  "color-cyan-840": "#163f4b",
+  "color-cyan-930": "#0a252d",
+  "color-cyan-030": "#effbfc",
+  "color-cyan-060": "#d5f4f6",
+  "color-cyan-090": "#aae7ec",
+  "color-green-120": "#8cd2aa",
+  "color-green-240": "#58b982",
+  "color-green-360": "#349a65",
+  "color-green-480": "#267b50",
+  "color-green-600": "#216240",
+  "color-green-720": "#1d4f35",
+  "color-green-840": "#193f2c",
+  "color-green-930": "#0c2418",
+  "color-green-030": "#f1faf5",
+  "color-green-060": "#dcf3e5",
+  "color-green-090": "#bce6ce",
+  "color-yellow-120": "#ffd13d",
+  "color-yellow-240": "#f0b90b",
+  "color-yellow-360": "#ce9500",
+  "color-yellow-480": "#a76f00",
+  "color-yellow-600": "#825100",
+  "color-yellow-720": "#613b09",
+  "color-yellow-840": "#4b2f0d",
+  "color-yellow-930": "#2b1a08",
+  "color-yellow-030": "#fff9e8",
+  "color-yellow-060": "#fff0be",
+  "color-yellow-090": "#ffe27d",
+  "color-orange-120": "#ffa54d",
+  "color-orange-240": "#f47b20",
+  "color-orange-360": "#d95c0b",
+  "color-orange-480": "#b74406",
+  "color-orange-600": "#913408",
+  "color-orange-720": "#70290d",
+  "color-orange-840": "#57230f",
+  "color-orange-930": "#321207",
+  "color-orange-030": "#fff5ea",
+  "color-orange-060": "#ffe7cb",
+  "color-orange-090": "#ffc98f",
+  "color-pink-120": "#ff94c4",
+  "color-pink-240": "#f45a9d",
+  "color-pink-360": "#d9367e",
+  "color-pink-480": "#b62364",
+  "color-pink-600": "#931d51",
+  "color-pink-720": "#771a43",
+  "color-pink-840": "#62183a",
+  "color-pink-930": "#3b0920",
+  "color-pink-030": "#fff1f8",
+  "color-pink-060": "#ffe1f0",
+  "color-pink-090": "#ffc3e0",
+  "color-violet-120": "#c5a4ff",
+  "color-violet-240": "#a574f2",
+  "color-violet-360": "#864fd6",
+  "color-violet-480": "#6c37b2",
+  "color-violet-600": "#572d8e",
+  "color-violet-720": "#472671",
+  "color-violet-840": "#3a225b",
+  "color-violet-930": "#241238",
+  "color-violet-030": "#f8f4ff",
+  "color-violet-060": "#efe6ff",
+  "color-violet-090": "#dfcdff",
+  "color-red-120": "#f99a92",
+  "color-red-240": "#ed6a61",
+  "color-red-360": "#d6473f",
+  "color-red-480": "#b6332e",
+  "color-red-600": "#922824",
+  "color-red-720": "#772421",
+  "color-red-840": "#64231f",
+  "color-red-930": "#380f0d",
+  "color-red-030": "#fff2f1",
+  "color-red-060": "#ffe2e0",
+  "color-red-090": "#ffc8c4",
+  "color-neutral-120": "#d2c8b6",
+  "color-neutral-240": "#b0a593",
+  "color-neutral-360": "#897f70",
+  "color-neutral-480": "#665e53",
+  "color-neutral-600": "#4a443d",
+  "color-neutral-720": "#302d29",
+  "color-neutral-840": "#20201e",
+  "color-neutral-930": "#151817",
+  "color-neutral-030": "#fcfaf3",
+  "color-neutral-060": "#f5f1e6",
+  "color-neutral-090": "#e7e0d1",
+  "color-primary-120": "#9bb3ff",
+  "color-primary-240": "#6e8fef",
+  "color-primary-360": "#4d6dd1",
+  "color-primary-480": "#3854ae",
+  "color-primary-600": "#2c438b",
+  "color-primary-720": "#23366f",
+  "color-primary-840": "#1a2a59",
+  "color-primary-930": "#101b3a",
+  "color-primary-030": "#f2f5ff",
+  "color-primary-060": "#e2e9ff",
+  "color-primary-090": "#c4d2ff",
+  "color-background-canvas": "#fcfaf3",
+  "color-background-subtle": "#f5f1e6",
+  "color-background-inverse": "#101b3a",
+  "color-surface-default": "#fcfaf3",
+  "color-surface-raised": "#fcfaf3",
+  "color-surface-sunken": "#f5f1e6",
+  "color-surface-selected": "#d5f4f6",
+  "color-surface-disabled": "#e7e0d1",
+  "color-text-primary": "#151817",
+  "color-text-secondary": "#302d29",
+  "color-text-muted": "#4a443d",
+  "color-text-disabled": "#665e53",
+  "color-text-inverse": "#fcfaf3",
+  "color-text-link": "#2c438b",
+  "color-icon-primary": "#151817",
+  "color-icon-secondary": "#665e53",
+  "color-icon-muted": "#897f70",
+  "color-icon-disabled": "#b0a593",
+  "color-icon-inverse": "#fcfaf3",
+  "color-border-subtle": "#e7e0d1",
+  "color-border-default": "#897f70",
+  "color-border-strong": "#665e53",
+  "color-border-disabled": "#665e53",
+  "color-focus-inner": "#f2f5ff",
+  "color-focus-outer": "#101b3a",
+  "color-actionprimary-default": "#2c438b",
+  "color-actionprimary-hover": "#23366f",
+  "color-actionprimary-pressed": "#1a2a59",
+  "color-actionprimary-content": "#fcfaf3",
+  "color-actionprimary-disabled": "#e7e0d1",
+  "color-actionprimary-disabledcontent": "#665e53",
+  "color-actionsecondary-surfacedefault": "#00000000",
+  "color-actionsecondary-surfacehover": "#f2f5ff",
+  "color-actionsecondary-surfacepressed": "#e2e9ff",
+  "color-actionsecondary-surfacedisabled": "#00000000",
+  "color-actionsecondary-contentdefault": "#2c438b",
+  "color-actionsecondary-contenthover": "#23366f",
+  "color-actionsecondary-contentpressed": "#1a2a59",
+  "color-actionsecondary-contentdisabled": "#665e53",
+  "color-actionquiet-surfacedefault": "#00000000",
+  "color-actionquiet-surfacehover": "#f2f5ff",
+  "color-actionquiet-surfacepressed": "#e2e9ff",
+  "color-actionquiet-surfacedisabled": "#00000000",
+  "color-actionquiet-contentdefault": "#2c438b",
+  "color-actionquiet-contenthover": "#23366f",
+  "color-actionquiet-contentpressed": "#1a2a59",
+  "color-actionquiet-contentdisabled": "#665e53",
+  "color-actiondestructive-default": "#922824",
+  "color-actiondestructive-hover": "#772421",
+  "color-actiondestructive-pressed": "#64231f",
+  "color-actiondestructive-content": "#fcfaf3",
+  "color-actiondestructive-disabled": "#e7e0d1",
+  "color-actiondestructive-disabledcontent": "#665e53",
+  "color-feedbackinformative-surface": "#174d5b",
+  "color-feedbackinformative-content": "#fcfaf3",
+  "color-feedbackinformative-inlinecontent": "#2c438b",
+  "color-feedbackpositive-surface": "#216240",
+  "color-feedbackpositive-content": "#fcfaf3",
+  "color-feedbackpositive-inlinecontent": "#216240",
+  "color-feedbackcaution-surface": "#ffe27d",
+  "color-feedbackcaution-content": "#20201e",
+  "color-feedbackcaution-inlinecontent": "#825100",
+  "color-feedbackcritical-surface": "#922824",
+  "color-feedbackcritical-content": "#fcfaf3",
+  "color-feedbackcritical-inlinecontent": "#b6332e",
+  "color-selection-surface": "#e2e9ff",
+  "color-selection-content": "#1a2a59",
+  "color-control-thumb": "#1a2a59",
+  "material-gem-color-cutedge-outerhigh": "#f5f1e6ed",
+  "material-gem-color-cutedge-outermid": "#9bb3ff7a",
+  "material-gem-color-cutedge-outerlow": "#f5f1e608",
+  "material-gem-color-cutedge-outeraccent": "#2096a75c",
+  "material-gem-color-cutedge-high": "#f5f1e6b8",
+  "material-gem-color-cutedge-mid": "#e2e9ff5c",
+  "material-gem-color-cutedge-low": "#f5f1e608",
+  "material-gem-color-cutedge-shadow": "#101b3a29",
+  "material-gem-color-quiet-environmentalface": "#fcfaf37a",
+  "material-gem-color-quiet-stabilizedface": "#f5f1e6b8",
+  "material-gem-color-quiet-opaqueequivalent": "#fcfaf3",
+  "material-gem-color-innerthincut-face": "#f5f1e6b8",
+  "material-gem-color-innerthincut-high": "#f5f1e68a",
+  "material-gem-color-innerthincut-mid": "#9bb3ff2e",
+  "material-gem-color-innerthincut-low": "#f5f1e608",
+  "material-gem-color-facet-cool": "#2c438b2e",
+  "material-gem-color-facet-warm": "#f47b201f",
+  "material-gem-color-family-emerald-environmentalface": "#0c24187a",
+  "material-gem-color-family-emerald-stabilizedface": "#0c241845",
+  "material-gem-color-family-emerald-edge": "#58b982a8",
+  "material-gem-color-family-emerald-innerhigh": "#bce6ce5c",
+  "material-gem-color-family-emerald-innermid": "#58b9822e",
+  "material-gem-color-family-emerald-innerlow": "#bce6ce08",
+  "material-gem-color-family-emerald-opaqueequivalent": "#0c2418",
+  "material-gem-color-family-ruby-environmentalface": "#380f0d7a",
+  "material-gem-color-family-ruby-stabilizedface": "#380f0d45",
+  "material-gem-color-family-ruby-edge": "#ed6a61a8",
+  "material-gem-color-family-ruby-innerhigh": "#ffc8c45c",
+  "material-gem-color-family-ruby-innermid": "#ed6a612e",
+  "material-gem-color-family-ruby-innerlow": "#ffc8c408",
+  "material-gem-color-family-ruby-opaqueequivalent": "#380f0d",
+  "material-gem-color-family-sapphire-environmentalface": "#101b3a7a",
+  "material-gem-color-family-sapphire-stabilizedface": "#101b3a4d",
+  "material-gem-color-family-sapphire-edge": "#6e8fefa8",
+  "material-gem-color-family-sapphire-innerhigh": "#e2e9ff63",
+  "material-gem-color-family-sapphire-innermid": "#6e8fef2e",
+  "material-gem-color-family-sapphire-innerlow": "#e2e9ff08",
+  "material-gem-color-family-sapphire-opaqueequivalent": "#101b3a",
+  "material-gem-color-family-amethyst-environmentalface": "#2412387a",
+  "material-gem-color-family-amethyst-stabilizedface": "#24123845",
+  "material-gem-color-family-amethyst-edge": "#a574f2a8",
+  "material-gem-color-family-amethyst-innerhigh": "#dfcdff5c",
+  "material-gem-color-family-amethyst-innermid": "#a574f22e",
+  "material-gem-color-family-amethyst-innerlow": "#dfcdff08",
+  "material-gem-color-family-amethyst-opaqueequivalent": "#241238",
+  "material-control-gem--primary-start": "#3854ae",
+  "material-control-gem--primary-mid": "#2c438b",
+  "material-control-gem--primary-end": "#23366f",
+  "material-control-gem--primary-hover-start": "#2c438b",
+  "material-control-gem--primary-hover-mid": "#23366f",
+  "material-control-gem--primary-hover-end": "#1a2a59",
+  "material-control-gem--primary-loading-start": "#23366f",
+  "material-control-gem--primary-loading-mid": "#1a2a59",
+  "material-control-gem--primary-loading-end": "#101b3a",
+  "material-control-gem--primary-content": "#fcfaf3",
+  "material-control-gem--secondary-high": "#fcfaf338",
+  "material-control-gem--secondary-mid": "#fcfaf30d",
+  "material-control-gem--secondary-low": "#fcfaf31f",
+  "material-control-gem--secondary-hover-high": "#fcfaf34d",
+  "material-control-gem--secondary-hover-mid": "#fcfaf317",
+  "material-control-gem--secondary-hover-low": "#fcfaf32e",
+  "material-control-gem--secondary-loading-high": "#fcfaf363",
+  "material-control-gem--secondary-loading-mid": "#fcfaf31f",
+  "material-control-gem--secondary-loading-low": "#fcfaf33d",
+  "material-control-gem--secondary-content": "#fcfaf3",
+  "material-control-gem--rim-default": "#fcfaf33d",
+  "material-control-gem--rim-specular": "#fcfaf38a",
+  "material-control-gem--rim-hover": "#fcfaf35c",
+  "material-control-gem--blur": "12px",
+  "material-control-gem--stop-1": "14.639%",
+  "material-control-gem--stop-2": "48.586%",
+  "material-control-gem--stop-3": "85.361%",
+  "dimension-scale-108": "108px",
+  "dimension-scale-000": "0px",
+  "dimension-scale-003": "3px",
+  "dimension-scale-006": "6px",
+  "dimension-scale-009": "9px",
+  "dimension-scale-012": "12px",
+  "dimension-scale-015": "15px",
+  "dimension-scale-018": "18px",
+  "dimension-scale-024": "24px",
+  "dimension-scale-030": "30px",
+  "dimension-scale-036": "36px",
+  "dimension-scale-042": "42px",
+  "dimension-scale-048": "48px",
+  "dimension-scale-060": "60px",
+  "dimension-scale-072": "72px",
+  "dimension-scale-084": "84px",
+  "dimension-scale-096": "96px",
+  "shape-radius-none": "0px",
+  "shape-radius-subtle": "3px",
+  "shape-radius-compact": "6px",
+  "shape-radius-medium": "9px",
+  "shape-radius-standard": "12px",
+  "shape-radius-comfortable": "18px",
+  "shape-radius-container": "24px",
+  "shape-radius-display": "36px",
+  "shape-radius-full": "999px",
+  "font-family-display": "\"Syne\", ui-sans-serif, system-ui, sans-serif",
+  "font-family-functional": "\"AR One Sans\", ui-sans-serif, system-ui, sans-serif",
+  "font-size-012": "12px",
+  "font-size-016": "16px",
+  "font-size-021": "21px",
+  "font-size-030": "30px",
+  "font-size-039": "39px",
+  "font-size-051": "51px",
+  "font-size-066": "66px",
+  "font-line-018": "18px",
+  "font-line-024": "24px",
+  "font-line-030": "30px",
+  "font-line-039": "39px",
+  "font-line-048": "48px",
+  "font-line-060": "60px",
+  "font-line-072": "72px",
+  "font-weight-regular": "450",
+  "font-weight-semibold": "600",
+  "font-weight-bold": "690",
+  "font-variation-functional": "\"ARRR\" 10",
+  "border-width-standard": "2px",
+  "spacing-stack-grouped": "18px",
+  "spacing-stack-related": "12px",
+  "spacing-inset-standard": "18px",
+  "elevation-flat": "none",
+  "elevation-raised": "0 3px 6px 0 rgba(22,63,75,0.12)",
+  "elevation-floating": "0 3px 6px 0 rgba(22,63,75,0.12), 0 6px 18px -3px rgba(22,63,75,0.18)",
+  "elevation-overlay": "0 6px 12px 0 rgba(22,63,75,0.18), 0 12px 36px -6px rgba(22,63,75,0.24)",
+  "elevation-blocking": "0 12px 24px 0 rgba(22,63,75,0.24), 0 24px 72px -12px rgba(22,63,75,0.36)",
+  "icon-source-size": "24px",
+  "icon-source-stroke": "1.8",
+  "icon-size-108": "108px",
+  "icon-size-009": "9px",
+  "icon-size-012": "12px",
+  "icon-size-018": "18px",
+  "icon-size-024": "24px",
+  "icon-size-030": "30px",
+  "icon-size-036": "36px",
+  "icon-size-048": "48px",
+  "icon-size-060": "60px",
+  "icon-size-072": "72px",
+  "icon-size-096": "96px",
+  "component-choice-chip-terminal": "12px",
+  "component-choice-chip-height-standard": "36px",
+  "component-choice-chip-target-standard": "48px",
+  "component-choice-chip-rail-inset-standard": "12px",
+  "component-button-gap-compact": "6px",
+  "component-button-gap-comfortable": "9px",
+  "component-button-paddinginline-compact": "12px",
+  "component-button-paddinginline-standard": "15px",
+  "component-button-paddinginline-comfortable": "18px",
+  "component-button-paddinginline-large": "24px",
+  "component-button-height-compact": "36px",
+  "component-button-height-standard": "42px",
+  "component-button-height-comfortable": "48px",
+  "component-button-height-large": "60px",
+  "component-button-radius-compact": "6px",
+  "component-button-radius-standard": "9px",
+  "component-button-radius-comfortable": "12px",
+  "component-button-radius-large": "12px",
+  "component-button-secondaryboundary": "2px",
+  "component-icon-stroke": "1.8",
+  "component-iconbutton-box-compact": "36px",
+  "component-iconbutton-box-standard": "42px",
+  "component-iconbutton-box-comfortable": "48px",
+  "component-iconbutton-box-large": "60px",
+  "component-iconbutton-target-compact": "48px",
+  "component-iconbutton-target-standard": "48px",
+  "component-iconbutton-target-comfortable": "48px",
+  "component-iconbutton-target-large": "60px",
+  "component-iconbutton-radius-compact": "9px",
+  "component-iconbutton-radius-standard": "12px",
+  "component-iconbutton-radius-comfortable": "12px",
+  "component-iconbutton-radius-large": "18px",
+  "component-iconbutton-artwork-compact": "18px",
+  "component-iconbutton-artwork-standard": "18px",
+  "component-iconbutton-artwork-comfortable": "24px",
+  "component-iconbutton-artwork-large": "24px",
+  "component-iconbutton-pressedscrim": "rgba(0,0,0,0.24)",
+  "component-checkbox-radius-compact": "3px",
+  "component-checkbox-radius-comfortable": "6px",
+  "component-checkbox-boundary": "1.8px",
+  "component-radio-boundary": "1.8px",
+  "component-radio-dot-compact": "9px",
+  "component-radio-dot-comfortable": "12px",
+  "component-switch-trackwidth-compact": "36px",
+  "component-switch-trackwidth-comfortable": "48px",
+  "component-switch-trackheight-compact": "18px",
+  "component-switch-trackheight-comfortable": "24px",
+  "component-switch-thumb-compact": "12px",
+  "component-switch-thumb-comfortable": "18px",
+  "component-switch-inset": "3px",
+  "component-choice-optical-stroke": "1.8px",
+  "component-choice-mixed-bar-width": "9px",
+  "component-choice-mixed-bar-height": "1.8px",
+  "component-choice-gap-compact": "6px",
+  "component-choice-gap-standard": "9px",
+  "component-choice-rowminimum": "48px",
+  "component-selectionoption-inset-standard": "12px",
+  "component-selectionoption-inset-large": "15px",
+  "component-selectionoption-minimum-standard": "48px",
+  "component-selectionoption-minimum-large": "60px",
+  "focus-ring-innerwidth": "3px",
+  "focus-ring-outerwidth": "3px",
+  "size-icon-small": "18px",
+  "size-icon-standard": "24px",
+  "size-icon-micro": "9px",
+  "size-icon-compact": "12px"
+};

package/package.json

@@ -1,30 +1,56 @@
 {
   "name": "@oneli8/tokens",
-  "version": "1.0.0-beta.2",
-  "publishConfig": {"access":"public","tag":"beta"},
-  "repository": {"type":"git","url":"git+https://github.com/Akshay007ad/OneLi8-Design-System.git","directory":"packages/tokens"},
+  "version": "1.0.0-beta.3",
+  "description": "OneLi8 Design System \u2014 design tokens compiled from Figma. CSS custom properties and a flat JS object.",
+  "keywords": [
+    "design-tokens",
+    "css-variables",
+    "design-system",
+    "figma",
+    "oneli8"
+  ],
+  "homepage": "https://github.com/Akshay007ad/OneLi8-Design-System#readme",
+  "bugs": {
+    "url": "https://github.com/Akshay007ad/OneLi8-Design-System/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Akshay007ad/OneLi8-Design-System.git",
+    "directory": "packages/tokens"
+  },
   "license": "Apache-2.0",
+  "author": "Akshay Dhore",
   "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/tokens.d.ts",
+      "import": "./dist/tokens.js",
+      "default": "./dist/tokens.js"
+    },
+    "./css": "./dist/tokens.css",
+    "./tokens.css": "./dist/tokens.css",
+    "./tailwind": "./dist/tailwind/preset.mjs",
+    "./tailwind.css": "./dist/tailwind/theme.css",
+    "./figma": "./dist/figma/variables.json",
+    "./status": "./dist/status/components.json",
+    "./source": "./src/tokens.json",
+    "./package.json": "./package.json"
+  },
+  "types": "./dist/tokens.d.ts",
+  "sideEffects": [
+    "./dist/tokens.css"
+  ],
   "files": [
-    "build",
-    "schema",
-    "scripts",
+    "dist",
     "src",
-    "status",
     "README.md",
     "LICENSE",
     "NOTICE"
   ],
-  "scripts": {
-    "build": "node scripts/build.mjs --standalone",
-    "test": "node scripts/test.mjs --standalone"
+  "engines": {
+    "node": ">=20"
   },
-  "exports": {
-    ".": "./build/typescript/index.js",
-    "./css": "./build/css/tokens.css",
-    "./tailwind": "./build/tailwind/preset.mjs",
-    "./tailwind.css": "./build/tailwind/theme.css",
-    "./figma": "./build/figma/variables.json",
-    "./status": "./build/status/components.json"
+  "publishConfig": {
+    "access": "public"
   }
 }