@salt-ds/core 1.67.0 → 1.68.0

package/dist-es/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../src/text/Text.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ElementType,\n  type ForwardedRef,\n  type FunctionComponent,\n  forwardRef,\n} from \"react\";\nimport type { ValidationStatus } from \"../status-indicator\";\nimport {\n  makePrefixer,\n  type PolymorphicComponentPropWithRef,\n  type PolymorphicRef,\n} from \"../utils\";\nimport textCss from \"./Text.css\";\n\nexport type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<\n  T,\n  {\n    /**\n     * Applies disabled styling when true\n     */\n    disabled?: boolean;\n    /**\n     * Apply text truncation by mentioning number of rows to be displayed\n     */\n    maxRows?: number;\n    /**\n     * Match styling to another text component's style\n     */\n    styleAs?:\n      | \"h1\"\n      | \"h2\"\n      | \"h3\"\n      | \"h4\"\n      | \"label\"\n      | \"display1\"\n      | \"display2\"\n      | \"display3\"\n      | \"display4\"\n      | \"notation\"\n      | \"action\"\n      | \"code\";\n    /**\n     * Change text color palette\n     * @deprecated Use `color` instead\n     */\n    variant?: \"primary\" | \"secondary\";\n    /*\n     * The color of the text. Defaults to \"primary\".\n     */\n    color?: \"inherit\" | \"primary\" | \"secondary\" | ValidationStatus;\n  }\n>;\n\ntype TextComponent = <T extends ElementType = \"div\">(\n  props: TextProps<T>,\n) => ReturnType<FunctionComponent>;\n\nconst withBaseName = makePrefixer(\"saltText\");\n\nexport const Text: TextComponent = forwardRef(function Text<\n  T extends ElementType = \"div\",\n>(\n  {\n    as,\n    children,\n    className,\n    disabled = false,\n    maxRows,\n    style,\n    styleAs,\n    variant,\n    color: colorProp,\n    ...restProps\n  }: TextProps<T>,\n  ref?: ForwardedRef<unknown>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-text\",\n    css: textCss,\n    window: targetWindow,\n  });\n\n  const Component = as ?? \"div\";\n\n  const textStyles = { \"--text-max-rows\": maxRows, ...style };\n\n  const color = variant ?? colorProp ?? \"primary\";\n\n  return (\n    <Component\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"lineClamp\")]: maxRows,\n          [withBaseName(styleAs as string)]: styleAs,\n          [withBaseName(color)]: color !== \"inherit\",\n        },\n        className,\n      )}\n      {...restProps}\n      ref={ref as PolymorphicRef<T>}\n      style={textStyles}\n    >\n      {children}\n    </Component>\n  );\n});\n"],"names":["Text","textCss"],"mappings":";;;;;;;;;;;;AA4DA,MAAM,YAAA,GAAe,aAAa,UAAU,CAAA;AAErC,MAAM,IAAA,GAAsB,UAAA,CAAW,SAASA,KAAAA,CAGrD;AAAA,EACE,EAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,WAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,YAAY,EAAA,IAAM,KAAA;AAExB,EAAA,MAAM,UAAA,GAAa,EAAE,iBAAA,EAAmB,OAAA,EAAS,GAAG,KAAA,EAAM;AAE1D,EAAA,MAAM,KAAA,GAAQ,WAAW,SAAA,IAAa,SAAA;AAEtC,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,YAAA,EAAa;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,UAC5B,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG,OAAA;AAAA,UAC7B,CAAC,YAAA,CAAa,OAAiB,CAAC,GAAG,OAAA;AAAA,UACnC,CAAC,YAAA,CAAa,KAAK,CAAC,GAAG,KAAA,KAAU;AAAA,SACnC;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO,UAAA;AAAA,MAEN;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Text.js","sources":["../src/text/Text.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ElementType,\n  type ForwardedRef,\n  type FunctionComponent,\n  forwardRef,\n} from \"react\";\nimport type { ValidationStatus } from \"../status-indicator\";\nimport {\n  makePrefixer,\n  type PolymorphicComponentPropWithRef,\n  type PolymorphicRef,\n} from \"../utils\";\nimport textCss from \"./Text.css\";\n\nexport type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<\n  T,\n  {\n    /**\n     * Applies disabled styling when true\n     */\n    disabled?: boolean;\n    /**\n     * Apply text truncation by mentioning number of rows to be displayed\n     */\n    maxRows?: number;\n    /**\n     * Match styling to another text component's style\n     */\n    styleAs?:\n      | \"h1\"\n      | \"h2\"\n      | \"h3\"\n      | \"h4\"\n      | \"label\"\n      | \"display1\"\n      | \"display2\"\n      | \"display3\"\n      | \"display4\"\n      | \"notation\"\n      | \"action\"\n      | \"code\";\n    /**\n     * Change text color palette\n     * @deprecated since 1.27.1. Use `color` instead.\n     */\n    variant?: \"primary\" | \"secondary\";\n    /*\n     * The color of the text. Defaults to \"primary\".\n     */\n    color?: \"inherit\" | \"primary\" | \"secondary\" | ValidationStatus;\n  }\n>;\n\ntype TextComponent = <T extends ElementType = \"div\">(\n  props: TextProps<T>,\n) => ReturnType<FunctionComponent>;\n\nconst withBaseName = makePrefixer(\"saltText\");\n\nexport const Text: TextComponent = forwardRef(function Text<\n  T extends ElementType = \"div\",\n>(\n  {\n    as,\n    children,\n    className,\n    disabled = false,\n    maxRows,\n    style,\n    styleAs,\n    variant,\n    color: colorProp,\n    ...restProps\n  }: TextProps<T>,\n  ref?: ForwardedRef<unknown>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-text\",\n    css: textCss,\n    window: targetWindow,\n  });\n\n  const Component = as ?? \"div\";\n\n  const textStyles = { \"--text-max-rows\": maxRows, ...style };\n\n  const color = variant ?? colorProp ?? \"primary\";\n\n  return (\n    <Component\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n          [withBaseName(\"lineClamp\")]: maxRows,\n          [withBaseName(styleAs as string)]: styleAs,\n          [withBaseName(color)]: color !== \"inherit\",\n        },\n        className,\n      )}\n      {...restProps}\n      ref={ref as PolymorphicRef<T>}\n      style={textStyles}\n    >\n      {children}\n    </Component>\n  );\n});\n"],"names":["Text","textCss"],"mappings":";;;;;;;;;;;;AA4DA,MAAM,YAAA,GAAe,aAAa,UAAU,CAAA;AAErC,MAAM,IAAA,GAAsB,UAAA,CAAW,SAASA,KAAAA,CAGrD;AAAA,EACE,EAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,OAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,WAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,YAAY,EAAA,IAAM,KAAA;AAExB,EAAA,MAAM,UAAA,GAAa,EAAE,iBAAA,EAAmB,OAAA,EAAS,GAAG,KAAA,EAAM;AAE1D,EAAA,MAAM,KAAA,GAAQ,WAAW,SAAA,IAAa,SAAA;AAEtC,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA;AAAA,QACT,YAAA,EAAa;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,UAC5B,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG,OAAA;AAAA,UAC7B,CAAC,YAAA,CAAa,OAAiB,CAAC,GAAG,OAAA;AAAA,UACnC,CAAC,YAAA,CAAa,KAAK,CAAC,GAAG,KAAA,KAAU;AAAA,SACnC;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA,EAAO,UAAA;AAAA,MAEN;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/theme/Accent.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accent.js","sources":["../src/theme/Accent.ts"],"sourcesContent":["export const AccentValues = [\"blue\", \"teal\"] as const;\n/** @deprecated use `AccentValues` */\nexport const UNSTABLE_AccentValues = AccentValues;\n\nexport type Accent = (typeof AccentValues)[number];\n/** @deprecated use `Accent` */\nexport type UNSTABLE_Accent = Accent;\n"],"names":[],"mappings":"AAAO,MAAM,YAAA,GAAe,CAAC,MAAA,EAAQ,MAAM;AAEpC,MAAM,qBAAA,GAAwB;;;;"}
+{"version":3,"file":"Accent.js","sources":["../src/theme/Accent.ts"],"sourcesContent":["export const AccentValues = [\"blue\", \"teal\"] as const;\n/** @deprecated since 1.32.0. Use `AccentValues`. */\nexport const UNSTABLE_AccentValues = AccentValues;\n\nexport type Accent = (typeof AccentValues)[number];\n/** @deprecated since 1.32.0. Use `Accent`. */\nexport type UNSTABLE_Accent = Accent;\n"],"names":[],"mappings":"AAAO,MAAM,YAAA,GAAe,CAAC,MAAA,EAAQ,MAAM;AAEpC,MAAM,qBAAA,GAAwB;;;;"}

