@midas-ds/components 12.1.0 → 13.0.0

package/theme/tokens.d.ts

@@ -1,290 +0,0 @@
-/** @deprecated
- * since v12.1.0 please import { variables } from '@midas-ds/components/theme'
- **/
-export declare const baseColors: {
-    black: string;
-    white: string;
-    blackHover: string;
-    whiteHover: string;
-    gray10: string;
-    gray20: string;
-    gray30: string;
-    gray40: string;
-    gray50: string;
-    gray60: string;
-    gray70: string;
-    gray80: string;
-    gray90: string;
-    gray100: string;
-    gray110: string;
-    gray120: string;
-    gray130: string;
-    gray140: string;
-    gray150: string;
-    gray160: string;
-    gray170: string;
-    gray180: string;
-    gray190: string;
-    gray200: string;
-    blue10: string;
-    blue20: string;
-    blue40: string;
-    blue50: string;
-    blue60: string;
-    blue70: string;
-    blue80: string;
-    blue90: string;
-    blue100: string;
-    blue110: string;
-    blue120: string;
-    blue130: string;
-    blue150: string;
-    purple80: string;
-    purple110: string;
-    red100: string;
-    signalBlue10: string;
-    signalBlue100: string;
-    signalGreen20: string;
-    signalGreen30: string;
-    signalGreen100: string;
-    signalYellow10: string;
-    signalYellow20: string;
-    signalYellow100: string;
-    signalRed10: string;
-    signalRed20: string;
-    signalRed30: string;
-    signalRed40: string;
-    signalRed50: string;
-    signalRed60: string;
-    signalRed70: string;
-    signalRed80: string;
-    signalRed90: string;
-    signalRed100: string;
-    signalRed110: string;
-    signalRed120: string;
-    signalRed130: string;
-    signalRed140: string;
-    signalRed150: string;
-    signalRed160: string;
-    signalRed170: string;
-    signalRed180: string;
-    signalRed190: string;
-    signalRed200: string;
-};
-/** @deprecated
- * since v12.1.0 please import { variables } from '@midas-ds/components/theme'
- **/
-export declare const typography: {
-    fontFamily: string;
-    lineHeight10: string;
-    lineHeight20: string;
-    lineHeight30: string;
-    lineHeight40: string;
-    lineHeight50: string;
-    lineHeight60: string;
-    lineHeight70: string;
-    lineHeight80: string;
-    lineHeight90: string;
-    lineHeight100: string;
-    fontSize10: string;
-    fontSize20: string;
-    fontSize30: string;
-    fontSize40: string;
-    fontSize50: string;
-    fontSize60: string;
-    fontSize70: string;
-    fontSize80: string;
-    fontSize90: string;
-    fontSize100: string;
-    weightThin: number;
-    weightExtraLight: number;
-    weightLight: number;
-    weightRegular: number;
-    weightMedium: number;
-    weightSemiBold: number;
-    weightBold: number;
-    weightExtraBold: number;
-    weightBlack: number;
-};
-/** @deprecated
- * since v12.1.0 please import { variables } from '@midas-ds/components/theme'
- **/
-export declare const spacing: {
-    '10': string;
-    '20': string;
-    '30': string;
-    '40': string;
-    '50': string;
-    '60': string;
-    '70': string;
-    '80': string;
-    '90': string;
-    '100': string;
-    '110': string;
-    '120': string;
-};
-/** @deprecated
- * since v12.1.0 please import { variables } from '@midas-ds/components/theme'
- **/
-export declare const states: {
-    focus: string;
-    focusInset: string;
-};
-/** @deprecated
- * since v12.1.0 please import { variables } from '@midas-ds/components/theme'
- **/
-export declare const transitions: {
-    slow: string;
-    normal: string;
-    fast: string;
-};
-/** @deprecated
- * since v12.1.0 please import { variables } from '@midas-ds/components/theme'
- **/
-export declare const windowSizes: {
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};
-/** @deprecated
- * since v12.1.0 please import { variables } from '@midas-ds/components/theme'
- **/
-export declare const breakpoints: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    forcedColorsMode: string;
-    darkMode: string;
-    prefersReducedMotion: string;
-};
-/** @deprecated
- * since v12.1.0 please import { variables } from '@midas-ds/components/theme'
- **/
-export declare const semantic: {
-    background: string;
-    backgroundHover: string;
-    backgroundInverse: string;
-    layer01: string;
-    layerHover01: string;
-    layerSelected01: string;
-    layerSelectedHover01: string;
-    layer02: string;
-    layerHover02: string;
-    layerSelected02: string;
-    layerSelectedHover02: string;
-    layerAccent01: string;
-    layerAccentHover01: string;
-    layerAccentSelected01: string;
-    layerAccent02: string;
-    layerAccentHover02: string;
-    layerAccentSelected02: string;
-    brandPrimary: string;
-    borderPrimary: string;
-    borderSecondary: string;
-    borderSubtle: string;
-    borderTertiary: string;
-    borderDisabled: string;
-    field01: string;
-    fieldHover01: string;
-    fieldActive01: string;
-    field02: string;
-    fieldHover02: string;
-    fieldActive02: string;
-    fieldDisabled: string;
-    skeleton01: string;
-    skeleton02: string;
-    iconPrimary: string;
-    iconSecondary: string;
-    iconTertiary: string;
-    iconInverse: string;
-    iconOnColor: string;
-    iconDisabled: string;
-    iconSuccess: string;
-    iconInfo: string;
-    iconWarning: string;
-    iconImportant: string;
-    linkEnabled: string;
-    linkHover: string;
-    linkPressed: string;
-    linkVisited: string;
-    supportBorderSuccess: string;
-    supportBorderInfo: string;
-    supportBorderImportant: string;
-    supportBorderWarning: string;
-    supportBackgroundSuccess: string;
-    supportBackgroundSuccessHover: string;
-    supportBackgroundInfo: string;
-    supportBackgroundImportant: string;
-    supportBackgroundWarning: string;
-    supportBackgroundWarningHover: string;
-    textPrimary: string;
-    textSecondary: string;
-    textTertiary: string;
-    textOnColor: string;
-    textInverse: string;
-    textDisabled: string;
-    textWarning: string;
-    textPlaceholder: string;
-    buttonBackgroundPrimary: string;
-    buttonBackgroundPrimaryHover: string;
-    buttonBackgroundPrimaryActive: string;
-    buttonBackgroundSecondary: string;
-    buttonBackgroundSecondaryHover: string;
-    buttonBackgroundSecondaryActive: string;
-    buttonBackgroundTertiaryHover: string;
-    buttonBackgroundTertiaryActive: string;
-    buttonBackgroundDanger: string;
-    buttonBackgroundDangerHover: string;
-    buttonBackgroundDangerActive: string;
-    buttonBackgroundDisabled: string;
-    buttonBorderSecondary: string;
-    buttonBackgroundIconHover: string;
-    buttonBackgroundIconActive: string;
-    badgeBackground: string;
-    calendarDateBackgroundHover: string;
-    calendarDateBackgroundSelected: string;
-    calendarDateBackgroundStartRange: string;
-    calendarDateBackgroundInRange: string;
-    calendarDateBackgroundEndRange: string;
-    logoPrimary: string;
-    menuItemBackgroundHover: string;
-    menuItemBackgroundSelected: string;
-    menuTextSectionHeader: string;
-};
-/** @deprecated
- * since v12.1.0 please import { variables } from '@midas-ds/components/theme'
- **/
-export declare const zIndex: {
-    base: number;
-    above: number;
-    modal: number;
-    toast: number;
-    skipToContent: number;
-};
-/** @deprecated
- * since v12.1.0 please import { variables } from '@midas-ds/components/theme'
- **/
-export declare const sizing: {
-    '00': string;
-    '05': string;
-    '10': string;
-    '15': string;
-    '20': string;
-    '30': string;
-    '40': string;
-    '50': string;
-    '60': string;
-    '70': string;
-    '75': string;
-    '80': string;
-    '90': string;
-    '100': string;
-    '110': string;
-    '120': string;
-    '130': string;
-    '140': string;
-    '150': string;
-};

