@salt-ds/core 1.27.1 → 1.28.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/salt-core.css +87 -44
- package/dist-cjs/accordion/AccordionHeader.css.js +1 -1
- package/dist-cjs/accordion/AccordionHeader.js +4 -1
- package/dist-cjs/accordion/AccordionHeader.js.map +1 -1
- package/dist-cjs/button/Button.css.js +1 -1
- package/dist-cjs/checkbox/Checkbox.css.js +1 -1
- package/dist-cjs/checkbox/CheckboxIcon.css.js +1 -1
- package/dist-cjs/dialog/Dialog.css.js +1 -1
- package/dist-cjs/dialog/DialogContent.css.js +1 -1
- package/dist-cjs/form-field/FormField.js +0 -2
- package/dist-cjs/form-field/FormField.js.map +1 -1
- package/dist-cjs/index.js +4 -0
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/input/Input.css.js +1 -1
- package/dist-cjs/multiline-input/MultilineInput.css.js +1 -1
- package/dist-cjs/pill-input/PillInput.css.js +1 -1
- package/dist-cjs/radio-button/RadioButton.css.js +1 -1
- package/dist-cjs/radio-button/RadioButtonIcon.css.js +1 -1
- package/dist-cjs/salt-provider/SaltProvider.js +34 -10
- package/dist-cjs/salt-provider/SaltProvider.js.map +1 -1
- package/dist-cjs/segmented-button-group/SegmentedButtonGroup.css.js +1 -1
- package/dist-cjs/status-adornment/StatusAdornment.css.js +1 -1
- package/dist-cjs/status-indicator/StatusIndicator.css.js +1 -1
- package/dist-cjs/text/Code.js +1 -1
- package/dist-cjs/text/Code.js.map +1 -1
- package/dist-cjs/text/Display.js +3 -3
- package/dist-cjs/text/Display.js.map +1 -1
- package/dist-cjs/text/Text.css.js +1 -1
- package/dist-cjs/text/Text.js +39 -41
- package/dist-cjs/text/Text.js.map +1 -1
- package/dist-cjs/text/TextAction.js +1 -1
- package/dist-cjs/text/TextAction.js.map +1 -1
- package/dist-cjs/text/TextNotation.js +1 -1
- package/dist-cjs/text/TextNotation.js.map +1 -1
- package/dist-cjs/theme/Accent.js +8 -0
- package/dist-cjs/theme/Accent.js.map +1 -0
- package/dist-cjs/theme/HeadingFont.js +8 -0
- package/dist-cjs/theme/HeadingFont.js.map +1 -0
- package/dist-cjs/toast/Toast.css.js +1 -1
- package/dist-cjs/toast/Toast.js +7 -3
- package/dist-cjs/toast/Toast.js.map +1 -1
- package/dist-cjs/toggle-button/ToggleButton.css.js +1 -1
- package/dist-es/accordion/AccordionHeader.css.js +1 -1
- package/dist-es/accordion/AccordionHeader.js +4 -1
- package/dist-es/accordion/AccordionHeader.js.map +1 -1
- package/dist-es/button/Button.css.js +1 -1
- package/dist-es/checkbox/Checkbox.css.js +1 -1
- package/dist-es/checkbox/CheckboxIcon.css.js +1 -1
- package/dist-es/dialog/Dialog.css.js +1 -1
- package/dist-es/dialog/DialogContent.css.js +1 -1
- package/dist-es/form-field/FormField.js +0 -2
- package/dist-es/form-field/FormField.js.map +1 -1
- package/dist-es/index.js +2 -0
- package/dist-es/index.js.map +1 -1
- package/dist-es/input/Input.css.js +1 -1
- package/dist-es/multiline-input/MultilineInput.css.js +1 -1
- package/dist-es/pill-input/PillInput.css.js +1 -1
- package/dist-es/radio-button/RadioButton.css.js +1 -1
- package/dist-es/radio-button/RadioButtonIcon.css.js +1 -1
- package/dist-es/salt-provider/SaltProvider.js +34 -10
- package/dist-es/salt-provider/SaltProvider.js.map +1 -1
- package/dist-es/segmented-button-group/SegmentedButtonGroup.css.js +1 -1
- package/dist-es/status-adornment/StatusAdornment.css.js +1 -1
- package/dist-es/status-indicator/StatusIndicator.css.js +1 -1
- package/dist-es/text/Code.js +1 -1
- package/dist-es/text/Code.js.map +1 -1
- package/dist-es/text/Display.js +3 -3
- package/dist-es/text/Display.js.map +1 -1
- package/dist-es/text/Text.css.js +1 -1
- package/dist-es/text/Text.js +39 -41
- package/dist-es/text/Text.js.map +1 -1
- package/dist-es/text/TextAction.js +1 -1
- package/dist-es/text/TextAction.js.map +1 -1
- package/dist-es/text/TextNotation.js +1 -1
- package/dist-es/text/TextNotation.js.map +1 -1
- package/dist-es/theme/Accent.js +4 -0
- package/dist-es/theme/Accent.js.map +1 -0
- package/dist-es/theme/HeadingFont.js +4 -0
- package/dist-es/theme/HeadingFont.js.map +1 -0
- package/dist-es/toast/Toast.css.js +1 -1
- package/dist-es/toast/Toast.js +7 -3
- package/dist-es/toast/Toast.js.map +1 -1
- package/dist-es/toggle-button/ToggleButton.css.js +1 -1
- package/dist-types/aria-announcer/AriaAnnouncerProvider.d.ts +1 -1
- package/dist-types/breakpoints/BreakpointProvider.d.ts +1 -1
- package/dist-types/dialog/Dialog.d.ts +1 -1
- package/dist-types/form-field/FormFieldHelperText.d.ts +1 -1
- package/dist-types/form-field/FormFieldLabel.d.ts +1 -1
- package/dist-types/menu/Menu.d.ts +1 -1
- package/dist-types/menu/MenuBase.d.ts +1 -1
- package/dist-types/menu/MenuTrigger.d.ts +1 -1
- package/dist-types/navigation-item/ConditionalWrapper.d.ts +1 -1
- package/dist-types/navigation-item/ExpansionIcon.d.ts +1 -1
- package/dist-types/overlay/Overlay.d.ts +1 -1
- package/dist-types/overlay/OverlayTrigger.d.ts +1 -1
- package/dist-types/pagination/PageRanges.d.ts +1 -1
- package/dist-types/radio-button/RadioButtonIcon.d.ts +1 -1
- package/dist-types/salt-provider/SaltProvider.d.ts +8 -2
- package/dist-types/spinner/svgSpinners/SpinnerSVG.d.ts +1 -1
- package/dist-types/text/Text.d.ts +2 -1
- package/dist-types/theme/Accent.d.ts +2 -0
- package/dist-types/theme/HeadingFont.d.ts +2 -0
- package/dist-types/theme/index.d.ts +2 -0
- package/dist-types/tooltip/TooltipBase.d.ts +1 -1
- package/dist-types/utils/useFloatingUI/useFloatingUI.d.ts +2 -2
- package/dist-types/viewport/ViewportProvider.d.ts +1 -1
- package/package.json +2 -2
|
@@ -8,4 +8,4 @@ export interface FormFieldLabelProps extends Omit<TextProps<"label">, "variant"
|
|
|
8
8
|
*/
|
|
9
9
|
intent?: "label" | "sentence";
|
|
10
10
|
}
|
|
11
|
-
export declare const FormFieldLabel: ({ className, children, intent, ...restProps }: FormFieldLabelProps) =>
|
|
11
|
+
export declare const FormFieldLabel: ({ className, children, intent, ...restProps }: FormFieldLabelProps) => JSX.Element;
|
|
@@ -4,5 +4,5 @@ interface ConditionalWrapperProps extends Pick<NavigationItemProps, "parent" | "
|
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
className: string;
|
|
6
6
|
}
|
|
7
|
-
export declare const ConditionalWrapper: ({ children, className, parent, expanded, onExpand, active, href, }: ConditionalWrapperProps) =>
|
|
7
|
+
export declare const ConditionalWrapper: ({ children, className, parent, expanded, onExpand, active, href, }: ConditionalWrapperProps) => JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { NavigationItemProps } from "./NavigationItem";
|
|
2
|
-
export declare function ExpansionIcon({ expanded, orientation, }: Pick<NavigationItemProps, "expanded" | "orientation" | "className">):
|
|
2
|
+
export declare function ExpansionIcon({ expanded, orientation, }: Pick<NavigationItemProps, "expanded" | "orientation" | "className">): JSX.Element;
|
|
@@ -10,4 +10,4 @@ export interface OverlayProps extends ComponentPropsWithoutRef<"div"> {
|
|
|
10
10
|
onOpenChange?: (open: boolean) => void;
|
|
11
11
|
placement?: "top" | "bottom" | "left" | "right";
|
|
12
12
|
}
|
|
13
|
-
export declare const Overlay: ({ children, open, onOpenChange, placement: placementProp, }: OverlayProps) =>
|
|
13
|
+
export declare const Overlay: ({ children, open, onOpenChange, placement: placementProp, }: OverlayProps) => JSX.Element;
|
|
@@ -2,4 +2,4 @@ import { ReactNode } from "react";
|
|
|
2
2
|
export interface OverlayTriggerProps {
|
|
3
3
|
children?: ReactNode;
|
|
4
4
|
}
|
|
5
|
-
export declare function OverlayTrigger(props: OverlayTriggerProps):
|
|
5
|
+
export declare function OverlayTrigger(props: OverlayTriggerProps): JSX.Element;
|
|
@@ -2,4 +2,4 @@ export interface PageRangesProps {
|
|
|
2
2
|
boundaryCount?: number;
|
|
3
3
|
siblingCount?: number;
|
|
4
4
|
}
|
|
5
|
-
export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps):
|
|
5
|
+
export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): JSX.Element;
|
|
@@ -13,4 +13,4 @@ export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
|
|
|
13
13
|
/**
|
|
14
14
|
* Default radio icon
|
|
15
15
|
*/
|
|
16
|
-
export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) =>
|
|
16
|
+
export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => JSX.Element;
|
|
@@ -3,6 +3,8 @@ import { Breakpoints } from "../breakpoints";
|
|
|
3
3
|
import { Density, Mode, ThemeName } from "../theme";
|
|
4
4
|
import { WindowContextType } from "@salt-ds/window";
|
|
5
5
|
import { UNSTABLE_Corner } from "../theme/Corner";
|
|
6
|
+
import { UNSTABLE_HeadingFont } from "../theme/HeadingFont";
|
|
7
|
+
import { UNSTABLE_Accent } from "../theme/Accent";
|
|
6
8
|
export declare const DEFAULT_DENSITY = "medium";
|
|
7
9
|
export interface ThemeContextProps {
|
|
8
10
|
theme: ThemeName;
|
|
@@ -11,6 +13,8 @@ export interface ThemeContextProps {
|
|
|
11
13
|
/** Only available when using SaltProviderNext. */
|
|
12
14
|
themeNext: boolean;
|
|
13
15
|
UNSTABLE_corner: UNSTABLE_Corner;
|
|
16
|
+
UNSTABLE_headingFont: UNSTABLE_HeadingFont;
|
|
17
|
+
UNSTABLE_accent: UNSTABLE_Accent;
|
|
14
18
|
}
|
|
15
19
|
export declare const DensityContext: React.Context<"touch" | "high" | "low" | "medium">;
|
|
16
20
|
export declare const ThemeContext: React.Context<ThemeContextProps>;
|
|
@@ -35,12 +39,14 @@ interface SaltProviderThatClassesToRoot extends SaltProviderThatInjectsThemeElem
|
|
|
35
39
|
applyClassesTo: "root";
|
|
36
40
|
}
|
|
37
41
|
declare type SaltProviderProps = SaltProviderThatAppliesClassesToChild | SaltProviderThatInjectsThemeElement | SaltProviderThatClassesToRoot;
|
|
38
|
-
export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps):
|
|
42
|
+
export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): JSX.Element;
|
|
39
43
|
interface UNSTABLE_SaltProviderNextAdditionalProps {
|
|
40
44
|
corner?: UNSTABLE_Corner;
|
|
45
|
+
headingFont?: UNSTABLE_HeadingFont;
|
|
46
|
+
accent?: UNSTABLE_Accent;
|
|
41
47
|
}
|
|
42
48
|
export declare type UNSTABLE_SaltProviderNextProps = SaltProviderProps & UNSTABLE_SaltProviderNextAdditionalProps;
|
|
43
|
-
export declare function UNSTABLE_SaltProviderNext({ enableStyleInjection, ...restProps }: UNSTABLE_SaltProviderNextProps):
|
|
49
|
+
export declare function UNSTABLE_SaltProviderNext({ enableStyleInjection, ...restProps }: UNSTABLE_SaltProviderNextProps): JSX.Element;
|
|
44
50
|
export declare const useTheme: () => ThemeContextProps;
|
|
45
51
|
/**
|
|
46
52
|
* `useDensity` merges density value from `DensityContext` with the one from component's props.
|
|
@@ -7,5 +7,5 @@ interface SpinnerProps {
|
|
|
7
7
|
size: SpinnerSVGSize;
|
|
8
8
|
density: Density;
|
|
9
9
|
}
|
|
10
|
-
export declare const SpinnerSVG: ({ id, rest, size, density, }: SpinnerProps) =>
|
|
10
|
+
export declare const SpinnerSVG: ({ id, rest, size, density, }: SpinnerProps) => JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PolymorphicComponentPropWithRef } from "../utils";
|
|
2
2
|
import { ElementType, ReactElement } from "react";
|
|
3
|
+
import { ValidationStatus } from "../status-indicator";
|
|
3
4
|
export declare type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
|
|
4
5
|
/**
|
|
5
6
|
* Applies disabled styling when true
|
|
@@ -18,7 +19,7 @@ export declare type TextProps<T extends ElementType> = PolymorphicComponentPropW
|
|
|
18
19
|
* @deprecated Use `color` instead
|
|
19
20
|
*/
|
|
20
21
|
variant?: "primary" | "secondary";
|
|
21
|
-
color?: "inherit" | "primary" | "secondary";
|
|
22
|
+
color?: "inherit" | "primary" | "secondary" | ValidationStatus;
|
|
22
23
|
}>;
|
|
23
24
|
declare type TextComponent = <T extends ElementType = "div">(props: TextProps<T>) => ReactElement | null;
|
|
24
25
|
export declare const Text: TextComponent;
|
|
@@ -8,5 +8,5 @@ interface TooltipBaseProps extends Omit<TooltipProps, "children"> {
|
|
|
8
8
|
*/
|
|
9
9
|
status?: ValidationStatus;
|
|
10
10
|
}
|
|
11
|
-
export declare const TooltipBase: (props: TooltipBaseProps) =>
|
|
11
|
+
export declare const TooltipBase: (props: TooltipBaseProps) => JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -29,7 +29,7 @@ export interface FloatingComponentContextType {
|
|
|
29
29
|
export interface FloatingComponentProviderProps extends FloatingComponentContextType {
|
|
30
30
|
children: ReactNode;
|
|
31
31
|
}
|
|
32
|
-
export declare function FloatingComponentProvider(props: FloatingComponentProviderProps):
|
|
32
|
+
export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): JSX.Element;
|
|
33
33
|
export declare function useFloatingComponent(): FloatingComponentContextType;
|
|
34
34
|
export interface UseFloatingUIProps extends Pick<UseFloatingOptions, "placement" | "strategy" | "open" | "onOpenChange" | "nodeId"> {
|
|
35
35
|
/**
|
|
@@ -49,7 +49,7 @@ export interface FloatingPlatformProviderProps {
|
|
|
49
49
|
children: ReactNode;
|
|
50
50
|
animationFrame?: boolean;
|
|
51
51
|
}
|
|
52
|
-
export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps):
|
|
52
|
+
export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): JSX.Element;
|
|
53
53
|
export declare function useFloatingPlatform(): FloatingPlatformContextType;
|
|
54
54
|
export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
|
|
55
55
|
name: string;
|
|
@@ -3,6 +3,6 @@ declare const ViewportContext: import("react").Context<number | null>;
|
|
|
3
3
|
declare type ViewportProviderProps = {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
};
|
|
6
|
-
declare const ViewportProvider: ({ children }: ViewportProviderProps) =>
|
|
6
|
+
declare const ViewportProvider: ({ children }: ViewportProviderProps) => JSX.Element;
|
|
7
7
|
declare const useViewport: () => number;
|
|
8
8
|
export { ViewportProvider, ViewportContext, useViewport };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salt-ds/core",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.28.1",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"clsx": "^2.0.0",
|
|
16
16
|
"@salt-ds/window": "^0.1.1",
|
|
17
17
|
"@salt-ds/styles": "^0.2.1",
|
|
18
|
-
"@salt-ds/icons": "^1.
|
|
18
|
+
"@salt-ds/icons": "^1.12.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@types/react": ">=16.14.0",
|