@salt-ds/core 1.35.0 → 1.36.0

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

@@ -1,6 +1,10 @@
 import { type ComponentPropsWithoutRef } from "react";
 export declare const ButtonVariantValues: readonly ["primary", "secondary", "cta"];
+export declare const ButtonAppearanceValues: readonly ["solid", "bordered", "transparent"];
+export declare const ButtonSentimentValues: readonly ["accented", "neutral", "positive", "negative", "caution"];
 export declare type ButtonVariant = (typeof ButtonVariantValues)[number];
+export declare type ButtonAppearance = (typeof ButtonAppearanceValues)[number];
+export declare type ButtonSentiment = (typeof ButtonSentimentValues)[number];
 export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     /**
      * If `true`, the button will be disabled.
@@ -13,7 +17,29 @@ 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.
+     *
+     * | variant     | appearance    | sentiment   |
+     * | ----------- | ------------- | ----------- |
+     * | `cta`       | `solid`       | `accented`  |
+     * | `primary`   | `solid`       | `neutral`   |
+     * | `secondary` | `transparent` | `neutral`   |
      */
     variant?: ButtonVariant;
+    /**
+     * The appearance of the button. Options are 'solid', 'bordered', and 'transparent'.
+     * 'solid' is the default value.
+     *
+     * @since 1.36.0.
+     */
+    appearance?: ButtonAppearance;
+    /**
+     * The sentiment of the button. Options are 'accented', 'neutral', 'positive', 'negative' and 'caution'.
+     * 'neutral' is the default value.
+     *
+     * @since 1.36.0.
+     */
+    sentiment?: ButtonSentiment;
 }
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,5 +1,6 @@
 import { type ChangeEventHandler, type FocusEventHandler, type InputHTMLAttributes, type ReactNode } from "react";
 import type { AdornmentValidationStatus } from "../status-adornment";
+import type { DataAttributes } from "../types";
 export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLLabelElement>, "onChange" | "onBlur" | "onFocus"> {
     /**
      * If `true`, the checkbox will be checked.
@@ -26,7 +27,7 @@ export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLLabelElement
     /**
      * Properties applied to the input element.
      */
-    inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;
+    inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>> & DataAttributes;
     /**
      * The label to be shown next to the checkbox.
      */

package/dist-types/index.d.ts

@@ -57,3 +57,4 @@ export * from "./toggle-button-group";
 export * from "./tooltip";
 export * from "./utils";
 export * from "./viewport";
+export * from "./types";

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

@@ -1,4 +1,5 @@
 import { type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type Ref } from "react";
+import type { DataAttributes } from "../types";
 export interface InputProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "value" | "defaultValue" | "placeholder"> {
     /**
      * The marker to use in an empty read only Input.
@@ -12,7 +13,7 @@ export interface InputProps extends Omit<ComponentPropsWithoutRef<"div">, "defau
     /**
      * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
      */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>> & DataAttributes;
     /**
      * Optional ref for the input component
      */

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

@@ -1,4 +1,5 @@
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref, type TextareaHTMLAttributes } from "react";
+import type { DataAttributes } from "../types";
 export interface MultilineInputProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"textarea">, "disabled" | "value" | "defaultValue" | "placeholder"> {
     /**
      * Styling variant with full border. Defaults to false
@@ -23,7 +24,7 @@ export interface MultilineInputProps extends Omit<ComponentPropsWithoutRef<"div"
     /**
      * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#Attributes) applied to the `textarea` element.
      */
-    textAreaProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;
+    textAreaProps?: Partial<TextareaHTMLAttributes<HTMLTextAreaElement>> & DataAttributes;
     /**
      * Optional ref for the textarea component
      */

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

@@ -1,4 +1,5 @@
 import { type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type Ref, type SyntheticEvent } from "react";
+import type { DataAttributes } from "../types";
 export interface PillInputProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "value" | "defaultValue" | "placeholder"> {
     /**
      * The marker to use in an empty read only Input.
@@ -12,7 +13,7 @@ export interface PillInputProps extends Omit<ComponentPropsWithoutRef<"div">, "d
     /**
      * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
      */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>> & DataAttributes;
     /**
      * Optional ref for the input component
      */

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

@@ -1,5 +1,6 @@
 import { type ChangeEventHandler, type ComponentPropsWithoutRef, type FocusEventHandler, type InputHTMLAttributes, type ReactNode } from "react";
 import type { AdornmentValidationStatus } from "../status-adornment";
+import type { DataAttributes } from "../types";
 export interface RadioButtonProps extends Omit<ComponentPropsWithoutRef<"label">, "onChange" | "onBlur" | "onFocus"> {
     /**
      * Set the default selected radio button in the group
@@ -17,7 +18,7 @@ export interface RadioButtonProps extends Omit<ComponentPropsWithoutRef<"label">
     /**
      * Props to be passed to the radio input
      */
-    inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;
+    inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>> & DataAttributes;
     /**
      * The label to be shown next to the radio icon
      */

package/dist-types/switch/Switch.d.ts

@@ -1,4 +1,5 @@
 import { type ChangeEventHandler, type ComponentPropsWithoutRef, type FocusEventHandler, type ReactNode } from "react";
+import type { DataAttributes } from "../types";
 export interface SwitchProps extends Omit<ComponentPropsWithoutRef<"label">, "children" | "onFocus" | "onBlur" | "onChange"> {
     /**
      * If `true`, the checkbox will be checked.
@@ -16,7 +17,7 @@ export interface SwitchProps extends Omit<ComponentPropsWithoutRef<"label">, "ch
     /**
      * Properties applied to the input element.
      */
-    inputProps?: Partial<ComponentPropsWithoutRef<"input">>;
+    inputProps?: Partial<ComponentPropsWithoutRef<"input">> & DataAttributes;
     /**
      * The label to be shown next to the checkbox.
      */

package/dist-types/types.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Support data-* attributes for pass through props, e.g. `Input.inputProps`.
+ *
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-%2A
+ */
+export declare type DataAttributes = {
+    [dataAttribute: `data-${string}`]: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.35.0",
+  "version": "1.36.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",