@persona/design-system 0.10.5 → 0.10.6

package/dist/theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.mjs","names":[],"sources":["../src/theme.ts"],"sourcesContent":["import { Color, FontFamilies, type PDSTypeStyle, Typography } from '@persona/design-tokens';\nimport type { PdsColor } from 'design-system/lib/color';\nimport { semanticDark, semanticLight, type SemanticTokens } from 'design-system/variables/semantic';\n\ninterface PrimaryColors {\n  black: Color;\n  white: Color;\n  brand: Color;\n  brand800: Color;\n  brand700: Color;\n  brand600: Color;\n  brand500: Color;\n  brand400: Color;\n  brand300: Color;\n  brand200: Color;\n  brand100: Color;\n}\n\nexport interface TextColors {\n  primary: Color;\n  secondary: Color;\n  tertiary: Color;\n  brand: Color;\n  inverse: Color;\n  disabled: Color;\n}\n\nexport interface BackgroundColors {\n  primary: Color;\n  secondary: Color;\n  active: Color;\n  highlight: Color;\n  disabled: Color;\n}\n\nexport type Variant =\n  | 'basic'\n  | 'caution'\n  | 'danger'\n  | 'inverse'\n  | 'outline'\n  | 'primary'\n  | 'success'\n  | 'text';\n\ninterface VariantPalette {\n  /**\n   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.\n   */\n  active: Color;\n  /**\n   * Passive color when not interacted.\n   */\n  default: PdsColor;\n  /**\n   * Focus state, borders, etc. Generally lighter than the default color.\n   */\n  highlight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightLight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightDark: Color;\n\n  /**\n   * Disabled background\n   */\n  disabled: PdsColor;\n\n  text: Color;\n  textDisabled: PdsColor;\n\n  hover: Color;\n}\n\ninterface ColorPalette {\n  primary: PrimaryColors;\n  text: TextColors;\n  variants: Record<Variant, VariantPalette>;\n  background: BackgroundColors;\n  border: {\n    primary: Color;\n    secondary: Color;\n    active: Color;\n    input: Color;\n    inputHover: Color;\n    disabled: Color;\n  };\n}\n\ninterface TextSettings {\n  fontFamily: {\n    base: string;\n    mono: string;\n    semiMono: string;\n  };\n  display: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n  };\n  heading: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    xsm: PDSTypeStyle;\n  };\n  paragraph: {\n    lg: PDSTypeStyle;\n    lgBold: PDSTypeStyle;\n    lgLight: PDSTypeStyle;\n    md: PDSTypeStyle;\n    mdBold: PDSTypeStyle;\n    mdLight: PDSTypeStyle;\n    mdLink: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    smLink: PDSTypeStyle;\n    xs: PDSTypeStyle;\n  };\n}\n\n// SHARED ELEMENT VARIABLES\n// For inputs, selects, and input-like components\ninterface ElementSettings {\n  borderRadius: string;\n  height: {\n    xl: string;\n    lg: string;\n    md: string;\n    sm: string;\n    xs: string;\n  };\n  width: {\n    md: string;\n  };\n}\n\n// COMPONENT SPECIFIC VARIABLES\ninterface ButtonSettings {\n  borderRadius: string;\n  height: {\n    md: string;\n    sm: string;\n  };\n}\n\ninterface CardSettings {\n  borderRadius: string;\n}\n\ninterface ModalSettings {\n  borderRadius: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n  width: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n}\n\nexport interface PersonaTheme {\n  color: ColorPalette;\n  /** Absent under foreign themes (Relay, darkTheme); read via `semanticColor()`, never directly. */\n  semantic?: SemanticTokens;\n  text: TextSettings;\n  element: ElementSettings;\n  card: CardSettings;\n  button: ButtonSettings;\n  modal: ModalSettings;\n}\n\nconst primary: PrimaryColors = {\n  black: Color.PrimaryBlack,\n  white: Color.PrimaryWhite,\n  brand: Color.PrimaryPurple,\n  brand800: Color.CorePurple800,\n  brand700: Color.CorePurple700,\n  brand600: Color.CorePurple600,\n  brand500: Color.CorePurple500,\n  brand400: Color.CorePurple400,\n  brand300: Color.CorePurple300,\n  brand200: Color.CorePurple200,\n  brand100: Color.CorePurple100,\n};\n\n// for active state, use variant!\nconst lightText: TextColors = {\n  primary: Color.TextPrimary,\n  secondary: Color.TextSecondary,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextInverse,\n  disabled: Color.TextDisabled,\n};\n\n// for active state, use variant!\nconst darkText: TextColors = {\n  primary: Color.TextInverse,\n  secondary: Color.CoreSlate500,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextPrimary,\n  disabled: Color.TextDisabled,\n};\n\nconst lightColorPalette: ColorPalette = {\n  primary,\n  text: lightText,\n  background: {\n    primary: Color.BackgroundPrimary,\n    secondary: Color.BackgroundSecondary,\n    active: primary.brand,\n    highlight: primary.brand100,\n    disabled: Color.BackgroundInputDisabled,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.CoreSlate100,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.BackgroundButtonPrimaryActive,\n      default: Color.BackgroundButtonPrimary,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed200,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed200,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.secondary,\n    },\n  },\n  border: {\n    primary: Color.BorderHairline,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst darkColorPalette: ColorPalette = {\n  primary,\n  text: darkText,\n  background: {\n    primary: Color.CoreSlate1000,\n    secondary: Color.CoreSlate50,\n    active: primary.brand,\n    highlight: Color.PrimaryWhite,\n    disabled: Color.CoreSlate300,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.CoreSlate100,\n      text: darkText.primary,\n      textDisabled: darkText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.CoreSlate900,\n      default: Color.CoreSlate1000,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: primary.white,\n      textDisabled: darkText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: darkText.inverse,\n      textDisabled: darkText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed300,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed300,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: darkText.primary,\n      textDisabled: darkText.secondary,\n    },\n  },\n  border: {\n    primary: Color.CoreSlate900,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst defaultTextSettings: TextSettings = {\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n  display: {\n    lg: Typography.DisplayLarge,\n    md: Typography.DisplayMedium,\n    sm: Typography.DisplaySmall,\n  },\n  heading: {\n    lg: Typography.HeadingLarge,\n    md: Typography.HeadingMedium,\n    sm: Typography.HeadingSmall,\n    xsm: Typography.HeadingExtraSmall,\n  },\n  paragraph: {\n    lg: Typography.TextLarge,\n    lgBold: Typography.TextLargeBold,\n    lgLight: Typography.TextLargeLight,\n    md: Typography.TextMedium,\n    mdBold: Typography.TextMediumBold,\n    mdLight: Typography.TextMediumLight,\n    mdLink: Typography.TextMediumLink,\n    sm: Typography.TextSmall,\n    smLink: Typography.TextSmallLink,\n    xs: Typography.TextExtraSmall,\n  },\n};\n\nconst textSettingsWithMarketingFont: TextSettings = {\n  ...defaultTextSettings,\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n};\n\nconst defaultElementSettings: ElementSettings = {\n  borderRadius: '4px',\n  height: {\n    xl: '128px',\n    lg: '56px',\n    md: '48px',\n    sm: '40px',\n    xs: '32px',\n  },\n  width: {\n    md: '228px',\n  },\n};\n\nconst defaultButtonSettings: ButtonSettings = {\n  borderRadius: '4px',\n  height: {\n    md: '32px',\n    sm: '24px',\n  },\n};\n\nconst defaultCardSettings: CardSettings = {\n  borderRadius: '8px',\n};\n\nconst defaultModalSettings: ModalSettings = {\n  borderRadius: {\n    xl: '8px',\n    lg: '4px',\n    md: '4px',\n  },\n  width: {\n    xl: '1020px',\n    lg: '720px',\n    md: '520px',\n  },\n};\n\nconst defaultTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const darkTheme: PersonaTheme = {\n  color: darkColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const marketingFontTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: textSettingsWithMarketingFont,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport default defaultTheme;\n\n/**\n * `'light'`/`'dark'` install the semantic map and the matching primitive palette as a pair.\n * `'off'` removes the semantic namespace so every `semanticColor()` call takes its legacy fallback.\n */\nexport type PdsThemingMode = 'off' | 'light' | 'dark';\n\nexport type PdsThemed<T extends PersonaTheme, M extends PdsThemingMode> = Omit<\n  T,\n  'color' | 'semantic'\n> &\n  (M extends 'off'\n    ? { color: T['color']; semantic?: undefined }\n    : { color: PersonaTheme['color']; semantic: SemanticTokens });\n\nconst semanticPalettes: Record<\n  Exclude<PdsThemingMode, 'off'>,\n  { color: ColorPalette; semantic: SemanticTokens }\n> = {\n  light: { color: lightColorPalette, semantic: semanticLight },\n  dark: { color: darkColorPalette, semantic: semanticDark },\n};\n\nexport function withPdsTheming<T extends PersonaTheme, M extends PdsThemingMode>(\n  theme: T,\n  mode: M,\n): PdsThemed<T, M>;\nexport function withPdsTheming(theme: PersonaTheme, mode: PdsThemingMode): PersonaTheme {\n  if (mode === 'off') {\n    return { ...theme, semantic: undefined };\n  }\n\n  return { ...theme, ...semanticPalettes[mode] };\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme.mjs","names":[],"sources":["../src/theme.ts"],"sourcesContent":["import { Color, FontFamilies, type PDSTypeStyle, Typography } from '@persona/design-tokens';\n\nimport type { PdsColor } from '#src/lib/color';\nimport { semanticDark, semanticLight, type SemanticTokens } from '#src/variables/semantic';\n\ninterface PrimaryColors {\n  black: Color;\n  white: Color;\n  brand: Color;\n  brand800: Color;\n  brand700: Color;\n  brand600: Color;\n  brand500: Color;\n  brand400: Color;\n  brand300: Color;\n  brand200: Color;\n  brand100: Color;\n}\n\nexport interface TextColors {\n  primary: Color;\n  secondary: Color;\n  tertiary: Color;\n  brand: Color;\n  inverse: Color;\n  disabled: Color;\n}\n\nexport interface BackgroundColors {\n  primary: Color;\n  secondary: Color;\n  active: Color;\n  highlight: Color;\n  disabled: Color;\n}\n\nexport type Variant =\n  | 'basic'\n  | 'caution'\n  | 'danger'\n  | 'inverse'\n  | 'outline'\n  | 'primary'\n  | 'success'\n  | 'text';\n\ninterface VariantPalette {\n  /**\n   * Activated color. Mousedowns for buttons, hover for dropdowns, etc.\n   */\n  active: Color;\n  /**\n   * Passive color when not interacted.\n   */\n  default: PdsColor;\n  /**\n   * Focus state, borders, etc. Generally lighter than the default color.\n   */\n  highlight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightLight: Color;\n  /**\n   * Alternative highlight color.\n   */\n  highlightDark: Color;\n\n  /**\n   * Disabled background\n   */\n  disabled: PdsColor;\n\n  text: Color;\n  textDisabled: PdsColor;\n\n  hover: Color;\n}\n\ninterface ColorPalette {\n  primary: PrimaryColors;\n  text: TextColors;\n  variants: Record<Variant, VariantPalette>;\n  background: BackgroundColors;\n  border: {\n    primary: Color;\n    secondary: Color;\n    active: Color;\n    input: Color;\n    inputHover: Color;\n    disabled: Color;\n  };\n}\n\ninterface TextSettings {\n  fontFamily: {\n    base: string;\n    mono: string;\n    semiMono: string;\n  };\n  display: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n  };\n  heading: {\n    lg: PDSTypeStyle;\n    md: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    xsm: PDSTypeStyle;\n  };\n  paragraph: {\n    lg: PDSTypeStyle;\n    lgBold: PDSTypeStyle;\n    lgLight: PDSTypeStyle;\n    md: PDSTypeStyle;\n    mdBold: PDSTypeStyle;\n    mdLight: PDSTypeStyle;\n    mdLink: PDSTypeStyle;\n    sm: PDSTypeStyle;\n    smLink: PDSTypeStyle;\n    xs: PDSTypeStyle;\n  };\n}\n\n// SHARED ELEMENT VARIABLES\n// For inputs, selects, and input-like components\ninterface ElementSettings {\n  borderRadius: string;\n  height: {\n    xl: string;\n    lg: string;\n    md: string;\n    sm: string;\n    xs: string;\n  };\n  width: {\n    md: string;\n  };\n}\n\n// COMPONENT SPECIFIC VARIABLES\ninterface ButtonSettings {\n  borderRadius: string;\n  height: {\n    md: string;\n    sm: string;\n  };\n}\n\ninterface CardSettings {\n  borderRadius: string;\n}\n\ninterface ModalSettings {\n  borderRadius: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n  width: {\n    xl: string;\n    lg: string;\n    md: string;\n  };\n}\n\nexport interface PersonaTheme {\n  color: ColorPalette;\n  /** Absent under foreign themes (Relay, darkTheme); read via `semanticColor()`, never directly. */\n  semantic?: SemanticTokens;\n  text: TextSettings;\n  element: ElementSettings;\n  card: CardSettings;\n  button: ButtonSettings;\n  modal: ModalSettings;\n}\n\nconst primary: PrimaryColors = {\n  black: Color.PrimaryBlack,\n  white: Color.PrimaryWhite,\n  brand: Color.PrimaryPurple,\n  brand800: Color.CorePurple800,\n  brand700: Color.CorePurple700,\n  brand600: Color.CorePurple600,\n  brand500: Color.CorePurple500,\n  brand400: Color.CorePurple400,\n  brand300: Color.CorePurple300,\n  brand200: Color.CorePurple200,\n  brand100: Color.CorePurple100,\n};\n\n// for active state, use variant!\nconst lightText: TextColors = {\n  primary: Color.TextPrimary,\n  secondary: Color.TextSecondary,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextInverse,\n  disabled: Color.TextDisabled,\n};\n\n// for active state, use variant!\nconst darkText: TextColors = {\n  primary: Color.TextInverse,\n  secondary: Color.CoreSlate500,\n  tertiary: Color.CoreSlate800,\n  brand: primary.brand,\n  inverse: Color.TextPrimary,\n  disabled: Color.TextDisabled,\n};\n\nconst lightColorPalette: ColorPalette = {\n  primary,\n  text: lightText,\n  background: {\n    primary: Color.BackgroundPrimary,\n    secondary: Color.BackgroundSecondary,\n    active: primary.brand,\n    highlight: primary.brand100,\n    disabled: Color.BackgroundInputDisabled,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.CoreSlate100,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.BackgroundButtonPrimaryActive,\n      default: Color.BackgroundButtonPrimary,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed200,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed200,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: lightText.inverse,\n      textDisabled: lightText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.secondary,\n    },\n  },\n  border: {\n    primary: Color.BorderHairline,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst darkColorPalette: ColorPalette = {\n  primary,\n  text: darkText,\n  background: {\n    primary: Color.CoreSlate1000,\n    secondary: Color.CoreSlate50,\n    active: primary.brand,\n    highlight: Color.PrimaryWhite,\n    disabled: Color.CoreSlate300,\n  },\n  variants: {\n    basic: {\n      active: Color.BackgroundButtonDefaultActive,\n      default: Color.BackgroundButtonDefault,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.CoreSlate100,\n      text: darkText.primary,\n      textDisabled: darkText.disabled,\n    },\n    outline: {\n      active: Color.BackgroundButtonOutlineActive,\n      default: Color.BackgroundButtonOutline,\n      hover: Color.BackgroundButtonOutlineHover,\n      highlight: Color.CoreSlate400,\n      highlightLight: Color.CoreSlate400,\n      highlightDark: Color.CoreSlate700,\n      disabled: Color.BackgroundButtonOutlineDisabled,\n      text: lightText.primary,\n      textDisabled: lightText.disabled,\n    },\n    primary: {\n      active: Color.CoreSlate900,\n      default: Color.CoreSlate1000,\n      hover: Color.BackgroundButtonPrimaryHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand200,\n      disabled: Color.BackgroundButtonPrimaryDisabled,\n      text: primary.white,\n      textDisabled: darkText.inverse,\n    },\n    inverse: {\n      active: primary.brand100,\n      default: primary.white,\n      hover: Color.BackgroundButtonDefaultHover,\n      highlight: primary.brand200,\n      highlightLight: primary.brand100,\n      highlightDark: primary.brand700,\n      disabled: primary.white,\n      text: darkText.inverse,\n      textDisabled: darkText.disabled,\n    },\n    danger: {\n      active: Color.BackgroundButtonDangerActive,\n      default: Color.BackgroundButtonDanger,\n      hover: Color.BackgroundButtonDangerHover,\n      highlight: Color.CoreRed300,\n      highlightLight: Color.CoreRed100,\n      highlightDark: Color.CoreRed300,\n      disabled: Color.BackgroundButtonDangerDisabled,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    caution: {\n      active: Color.CoreYellow900,\n      default: Color.CoreYellow800,\n      hover: Color.CoreYellow700,\n      highlight: Color.CoreYellow200,\n      highlightLight: Color.CoreYellow100,\n      highlightDark: Color.CoreYellow200,\n      disabled: Color.CoreYellow100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    success: {\n      active: Color.CoreGreen900,\n      default: Color.CoreGreen800,\n      hover: Color.CoreGreen700,\n      highlight: Color.CoreGreen200,\n      highlightLight: Color.CoreGreen100,\n      highlightDark: Color.CoreGreen200,\n      disabled: Color.CoreGreen100,\n      text: darkText.inverse,\n      textDisabled: darkText.inverse,\n    },\n    text: {\n      active: Color.BackgroundButtonTextActive,\n      default: Color.BackgroundButtonText,\n      hover: Color.BackgroundButtonTextHover,\n      highlight: Color.BackgroundButtonTextHover,\n      highlightLight: Color.CoreSlate900,\n      highlightDark: Color.CoreSlate900,\n      disabled: Color.BackgroundButtonTextDisabled,\n      text: darkText.primary,\n      textDisabled: darkText.secondary,\n    },\n  },\n  border: {\n    primary: Color.CoreSlate900,\n    secondary: Color.BorderDivider,\n    active: Color.BorderInputActive,\n    input: Color.BorderInputDefault,\n    inputHover: Color.BorderInputHover,\n    disabled: Color.BorderInputDisabled,\n  },\n};\n\nconst defaultTextSettings: TextSettings = {\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n  display: {\n    lg: Typography.DisplayLarge,\n    md: Typography.DisplayMedium,\n    sm: Typography.DisplaySmall,\n  },\n  heading: {\n    lg: Typography.HeadingLarge,\n    md: Typography.HeadingMedium,\n    sm: Typography.HeadingSmall,\n    xsm: Typography.HeadingExtraSmall,\n  },\n  paragraph: {\n    lg: Typography.TextLarge,\n    lgBold: Typography.TextLargeBold,\n    lgLight: Typography.TextLargeLight,\n    md: Typography.TextMedium,\n    mdBold: Typography.TextMediumBold,\n    mdLight: Typography.TextMediumLight,\n    mdLink: Typography.TextMediumLink,\n    sm: Typography.TextSmall,\n    smLink: Typography.TextSmallLink,\n    xs: Typography.TextExtraSmall,\n  },\n};\n\nconst textSettingsWithMarketingFont: TextSettings = {\n  ...defaultTextSettings,\n  fontFamily: {\n    base: FontFamilies.Primary,\n    mono: FontFamilies.Monospace,\n    semiMono: FontFamilies.SemiMonospace,\n  },\n};\n\nconst defaultElementSettings: ElementSettings = {\n  borderRadius: '4px',\n  height: {\n    xl: '128px',\n    lg: '56px',\n    md: '48px',\n    sm: '40px',\n    xs: '32px',\n  },\n  width: {\n    md: '228px',\n  },\n};\n\nconst defaultButtonSettings: ButtonSettings = {\n  borderRadius: '4px',\n  height: {\n    md: '32px',\n    sm: '24px',\n  },\n};\n\nconst defaultCardSettings: CardSettings = {\n  borderRadius: '8px',\n};\n\nconst defaultModalSettings: ModalSettings = {\n  borderRadius: {\n    xl: '8px',\n    lg: '4px',\n    md: '4px',\n  },\n  width: {\n    xl: '1020px',\n    lg: '720px',\n    md: '520px',\n  },\n};\n\nconst defaultTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const darkTheme: PersonaTheme = {\n  color: darkColorPalette,\n  text: defaultTextSettings,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport const marketingFontTheme: PersonaTheme = {\n  color: lightColorPalette,\n  text: textSettingsWithMarketingFont,\n  element: defaultElementSettings,\n  button: defaultButtonSettings,\n  card: defaultCardSettings,\n  modal: defaultModalSettings,\n};\n\nexport default defaultTheme;\n\n/**\n * `'light'`/`'dark'` install the semantic map and the matching primitive palette as a pair.\n * `'off'` removes the semantic namespace so every `semanticColor()` call takes its legacy fallback.\n */\nexport type PdsThemingMode = 'off' | 'light' | 'dark';\n\nexport type PdsThemed<T extends PersonaTheme, M extends PdsThemingMode> = Omit<\n  T,\n  'color' | 'semantic'\n> &\n  (M extends 'off'\n    ? { color: T['color']; semantic?: undefined }\n    : { color: PersonaTheme['color']; semantic: SemanticTokens });\n\nconst semanticPalettes: Record<\n  Exclude<PdsThemingMode, 'off'>,\n  { color: ColorPalette; semantic: SemanticTokens }\n> = {\n  light: { color: lightColorPalette, semantic: semanticLight },\n  dark: { color: darkColorPalette, semantic: semanticDark },\n};\n\nexport function withPdsTheming<T extends PersonaTheme, M extends PdsThemingMode>(\n  theme: T,\n  mode: M,\n): PdsThemed<T, M>;\nexport function withPdsTheming(theme: PersonaTheme, mode: PdsThemingMode): PersonaTheme {\n  if (mode === 'off') {\n    return { ...theme, semantic: undefined };\n  }\n\n  return { ...theme, ...semanticPalettes[mode] };\n}\n"],"mappings":"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"}

