@salt-ds/core 1.16.1 → 1.18.0
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 +147 -11
- package/dist-cjs/card/Card.css.js +1 -1
- package/dist-cjs/card/Card.js +7 -1
- package/dist-cjs/card/Card.js.map +1 -1
- package/dist-cjs/form-field/FormField.css.js +1 -1
- package/dist-cjs/index.js +4 -0
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/multiline-input/MultilineInput.css.js +1 -1
- package/dist-cjs/multiline-input/MultilineInput.js +25 -2
- package/dist-cjs/multiline-input/MultilineInput.js.map +1 -1
- package/dist-cjs/progress/CircularProgress/CircularProgress.css.js +6 -0
- package/dist-cjs/progress/CircularProgress/CircularProgress.css.js.map +1 -0
- package/dist-cjs/progress/CircularProgress/CircularProgress.js +93 -0
- package/dist-cjs/progress/CircularProgress/CircularProgress.js.map +1 -0
- package/dist-cjs/progress/LinearProgress/LinearProgress.css.js +6 -0
- package/dist-cjs/progress/LinearProgress/LinearProgress.css.js.map +1 -0
- package/dist-cjs/progress/LinearProgress/LinearProgress.js +70 -0
- package/dist-cjs/progress/LinearProgress/LinearProgress.js.map +1 -0
- package/dist-cjs/salt-provider/SaltProvider.js +24 -18
- package/dist-cjs/salt-provider/SaltProvider.js.map +1 -1
- package/dist-cjs/toast/Toast.js +4 -11
- package/dist-cjs/toast/Toast.js.map +1 -1
- package/dist-cjs/utils/useFloatingUI/useFloatingUI.js +3 -3
- package/dist-cjs/utils/useFloatingUI/useFloatingUI.js.map +1 -1
- package/dist-es/card/Card.css.js +1 -1
- package/dist-es/card/Card.js +7 -1
- package/dist-es/card/Card.js.map +1 -1
- package/dist-es/form-field/FormField.css.js +1 -1
- package/dist-es/index.js +2 -0
- package/dist-es/index.js.map +1 -1
- package/dist-es/multiline-input/MultilineInput.css.js +1 -1
- package/dist-es/multiline-input/MultilineInput.js +26 -3
- package/dist-es/multiline-input/MultilineInput.js.map +1 -1
- package/dist-es/progress/CircularProgress/CircularProgress.css.js +4 -0
- package/dist-es/progress/CircularProgress/CircularProgress.css.js.map +1 -0
- package/dist-es/progress/CircularProgress/CircularProgress.js +89 -0
- package/dist-es/progress/CircularProgress/CircularProgress.js.map +1 -0
- package/dist-es/progress/LinearProgress/LinearProgress.css.js +4 -0
- package/dist-es/progress/LinearProgress/LinearProgress.css.js.map +1 -0
- package/dist-es/progress/LinearProgress/LinearProgress.js +66 -0
- package/dist-es/progress/LinearProgress/LinearProgress.js.map +1 -0
- package/dist-es/salt-provider/SaltProvider.js +24 -18
- package/dist-es/salt-provider/SaltProvider.js.map +1 -1
- package/dist-es/toast/Toast.js +5 -12
- package/dist-es/toast/Toast.js.map +1 -1
- package/dist-es/utils/useFloatingUI/useFloatingUI.js +3 -3
- package/dist-es/utils/useFloatingUI/useFloatingUI.js.map +1 -1
- package/dist-types/card/Card.d.ts +9 -1
- package/dist-types/index.d.ts +1 -0
- package/dist-types/multiline-input/MultilineInput.d.ts +1 -1
- package/dist-types/progress/CircularProgress/CircularProgress.d.ts +23 -0
- package/dist-types/progress/LinearProgress/LinearProgress.d.ts +23 -0
- package/dist-types/progress/index.d.ts +2 -0
- package/dist-types/salt-provider/SaltProvider.d.ts +4 -2
- package/dist-types/utils/useFloatingUI/useFloatingUI.d.ts +12 -22
- package/package.json +1 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
export interface LinearProgressProps extends ComponentPropsWithoutRef<"div"> {
|
|
3
|
+
/**
|
|
4
|
+
* Whether to hide the text label within the progress. Defaults to `false`.
|
|
5
|
+
*/
|
|
6
|
+
hideLabel?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* The value of the max progress indicator.
|
|
9
|
+
* Default value is 100.
|
|
10
|
+
*/
|
|
11
|
+
max?: number;
|
|
12
|
+
/**
|
|
13
|
+
* The value of the min progress indicator.
|
|
14
|
+
* Default value is 0.
|
|
15
|
+
*/
|
|
16
|
+
min?: number;
|
|
17
|
+
/**
|
|
18
|
+
* The value of the progress indicator.
|
|
19
|
+
* Value between 0 and max.
|
|
20
|
+
*/
|
|
21
|
+
value?: number;
|
|
22
|
+
}
|
|
23
|
+
export declare const LinearProgress: import("react").ForwardRefExoticComponent<LinearProgressProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,23 +1,25 @@
|
|
|
1
1
|
import React, { ReactElement, ReactNode } from "react";
|
|
2
2
|
import { Breakpoints } from "../breakpoints";
|
|
3
3
|
import { Density, Mode, ThemeName } from "../theme";
|
|
4
|
+
import { WindowContextType } from "@salt-ds/window";
|
|
4
5
|
export declare const DEFAULT_DENSITY = "medium";
|
|
5
6
|
export interface ThemeContextProps {
|
|
6
7
|
theme: ThemeName;
|
|
7
8
|
mode: Mode;
|
|
9
|
+
window?: WindowContextType;
|
|
8
10
|
}
|
|
9
11
|
export declare const DensityContext: React.Context<"touch" | "high" | "low" | "medium">;
|
|
10
12
|
export declare const ThemeContext: React.Context<ThemeContextProps>;
|
|
11
13
|
export declare const BreakpointContext: React.Context<Breakpoints>;
|
|
12
14
|
declare type TargetElement = "root" | "scope" | "child";
|
|
13
|
-
|
|
15
|
+
interface SaltProviderBaseProps {
|
|
14
16
|
applyClassesTo?: TargetElement;
|
|
15
17
|
density?: Density;
|
|
16
18
|
theme?: ThemeName;
|
|
17
19
|
mode?: Mode;
|
|
18
20
|
breakpoints?: Breakpoints;
|
|
19
21
|
enableStyleInjection?: boolean;
|
|
20
|
-
}
|
|
22
|
+
}
|
|
21
23
|
interface SaltProviderThatAppliesClassesToChild extends SaltProviderBaseProps {
|
|
22
24
|
children: ReactElement;
|
|
23
25
|
applyClassesTo: "child";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { Middleware,
|
|
1
|
+
import { Middleware, Platform, Strategy, useFloating, FloatingFocusManagerProps } from "@floating-ui/react";
|
|
2
2
|
import { ReactNode, ComponentPropsWithoutRef } from "react";
|
|
3
|
+
import { UseFloatingOptions } from "@floating-ui/react/dist/floating-ui.react";
|
|
3
4
|
export interface FloatingComponentProps extends ComponentPropsWithoutRef<"div"> {
|
|
4
5
|
/**
|
|
5
6
|
* Whether the floating component is open (used for determining whether to show the component)
|
|
@@ -12,13 +13,15 @@ export interface FloatingComponentProps extends ComponentPropsWithoutRef<"div">
|
|
|
12
13
|
*/
|
|
13
14
|
focusManagerProps?: Omit<FloatingFocusManagerProps, "children">;
|
|
14
15
|
/**
|
|
15
|
-
* Position props for the floating component
|
|
16
|
+
* Position and sizing optional props for the floating component. `top`, `left`, and `position` for floating elements where they aren't positioned with relative to the trigger.
|
|
17
|
+
* `width` and `height` are used to define the size of the floating element.
|
|
18
|
+
*
|
|
16
19
|
*/
|
|
17
|
-
top
|
|
18
|
-
left
|
|
20
|
+
top?: number;
|
|
21
|
+
left?: number;
|
|
19
22
|
width?: number;
|
|
20
23
|
height?: number;
|
|
21
|
-
position
|
|
24
|
+
position?: Strategy;
|
|
22
25
|
}
|
|
23
26
|
declare const DefaultFloatingComponent: import("react").ForwardRefExoticComponent<FloatingComponentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
24
27
|
export interface FloatingComponentContextType {
|
|
@@ -29,24 +32,11 @@ export interface FloatingComponentProviderProps extends FloatingComponentContext
|
|
|
29
32
|
}
|
|
30
33
|
export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): JSX.Element;
|
|
31
34
|
export declare function useFloatingComponent(): FloatingComponentContextType;
|
|
32
|
-
export interface UseFloatingUIProps {
|
|
33
|
-
/**
|
|
34
|
-
* Sets position relative to trigger.
|
|
35
|
-
*/
|
|
36
|
-
placement?: Placement;
|
|
37
|
-
strategy?: Strategy;
|
|
35
|
+
export interface UseFloatingUIProps extends Pick<UseFloatingOptions, "placement" | "strategy" | "open" | "onOpenChange"> {
|
|
38
36
|
/**
|
|
39
37
|
* Function to update the default middleware used to extend or replace it
|
|
40
38
|
*/
|
|
41
39
|
middleware?: Middleware[];
|
|
42
|
-
/**
|
|
43
|
-
* Sets visible state.
|
|
44
|
-
*/
|
|
45
|
-
open?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Callback function triggered when open state changes.
|
|
48
|
-
*/
|
|
49
|
-
onOpenChange?: (open: boolean) => void;
|
|
50
40
|
}
|
|
51
41
|
declare type GetMiddleware = (middleware: Middleware[]) => Middleware[];
|
|
52
42
|
interface FloatingPlatformContextType {
|
|
@@ -68,10 +58,10 @@ export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
|
|
|
68
58
|
fn: (state: {
|
|
69
59
|
x: number;
|
|
70
60
|
y: number;
|
|
71
|
-
|
|
72
|
-
initialPlacement: Placement;
|
|
73
|
-
placement: Placement;
|
|
61
|
+
placement: import("@floating-ui/utils").Placement;
|
|
74
62
|
strategy: Strategy;
|
|
63
|
+
platform: import("@floating-ui/core").Platform;
|
|
64
|
+
initialPlacement: import("@floating-ui/utils").Placement;
|
|
75
65
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
76
66
|
rects: import("@floating-ui/utils").ElementRects;
|
|
77
67
|
elements: import("@floating-ui/dom").Elements;
|