@scattered-light/loomiere-mojave 0.7.1 → 0.9.0

package/dist/tokens.d.ts

@@ -125,6 +125,7 @@ declare const tokens: {
     readonly "normal": string;
     readonly "wide": string;
     readonly "wider": string;
+    readonly "caps": string;
     readonly "widest": string;
   };
   readonly "font-family": {
@@ -1780,6 +1781,7 @@ declare const tokens: {
     readonly "pre-background": string;
     readonly "pre-border": string;
     readonly "pre-text": string;
+    readonly "pre-radius": string;
     readonly "prose-color": string;
     readonly "scrollbar-thumb": string;
     readonly "scrollbar-thumb-hover": string;
@@ -1964,6 +1966,10 @@ declare const tokens: {
     readonly "empty-padding-block": string;
     readonly "min-width": string;
   };
+  readonly "rule": {
+    readonly "width": string;
+    readonly "color": string;
+  };
   readonly "color-scheme": string;
   readonly "control": {
     readonly "height-lg": string;
@@ -2016,6 +2022,10 @@ declare const tokens: {
     readonly "header-height": string;
     readonly "cell-padding-inline": string;
     readonly "radius": string;
+    readonly "total-rule-color": string;
+    readonly "subtotal-rule-width": string;
+    readonly "grand-total-rule-width": string;
+    readonly "total-background": string;
   };
   readonly "font": {
     readonly "body-base": {
@@ -2074,6 +2084,15 @@ declare const tokens: {
       readonly "letter-spacing": string;
       readonly "font": string;
     };
+    readonly "figures-base": {
+      readonly "font-family": string;
+      readonly "font-size": string;
+      readonly "font-weight": number;
+      readonly "line-height": number;
+      readonly "letter-spacing": string;
+      readonly "font-variant-numeric": string;
+      readonly "font": string;
+    };
     readonly "code-condense": {
       readonly "font-family": string;
       readonly "font-size": string;
@@ -2082,6 +2101,15 @@ declare const tokens: {
       readonly "letter-spacing": string;
       readonly "font": string;
     };
+    readonly "figures-condense": {
+      readonly "font-family": string;
+      readonly "font-size": string;
+      readonly "font-weight": number;
+      readonly "line-height": number;
+      readonly "letter-spacing": string;
+      readonly "font-variant-numeric": string;
+      readonly "font": string;
+    };
     readonly "body-condense": {
       readonly "font-family": string;
       readonly "font-size": string;
@@ -2131,6 +2159,15 @@ declare const tokens: {
       readonly "text-transform": string;
       readonly "font": string;
     };
+    readonly "caps-condense": {
+      readonly "font-family": string;
+      readonly "font-size": string;
+      readonly "font-weight": number;
+      readonly "line-height": number;
+      readonly "letter-spacing": string;
+      readonly "text-transform": string;
+      readonly "font": string;
+    };
     readonly "title-condense": {
       readonly "font-family": string;
       readonly "font-size": string;
@@ -2686,6 +2723,16 @@ declare const tokens: {
       };
     };
   };
+  readonly "app-bar": {
+    readonly "height": string;
+    readonly "padding-inline": string;
+    readonly "gap": string;
+    readonly "background": string;
+    readonly "border-width": string;
+    readonly "border-color": string;
+    readonly "divider-height": string;
+    readonly "divider-color": string;
+  };
   readonly "avatar": {
     readonly "size-xs": string;
     readonly "size-sm": string;
@@ -2730,6 +2777,18 @@ declare const tokens: {
     readonly "editable-list-stack-width": string;
     readonly "selection-column-width": string;
   };
+  readonly "description-list": {
+    readonly "row-padding-block": string;
+    readonly "row-padding-inline": string;
+    readonly "row-border-color": string;
+    readonly "column-gap": string;
+    readonly "label-width": string;
+    readonly "label-color": string;
+    readonly "value-color": string;
+    readonly "leader-color": string;
+    readonly "leader-width": string;
+    readonly "leader-gap": string;
+  };
   readonly "drawer": {
     readonly "popup-size": string;
     readonly "popup-max-size": string;
@@ -2752,6 +2811,10 @@ declare const tokens: {
     readonly "popup-min-width": string;
     readonly "column-width": string;
   };
+  readonly "picker-button": {
+    readonly "max-width": string;
+    readonly "label-color": string;
+  };
   readonly "popover": {
     readonly "text-max-width": string;
     readonly "popup-min-width": string;
@@ -2760,6 +2823,21 @@ declare const tokens: {
     readonly "popup-min-width": string;
     readonly "popup-max-width": string;
   };
+  readonly "sheet": {
+    readonly "background": string;
+    readonly "border-color": string;
+    readonly "border-width": string;
+    readonly "rule-width": string;
+    readonly "rule-color": string;
+    readonly "radius": string;
+    readonly "padding": string;
+    readonly "tab-background": string;
+    readonly "tab-color": string;
+    readonly "tab-height": string;
+    readonly "tab-padding-inline": string;
+    readonly "tab-radius": string;
+    readonly "header-gap": string;
+  };
   readonly "slider": {
     readonly "thumb-size": string;
     readonly "vertical-height": string;
@@ -2771,6 +2849,20 @@ declare const tokens: {
     readonly "key-step": string;
     readonly "key-step-large": string;
   };
+  readonly "stat-figure": {
+    readonly "figure-font-size": string;
+    readonly "figure-font-size-sm": string;
+    readonly "figure-line-height": number;
+    readonly "figure-line-height-sm": number;
+    readonly "figure-font-weight": number;
+    readonly "figure-color": string;
+    readonly "figure-color-accent": string;
+    readonly "underline-width": string;
+    readonly "underline-color": string;
+    readonly "label-color": string;
+    readonly "caption-color": string;
+    readonly "gap": string;
+  };
   readonly "switch": {
     readonly "track-width": string;
     readonly "track-width-sm": string;
@@ -2789,6 +2881,12 @@ declare const tokens: {
     readonly "viewport-margin": string;
     readonly "viewport-margin-md": string;
   };
+  readonly "toggle-group": {
+    readonly "segmented-border-color": string;
+    readonly "segmented-background": string;
+    readonly "segmented-pressed-background": string;
+    readonly "segmented-pressed-color": string;
+  };
   readonly "toggle": {
     readonly "opacity-disabled": string;
   };

package/dist/tokens.js

@@ -125,6 +125,7 @@ const tokens = {
     "normal": "0",
     "wide": "0.025em",
     "wider": "0.05em",
+    "caps": "0.08em",
     "widest": "0.1em"
   },
   "font-family": {
@@ -1780,6 +1781,7 @@ const tokens = {
     "pre-background": "#ffffff",
     "pre-border": "#e7ece4",
     "pre-text": "#221928",
+    "pre-radius": "0.5rem",
     "prose-color": "#221928",
     "scrollbar-thumb": "#d1dbd1",
     "scrollbar-thumb-hover": "#bcccc1",
@@ -1964,6 +1966,10 @@ const tokens = {
     "empty-padding-block": "1.5rem",
     "min-width": "200px"
   },
+  "rule": {
+    "width": "0px",
+    "color": "#7c8980"
+  },
   "color-scheme": "light",
   "control": {
     "height-lg": "3.25rem",
@@ -2015,7 +2021,11 @@ const tokens = {
     "row-height": "2.25rem",
     "header-height": "2.75rem",
     "cell-padding-inline": "0.75rem",
-    "radius": "0.5rem"
+    "radius": "0.5rem",
+    "total-rule-color": "#7c8980",
+    "subtotal-rule-width": "1px",
+    "grand-total-rule-width": "3px",
+    "total-background": "#ffffff"
   },
   "font": {
     "body-base": {
@@ -2074,6 +2084,15 @@ const tokens = {
       "letter-spacing": "0",
       "font": "600 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Funnel Display', sans-serif"
     },
+    "figures-base": {
+      "font-family": "'Roboto Mono', monospace",
+      "font-size": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
+      "font-weight": 400,
+      "line-height": 1.35,
+      "letter-spacing": "0",
+      "font-variant-numeric": "tabular-nums",
+      "font": "400 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Roboto Mono', monospace"
+    },
     "code-condense": {
       "font-family": "'Roboto Mono', monospace",
       "font-size": "0.75rem",
@@ -2082,6 +2101,15 @@ const tokens = {
       "letter-spacing": "0",
       "font": "400 0.75rem / 1.428 'Roboto Mono', monospace"
     },
+    "figures-condense": {
+      "font-family": "'Roboto Mono', monospace",
+      "font-size": "0.75rem",
+      "font-weight": 400,
+      "line-height": 1.428,
+      "letter-spacing": "0",
+      "font-variant-numeric": "tabular-nums",
+      "font": "400 0.75rem / 1.428 'Roboto Mono', monospace"
+    },
     "body-condense": {
       "font-family": "'Barlow Semi Condensed', sans-serif",
       "font-size": "0.75rem",
@@ -2131,6 +2159,15 @@ const tokens = {
       "text-transform": "uppercase",
       "font": "600 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
     },
+    "caps-condense": {
+      "font-family": "'Barlow Semi Condensed', sans-serif",
+      "font-size": "0.75rem",
+      "font-weight": 600,
+      "line-height": 1.428,
+      "letter-spacing": "0.08em",
+      "text-transform": "uppercase",
+      "font": "600 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
+    },
     "title-condense": {
       "font-family": "'Funnel Display', sans-serif",
       "font-size": "0.75rem",
@@ -2686,6 +2723,16 @@ const tokens = {
       }
     }
   },
+  "app-bar": {
+    "height": "4rem",
+    "padding-inline": "1.5rem",
+    "gap": "0.625rem",
+    "background": "#f8fbf9",
+    "border-width": "1px",
+    "border-color": "#7c8980",
+    "divider-height": "1.5rem",
+    "divider-color": "#7c8980"
+  },
   "avatar": {
     "size-xs": "2rem",
     "size-sm": "2.5rem",
@@ -2730,6 +2777,18 @@ const tokens = {
     "editable-list-stack-width": "20rem",
     "selection-column-width": "2.5rem"
   },
+  "description-list": {
+    "row-padding-block": "0.5rem",
+    "row-padding-inline": "1rem",
+    "row-border-color": "#eff3ee",
+    "column-gap": "1rem",
+    "label-width": "minmax(8rem, 1fr)",
+    "label-color": "#4f5852",
+    "value-color": "#221928",
+    "leader-color": "#7c8980",
+    "leader-width": "1px",
+    "leader-gap": "0.375rem"
+  },
   "drawer": {
     "popup-size": "min(420px, 90vw)",
     "popup-max-size": "85vh",
@@ -2752,6 +2811,10 @@ const tokens = {
     "popup-min-width": "400px",
     "column-width": "12rem"
   },
+  "picker-button": {
+    "max-width": "18rem",
+    "label-color": "#4f5852"
+  },
   "popover": {
     "text-max-width": "45ch",
     "popup-min-width": "200px"
@@ -2760,6 +2823,21 @@ const tokens = {
     "popup-min-width": "300px",
     "popup-max-width": "450px"
   },
+  "sheet": {
+    "background": "#f8fbf9",
+    "border-color": "#e7ece4",
+    "border-width": "1px",
+    "rule-width": "2px",
+    "rule-color": "#7c8980",
+    "radius": "0.5rem",
+    "padding": "1rem",
+    "tab-background": "#353d38",
+    "tab-color": "#f8fbf9",
+    "tab-height": "1.75rem",
+    "tab-padding-inline": "0.875rem",
+    "tab-radius": "0.125rem",
+    "header-gap": "0.75rem"
+  },
   "slider": {
     "thumb-size": "1.25rem",
     "vertical-height": "200px"
@@ -2771,6 +2849,20 @@ const tokens = {
     "key-step": "5%",
     "key-step-large": "10%"
   },
+  "stat-figure": {
+    "figure-font-size": "clamp(2.0736rem, 1.9354rem + 0.6912vw, 2.4883rem)",
+    "figure-font-size-sm": "clamp(1.44rem, 1.344rem + 0.48vw, 1.728rem)",
+    "figure-line-height": 1,
+    "figure-line-height-sm": 1.253,
+    "figure-font-weight": 600,
+    "figure-color": "#221928",
+    "figure-color-accent": "#7131a0",
+    "underline-width": "3px",
+    "underline-color": "#7c8980",
+    "label-color": "#4f5852",
+    "caption-color": "#4f5852",
+    "gap": "0.25rem"
+  },
   "switch": {
     "track-width": "48px",
     "track-width-sm": "44px",
@@ -2789,6 +2881,12 @@ const tokens = {
     "viewport-margin": "1rem",
     "viewport-margin-md": "2rem"
   },
+  "toggle-group": {
+    "segmented-border-color": "#7c8980",
+    "segmented-background": "#f8fbf9",
+    "segmented-pressed-background": "#353d38",
+    "segmented-pressed-color": "#f8fbf9"
+  },
   "toggle": {
     "opacity-disabled": "0.5"
   },