package/dist/{types-DJobO07d.d.mts → types-DoJubhWu.d.mts}

@@ -1,4 +1,4 @@
-import { l as MenuItemProps } from "./Menu-DizjcMbO.mjs";
+import { l as MenuItemProps } from "./Menu-ByYFNvgS.mjs";
 import { o as StickerProps } from "./Sticker-sIBnBbHD.mjs";
 import { ReactNode } from "react";
 import { Column, DeepKeys, FilterFnOption, Header, RowData, SortingState, Table } from "@tanstack/react-table";
@@ -177,4 +177,4 @@ type BulkAction = {
 };
 //#endregion
 export { RowAction as C, RowDataWithTourTarget as D, RowDataWithSubrowsToAlwaysShowIds as E, SortProps as O, RenderValueStickerFormatConfig as S, RowDataWithSubrows as T, DataTableColumns as _, DataTableColumnBaseFormat as a, DatetimeConfig as b, DataTableColumnDatetimeFormat as c, DataTableColumnImageFormat as d, DataTableColumnNumberFormat as f, DataTableColumnURLFormat as g, DataTableColumnStringFormat as h, ColumnConfig as i, StickerMapping as k, DataTableColumnFormat as l, DataTableColumnStickerFormat as m, ClientFilterConfig as n, DataTableColumnCheckboxFormat as o, DataTableColumnPiiFormat as p, ClientFilterType as r, DataTableColumnDateFormat as s, BulkAction as t, DataTableColumnIDFormat as u, DataTableVariables as v, RowDataWithDetails as w, HeadlessFilterConfig as x, DateConfig as y };