package/tokens-B3FfJ-rY.cjs

@@ -1 +0,0 @@
-"use strict";const r={black:"#000",white:"#fff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#ccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue50:"#94BCD1",blue60:"#82b0c9",blue70:"#6CA3C0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue110:"#2C7399",blue120:"#29698C",blue130:"#25607f",blue150:"#143c50",purple80:"#b46ab4",purple110:"#954b95",red100:"#b90835",signalBlue10:"#eaf2f6",signalBlue100:"#06c",signalGreen20:"#d5f2d9",signalGreen30:"#bae5c5",signalGreen100:"#008d3c",signalYellow10:"#fff8e1",signalYellow20:"#FFEBA8",signalYellow100:"#fdb813",signalRed10:"#ffefef",signalRed20:"#ffdfdf",signalRed30:"#fcc8c8",signalRed40:"#f9b0b0",signalRed50:"#f69999",signalRed60:"#f38181",signalRed70:"#ef6a6a",signalRed80:"#eb4e4e",signalRed90:"#e93b3b",signalRed100:"#e62323",signalRed110:"#d12020",signalRed120:"#bc1d1d",signalRed130:"#a71919",signalRed140:"#921616",signalRed150:"#7d1313",signalRed160:"#691010",signalRed170:"#540d0d",signalRed180:"#3f0a0a",signalRed190:"#2a0606",signalRed200:"#150303"},a={fontFamily:'"Inter", sans-serif',lineHeight10:"1rem",lineHeight20:"1.125rem",lineHeight30:"1.25rem",lineHeight40:"1.375rem",lineHeight50:"1.5rem",lineHeight60:"1.75rem",lineHeight70:"2rem",lineHeight80:"2.25rem",lineHeight90:"2.5rem",lineHeight100:"2.75rem",fontSize10:"0.75rem",fontSize20:"0.875rem",fontSize30:"1rem",fontSize40:"1.125rem",fontSize50:"1.25rem",fontSize60:"1.5rem",fontSize70:"1.75rem",fontSize80:"2rem",fontSize90:"2.25rem",fontSize100:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},g={10:"0.125rem",20:"0.25rem",30:"0.5rem",40:"0.75rem",50:"1rem",60:"1.5rem",70:"2rem",80:"2.5rem",90:"3rem",100:"4rem",110:"5rem",120:"6rem"},l={focus:"0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)",focusInset:"inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)"},i={slow:"500ms",normal:"300ms",fast:"250ms"},e={sm:480,md:768,lg:1024,xl:1280},t={xs:`(max-width: ${e.sm-1}px)`,sm:`(min-width: ${e.sm}px)`,md:`(min-width: ${e.md}px)`,lg:`(min-width: ${e.lg}px)`,xl:`(min-width: ${e.xl}px)`,forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},d={background:`light-dark(${r.white}, ${r.gray200})`,backgroundHover:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse:`light-dark(${r.gray200}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray150})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray150})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderPrimary:`light-dark(${r.gray200}, ${r.gray10})`,borderSecondary:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderTertiary:`light-dark(${r.blue150}, ${r.blue100})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,skeleton01:`light-dark(${r.gray10}, ${r.gray180})`,skeleton02:`light-dark(${r.gray30}, ${r.gray160})`,iconPrimary:`light-dark(${r.gray200}, ${r.gray10})`,iconSecondary:`light-dark(${r.gray140}, ${r.gray70})`,iconTertiary:`light-dark(${r.blue150}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,iconInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,iconWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,iconImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,linkEnabled:`light-dark(${r.blue120}, ${r.blue70})`,linkHover:`light-dark(${r.blue150}, ${r.blue50})`,linkPressed:`light-dark(${r.gray200}, ${r.blue40})`,linkVisited:`light-dark(${r.purple110}, ${r.purple80})`,supportBorderSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,supportBorderInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,supportBorderImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,supportBorderWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,supportBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,supportBackgroundSuccessHover:`light-dark(${r.signalGreen30}, ${r.gray170})`,supportBackgroundInfo:`light-dark(${r.signalBlue10}, ${r.gray180})`,supportBackgroundImportant:`light-dark(${r.signalYellow10}, ${r.gray180})`,supportBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,supportBackgroundWarningHover:`light-dark(${r.signalRed30}, ${r.gray170})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textTertiary:`light-dark(${r.blue150}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textWarning:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue150}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue130}, ${r.blue130})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue150})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray200})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed100}, ${r.signalRed100})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed120}, ${r.signalRed120})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed150}, ${r.signalRed150})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBorderSecondary:`light-dark(${r.blue150}, ${r.gray10})`,buttonBackgroundIconHover:"light-dark(rgba(0 0 0 / 10%), rgba(255 255 255 / 10%))",buttonBackgroundIconActive:"light-dark(rgba(0 0 0 / 20%), rgba(255 255 255 / 20%))",badgeBackground:`light-dark(${r.signalRed100}, ${r.signalRed100})`,calendarDateBackgroundHover:"light-dark(rgba(0 0 0 / 10%), rgba(255 255 255 / 10%))",calendarDateBackgroundSelected:`light-dark(${r.blue150}, ${r.blue80})`,calendarDateBackgroundStartRange:`light-dark(${r.blue150}, ${r.blue80})`,calendarDateBackgroundInRange:`light-dark(${r.blue20}, ${r.blue150})`,calendarDateBackgroundEndRange:`light-dark(${r.blue150}, ${r.blue80})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`,menuItemBackgroundHover:`light-dark(${r.gray20}, ${r.gray190})`,menuItemBackgroundSelected:`light-dark(${r.gray10}, ${r.gray180})`,menuTextSectionHeader:`light-dark(${r.blue120}, ${r.blue80})`},n={base:1,above:10,modal:1e3,toast:1100,skipToContent:1200},o={"00":"0","05":"0.063rem",10:"0.125rem",15:"0.188rem",20:"0.25rem",30:"0.375rem",40:"0.5rem",50:"0.625rem",60:"0.75rem",70:"0.875rem",75:"0.938rem",80:"1rem",90:"1.25rem",100:"1.5rem",110:"1.75rem",120:"2rem",130:"2.5rem",140:"2.75rem",150:"3rem"},$=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:d,sizing:o,spacing:g,states:l,transitions:i,typography:a,windowSizes:e,zIndex:n},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=d;exports.sizing=o;exports.spacing=g;exports.states=l;exports.tokens_legacy=$;exports.transitions=i;exports.typography=a;exports.windowSizes=e;exports.zIndex=n;

package/tokens-B9ooUP4g.js

@@ -1,327 +0,0 @@
-const r = {
-  black: "#000",
-  white: "#fff",
-  blackHover: "#0d0d0d",
-  whiteHover: "#e6e6e6",
-  gray10: "#f2f2f2",
-  gray20: "#e6e6e6",
-  gray30: "#d9d9d9",
-  gray40: "#ccc",
-  gray50: "#bfbfbf",
-  gray60: "#b3b3b3",
-  gray70: "#a6a6a6",
-  gray80: "#999",
-  gray90: "#8c8c8c",
-  gray100: "#808080",
-  gray110: "#737373",
-  gray120: "#666",
-  gray130: "#5d5d5d",
-  gray140: "#525252",
-  gray150: "#474747",
-  gray160: "#383838",
-  gray170: "#333",
-  gray180: "#262626",
-  gray190: "#212121",
-  gray200: "#171717",
-  blue10: "#eaf2f6",
-  blue20: "#d5e5ed",
-  blue40: "#abcbdb",
-  blue50: "#94BCD1",
-  blue60: "#82b0c9",
-  blue70: "#6CA3C0",
-  blue80: "#5897b8",
-  blue90: "#4289ad",
-  blue100: "#2e7ca5",
-  blue110: "#2C7399",
-  blue120: "#29698C",
-  blue130: "#25607f",
-  blue150: "#143c50",
-  purple80: "#b46ab4",
-  purple110: "#954b95",
-  red100: "#b90835",
-  signalBlue10: "#eaf2f6",
-  signalBlue100: "#06c",
-  signalGreen20: "#d5f2d9",
-  signalGreen30: "#bae5c5",
-  signalGreen100: "#008d3c",
-  signalYellow10: "#fff8e1",
-  signalYellow20: "#FFEBA8",
-  signalYellow100: "#fdb813",
-  signalRed10: "#ffefef",
-  signalRed20: "#ffdfdf",
-  signalRed30: "#fcc8c8",
-  signalRed40: "#f9b0b0",
-  signalRed50: "#f69999",
-  signalRed60: "#f38181",
-  signalRed70: "#ef6a6a",
-  signalRed80: "#eb4e4e",
-  signalRed90: "#e93b3b",
-  signalRed100: "#e62323",
-  signalRed110: "#d12020",
-  signalRed120: "#bc1d1d",
-  signalRed130: "#a71919",
-  signalRed140: "#921616",
-  signalRed150: "#7d1313",
-  signalRed160: "#691010",
-  signalRed170: "#540d0d",
-  signalRed180: "#3f0a0a",
-  signalRed190: "#2a0606",
-  signalRed200: "#150303"
-}, a = {
-  fontFamily: '"Inter", sans-serif',
-  lineHeight10: "1rem",
-  // 16px
-  lineHeight20: "1.125rem",
-  // 18px (18/16)
-  lineHeight30: "1.25rem",
-  // 20px (20/16)
-  lineHeight40: "1.375rem",
-  // 22px (22/16)
-  lineHeight50: "1.5rem",
-  // 24px (24/16)
-  lineHeight60: "1.75rem",
-  // 28px (28/16)
-  lineHeight70: "2rem",
-  // 32px (32/16)
-  lineHeight80: "2.25rem",
-  // 36px (36/16)
-  lineHeight90: "2.5rem",
-  // 40px (40/16)
-  lineHeight100: "2.75rem",
-  // 44px (44/16)
-  fontSize10: "0.75rem",
-  // 12px (12/16)
-  fontSize20: "0.875rem",
-  // 14px (14/16)
-  fontSize30: "1rem",
-  // 16px (16/16)
-  fontSize40: "1.125rem",
-  // 18px (18/16)
-  fontSize50: "1.25rem",
-  // 20px (20/16)
-  fontSize60: "1.5rem",
-  // 24px (24/16)
-  fontSize70: "1.75rem",
-  // 28px (28/16)
-  fontSize80: "2rem",
-  // 32px (32/16)
-  fontSize90: "2.25rem",
-  // 36px (36/16)
-  fontSize100: "2.625rem",
-  // 42px (40/16)
-  weightThin: 100,
-  weightExtraLight: 200,
-  weightLight: 300,
-  weightRegular: 400,
-  weightMedium: 500,
-  weightSemiBold: 600,
-  weightBold: 700,
-  weightExtraBold: 800,
-  weightBlack: 900
-}, g = {
-  10: "0.125rem",
-  // 2px
-  20: "0.25rem",
-  // 4px
-  30: "0.5rem",
-  // 8px
-  40: "0.75rem",
-  // 12px
-  50: "1rem",
-  // 16px
-  60: "1.5rem",
-  // 24px
-  70: "2rem",
-  // 32px
-  80: "2.5rem",
-  // 40px
-  90: "3rem",
-  // 48px
-  100: "4rem",
-  // 64px
-  110: "5rem",
-  // 80px
-  120: "6rem"
-  // 96px
-}, l = {
-  focus: "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)",
-  focusInset: "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)"
-}, i = {
-  slow: "500ms",
-  normal: "300ms",
-  fast: "250ms"
-}, e = {
-  sm: 480,
-  md: 768,
-  lg: 1024,
-  xl: 1280
-}, t = {
-  xs: `(max-width: ${e.sm - 1}px)`,
-  sm: `(min-width: ${e.sm}px)`,
-  md: `(min-width: ${e.md}px)`,
-  lg: `(min-width: ${e.lg}px)`,
-  xl: `(min-width: ${e.xl}px)`,
-  forcedColorsMode: "(forced-colors: active)",
-  darkMode: "(prefers-color-scheme: dark)",
-  prefersReducedMotion: "(prefers-reduced-motion: reduced)"
-}, d = {
-  background: `light-dark(${r.white}, ${r.gray200})`,
-  backgroundHover: `light-dark(${r.whiteHover}, ${r.gray190})`,
-  backgroundInverse: `light-dark(${r.gray200}, ${r.gray10})`,
-  layer01: `light-dark(${r.gray10}, ${r.gray180})`,
-  layerHover01: `light-dark(${r.gray20}, ${r.gray170})`,
-  layerSelected01: `light-dark(${r.gray30}, ${r.gray160})`,
-  layerSelectedHover01: `light-dark(${r.gray40}, ${r.gray150})`,
-  layer02: `light-dark(${r.white}, ${r.gray160})`,
-  layerHover02: `light-dark(${r.whiteHover}, ${r.gray150})`,
-  layerSelected02: `light-dark(${r.gray30}, ${r.gray140})`,
-  layerSelectedHover02: `light-dark(${r.gray40}, ${r.gray130})`,
-  layerAccent01: `light-dark(${r.gray30}, ${r.gray160})`,
-  layerAccentHover01: `light-dark(${r.gray40}, ${r.gray150})`,
-  layerAccentSelected01: `light-dark(${r.gray50}, ${r.gray140})`,
-  layerAccent02: `light-dark(${r.gray10}, ${r.gray180})`,
-  layerAccentHover02: `light-dark(${r.gray20}, ${r.gray170})`,
-  layerAccentSelected02: `light-dark(${r.gray30}, ${r.gray160})`,
-  brandPrimary: `light-dark(${r.red100}, ${r.red100})`,
-  borderPrimary: `light-dark(${r.gray200}, ${r.gray10})`,
-  borderSecondary: `light-dark(${r.gray110}, ${r.gray90})`,
-  borderSubtle: `light-dark(${r.gray50}, ${r.gray160})`,
-  borderTertiary: `light-dark(${r.blue150}, ${r.blue100})`,
-  borderDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
-  field01: `light-dark(${r.gray10}, ${r.gray180})`,
-  fieldHover01: `light-dark(${r.gray20}, ${r.gray170})`,
-  fieldActive01: `light-dark(${r.gray30}, ${r.gray160})`,
-  field02: `light-dark(${r.white}, ${r.gray160})`,
-  fieldHover02: `light-dark(${r.whiteHover}, ${r.gray150})`,
-  fieldActive02: `light-dark(${r.gray30}, ${r.gray140})`,
-  fieldDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
-  skeleton01: `light-dark(${r.gray10}, ${r.gray180})`,
-  skeleton02: `light-dark(${r.gray30}, ${r.gray160})`,
-  iconPrimary: `light-dark(${r.gray200}, ${r.gray10})`,
-  iconSecondary: `light-dark(${r.gray140}, ${r.gray70})`,
-  iconTertiary: `light-dark(${r.blue150}, ${r.gray10})`,
-  iconInverse: `light-dark(${r.white}, ${r.gray200})`,
-  iconOnColor: `light-dark(${r.white}, ${r.white})`,
-  iconDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
-  iconSuccess: `light-dark(${r.signalGreen100}, ${r.signalGreen100})`,
-  iconInfo: `light-dark(${r.signalBlue100}, ${r.signalBlue100})`,
-  iconWarning: `light-dark(${r.signalRed100}, ${r.signalRed100})`,
-  iconImportant: `light-dark(${r.signalYellow100}, ${r.signalYellow100})`,
-  linkEnabled: `light-dark(${r.blue120}, ${r.blue70})`,
-  linkHover: `light-dark(${r.blue150}, ${r.blue50})`,
-  linkPressed: `light-dark(${r.gray200}, ${r.blue40})`,
-  linkVisited: `light-dark(${r.purple110}, ${r.purple80})`,
-  supportBorderSuccess: `light-dark(${r.signalGreen100}, ${r.signalGreen100})`,
-  supportBorderInfo: `light-dark(${r.signalBlue100}, ${r.signalBlue100})`,
-  supportBorderImportant: `light-dark(${r.signalYellow100}, ${r.signalYellow100})`,
-  supportBorderWarning: `light-dark(${r.signalRed100}, ${r.signalRed100})`,
-  supportBackgroundSuccess: `light-dark(${r.signalGreen20}, ${r.gray180})`,
-  supportBackgroundSuccessHover: `light-dark(${r.signalGreen30}, ${r.gray170})`,
-  supportBackgroundInfo: `light-dark(${r.signalBlue10}, ${r.gray180})`,
-  supportBackgroundImportant: `light-dark(${r.signalYellow10}, ${r.gray180})`,
-  supportBackgroundWarning: `light-dark(${r.signalRed20}, ${r.gray180})`,
-  supportBackgroundWarningHover: `light-dark(${r.signalRed30}, ${r.gray170})`,
-  textPrimary: `light-dark(${r.gray200}, ${r.gray10})`,
-  textSecondary: `light-dark(${r.gray140}, ${r.gray70})`,
-  textTertiary: `light-dark(${r.blue150}, ${r.gray10})`,
-  textOnColor: `light-dark(${r.white}, ${r.white})`,
-  textInverse: `light-dark(${r.gray10}, ${r.gray200})`,
-  textDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
-  textWarning: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
-  textPlaceholder: `light-dark(${r.gray70}, ${r.gray140})`,
-  buttonBackgroundPrimary: `light-dark(${r.blue150}, ${r.blue100})`,
-  buttonBackgroundPrimaryHover: `light-dark(${r.blue130}, ${r.blue130})`,
-  buttonBackgroundPrimaryActive: `light-dark(${r.blue100}, ${r.blue150})`,
-  buttonBackgroundSecondary: `light-dark(${r.white}, ${r.gray200})`,
-  buttonBackgroundSecondaryHover: `light-dark(${r.whiteHover}, ${r.gray190})`,
-  buttonBackgroundSecondaryActive: `light-dark(${r.gray30}, ${r.gray180})`,
-  buttonBackgroundTertiaryHover: `light-dark(${r.whiteHover}, ${r.gray190})`,
-  buttonBackgroundTertiaryActive: `light-dark(${r.gray30}, ${r.gray180})`,
-  buttonBackgroundDanger: `light-dark(${r.signalRed100}, ${r.signalRed100})`,
-  buttonBackgroundDangerHover: `light-dark(${r.signalRed120}, ${r.signalRed120})`,
-  buttonBackgroundDangerActive: `light-dark(${r.signalRed150}, ${r.signalRed150})`,
-  buttonBackgroundDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
-  buttonBorderSecondary: `light-dark(${r.blue150}, ${r.gray10})`,
-  buttonBackgroundIconHover: "light-dark(rgba(0 0 0 / 10%), rgba(255 255 255 / 10%))",
-  buttonBackgroundIconActive: "light-dark(rgba(0 0 0 / 20%), rgba(255 255 255 / 20%))",
-  badgeBackground: `light-dark(${r.signalRed100}, ${r.signalRed100})`,
-  calendarDateBackgroundHover: "light-dark(rgba(0 0 0 / 10%), rgba(255 255 255 / 10%))",
-  calendarDateBackgroundSelected: `light-dark(${r.blue150}, ${r.blue80})`,
-  calendarDateBackgroundStartRange: `light-dark(${r.blue150}, ${r.blue80})`,
-  calendarDateBackgroundInRange: `light-dark(${r.blue20}, ${r.blue150})`,
-  calendarDateBackgroundEndRange: `light-dark(${r.blue150}, ${r.blue80})`,
-  logoPrimary: `light-dark(${r.red100}, ${r.white})`,
-  menuItemBackgroundHover: `light-dark(${r.gray20}, ${r.gray190})`,
-  menuItemBackgroundSelected: `light-dark(${r.gray10}, ${r.gray180})`,
-  menuTextSectionHeader: `light-dark(${r.blue120}, ${r.blue80})`
-}, n = {
-  base: 1,
-  above: 10,
-  modal: 1e3,
-  toast: 1100,
-  skipToContent: 1200
-}, o = {
-  "00": "0",
-  // 0px
-  "05": "0.063rem",
-  // 1px
-  10: "0.125rem",
-  // 2px
-  15: "0.188rem",
-  // 3px
-  20: "0.25rem",
-  // 4px
-  30: "0.375rem",
-  // 6px
-  40: "0.5rem",
-  // 8px
-  50: "0.625rem",
-  // 10px
-  60: "0.75rem",
-  // 12px
-  70: "0.875rem",
-  // 14px
-  75: "0.938rem",
-  // 15px
-  80: "1rem",
-  // 16px
-  90: "1.25rem",
-  // 20px
-  100: "1.5rem",
-  // 24px
-  110: "1.75rem",
-  // 28px
-  120: "2rem",
-  // 32px
-  130: "2.5rem",
-  // 40px
-  140: "2.75rem",
-  // 44px
-  150: "3rem"
-  // 48px
-}, $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  baseColors: r,
-  breakpoints: t,
-  semantic: d,
-  sizing: o,
-  spacing: g,
-  states: l,
-  transitions: i,
-  typography: a,
-  windowSizes: e,
-  zIndex: n
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  a,
-  r as b,
-  l as c,
-  i as d,
-  t as e,
-  d as f,
-  o as g,
-  g as s,
-  $ as t,
-  e as w,
-  n as z
-};