package/dist-es/theme/ActionFont.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionFont.js","sources":["../src/theme/ActionFont.ts"],"sourcesContent":["export const ActionFontValues = [\"Open Sans\", \"Amplitude\"] as const;\n/** @deprecated use `ActionFontValues` */\nexport const UNSTABLE_ActionFontValues = ActionFontValues;\n\nexport type ActionFont = (typeof ActionFontValues)[number];\n/** @deprecated use `ActionFont` */\nexport type UNSTABLE_ActionFont = ActionFont;\n"],"names":[],"mappings":"AAAO,MAAM,gBAAA,GAAmB,CAAC,WAAA,EAAa,WAAW;AAElD,MAAM,yBAAA,GAA4B;;;;"}
+{"version":3,"file":"ActionFont.js","sources":["../src/theme/ActionFont.ts"],"sourcesContent":["export const ActionFontValues = [\"Open Sans\", \"Amplitude\"] as const;\n/** @deprecated since 1.32.0. Use `ActionFontValues`. */\nexport const UNSTABLE_ActionFontValues = ActionFontValues;\n\nexport type ActionFont = (typeof ActionFontValues)[number];\n/** @deprecated since 1.32.0. Use `ActionFont`. */\nexport type UNSTABLE_ActionFont = ActionFont;\n"],"names":[],"mappings":"AAAO,MAAM,gBAAA,GAAmB,CAAC,WAAA,EAAa,WAAW;AAElD,MAAM,yBAAA,GAA4B;;;;"}