-//# sourceMappingURL=types-DJobO07d.d.mts.map
+//# sourceMappingURL=types-DoJubhWu.d.mts.map

package/dist/{types-CayYd8EX.d.mts → types-sUEmxsGM.d.mts}

@@ -1,4 +1,4 @@
-import { n as ComboboxProps } from "./Combobox-BXkcQ2aY.mjs";
+import { n as ComboboxProps } from "./Combobox-O6LbofT2.mjs";
 import { n as DateRange } from "./DateRangePicker-Nv4uNuIW.mjs";
 import { ReactNode } from "react";
 import { DateValue } from "@internationalized/date";
@@ -92,4 +92,4 @@ interface FilterTypeDefinition<TFilter extends BaseFilterConfig = FilterConfig>
 type FilterTypeResolver<TFilter extends BaseFilterConfig = FilterConfig> = (config: TFilter) => FilterTypeDefinition<TFilter> | undefined;
 //#endregion
 export { ComboboxFilterConfig as a, FilterRenderOptions as c, InputFilterConfig as d, MultiSelectFilterConfig as f, BaseFilterConfig as i, FilterTypeDefinition as l, AttributeColumn as n, DateRangeFilterConfig as o, SelectFilterConfig as p, BaseActiveFilter as r, FilterConfig as s, ActiveFilter as t, FilterTypeResolver as u };
