@midas-ds/components 4.0.0 → 5.0.1

package/theme/tokens.d.ts

@@ -1,6 +1,8 @@
 export declare const baseColors: {
-    white: string;
     black: string;
+    white: string;
+    blackHover: string;
+    whiteHover: string;
     gray10: string;
     gray20: string;
     gray30: string;
@@ -11,23 +13,18 @@ export declare const baseColors: {
     gray80: string;
     gray90: string;
     gray100: string;
+    gray110: string;
+    gray120: string;
     gray130: string;
+    gray140: string;
     gray150: string;
-    red10: string;
-    red20: string;
-    red30: string;
-    red40: string;
-    red50: string;
-    red60: string;
-    red70: string;
-    red80: string;
-    red90: string;
-    red100: string;
-    red130: string;
-    red150: string;
+    gray160: string;
+    gray170: string;
+    gray180: string;
+    gray190: string;
+    gray200: string;
     blue10: string;
     blue20: string;
-    blue30: string;
     blue40: string;
     blue50: string;
     blue60: string;
@@ -35,101 +32,165 @@ export declare const baseColors: {
     blue80: string;
     blue90: string;
     blue100: string;
-    blue130: string;
-    blue150: string;
-};
-export declare const buttonColors: {
-    outline: string;
-    primaryBackground: string;
-    primaryText: string;
-    primaryHover: string;
-    primaryFocus: string;
-    primaryActive: string;
-    secondaryBackground: string;
-    secondaryText: string;
-    secondaryHover: string;
-    secondaryActive: string;
-};
-export declare const inputColor: {
-    inputText: string;
-};
-export declare const signalColors: {
-    signalGreen10: string;
-    signalGreen100: string;
-    signalBlue10: string;
-    signalBlue100: string;
-    signalYellow10: string;
-    signalYellow100: string;
-    signalRed10: string;
-    signalRed100: string;
-    signalRed130: string;
-    signalRed150: string;
-};
-export declare const borderRadius: {
-    sRadius: string;
-    mRadius: string;
-};
-export declare const borderWidths: {
-    xsWidth: string;
-    sWidth: string;
-    mWidth: string;
+    blue140: string;
+    blue170: string;
+    purple80: string;
+    purple140: string;
+    red100: string;
+    signalBlue20: string;
+    signalBlue140: string;
+    signalGreen20: string;
+    signalGreen140: string;
+    signalRed20: string;
+    signalRed140: string;
+    signalRed160: string;
+    signalRed180: string;
+    signalYellow20: string;
+    signalYellow140: string;
 };
-export declare const fontWeights: {
-    lightWeight: string;
-    regularWeight: string;
-    mediumWeight: string;
-    semiBoldWeight: string;
-    boldWeight: string;
-    blackWeight: string;
+export declare const typography: {
+    fontFamily: string;
+    lineHeight01: number;
+    lineHeight02: number;
+    lineHeight03: number;
+    lineHeight04: number;
+    lineHeight05: number;
+    lineHeight06: number;
+    lineHeight07: number;
+    lineHeight08: number;
+    lineHeight09: number;
+    size01: string;
+    size02: string;
+    size03: string;
+    size04: string;
+    size05: string;
+    size06: string;
+    size07: string;
+    size08: string;
+    size09: string;
+    size10: string;
+    weightThin: number;
+    weightExtraLight: number;
+    weightLight: number;
+    weightRegular: number;
+    weightMedium: number;
+    weightSemiBold: number;
+    weightBold: number;
+    weightExtraBold: number;
+    weightBlack: number;
 };
-export declare const fontSizes: {
-    desktopSize: string;
-    mobileSize: string;
-    largeSize: string;
-    inputNormalSize: string;
-    inputMessageSize: string;
-    inputLabelSize: string;
-    inputDescriptionSize: string;
+export declare const spacing: {
+    '01': string;
+    '02': string;
+    '03': string;
+    '04': string;
+    '05': string;
+    '06': string;
+    '07': string;
+    '08': string;
+    '09': string;
+    '10': string;
+    '11': string;
+    '12': string;
 };
-export declare const midasColors: {
-    logoPrimary: string;
-    logoSecondary: string;
-    textPrimary: string;
-    textSecondary: string;
-    textTertiary: string;
-    link: string;
-    linkVisited: string;
-    backgroundPrimary: string;
-    backgroundSecondary: string;
-    backgroundFooter1: string;
-    backgroundFooter2: string;
-    backgroundInfo: string;
-    backgroundImportant: string;
-    borderPrimary: string;
-    borderSecondary: string;
-    borderFocusOuter: string;
-    borderFocusInner: string;
-    iconPrimary: string;
-    iconInverted: string;
+export declare const states: {
+    focus: string;
 };
-export declare const midasTransitions: {
-    slowTransition: string;
-    normalTransition: string;
-    fastTransition: string;
+export declare const transitions: {
+    slow: string;
+    normal: string;
+    fast: string;
 };
 export declare const breakpoints: {
-    smBreakpoint: string;
-    mdBreakpoint: string;
-    lgBreakpoint: string;
-    xlBreakpoint: string;
-};
-export declare const accessibility: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
     forcedColorsMode: string;
+    darkMode: string;
     prefersReducedMotion: string;
 };
-export declare const font: {
-    display: string;
-};
-export declare const boxShadow: {
-    focus: string;
+export declare const semantic: {
+    background01: string;
+    backgroundHover01: string;
+    backgroundInverse01: 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;
+    borderStrong: string;
+    borderMedium: string;
+    borderSubtle: string;
+    borderBrand: string;
+    borderInvalid: string;
+    borderDisabled: string;
+    borderSkeleton: string;
+    borderInverse: string;
+    field01: string;
+    fieldHover01: string;
+    fieldActive01: string;
+    field02: string;
+    fieldHover02: string;
+    fieldActive02: string;
+    fieldDisabled: string;
+    fieldSkeleton: string;
+    iconPrimary: string;
+    iconSecondary: string;
+    iconInverse: string;
+    iconOnColor: string;
+    iconDanger: string;
+    iconDisabled: string;
+    iconSuccess: string;
+    iconInfo: string;
+    iconWarning: string;
+    iconImportant: string;
+    linkEnabled: string;
+    linkHover: string;
+    linkPressed: string;
+    linkVisited: string;
+    notificationBorderSuccess: string;
+    notificationBorderInfo: string;
+    notificationBorderImportant: string;
+    notificationBorderWarning: string;
+    notificationBackgroundSuccess: string;
+    notificationBackgroundInfo: string;
+    notificationBackgroundImportant: string;
+    notificationBackgroundWarning: string;
+    textPrimary: string;
+    textSecondary: string;
+    textBrand: string;
+    textOnColor: string;
+    textInverse: string;
+    textSubtle: string;
+    textDisabled: string;
+    textInvalid: 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;
+    buttonBackgroundSkeleton: string;
+    buttonBackgroundGhostHover: string;
+    buttonBackgroundGhostActive: string;
+    buttonBorderPrimary: string;
+    logoPrimary: string;
 };

package/theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./tokens-BskyMDHv.cjs"),s={...o.tokens};exports.accessibility=o.accessibility;exports.baseColors=o.baseColors;exports.borderRadius=o.borderRadius;exports.borderWidths=o.borderWidths;exports.boxShadow=o.boxShadow;exports.breakpoints=o.breakpoints;exports.buttonColors=o.buttonColors;exports.font=o.font;exports.fontSizes=o.fontSizes;exports.fontWeights=o.fontWeights;exports.inputColor=o.inputColor;exports.midasColors=o.midasColors;exports.midasTransitions=o.midasTransitions;exports.signalColors=o.signalColors;exports.theme=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./tokens-DZsQgihc.cjs"),s={...t.tokens};exports.baseColors=t.baseColors;exports.breakpoints=t.breakpoints;exports.semantic=t.semantic;exports.spacing=t.spacing;exports.states=t.states;exports.transitions=t.transitions;exports.typography=t.typography;exports.theme=s;

package/theme.js

@@ -1,20 +1,13 @@
-import { t as s } from "./tokens-CjXmpXTi.js";
-import { j as r, b as e, c as n, d as b, l as d, h as l, a as m, k as f, e as h, f as p, i as C, m as c, g, s as k } from "./tokens-CjXmpXTi.js";
-const a = { ...s };
+import { t as s } from "./tokens-Ce2Sj8HD.js";
+import { b as r, f as n, s as p, c as i, d as m, e as c, a as b } from "./tokens-Ce2Sj8HD.js";
+const t = { ...s };
 export {
-  r as accessibility,
-  e as baseColors,
-  n as borderRadius,
-  b as borderWidths,
-  d as boxShadow,
-  l as breakpoints,
-  m as buttonColors,
-  f as font,
-  h as fontSizes,
-  p as fontWeights,
-  C as inputColor,
-  c as midasColors,
-  g as midasTransitions,
-  k as signalColors,
-  a as theme
+  r as baseColors,
+  n as breakpoints,
+  p as semantic,
+  i as spacing,
+  m as states,
+  t as theme,
+  c as transitions,
+  b as typography
 };

package/toast/Toast.d.ts

@@ -1,5 +1,5 @@
-import { AriaToastProps, AriaToastRegionProps } from '@react-aria/toast';
-import { QueuedToast, ToastQueue, ToastState } from '@react-stately/toast';
+import { AriaToastProps, AriaToastRegionProps } from 'react-aria';
+import { QueuedToast, ToastQueue, ToastState, ToastStateProps } from 'react-stately';
 import { default as React } from 'react';
 export interface MidasToast {
     message: string;
@@ -17,6 +17,11 @@ export interface ToastProps<T> extends AriaToastProps<T> {
 interface ToastProviderProps extends AriaToastRegionProps {
     children?: ((state: ToastState<MidasToast>) => React.ReactNode) | React.ReactNode;
 }
+/**
+ * Temporary implementation of https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/toast/src/useToastState.ts#L59
+ * TODO: Erase this as soon as react-stately is released
+ */
+export declare function useToastState<T>(props?: ToastStateProps): ToastState<T>;
 export declare const toastQueue: ToastQueue<MidasToast>;
 export declare const GlobalToastRegion: (props: ToastProviderProps) => React.ReactPortal | null;
 export declare const ToastProvider: ({ children, ...props }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;

package/tokens-Ce2Sj8HD.js

@@ -0,0 +1,240 @@
+const r = {
+  black: "#000000",
+  white: "#ffffff",
+  blackHover: "#0d0d0d",
+  whiteHover: "#e6e6e6",
+  gray10: "#f2f2f2",
+  gray20: "#e6e6e6",
+  gray30: "#d9d9d9",
+  gray40: "#cccccc",
+  gray50: "#bfbfbf",
+  gray60: "#b3b3b3",
+  gray70: "#a6a6a6",
+  gray80: "#999999",
+  gray90: "#8c8c8c",
+  gray100: "#808080",
+  gray110: "#737373",
+  gray120: "#666666",
+  gray130: "#5d5d5d",
+  gray140: "#525252",
+  gray150: "#474747",
+  gray160: "#383838",
+  gray170: "#333333",
+  gray180: "#262626",
+  gray190: "#212121",
+  gray200: "#171717",
+  blue10: "#eaf2f6",
+  blue20: "#d5e5ed",
+  blue40: "#abcbdb",
+  blue50: "#abcbdb",
+  blue60: "#82b0c9",
+  blue70: "#6ca3c0",
+  blue80: "#5897b8",
+  blue90: "#4289ad",
+  blue100: "#2e7ca5",
+  blue140: "#25607f",
+  blue170: "#143c50",
+  purple80: "#b46ab4",
+  purple140: "#954b95",
+  red100: "#b90835",
+  signalBlue20: "#eaf2f6",
+  signalBlue140: "#0066cc",
+  signalGreen20: "#d5f2d9",
+  signalGreen140: "#008d3c",
+  signalRed20: "#ffdfdf",
+  signalRed140: "#e62323",
+  signalRed160: "#b31b1b",
+  signalRed180: "#801313",
+  signalYellow20: "#fff8e1",
+  signalYellow140: "#fdb813"
+}, a = {
+  fontFamily: '"Inter", sans-serif',
+  lineHeight01: 1,
+  // 16px
+  lineHeight02: 1.125,
+  // 18px (18/16)
+  lineHeight03: 1.25,
+  // 20px (20/16)
+  lineHeight04: 1.375,
+  // 22px (22/16)
+  lineHeight05: 1.5,
+  // 24px (24/16)
+  lineHeight06: 1.75,
+  // 28px (28/16)
+  lineHeight07: 2,
+  // 32px (32/16)
+  lineHeight08: 2.25,
+  // 36px (36/16)
+  lineHeight09: 2.5,
+  // 40px (40/16)
+  size01: "0.75rem",
+  // 12px (12/16)
+  size02: "0.875rem",
+  // 14px (14/16)
+  size03: "1rem",
+  // 16px (16/16)
+  size04: "1.125rem",
+  // 18px (18/16)
+  size05: "1.25rem",
+  // 20px (20/16)
+  size06: "1.5rem",
+  // 24px (24/16)
+  size07: "1.75rem",
+  // 28px (28/16)
+  size08: "2rem",
+  // 32px (32/16)
+  size09: "2.25rem",
+  // 36px (36/16)
+  size10: "2.625rem",
+  // 42px (40/16)
+  weightThin: 100,
+  weightExtraLight: 200,
+  weightLight: 300,
+  weightRegular: 400,
+  weightMedium: 500,
+  weightSemiBold: 600,
+  weightBold: 700,
+  weightExtraBold: 800,
+  weightBlack: 900
+}, e = {
+  "01": "0.125rem",
+  // 2px
+  "02": "0.25rem",
+  // 4px
+  "03": "0.5rem",
+  // 8px
+  "04": "0.75rem",
+  // 12px
+  "05": "1rem",
+  // 16px
+  "06": "1.5rem",
+  // 24px
+  "07": "2rem",
+  // 32px
+  "08": "2.5rem",
+  // 40px
+  "09": "3rem",
+  // 48px
+  10: "4rem",
+  // 64px
+  11: "5rem",
+  // 80px
+  12: "6rem"
+  // 96px
+}, g = {
+  focus: "0 0 0 2px white, 0 0 0 4px black"
+}, i = {
+  slow: "500ms",
+  normal: "300ms",
+  fast: "250ms"
+}, t = {
+  sm: "(max-width: 767px)",
+  md: "(min-width: 768px)",
+  lg: "(min-width: 1200px)",
+  xl: "(min-width: 1440px)",
+  forcedColorsMode: "(forced-colors: active)",
+  darkMode: "(prefers-color-scheme: dark)",
+  prefersReducedMotion: "(prefers-reduced-motion: reduced)"
+}, l = {
+  background01: `light-dark(${r.white}, ${r.gray30})`,
+  backgroundHover01: `light-dark(${r.whiteHover}, ${r.gray190})`,
+  backgroundInverse01: `light-dark(${r.gray30}, ${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.gray20})`,
+  layer02: `light-dark(${r.white}, ${r.gray160})`,
+  layerHover02: `light-dark(${r.whiteHover}, ${r.gray20})`,
+  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.gray20})`,
+  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})`,
+  borderStrong: `light-dark(${r.gray30}, ${r.gray10})`,
+  borderMedium: `light-dark(${r.gray110}, ${r.gray90})`,
+  borderSubtle: `light-dark(${r.gray50}, ${r.gray160})`,
+  borderBrand: `light-dark(${r.blue170}, ${r.blue170})`,
+  borderInvalid: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
+  borderDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
+  borderSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
+  borderInverse: `light-dark(${r.white}, ${r.gray180})`,
+  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.gray20})`,
+  fieldActive02: `light-dark(${r.gray30}, ${r.gray140})`,
+  fieldDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
+  fieldSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
+  iconPrimary: `light-dark(${r.gray30}, ${r.gray10})`,
+  iconSecondary: `light-dark(${r.blue170}, ${r.blue170})`,
+  iconInverse: `light-dark(${r.white}, ${r.black})`,
+  iconOnColor: `light-dark(${r.white}, ${r.white})`,
+  iconDanger: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
+  iconDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
+  iconSuccess: `light-dark(${r.signalGreen140}, ${r.signalGreen140})`,
+  iconInfo: `light-dark(${r.signalBlue140}, ${r.signalBlue140})`,
+  iconWarning: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
+  iconImportant: `light-dark(${r.signalYellow140}, ${r.signalYellow140})`,
+  linkEnabled: `light-dark(${r.blue100}, ${r.blue90})`,
+  linkHover: `light-dark(${r.blue170}, ${r.blue80})`,
+  linkPressed: `light-dark(${r.gray200}, ${r.blue60})`,
+  linkVisited: `light-dark(${r.purple140}, ${r.purple80})`,
+  notificationBorderSuccess: `light-dark(${r.signalGreen140}, ${r.signalGreen140})`,
+  notificationBorderInfo: `light-dark(${r.signalBlue140}, ${r.signalBlue140})`,
+  notificationBorderImportant: `light-dark(${r.signalYellow140}, ${r.signalYellow140})`,
+  notificationBorderWarning: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
+  notificationBackgroundSuccess: `light-dark(${r.signalGreen20}, ${r.gray10})`,
+  notificationBackgroundInfo: `light-dark(${r.signalBlue20}, ${r.gray10})`,
+  notificationBackgroundImportant: `light-dark(${r.signalYellow20}, ${r.gray10})`,
+  notificationBackgroundWarning: `light-dark(${r.signalRed20}, ${r.gray10})`,
+  textPrimary: `light-dark(${r.gray30}, ${r.gray10})`,
+  textSecondary: `light-dark(${r.gray140}, ${r.gray70})`,
+  textBrand: `light-dark(${r.blue170}, ${r.gray10})`,
+  textOnColor: `light-dark(${r.white}, ${r.white})`,
+  textInverse: `light-dark(${r.white}, ${r.black})`,
+  textSubtle: `light-dark(${r.gray90}, ${r.gray90})`,
+  textDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
+  textInvalid: `light-dark(${r.signalRed140}, ${r.signalRed140})`,
+  textPlaceholder: `light-dark(${r.gray70}, ${r.gray140})`,
+  buttonBackgroundPrimary: `light-dark(${r.blue170}, ${r.blue100})`,
+  buttonBackgroundPrimaryHover: `light-dark(${r.blue140}, ${r.blue140})`,
+  buttonBackgroundPrimaryActive: `light-dark(${r.blue100}, ${r.blue170})`,
+  buttonBackgroundSecondary: `light-dark(${r.white}, ${r.gray30})`,
+  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.signalRed140}, ${r.signalRed140})`,
+  buttonBackgroundDangerHover: `light-dark(${r.signalRed160}, ${r.signalRed160})`,
+  buttonBackgroundDangerActive: `light-dark(${r.signalRed180}, ${r.signalRed180})`,
+  buttonBackgroundDisabled: `light-dark(${r.gray10}, ${r.gray180})`,
+  buttonBackgroundSkeleton: `light-dark(${r.gray10}, ${r.gray180})`,
+  buttonBackgroundGhostHover: `light-dark(${r.whiteHover}, ${r.gray190})`,
+  buttonBackgroundGhostActive: `light-dark(${r.gray30}, ${r.gray190})`,
+  buttonBorderPrimary: `light-dark(${r.blue170}, ${r.gray10})`,
+  logoPrimary: `light-dark(${r.red100}, ${r.white})`
+}, d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  baseColors: r,
+  breakpoints: t,
+  semantic: l,
+  spacing: e,
+  states: g,
+  transitions: i,
+  typography: a
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  a,
+  r as b,
+  e as c,
+  g as d,
+  i as e,
+  t as f,
+  l as s,
+  d as t
+};

package/tokens-DZsQgihc.cjs

@@ -0,0 +1 @@
+"use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue50:"#abcbdb",blue60:"#82b0c9",blue70:"#6ca3c0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue140:"#25607f",blue170:"#143c50",purple80:"#b46ab4",purple140:"#954b95",red100:"#b90835",signalBlue20:"#eaf2f6",signalBlue140:"#0066cc",signalGreen20:"#d5f2d9",signalGreen140:"#008d3c",signalRed20:"#ffdfdf",signalRed140:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313",signalYellow20:"#fff8e1",signalYellow140:"#fdb813"},e={fontFamily:'"Inter", sans-serif',lineHeight01:1,lineHeight02:1.125,lineHeight03:1.25,lineHeight04:1.375,lineHeight05:1.5,lineHeight06:1.75,lineHeight07:2,lineHeight08:2.25,lineHeight09:2.5,size01:"0.75rem",size02:"0.875rem",size03:"1rem",size04:"1.125rem",size05:"1.25rem",size06:"1.5rem",size07:"1.75rem",size08:"2rem",size09:"2.25rem",size10:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},a={"01":"0.125rem","02":"0.25rem","03":"0.5rem","04":"0.75rem","05":"1rem","06":"1.5rem","07":"2rem","08":"2.5rem","09":"3rem",10:"4rem",11:"5rem",12:"6rem"},g={focus:"0 0 0 2px white, 0 0 0 4px black"},i={slow:"500ms",normal:"300ms",fast:"250ms"},t={sm:"(max-width: 767px)",md:"(min-width: 768px)",lg:"(min-width: 1200px)",xl:"(min-width: 1440px)",forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},l={background01:`light-dark(${r.white}, ${r.gray30})`,backgroundHover01:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse01:`light-dark(${r.gray30}, ${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.gray20})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray20})`,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.gray20})`,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})`,borderStrong:`light-dark(${r.gray30}, ${r.gray10})`,borderMedium:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderBrand:`light-dark(${r.blue170}, ${r.blue170})`,borderInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,borderSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,borderInverse:`light-dark(${r.white}, ${r.gray180})`,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.gray20})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,iconPrimary:`light-dark(${r.gray30}, ${r.gray10})`,iconSecondary:`light-dark(${r.blue170}, ${r.blue170})`,iconInverse:`light-dark(${r.white}, ${r.black})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDanger:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,iconInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,iconWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,iconImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,linkEnabled:`light-dark(${r.blue100}, ${r.blue90})`,linkHover:`light-dark(${r.blue170}, ${r.blue80})`,linkPressed:`light-dark(${r.gray200}, ${r.blue60})`,linkVisited:`light-dark(${r.purple140}, ${r.purple80})`,notificationBorderSuccess:`light-dark(${r.signalGreen140}, ${r.signalGreen140})`,notificationBorderInfo:`light-dark(${r.signalBlue140}, ${r.signalBlue140})`,notificationBorderImportant:`light-dark(${r.signalYellow140}, ${r.signalYellow140})`,notificationBorderWarning:`light-dark(${r.signalRed140}, ${r.signalRed140})`,notificationBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray10})`,notificationBackgroundInfo:`light-dark(${r.signalBlue20}, ${r.gray10})`,notificationBackgroundImportant:`light-dark(${r.signalYellow20}, ${r.gray10})`,notificationBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray10})`,textPrimary:`light-dark(${r.gray30}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textBrand:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.white}, ${r.black})`,textSubtle:`light-dark(${r.gray90}, ${r.gray90})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed140}, ${r.signalRed140})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue170}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue140}, ${r.blue140})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue170})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray30})`,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.signalRed140}, ${r.signalRed140})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed160}, ${r.signalRed160})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed180}, ${r.signalRed180})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundGhostHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundGhostActive:`light-dark(${r.gray30}, ${r.gray190})`,buttonBorderPrimary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`},d=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:l,spacing:a,states:g,transitions:i,typography:e},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=l;exports.spacing=a;exports.states=g;exports.tokens=d;exports.transitions=i;exports.typography=e;

package/tokens-BskyMDHv.cjs

@@ -1 +0,0 @@
-"use strict";const e={white:"#ffffff",black:"#000000",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray130:"#5d5d5d",gray150:"#1f1f1f",red10:"#f7e9e7",red20:"#f1d4d1",red30:"#e9beba",red40:"#e2a8a4",red50:"#d9918e",red60:"#d37a7a",red70:"#cc6467",red80:"#c54c56",red90:"#be3345",red100:"#b90835",red130:"#8b1327",red150:"#641018",blue10:"#eaf2f6",blue20:"#d5e5ed",blue30:"#c0d7e4",blue40:"#abcbdb",blue50:"#94bcd1",blue60:"#82b0c9",blue70:"#6ca3c0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue130:"#25607f",blue150:"#143c50"},o={outline:"#303030",primaryBackground:e.blue150,primaryText:"#303030",primaryHover:e.blue130,primaryFocus:e.black,primaryActive:"#4289ae",secondaryBackground:e.gray130,secondaryText:e.white,secondaryHover:"#303030",secondaryActive:"#303030"},i={inputText:e.gray150},r={signalGreen10:"#d5f2d9",signalGreen100:"#008d3c",signalBlue10:e.blue10,signalBlue100:"#0066cc",signalYellow10:"#fff8e1",signalYellow100:"#f1c21b",signalRed10:"#ffdfdf",signalRed100:"#e62323",signalRed130:"#b31b1b",signalRed150:"#801313"},a={sRadius:" 0.125rem",mRadius:" 0.25rem"},t={xsWidth:" 0.0625rem",sWidth:" 0.125rem",mWidth:" 0.25rem"},d={lightWeight:"300",regularWeight:"400",mediumWeight:"500",semiBoldWeight:"600",boldWeight:"700",blackWeight:"900"},n={desktopSize:"1rem",mobileSize:"1rem",largeSize:"1.5rem",inputNormalSize:"0.875rem",inputMessageSize:"0.75rem",inputLabelSize:"1rem",inputDescriptionSize:"0.875rem"},s={logoPrimary:e.red100,logoSecondary:e.white,textPrimary:e.gray150,textSecondary:e.white,textTertiary:e.red100,link:e.blue130,linkVisited:"#663366",backgroundPrimary:e.white,backgroundSecondary:e.gray10,backgroundFooter1:e.red100,backgroundFooter2:e.red130,backgroundInfo:e.blue10,backgroundImportant:r.signalYellow10,borderPrimary:e.black,borderSecondary:e.gray60,borderFocusOuter:e.black,borderFocusInner:e.white,iconPrimary:e.black,iconInverted:e.white},c={slowTransition:"500ms",normalTransition:"300ms",fastTransition:"250ms"},l={smBreakpoint:"(max-width: 767px)",mdBreakpoint:"(min-width: 768px)",lgBreakpoint:"(min-width: 1200px)",xlBreakpoint:"(min-width: 1440px)"},b={forcedColorsMode:"(forced-colors: active)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},g={display:'"Inter", sans-serif'},u={focus:"0 0 0 2px white, 0 0 0 4px black"},m=Object.freeze(Object.defineProperty({__proto__:null,accessibility:b,baseColors:e,borderRadius:a,borderWidths:t,boxShadow:u,breakpoints:l,buttonColors:o,font:g,fontSizes:n,fontWeights:d,inputColor:i,midasColors:s,midasTransitions:c,signalColors:r},Symbol.toStringTag,{value:"Module"}));exports.accessibility=b;exports.baseColors=e;exports.borderRadius=a;exports.borderWidths=t;exports.boxShadow=u;exports.breakpoints=l;exports.buttonColors=o;exports.font=g;exports.fontSizes=n;exports.fontWeights=d;exports.inputColor=i;exports.midasColors=s;exports.midasTransitions=c;exports.signalColors=r;exports.tokens=m;