package/dist-es/theme/Corner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Corner.js","sources":["../src/theme/Corner.ts"],"sourcesContent":["export const CornerValues = [\"sharp\", \"rounded\"] as const;\n/** @deprecated use `CornerValues` */\nexport const UNSTABLE_CornerValues = CornerValues;\n\nexport type Corner = (typeof CornerValues)[number];\n/** @deprecated Use `Corner` */\nexport type UNSTABLE_Corner = Corner;\n"],"names":[],"mappings":"AAAO,MAAM,YAAA,GAAe,CAAC,OAAA,EAAS,SAAS;AAExC,MAAM,qBAAA,GAAwB;;;;"}
+{"version":3,"file":"Corner.js","sources":["../src/theme/Corner.ts"],"sourcesContent":["export const CornerValues = [\"sharp\", \"rounded\"] as const;\n/** @deprecated since 1.32.0. Use `CornerValues`. */\nexport const UNSTABLE_CornerValues = CornerValues;\n\nexport type Corner = (typeof CornerValues)[number];\n/** @deprecated since 1.32.0. Use `Corner`. */\nexport type UNSTABLE_Corner = Corner;\n"],"names":[],"mappings":"AAAO,MAAM,YAAA,GAAe,CAAC,OAAA,EAAS,SAAS;AAExC,MAAM,qBAAA,GAAwB;;;;"}

