@workday/canvas-tokens-web 4.3.0-beta.3 → 4.4.0-beta.0

package/dist/common-js/system/sana.js

@@ -0,0 +1,382 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 09 Jun 2026 16:53:31 GMT
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+exports.sana = {
+  breakpoints: {
+    xxl: "var(--cnvs-sys-breakpoints-xxl, 2180px)"
+  },
+  shape: {
+    sm: "var(--cnvs-sys-shape-sm, 0.375rem)",
+    xxl: "var(--cnvs-sys-shape-xxl, 1.25rem)",
+    xxxl: "var(--cnvs-sys-shape-xxxl, 1.75rem)",
+    xs: "var(--cnvs-sys-shape-xs, 0.25rem)"
+  },
+  lineHeight: {
+    body: {
+      md: "var(--cnvs-sys-line-height-body-md, 1.5rem)"
+    }
+  },
+  type: {
+    body: {
+      md: {
+        fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
+        fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
+        lineHeight: "var(--cnvs-sys-line-height-body-md, 1.5rem)",
+        fontSize: "var(--cnvs-sys-font-size-body-md, 1.125rem)",
+        letterSpacing: "var(--cnvs-sys-letter-spacing-body-md, 0rem)"
+      },
+      lg: {
+        fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
+        fontWeight: "var(--cnvs-sys-font-weight-normal, 400)",
+        lineHeight: "var(--cnvs-sys-line-height-body-lg, 1.75rem)",
+        fontSize: "var(--cnvs-sys-font-size-body-lg, 1.25rem)",
+        letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
+      }
+    },
+    heading: {
+      sm: {
+        fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
+        fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
+        lineHeight: "var(--cnvs-sys-line-height-heading-sm, 2rem)",
+        fontSize: "var(--cnvs-sys-font-size-heading-sm, 1.5rem)",
+        letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)"
+      },
+      md: {
+        fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
+        fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
+        lineHeight: "var(--cnvs-sys-line-height-heading-md, 2.25rem)",
+        fontSize: "var(--cnvs-sys-font-size-heading-md, 1.75rem)",
+        letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)"
+      },
+      lg: {
+        fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
+        fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
+        lineHeight: "var(--cnvs-sys-line-height-heading-lg, 2.5rem)",
+        fontSize: "var(--cnvs-sys-font-size-heading-lg, 2rem)",
+        letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
+      }
+    },
+    title: {
+      sm: {
+        fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
+        fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
+        lineHeight: "var(--cnvs-sys-line-height-title-sm, 3rem)",
+        fontSize: "var(--cnvs-sys-font-size-title-sm, 2.5rem)",
+        letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)"
+      },
+      md: {
+        fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
+        fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
+        lineHeight: "var(--cnvs-sys-line-height-title-md, 3.5rem)",
+        fontSize: "var(--cnvs-sys-font-size-title-md, 3rem)",
+        letterSpacing: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)"
+      },
+      lg: {
+        fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans LCG 05 VF\")",
+        fontWeight: "var(--cnvs-sys-font-weight-bold, 700)",
+        lineHeight: "var(--cnvs-sys-line-height-title-lg, 4rem)",
+        fontSize: "var(--cnvs-sys-font-size-title-lg, 3.5rem)",
+        letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
+      }
+    }
+  },
+  color: {
+    bg: {
+      alt: {
+        default: "var(--cnvs-sys-color-bg-alt-default, oklch(0.9702 0 0 / 1))"
+      },
+      default: "var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1))"
+    },
+    fg: {
+      muted: {
+        default: "var(--cnvs-sys-color-fg-muted-default, oklch(0 0 0 / 0.6))",
+        strong: "var(--cnvs-sys-color-fg-muted-strong, oklch(0 0 0 / 0.6784))"
+      },
+      info: {
+        default: "var(--cnvs-sys-color-fg-info-default, oklch(0.5198 0.1782 256.11 / 1))",
+        strong: "var(--cnvs-sys-color-fg-info-strong, oklch(0.4658 0.1562 255.5 / 1))"
+      },
+      default: "var(--cnvs-sys-color-fg-default, oklch(0 0 0 / 0.8039))",
+      strong: "var(--cnvs-sys-color-fg-strong, oklch(0 0 0 / 0.8706))",
+      stronger: "var(--cnvs-sys-color-fg-stronger, oklch(0 0 0 / 0.8902))",
+      disabled: "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))",
+      inverse: "var(--cnvs-sys-color-fg-inverse, oklch(1 0 0 / 1))",
+      danger: {
+        default: "var(--cnvs-sys-color-fg-danger-default, oklch(0.5342 0.2172 29.53 / 1))",
+        strong: "var(--cnvs-sys-color-fg-danger-strong, oklch(0.4517 0.1847 28.2 / 1))"
+      },
+      warning: {
+        default: "var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1))",
+        strong: "var(--cnvs-sys-color-fg-warning-strong, oklch(0.4824 0.1353 46.11 / 1))"
+      },
+      success: {
+        default: "var(--cnvs-sys-color-fg-success-default, oklch(0.5069 0.1569 145.56 / 1))",
+        strong: "var(--cnvs-sys-color-fg-success-strong, oklch(0.4463 0.1422 144.58 / 1))"
+      },
+      ai: "var(--cnvs-sys-color-fg-ai, oklch(0.2452 0.0752 254.55 / 1))",
+      contrast: {
+        default: "var(--cnvs-sys-color-fg-contrast-default, oklch(0 0 0 / 0.8706))",
+        strong: "var(--cnvs-sys-color-fg-contrast-strong, oklch(0 0 0 / 0.8902))"
+      }
+    },
+    border: {
+      ai: "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))",
+      input: {
+        default: "var(--cnvs-sys-color-border-input-default, oklch(0 0 0 / 0.4706))",
+        hover: "var(--cnvs-sys-color-border-input-hover, oklch(0 0 0 / 0.6784))"
+      },
+      contrast: {
+        default: "var(--cnvs-sys-color-border-contrast-default, oklch(0 0 0 / 0.8706))"
+      },
+      default: "var(--cnvs-sys-color-border-default, oklch(0 0 0 / 0.0745))",
+      strong: "var(--cnvs-sys-color-border-strong, oklch(0 0 0 / 0.1686))",
+      info: {
+        default: "var(--cnvs-sys-color-border-info-default, oklch(0.6023 0.2032 255.68 / 1))"
+      },
+      danger: "var(--cnvs-sys-color-border-danger, oklch(0.6495 0.2369 30.04 / 1))",
+      warning: "var(--cnvs-sys-color-border-warning, oklch(0.6601 0.1537 60.7 / 1))",
+      inverse: {
+        default: "var(--cnvs-sys-color-border-inverse-default, oklch(1 0 0 / 1))",
+        strong: "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0 89.88 / 0.788))"
+      },
+      transparent: "var(--cnvs-sys-color-border-transparent, oklch(1 0 0 / 0))"
+    },
+    surface: {
+      default: "var(--cnvs-sys-color-surface-default, oklch(1 0 0 / 1))",
+      navigation: "var(--cnvs-sys-color-surface-navigation, oklch(0.9702 0 0 / 1))",
+      popover: "var(--cnvs-sys-color-surface-popover, oklch(1 0 0 / 1))",
+      modal: "var(--cnvs-sys-color-surface-modal, oklch(1 0 0 / 1))",
+      raised: "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))",
+      alt: {
+        default: "var(--cnvs-sys-color-surface-alt-default, oklch(0 0 0 / 0.0392))",
+        strong: "var(--cnvs-sys-color-surface-alt-strong, oklch(0 0 0 / 0.0745))"
+      },
+      loading: "var(--cnvs-sys-color-surface-loading, oklch(0 0 0 / 0.0392))",
+      info: {
+        default: "var(--cnvs-sys-color-surface-info-default, oklch(0.6141 0.2114 256.22 / 0.0706))",
+        strong: "var(--cnvs-sys-color-surface-info-strong, oklch(0.6141 0.2114 256.22 / 0.1098))"
+      },
+      danger: {
+        default: "var(--cnvs-sys-color-surface-danger-default, oklch(0.6329 0.253 30.1 / 0.0431))",
+        strong: "var(--cnvs-sys-color-surface-danger-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
+      },
+      warning: {
+        default: "var(--cnvs-sys-color-surface-warning-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
+        strong: "var(--cnvs-sys-color-surface-warning-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
+      },
+      success: {
+        default: "var(--cnvs-sys-color-surface-success-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
+        strong: "var(--cnvs-sys-color-surface-success-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
+      },
+      ai: {
+        default: "var(--cnvs-sys-color-surface-ai-default, oklch(0.6077 0.215 256.92 / 0.1608))",
+        hover: "var(--cnvs-sys-color-surface-ai-hover, oklch(0.6048 0.2166 257.21 / 0.31))",
+        pressed: "var(--cnvs-sys-color-surface-ai-pressed, oklch(0.708 0.1549 255.41 / 1))"
+      },
+      transparent: "var(--cnvs-sys-color-surface-transparent, oklch(1 0 0 / 0))",
+      inverse: "var(--cnvs-sys-color-surface-inverse, oklch(1 0 0 / 1))",
+      contrast: {
+        default: "var(--cnvs-sys-color-surface-contrast-default, oklch(0 0 0 / 0.8706))",
+        strong: "var(--cnvs-sys-color-surface-contrast-strong, oklch(0 0 0 / 0.8902))"
+      },
+      overlay: {
+        hover: {
+          default: "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0 0 0 / 0.0392))",
+          inverse: "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.25))"
+        },
+        mixin: "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 1))",
+        pressed: {
+          default: "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0 0 0 / 0.0745))",
+          inverse: "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.374))"
+        },
+        scrim: "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0 0 0 / 0.3529))",
+        raised: "var(--cnvs-sys-color-surface-overlay-raised, oklch(1 0 89.88 / 0.489))"
+      }
+    },
+    accent: {
+      ai: "var(--cnvs-sys-color-accent-ai, oklch(0.2452 0.0752 254.55 / 1))",
+      info: "var(--cnvs-sys-color-accent-info, oklch(0.5198 0.1782 256.11 / 1))",
+      danger: "var(--cnvs-sys-color-accent-danger, oklch(0.5342 0.2172 29.53 / 1))",
+      warning: "var(--cnvs-sys-color-accent-warning, oklch(0.7909 0.1711 70.15 / 1))",
+      success: "var(--cnvs-sys-color-accent-success, oklch(0.5069 0.1569 145.56 / 1))",
+      contrast: "var(--cnvs-sys-color-accent-contrast, oklch(0 0 0 / 0.8706))",
+      muted: {
+        default: "var(--cnvs-sys-color-accent-muted-default, oklch(0.5103 0 0 / 1))",
+        soft: "var(--cnvs-sys-color-accent-muted-soft, oklch(0.7219 0 89.88 / 1))"
+      },
+      overlay: {
+        hover: "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.118))",
+        pressed: "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.25))",
+        mixin: "var(--cnvs-sys-color-accent-overlay-mixin, oklch(0 0 0 / 1))"
+      }
+    },
+    brand: {
+      focus: {
+        primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))",
+        critical: "var(--cnvs-sys-color-brand-focus-critical, oklch(0.6495 0.2369 30.04 / 1))",
+        caution: {
+          outer: "var(--cnvs-sys-color-brand-focus-caution-outer, oklch(0.6601 0.1537 60.7 / 1))",
+          inner: "var(--cnvs-sys-color-brand-focus-caution-inner, oklch(0.7909 0.1711 70.15 / 1))"
+        }
+      },
+      surface: {
+        primary: {
+          default: "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0 0 0 / 0.0196))",
+          strong: "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0 0 0 / 0.0392))"
+        },
+        critical: {
+          default: "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6329 0.253 30.1 / 0.0431))",
+          strong: "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
+        },
+        caution: {
+          default: "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
+          strong: "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
+        },
+        positive: {
+          default: "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
+          strong: "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
+        },
+        selected: "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
+      },
+      accent: {
+        primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
+        critical: "var(--cnvs-sys-color-brand-accent-critical, oklch(0.5342 0.2172 29.53 / 1))",
+        caution: "var(--cnvs-sys-color-brand-accent-caution, oklch(0.7909 0.1711 70.15 / 1))",
+        positive: "var(--cnvs-sys-color-brand-accent-positive, oklch(0.5069 0.1569 145.56 / 1))",
+        action: "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))"
+      },
+      fg: {
+        primary: {
+          default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
+          strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
+        },
+        critical: {
+          default: "var(--cnvs-sys-color-brand-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1))",
+          strong: "var(--cnvs-sys-color-brand-fg-critical-strong, oklch(0.4517 0.1847 28.2 / 1))"
+        },
+        caution: {
+          default: "var(--cnvs-sys-color-brand-fg-caution-default, oklch(0.5505 0.1439 50.78 / 1))",
+          strong: "var(--cnvs-sys-color-brand-fg-caution-strong, oklch(0.4824 0.1353 46.11 / 1))"
+        },
+        positive: {
+          default: "var(--cnvs-sys-color-brand-fg-positive-default, oklch(0.5069 0.1569 145.56 / 1))",
+          strong: "var(--cnvs-sys-color-brand-fg-positive-strong, oklch(0.4463 0.1422 144.58 / 1))"
+        },
+        selected: "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))"
+      },
+      border: {
+        primary: "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))",
+        critical: "var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1))",
+        caution: "var(--cnvs-sys-color-brand-border-caution, oklch(0.6601 0.1537 60.7 / 1))"
+      }
+    },
+    focus: {
+      inverse: "var(--cnvs-sys-color-focus-inverse, oklch(1 0 0 / 1))",
+      contrast: "var(--cnvs-sys-color-focus-contrast, oklch(0 0 0 / 0.8706))"
+    },
+    chart: {
+      diverging: {
+        azure: {
+          coral: {
+            "1": "var(--cnvs-sys-color-chart-diverging-azure-coral-1, oklch(0.326 0.07 235.91 / 1))",
+            "2": "var(--cnvs-sys-color-chart-diverging-azure-coral-2, oklch(0.3912 0.0855 237.05 / 1))",
+            "3": "var(--cnvs-sys-color-chart-diverging-azure-coral-3, oklch(0.4618 0.1098 242.11 / 1))",
+            "4": "var(--cnvs-sys-color-chart-diverging-azure-coral-4, oklch(0.5174 0.1257 243.24 / 1))",
+            "5": "var(--cnvs-sys-color-chart-diverging-azure-coral-5, oklch(0.6555 0.1553 244.48 / 1))",
+            "6": "var(--cnvs-sys-color-chart-diverging-azure-coral-6, oklch(0.7283 0.1377 242.63 / 1))",
+            "7": "var(--cnvs-sys-color-chart-diverging-azure-coral-7, oklch(0.7991 0.107 239.24 / 1))",
+            "8": "var(--cnvs-sys-color-chart-diverging-azure-coral-8, oklch(0.8594 0.0867 230.07 / 1))",
+            "9": "var(--cnvs-sys-color-chart-diverging-azure-coral-9, oklch(0.9321 0.0425 227.25 / 1))",
+            "10": "var(--cnvs-sys-color-chart-diverging-azure-coral-10, oklch(0.9549 0.0295 223.86 / 1))",
+            "11": "var(--cnvs-sys-color-chart-diverging-azure-coral-11, oklch(0.981 0.0131 220.96 / 1))",
+            "12": "var(--cnvs-sys-color-chart-diverging-azure-coral-12, oklch(1 0 0 / 1))",
+            "13": "var(--cnvs-sys-color-chart-diverging-azure-coral-13, oklch(0.9837 0.0085 44.54 / 1))",
+            "14": "var(--cnvs-sys-color-chart-diverging-azure-coral-14, oklch(0.9659 0.0171 35.14 / 1))",
+            "15": "var(--cnvs-sys-color-chart-diverging-azure-coral-15, oklch(0.9344 0.0339 35.8 / 1))",
+            "16": "var(--cnvs-sys-color-chart-diverging-azure-coral-16, oklch(0.8476 0.0856 37.59 / 1))",
+            "17": "var(--cnvs-sys-color-chart-diverging-azure-coral-17, oklch(0.7671 0.1418 38.37 / 1))",
+            "18": "var(--cnvs-sys-color-chart-diverging-azure-coral-18, oklch(0.7279 0.1703 38.58 / 1))",
+            "19": "var(--cnvs-sys-color-chart-diverging-azure-coral-19, oklch(0.6779 0.2096 40.36 / 1))",
+            "20": "var(--cnvs-sys-color-chart-diverging-azure-coral-20, oklch(0.5394 0.1828 36.43 / 1))",
+            "21": "var(--cnvs-sys-color-chart-diverging-azure-coral-21, oklch(0.4616 0.1629 34.74 / 1))",
+            "22": "var(--cnvs-sys-color-chart-diverging-azure-coral-22, oklch(0.393 0.143 33.49 / 1))",
+            "23": "var(--cnvs-sys-color-chart-diverging-azure-coral-23, oklch(0.3043 0.1137 32.49 / 1))"
+          }
+        }
+      },
+      categorical: {
+        "1": "var(--cnvs-sys-color-chart-categorical-1, oklch(0.6385 0.1093 205.92 / 1))",
+        "2": "var(--cnvs-sys-color-chart-categorical-2, oklch(0.3908 0.128 256 / 1))",
+        "3": "var(--cnvs-sys-color-chart-categorical-3, oklch(0.6617 0.1893 44.93 / 1))",
+        "4": "var(--cnvs-sys-color-chart-categorical-4, oklch(0.6555 0.1553 244.48 / 1))",
+        "5": "var(--cnvs-sys-color-chart-categorical-5, oklch(0.534 0.183 344.19 / 1))",
+        "6": "var(--cnvs-sys-color-chart-categorical-6, oklch(0.5069 0.1569 145.56 / 1))",
+        "7": "var(--cnvs-sys-color-chart-categorical-7, oklch(0.628 0.1681 312.69 / 1))",
+        "8": "var(--cnvs-sys-color-chart-categorical-8, oklch(0.6601 0.1537 60.7 / 1))",
+        "9": "var(--cnvs-sys-color-chart-categorical-9, oklch(0.4634 0.0796 207.82 / 1))",
+        "10": "var(--cnvs-sys-color-chart-categorical-10, oklch(0.5289 0.2241 281.65 / 1))",
+        "11": "var(--cnvs-sys-color-chart-categorical-11, oklch(0.4689 0.1456 40.5 / 1))",
+        "12": "var(--cnvs-sys-color-chart-categorical-12, oklch(0.4618 0.1098 242.11 / 1))",
+        "13": "var(--cnvs-sys-color-chart-categorical-13, oklch(0.476 0.156 313.2 / 1))",
+        "14": "var(--cnvs-sys-color-chart-categorical-14, oklch(0.5394 0.1828 36.43 / 1))",
+        "15": "var(--cnvs-sys-color-chart-categorical-15, oklch(0.3955 0.1156 147.66 / 1))",
+        "16": "var(--cnvs-sys-color-chart-categorical-16, oklch(0.4824 0.1353 46.11 / 1))"
+      },
+      sequential: {
+        "1": "var(--cnvs-sys-color-chart-sequential-1, oklch(0.9827 0.021 200.66 / 1))",
+        "2": "var(--cnvs-sys-color-chart-sequential-2, oklch(0.9575 0.0424 203.83 / 1))",
+        "3": "var(--cnvs-sys-color-chart-sequential-3, oklch(0.935 0.046 205.09 / 1))",
+        "4": "var(--cnvs-sys-color-chart-sequential-4, oklch(0.8766 0.0677 204.24 / 1))",
+        "5": "var(--cnvs-sys-color-chart-sequential-5, oklch(0.7836 0.0874 204.93 / 1))",
+        "6": "var(--cnvs-sys-color-chart-sequential-6, oklch(0.7154 0.1006 206.05 / 1))",
+        "7": "var(--cnvs-sys-color-chart-sequential-7, oklch(0.6385 0.1093 205.92 / 1))",
+        "8": "var(--cnvs-sys-color-chart-sequential-8, oklch(0.5141 0.0882 207.28 / 1))",
+        "9": "var(--cnvs-sys-color-chart-sequential-9, oklch(0.4634 0.0796 207.82 / 1))",
+        "10": "var(--cnvs-sys-color-chart-sequential-10, oklch(0.3982 0.0687 209.08 / 1))",
+        "11": "var(--cnvs-sys-color-chart-sequential-11, oklch(0.3052 0.0529 210.69 / 1))"
+      }
+    }
+  },
+  depth: {
+    "1": "var(--cnvs-sys-depth-1, 0 0.0625rem 0.25rem 0 oklch(0 0 0 / 0.0196), 0 0.125rem 0.5rem 0 oklch(0 0 0 / 0.0392))",
+    "2": "var(--cnvs-sys-depth-2, 0 0.125rem 0.5rem 0 oklch(0 0 0 / 0.0196), 0 0.25rem 1rem 0 oklch(0 0 0 / 0.0392))",
+    "3": "var(--cnvs-sys-depth-3, 0 0.1875rem 0.75rem 0 oklch(0 0 0 / 0.0196), 0 0.375rem 1.5rem 0 oklch(0 0 0 / 0.0392))",
+    "4": "var(--cnvs-sys-depth-4, 0 0.25rem 1rem 0 oklch(0 0 0 / 0.0392), 0 0.5rem 2rem 0 oklch(0 0 0 / 0.0392))",
+    "5": "var(--cnvs-sys-depth-5, 0 0.3125rem 1.25rem -0.25 oklch(0 0 0 / 0.1216), 0 0.625rem 2.5rem -0.1875 oklch(0 0 0 / 0.1216))",
+    "6": "var(--cnvs-sys-depth-6, 0 0.375rem 1.5rem -0.25 oklch(0 0 0 / 0.251), 0 0.75rem 3rem -0.75 oklch(0 0 0 / 0.251))"
+  },
+  fontFamily: {
+    fallback: "var(--cnvs-sys-font-family-fallback, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Roboto, Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")"
+  },
+  letterSpacing: {
+    subtext: {
+      sm: "var(--cnvs-sys-letter-spacing-subtext-sm, 0.008125rem)",
+      md: "var(--cnvs-sys-letter-spacing-subtext-md, 0.0075rem)",
+      lg: "var(--cnvs-sys-letter-spacing-subtext-lg, 0.006875rem)"
+    },
+    body: {
+      sm: "var(--cnvs-sys-letter-spacing-body-sm, 0.00625rem)",
+      md: "var(--cnvs-sys-letter-spacing-body-md, 0rem)",
+      lg: "var(--cnvs-sys-letter-spacing-body-lg, -0.00625rem)"
+    },
+    heading: {
+      sm: "var(--cnvs-sys-letter-spacing-heading-sm, -0.01875rem)",
+      md: "var(--cnvs-sys-letter-spacing-heading-md, -0.02125rem)",
+      lg: "var(--cnvs-sys-letter-spacing-heading-lg, -0.02375rem)"
+    },
+    title: {
+      sm: "var(--cnvs-sys-letter-spacing-title-sm, -0.02875rem)",
+      md: "var(--cnvs-sys-letter-spacing-title-md, -0.03375rem)",
+      lg: "var(--cnvs-sys-letter-spacing-title-lg, -0.03875rem)"
+    }
+  },
+  fontWeight: {
+    regular: "var(--cnvs-sys-font-weight-regular, 400)",
+    semibold: "var(--cnvs-sys-font-weight-semibold, 600)"
+  }
+};