-//# sourceMappingURL=types-CayYd8EX.d.mts.map
+//# sourceMappingURL=types-sUEmxsGM.d.mts.map

package/dist/types5.d.mts

@@ -1,2 +1,2 @@
-import { a as ComboboxFilterConfig, c as FilterRenderOptions, d as InputFilterConfig, f as MultiSelectFilterConfig, i as BaseFilterConfig, l as FilterTypeDefinition, n as AttributeColumn, o as DateRangeFilterConfig, p as SelectFilterConfig, r as BaseActiveFilter, s as FilterConfig, t as ActiveFilter, u as FilterTypeResolver } from "./types-CayYd8EX.mjs";
+import { a as ComboboxFilterConfig, c as FilterRenderOptions, d as InputFilterConfig, f as MultiSelectFilterConfig, i as BaseFilterConfig, l as FilterTypeDefinition, n as AttributeColumn, o as DateRangeFilterConfig, p as SelectFilterConfig, r as BaseActiveFilter, s as FilterConfig, t as ActiveFilter, u as FilterTypeResolver } from "./types-sUEmxsGM.mjs";
 export { ActiveFilter, AttributeColumn, BaseActiveFilter, BaseFilterConfig, ComboboxFilterConfig, DateRangeFilterConfig, FilterConfig, FilterRenderOptions, FilterTypeDefinition, FilterTypeResolver, InputFilterConfig, MultiSelectFilterConfig, SelectFilterConfig };