package/dist-es/theme/HeadingFont.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingFont.js","sources":["../src/theme/HeadingFont.ts"],"sourcesContent":["export const HeadingFontValues = [\"Open Sans\", \"Amplitude\"] as const;\n/** @deprecated use `HeadingFontValues` */\nexport const UNSTABLE_HeadingFontValues = HeadingFontValues;\n\nexport type HeadingFont = (typeof HeadingFontValues)[number];\n/** @deprecated Use `HeadingFont` */\nexport type UNSTABLE_HeadingFont = HeadingFont;\n"],"names":[],"mappings":"AAAO,MAAM,iBAAA,GAAoB,CAAC,WAAA,EAAa,WAAW;AAEnD,MAAM,0BAAA,GAA6B;;;;"}
+{"version":3,"file":"HeadingFont.js","sources":["../src/theme/HeadingFont.ts"],"sourcesContent":["export const HeadingFontValues = [\"Open Sans\", \"Amplitude\"] as const;\n/** @deprecated since 1.32.0. Use `HeadingFontValues`. */\nexport const UNSTABLE_HeadingFontValues = HeadingFontValues;\n\nexport type HeadingFont = (typeof HeadingFontValues)[number];\n/** @deprecated since 1.32.0. Use `HeadingFont`. */\nexport type UNSTABLE_HeadingFont = HeadingFont;\n"],"names":[],"mappings":"AAAO,MAAM,iBAAA,GAAoB,CAAC,WAAA,EAAa,WAAW;AAEnD,MAAM,0BAAA,GAA6B;;;;"}

package/dist-types/button/Button.d.ts

@@ -35,7 +35,7 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
      * The variant to use. Options are 'primary', 'secondary' and 'cta'.
      * 'primary' is the default value.
      *
-     * @deprecated Use `appearance` and `sentiment` instead.
+     * @deprecated since 1.36.0. Use `appearance` and `sentiment` instead.
      *
      * | variant     | appearance    | sentiment   |
      * | ----------- | ------------- | ----------- |

package/dist-types/checkbox/CheckboxIcon.d.ts