package/dist/es6/base/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Apr 2026 16:42:53 GMT
+ * Generated on Tue, 09 Jun 2026 16:53:29 GMT
  */
 
 export declare const fontSize = "--cnvs-base-font-size";
@@ -827,3 +827,5 @@ export declare const legacy: {
   size1300: "var(--cnvs-base-size-1300, 6.5rem)",
   size1400: "var(--cnvs-base-size-1400, 7rem)"
 };
+
+export {sana} from "./sana";

package/dist/es6/base/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 28 Apr 2026 16:42:53 GMT
+ * Generated on Tue, 09 Jun 2026 16:53:29 GMT
  */
 
 export const fontSize = "--cnvs-base-font-size";
@@ -827,3 +827,5 @@ export const legacy = {
   size1300: "var(--cnvs-base-size-1300, 6.5rem)",
   size1400: "var(--cnvs-base-size-1400, 7rem)"
 };
+
+export {sana} from "./sana";

package/dist/es6/base/sana.d.ts

@@ -0,0 +1,151 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 09 Jun 2026 16:53:30 GMT
+ */
+
+export declare const sana: {
+  amberA25: "var(--cnvs-base-palette-amber-a25, oklch(0.7792 0.1592 90.57 / 0.0902))",
+  amberA50: "var(--cnvs-base-palette-amber-a50, oklch(0.8854 0.1841 100.16 / 0.2196))",
+  amberA100: "var(--cnvs-base-palette-amber-a100, oklch(0.8964 0.1849 97.38 / 0.3412))",
+  amberA200: "var(--cnvs-base-palette-amber-a200, oklch(0.8846 0.1822 96.67 / 0.6314))",
+  amberA300: "var(--cnvs-base-palette-amber-a300, oklch(0.8372 0.1718 83.95 / 0.9529))",
+  azureA25: "var(--cnvs-base-palette-azure-a25, oklch(0.7461 0.1557 233.78 / 0.0588))",
+  azureA50: "var(--cnvs-base-palette-azure-a50, oklch(0.7349 0.1588 236.29 / 0.1373))",
+  azureA300: "var(--cnvs-base-palette-azure-a300, oklch(0.6542 0.1794 248.76 / 0.5255))",
+  blueA25: "var(--cnvs-base-palette-blue-a25, oklch(0.6141 0.2114 256.22 / 0.0706))",
+  blueA50: "var(--cnvs-base-palette-blue-a50, oklch(0.6141 0.2114 256.22 / 0.1098))",
+  blueA100: "var(--cnvs-base-palette-blue-a100, oklch(0.6077 0.215 256.92 / 0.1608))",
+  blueA300: "var(--cnvs-base-palette-blue-a300, oklch(0.5987 0.22 257.83 / 0.4667))",
+  coralA25: "var(--cnvs-base-palette-coral-a25, oklch(0.6672 0.2239 36.87 / 0.0392))",
+  coralA50: "var(--cnvs-base-palette-coral-a50, oklch(0.6482 0.2393 32.96 / 0.0745))",
+  coralA100: "var(--cnvs-base-palette-coral-a100, oklch(0.6492 0.2384 33.16 / 0.1451))",
+  coralA200: "var(--cnvs-base-palette-coral-a200, oklch(0.6524 0.2357 33.8 / 0.3529))",
+  coralA300: "var(--cnvs-base-palette-coral-a300, oklch(0.654 0.2344 34.12 / 0.5686))",
+  greenA25: "var(--cnvs-base-palette-green-a25, oklch(0.8669 0.2908 142.93 / 0.0706))",
+  greenA50: "var(--cnvs-base-palette-green-a50, oklch(0.8673 0.2872 143.33 / 0.1451))",
+  greenA100: "var(--cnvs-base-palette-green-a100, oklch(0.8314 0.2728 143.62 / 0.2863))",
+  greenA200: "var(--cnvs-base-palette-green-a200, oklch(0.7945 0.2509 144.87 / 0.5961))",
+  greenA300: "var(--cnvs-base-palette-green-a300, oklch(0.7417 0.2214 146.84 / 0.7765))",
+  indigoA25: "var(--cnvs-base-palette-indigo-a25, oklch(0.452 0.3132 264.06 / 0.0431))",
+  indigoA50: "var(--cnvs-base-palette-indigo-a50, oklch(0.4624 0.3062 264.19 / 0.0784))",
+  indigoA100: "var(--cnvs-base-palette-indigo-a100, oklch(0.4576 0.3094 264.14 / 0.1216))",
+  indigoA200: "var(--cnvs-base-palette-indigo-a200, oklch(0.4602 0.3077 264.17 / 0.2314))",
+  indigoA300: "var(--cnvs-base-palette-indigo-a300, oklch(0.4556 0.3108 264.11 / 0.3569))",
+  magentaA50: "var(--cnvs-base-palette-magenta-a50, oklch(0.7017 0.3225 328.36 / 0.0745))",
+  magentaA100: "var(--cnvs-base-palette-magenta-a100, oklch(0.687 0.3067 334.22 / 0.1529))",
+  magentaA200: "var(--cnvs-base-palette-magenta-a200, oklch(0.6972 0.3174 330.1 / 0.24))",
+  magentaA300: "var(--cnvs-base-palette-magenta-a300, oklch(0.6773 0.2957 338.89 / 0.4196))",
+  neutral150: "var(--cnvs-base-palette-neutral-150, oklch(0.906 0 89.88 / 1))",
+  neutral300: "var(--cnvs-base-palette-neutral-300, oklch(0.8047 0 89.88 / 1))",
+  neutral400: "var(--cnvs-base-palette-neutral-400, oklch(0.7219 0 89.88 / 1))",
+  neutral700: "var(--cnvs-base-palette-neutral-700, oklch(0.4386 0 89.88 / 1))",
+  neutral800: "var(--cnvs-base-palette-neutral-800, oklch(0.3171 0 89.88 / 1))",
+  neutral850: "var(--cnvs-base-palette-neutral-850, oklch(0.2645 0 89.88 / 1))",
+  neutral900: "var(--cnvs-base-palette-neutral-900, oklch(0.2478 0 89.88 / 1))",
+  neutral950: "var(--cnvs-base-palette-neutral-950, oklch(0.228 0 89.88 / 1))",
+  neutral975: "var(--cnvs-base-palette-neutral-975, oklch(0.196 0 89.88 / 1))",
+  neutralA25: "var(--cnvs-base-palette-neutral-a25, oklch(0 0 0 / 0.0196))",
+  neutralA50: "var(--cnvs-base-palette-neutral-a50, oklch(0 0 0 / 0.0392))",
+  neutralA100: "var(--cnvs-base-palette-neutral-a100, oklch(0 0 0 / 0.0745))",
+  neutralA200: "var(--cnvs-base-palette-neutral-a200, oklch(0 0 0 / 0.1686))",
+  neutralA300: "var(--cnvs-base-palette-neutral-a300, oklch(0 0 0 / 0.251))",
+  neutralA400: "var(--cnvs-base-palette-neutral-a400, oklch(0 0 0 / 0.3529))",
+  neutralA500: "var(--cnvs-base-palette-neutral-a500, oklch(0 0 0 / 0.4706))",
+  neutralA600: "var(--cnvs-base-palette-neutral-a600, oklch(0 0 0 / 0.6))",
+  neutralA700: "var(--cnvs-base-palette-neutral-a700, oklch(0 0 0 / 0.6784))",
+  neutralA800: "var(--cnvs-base-palette-neutral-a800, oklch(0 0 0 / 0.8039))",
+  neutralA900: "var(--cnvs-base-palette-neutral-a900, oklch(0 0 0 / 0.8706))",
+  neutralA950: "var(--cnvs-base-palette-neutral-a950, oklch(0 0 0 / 0.8902))",
+  neutralA975: "var(--cnvs-base-palette-neutral-a975, oklch(0 0 0 / 0.9176))",
+  neutralA150: "var(--cnvs-base-palette-neutral-a150, oklch(0 0 0 / 0.1216))",
+  neutralA850: "var(--cnvs-base-palette-neutral-a850, oklch(0 0 0 / 0.8549))",
+  orangeA25: "var(--cnvs-base-palette-orange-a25, oklch(0.7093 0.1802 52.88 / 0.098))",
+  orangeA50: "var(--cnvs-base-palette-orange-a50, oklch(0.75 0.1792 58.11 / 0.1647))",
+  orangeA100: "var(--cnvs-base-palette-orange-a100, oklch(0.7342 0.1848 53.62 / 0.2471))",
+  orangeA200: "var(--cnvs-base-palette-orange-a200, oklch(0.7295 0.1867 52.32 / 0.4588))",
+  orangeA300: "var(--cnvs-base-palette-orange-a300, oklch(0.7426 0.1817 56.01 / 0.8))",
+  purpleA25: "var(--cnvs-base-palette-purple-a25, oklch(0.5597 0.2956 301.91 / 0.0392))",
+  purpleA50: "var(--cnvs-base-palette-purple-a50, oklch(0.5569 0.2953 301.2 / 0.0863))",
+  purpleA100: "var(--cnvs-base-palette-purple-a100, oklch(0.5812 0.2986 307.02 / 0.1647))",
+  purpleA200: "var(--cnvs-base-palette-purple-a200, oklch(0.6012 0.302 311.32 / 0.2431))",
+  purpleA300: "var(--cnvs-base-palette-purple-a300, oklch(0.5935 0.3006 309.71 / 0.3569))",
+  redA25: "var(--cnvs-base-palette-red-a25, oklch(0.6329 0.253 30.1 / 0.0431))",
+  redA50: "var(--cnvs-base-palette-red-a50, oklch(0.6326 0.2533 30.04 / 0.0902))",
+  redA100: "var(--cnvs-base-palette-red-a100, oklch(0.6339 0.2521 30.28 / 0.1529))",
+  redA200: "var(--cnvs-base-palette-red-a200, oklch(0.6361 0.25 30.68 / 0.3451))",
+  redA300: "var(--cnvs-base-palette-red-a300, oklch(0.6347 0.2513 30.42 / 0.5294))",
+  slate25: "var(--cnvs-base-palette-slate-25, oklch(0.9849 0.0029 264.51 / 1))",
+  slate50: "var(--cnvs-base-palette-slate-50, oklch(0.9695 0.0046 258.42 / 1))",
+  slate100: "var(--cnvs-base-palette-slate-100, oklch(0.9442 0.007 248.08 / 1))",
+  slate150: "var(--cnvs-base-palette-slate-150, oklch(0.908 0.011 256.7 / 1))",
+  slate200: "var(--cnvs-base-palette-slate-200, oklch(0.8706 0.0158 257.2 / 1))",
+  slate300: "var(--cnvs-base-palette-slate-300, oklch(0.804 0.0214 254.94 / 1))",
+  slate400: "var(--cnvs-base-palette-slate-400, oklch(0.721 0.024 254.4 / 1))",
+  slate500: "var(--cnvs-base-palette-slate-500, oklch(0.6225 0.0248 254.47 / 1))",
+  slate600: "var(--cnvs-base-palette-slate-600, oklch(0.5099 0.0241 255.01 / 1))",
+  slate700: "var(--cnvs-base-palette-slate-700, oklch(0.44 0.023 255.6 / 1))",
+  slate800: "var(--cnvs-base-palette-slate-800, oklch(0.3147 0.0128 253 / 1))",
+  slate850: "var(--cnvs-base-palette-slate-850, oklch(0.2667 0.011 254.03 / 1))",
+  slate900: "var(--cnvs-base-palette-slate-900, oklch(0.2458 0.0112 254.05 / 1))",
+  slate950: "var(--cnvs-base-palette-slate-950, oklch(0.2202 0.0115 254.08 / 1))",
+  slate975: "var(--cnvs-base-palette-slate-975, oklch(0.1933 0.0102 248.36 / 1))",
+  slateA25: "var(--cnvs-base-palette-slate-a25, oklch(0.3276 0.1499 261.85 / 0.0235))",
+  slateA50: "var(--cnvs-base-palette-slate-a50, oklch(0.3064 0.1202 259.24 / 0.0471))",
+  slateA100: "var(--cnvs-base-palette-slate-a100, oklch(0.3039 0.0952 253.5 / 0.0863))",
+  slateA200: "var(--cnvs-base-palette-slate-a200, oklch(0.2751 0.1026 258.16 / 0.1922))",
+  slateA300: "var(--cnvs-base-palette-slate-a300, oklch(0.2639 0.0924 256.67 / 0.2863))",
+  slateA400: "var(--cnvs-base-palette-slate-a400, oklch(0.2307 0.0767 255.27 / 0.3922))",
+  slateA500: "var(--cnvs-base-palette-slate-a500, oklch(0.1993 0.0626 253.59 / 0.5098))",
+  slateA600: "var(--cnvs-base-palette-slate-a600, oklch(0.1704 0.05 251.35 / 0.6353))",
+  slateA700: "var(--cnvs-base-palette-slate-a700, oklch(0.1549 0.0434 249.61 / 0.7098))",
+  slateA800: "var(--cnvs-base-palette-slate-a800, oklch(0.1165 0.026 238.48 / 0.8235))",
+  slateA900: "var(--cnvs-base-palette-slate-a900, oklch(0.1055 0.0236 238.48 / 0.8863))",
+  slateA950: "var(--cnvs-base-palette-slate-a950, oklch(0.1046 0.0233 238.41 / 0.9098))",
+  slateA975: "var(--cnvs-base-palette-slate-a975, oklch(0.1028 0.0214 233.55 / 0.9333))",
+  slateA150: "var(--cnvs-base-palette-slate-a150, oklch(0.2742 0.101 257.89 / 0.1373))",
+  slateA850: "var(--cnvs-base-palette-slate-a850, oklch(0.1063 0.0237 238.42 / 0.8667))",
+  tealA25: "var(--cnvs-base-palette-teal-a25, oklch(0.8768 0.1491 201.26 / 0.0824))",
+  tealA50: "var(--cnvs-base-palette-teal-a50, oklch(0.838 0.1438 207.32 / 0.1804))",
+  tealA100: "var(--cnvs-base-palette-teal-a100, oklch(0.7626 0.1316 209.35 / 0.22))",
+  tealA200: "var(--cnvs-base-palette-teal-a200, oklch(0.7093 0.1219 208.01 / 0.3686))",
+  tealA300: "var(--cnvs-base-palette-teal-a300, oklch(0.644 0.1109 208.68 / 0.5647))",
+  whiteA0: "var(--cnvs-base-palette-white-a0, oklch(1 0 0 / 0))",
+  whiteA25: "var(--cnvs-base-palette-white-a25, oklch(1 0 89.88 / 0.023))",
+  whiteA50: "var(--cnvs-base-palette-white-a50, oklch(1 0 89.88 / 0.045))",
+  whiteA100: "var(--cnvs-base-palette-white-a100, oklch(1 0 89.88 / 0.118))",
+  whiteA200: "var(--cnvs-base-palette-white-a200, oklch(1 0 89.88 / 0.25))",
+  whiteA300: "var(--cnvs-base-palette-white-a300, oklch(1 0 89.88 / 0.374))",
+  whiteA400: "var(--cnvs-base-palette-white-a400, oklch(1 0 89.88 / 0.489))",
+  whiteA500: "var(--cnvs-base-palette-white-a500, oklch(1 0 89.88 / 0.591))",
+  whiteA600: "var(--cnvs-base-palette-white-a600, oklch(1 0 89.88 / 0.698))",
+  whiteA700: "var(--cnvs-base-palette-white-a700, oklch(1 0 89.88 / 0.788))",
+  whiteA800: "var(--cnvs-base-palette-white-a800, oklch(1 0 89.88 / 0.861))",
+  whiteA900: "var(--cnvs-base-palette-white-a900, oklch(1 0 89.88 / 0.921))",
+  whiteA950: "var(--cnvs-base-palette-white-a950, oklch(1 0 89.88 / 0.947))",
+  whiteA975: "var(--cnvs-base-palette-white-a975, oklch(1 0 89.88 / 0.974))",
+  whiteA150: "var(--cnvs-base-palette-white-a150, oklch(1 0 89.88 / 0.1841))",
+  whiteA850: "var(--cnvs-base-palette-white-a850, oklch(1 0 89.88 / 0.8909))",
+  size1600: "var(--cnvs-base-size-1600, 8rem)",
+  size1800: "var(--cnvs-base-size-1800, 9rem)",
+  size2000: "var(--cnvs-base-size-2000, 10rem)",
+  size2400: "var(--cnvs-base-size-2400, 12rem)",
+  size2800: "var(--cnvs-base-size-2800, 14rem)",
+  size3200: "var(--cnvs-base-size-3200, 16rem)",
+  fontFamily0: "var(--cnvs-base-font-family-0, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Roboto, Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")",
+  fontFamily50: "var(--cnvs-base-font-family-50, \"Sana Sans LCG 05 VF\")",
+  fontFamily100: "var(--cnvs-base-font-family-100, \"IBM Plex Mono\")",
+  fontFamily200: "var(--cnvs-base-font-family-200, \"Noto Sans\")",
+  fontWeight600: "var(--cnvs-base-font-weight-600, 600)",
+  letterSpacing1: "var(--cnvs-base-letter-spacing-1, 0.008125rem)",
+  letterSpacing2: "var(--cnvs-base-letter-spacing-2, 0.0075rem)",
+  letterSpacing3: "var(--cnvs-base-letter-spacing-3, 0.006875rem)",
+  letterSpacing4: "var(--cnvs-base-letter-spacing-4, 0.00625rem)",
+  letterSpacing5: "var(--cnvs-base-letter-spacing-5, 0rem)",
+  letterSpacing6: "var(--cnvs-base-letter-spacing-6, -0.00625rem)",
+  letterSpacing7: "var(--cnvs-base-letter-spacing-7, -0.01875rem)",
+  letterSpacing8: "var(--cnvs-base-letter-spacing-8, -0.02125rem)",
+  letterSpacing9: "var(--cnvs-base-letter-spacing-9, -0.02375rem)",
+  letterSpacing10: "var(--cnvs-base-letter-spacing-10, -0.02875rem)",
+  letterSpacing11: "var(--cnvs-base-letter-spacing-11, -0.03375rem)",
+  letterSpacing12: "var(--cnvs-base-letter-spacing-12, -0.03875rem)"
+};