@@ -4,7 +4,7 @@ export interface CheckboxIconProps {
     className?: string;
     disabled?: boolean;
     /**
-     * @deprecated Use validationStatus instead
+     * @deprecated since 1.8.0-rc.2. Use `validationStatus` instead.
      */
     error?: boolean;
     indeterminate?: boolean;

package/dist-types/dialog/Dialog.d.ts

@@ -37,7 +37,7 @@ export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
      * */
     disableScrim?: boolean;
     /**
-     * @deprecated IDs are now auto-generated internally for proper ARIA labeling.
+     * @deprecated since 1.58.0. IDs are now auto-generated internally for proper ARIA labeling.
      *
      * Optional id prop
      * Used for accessibility purposes to announce the title and subtitle when using a screen reader

package/dist-types/file-drop-zone/FileDropZoneTrigger.d.ts

@@ -15,6 +15,10 @@ export interface FileDropZoneTriggerProps extends Omit<ComponentPropsWithoutRef<
      * Allows multiple files to be uploaded.
      */
     multiple?: boolean;
+    /**
+     * The name applied to the hidden input.
+     */
+    name?: string;
     /**
      * Callback for input change event
      */

package/dist-types/input/Input.d.ts

@@ -19,6 +19,10 @@ export interface InputProps extends Omit<ComponentPropsWithoutRef<"div">, "defau
      * Optional ref for the input component
      */
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * The name applied to the input.
+     */
+    name?: string;
     /**
      * If `true`, the component is read only.
      */

package/dist-types/interactable-card/InteractableCard.d.ts

@@ -6,7 +6,7 @@ export interface InteractableCardProps extends ComponentPropsWithoutRef<"div"> {
      */
     accent?: "bottom" | "top" | "left" | "right";
     /**
-     * @deprecated Use the `accent` prop instead
+     * @deprecated since 1.23.0. Use the `accent` prop instead.
      */
     accentPlacement?: "bottom" | "top" | "left" | "right";
     /**

package/dist-types/multiline-input/MultilineInput.d.ts

@@ -10,6 +10,10 @@ export interface MultilineInputProps extends Omit<ComponentPropsWithoutRef<"div"
      * End adornment component
      */
     endAdornment?: ReactNode;
+    /**
+     * The name applied to the textarea.
+     */
+    name?: string;
     /**
      * If `true`, the component is read only.
      */

package/dist-types/number-input/NumberInput.d.ts

@@ -81,6 +81,10 @@ export interface NumberInputProps extends Omit<ComponentPropsWithoutRef<"div">,
      * @default Number.MIN_SAFE_INTEGER
      */
     min?: number;
+    /**
+     * The name applied to the input.
+     */
+    name?: string;
     /**
      * Callback function that is triggered when the value changes via user input or increment/decrement.
      * Use `onNumberChange` if you want stable number, after blur or through increment/decrement

package/dist-types/pill-input/PillInput.d.ts

@@ -19,6 +19,10 @@ export interface PillInputProps extends Omit<ComponentPropsWithoutRef<"div">, "d
      * Optional ref for the input component
      */
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * The name applied to the input.
+     */
+    name?: string;
     /**
      * If `true`, the component is read only.
      */

package/dist-types/radio-button/RadioButtonIcon.d.ts

@@ -4,7 +4,7 @@ export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
     checked?: boolean;
     disabled?: boolean;
     /**
-     * @deprecated Use validationStatus instead
+     * @deprecated since 1.8.0-rc.2. Use `validationStatus` instead.
      */
     error?: boolean;
     readOnly?: boolean;

package/dist-types/salt-provider/SaltProvider.d.ts

@@ -11,16 +11,16 @@ export interface ThemeContextProps {
     /** Only available when using SaltProviderNext. */
     themeNext: boolean;
     corner: Corner;
-    /** @deprecated use `corner`*/
+    /** @deprecated since 1.32.0. Use `corner`. */
     UNSTABLE_corner: Corner;
     headingFont: HeadingFont;
-    /** @deprecated use `headingFont` */
+    /** @deprecated since 1.32.0. Use `headingFont`. */
     UNSTABLE_headingFont: HeadingFont;
     accent: Accent;
-    /** @deprecated use `accent` */
+    /** @deprecated since 1.32.0. Use `accent`. */
     UNSTABLE_accent: Accent;
     actionFont: ActionFont;
-    /** @deprecated use `actionFont` */
+    /** @deprecated since 1.32.0. Use `actionFont`. */
     UNSTABLE_actionFont: ActionFont;
 }
 export declare const DensityContext: import("react").Context<"touch" | "high" | "low" | "medium" | "mobile">;
@@ -56,9 +56,9 @@ type SaltProviderProps = SaltProviderThatAppliesClassesToChild | SaltProviderTha
 export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): import("react/jsx-runtime").JSX.Element;
 export type SaltProviderNextProps = SaltProviderProps & Pick<ThemeApplicatorProps, ThemeNextOnlyAttributes>;
 export declare function SaltProviderNext({ enableStyleInjection, ...restProps }: SaltProviderNextProps): import("react/jsx-runtime").JSX.Element;
-/** @deprecated use `SaltProviderNextProps` */
+/** @deprecated since 1.32.0. Use `SaltProviderNextProps`. */
 export type UNSTABLE_SaltProviderNextProps = SaltProviderNextProps;
-/** @deprecated use `SaltProviderNext` */
+/** @deprecated since 1.32.0. Use `SaltProviderNext`. */
 export declare const UNSTABLE_SaltProviderNext: typeof SaltProviderNext;
 export declare const useTheme: () => ThemeContextProps;
 /**

package/dist-types/slider/RangeSlider.d.ts

@@ -61,6 +61,14 @@ export interface RangeSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "
      * Label for minimum value.
      */
     minLabel?: string;
+    /**
+     * The name applied to the start value input.
+     */
+    startName?: string;
+    /**
+     * The name applied to the end value input.
+     */
+    endName?: string;
     /**
      * Callback called when slider value is changed.
      * It provides a generic event and the current value of the slider.

package/dist-types/slider/Slider.d.ts

@@ -58,6 +58,10 @@ export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
      * Label for the minimum value.
      */
     minLabel?: string;
+    /**
+     * The name applied to the input.
+     */
+    name?: string;
     /**
      * Callback called when slider value is changed.
      * It provides a generic event and the current value of the slider.

package/dist-types/status-indicator/ValidationStatus.d.ts

@@ -6,6 +6,6 @@ export interface ValidationStatuses {
 }
 export type ValidationStatus = keyof ValidationStatuses;
 /**
- * @deprecated use ValidationStatusValues
+ * @deprecated since 1.55.0. Use `ValidationStatusValues`.
  */
 export declare const VALIDATION_NAMED_STATUS: readonly ["error", "warning", "success", "info"];

package/dist-types/text/Text.d.ts

@@ -16,7 +16,7 @@ export type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<T
     styleAs?: "h1" | "h2" | "h3" | "h4" | "label" | "display1" | "display2" | "display3" | "display4" | "notation" | "action" | "code";
     /**
      * Change text color palette
-     * @deprecated Use `color` instead
+     * @deprecated since 1.27.1. Use `color` instead.
      */
     variant?: "primary" | "secondary";
     color?: "inherit" | "primary" | "secondary" | ValidationStatus;

package/dist-types/theme/Accent.d.ts

@@ -1,6 +1,6 @@
 export declare const AccentValues: readonly ["blue", "teal"];
-/** @deprecated use `AccentValues` */
+/** @deprecated since 1.32.0. Use `AccentValues`. */
 export declare const UNSTABLE_AccentValues: readonly ["blue", "teal"];
 export type Accent = (typeof AccentValues)[number];
-/** @deprecated use `Accent` */
+/** @deprecated since 1.32.0. Use `Accent`. */
 export type UNSTABLE_Accent = Accent;

package/dist-types/theme/ActionFont.d.ts

@@ -1,6 +1,6 @@
 export declare const ActionFontValues: readonly ["Open Sans", "Amplitude"];
-/** @deprecated use `ActionFontValues` */
+/** @deprecated since 1.32.0. Use `ActionFontValues`. */
 export declare const UNSTABLE_ActionFontValues: readonly ["Open Sans", "Amplitude"];
 export type ActionFont = (typeof ActionFontValues)[number];
-/** @deprecated use `ActionFont` */
+/** @deprecated since 1.32.0. Use `ActionFont`. */
 export type UNSTABLE_ActionFont = ActionFont;

package/dist-types/theme/Corner.d.ts

@@ -1,6 +1,6 @@
 export declare const CornerValues: readonly ["sharp", "rounded"];
-/** @deprecated use `CornerValues` */
+/** @deprecated since 1.32.0. Use `CornerValues`. */
 export declare const UNSTABLE_CornerValues: readonly ["sharp", "rounded"];
 export type Corner = (typeof CornerValues)[number];
-/** @deprecated Use `Corner` */
+/** @deprecated since 1.32.0. Use `Corner`. */
 export type UNSTABLE_Corner = Corner;

package/dist-types/theme/HeadingFont.d.ts

@@ -1,6 +1,6 @@
 export declare const HeadingFontValues: readonly ["Open Sans", "Amplitude"];
-/** @deprecated use `HeadingFontValues` */
+/** @deprecated since 1.32.0. Use `HeadingFontValues`. */
 export declare const UNSTABLE_HeadingFontValues: readonly ["Open Sans", "Amplitude"];
 export type HeadingFont = (typeof HeadingFontValues)[number];
-/** @deprecated Use `HeadingFont` */
+/** @deprecated since 1.32.0. Use `HeadingFont`. */
 export type UNSTABLE_HeadingFont = HeadingFont;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.67.0",
+  "version": "1.68.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -18,8 +18,8 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
-    "@salt-ds/icons": "^1.18.0",
-    "@salt-ds/styles": "0.3.0",
+    "@salt-ds/icons": "^1.18.2",
+    "@salt-ds/styles": "0.4.0",
     "@salt-ds/window": "0.1.1",
     "clsx": "^2.0.0",
     "compute-scroll-into-view": "^3.0.0",