@yahoo/uds 3.159.2 → 3.161.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/dist/automated-config/dist/properties.cjs +1 -1
- package/dist/automated-config/dist/properties.js +1 -1
- package/dist/components/client/BottomSheet/BottomSheet.cjs +2 -2
- package/dist/components/client/BottomSheet/BottomSheet.js +2 -2
- package/dist/components/client/Button/Button.cjs +214 -0
- package/dist/components/client/Button/Button.d.cts +50 -0
- package/dist/components/client/Button/Button.d.ts +51 -0
- package/dist/components/client/Button/Button.js +209 -0
- package/dist/components/client/Button/ButtonBase.cjs +120 -0
- package/dist/components/client/Button/ButtonBase.d.cts +52 -0
- package/dist/components/client/Button/ButtonBase.d.ts +53 -0
- package/dist/components/client/Button/ButtonBase.js +116 -0
- package/dist/components/client/{buttonConstants.cjs → Button/buttonConstants.cjs} +1 -1
- package/dist/components/client/Button/buttonConstants.d.cts +7 -0
- package/dist/components/client/Button/buttonConstants.d.ts +8 -0
- package/dist/components/client/{buttonConstants.js → Button/buttonConstants.js} +1 -1
- package/dist/components/client/Button/index.cjs +10 -0
- package/dist/components/client/Button/index.d.cts +4 -0
- package/dist/components/client/Button/index.d.ts +5 -0
- package/dist/components/client/Button/index.js +5 -0
- package/dist/components/client/Checkbox.cjs +2 -1
- package/dist/components/client/Checkbox.js +3 -2
- package/dist/components/client/Chip/ChipBase.cjs +2 -2
- package/dist/components/client/Chip/ChipBase.js +2 -2
- package/dist/components/client/IconButton/IconButton.cjs +105 -0
- package/dist/components/client/IconButton/IconButton.d.cts +17 -0
- package/dist/components/client/IconButton/IconButton.d.ts +18 -0
- package/dist/components/client/IconButton/IconButton.js +103 -0
- package/dist/components/client/IconButton/IconButtonBase.cjs +68 -0
- package/dist/components/client/IconButton/IconButtonBase.d.cts +45 -0
- package/dist/components/client/IconButton/IconButtonBase.d.ts +46 -0
- package/dist/components/client/IconButton/IconButtonBase.js +65 -0
- package/dist/components/client/IconButton/index.cjs +8 -0
- package/dist/components/client/IconButton/index.d.cts +4 -0
- package/dist/components/client/IconButton/index.d.ts +5 -0
- package/dist/components/client/IconButton/index.js +5 -0
- package/dist/components/client/Input/Input.cjs +2 -2
- package/dist/components/client/Input/Input.js +2 -2
- package/dist/components/client/Modal/ManagedModal.cjs +2 -2
- package/dist/components/client/Modal/ManagedModal.js +2 -2
- package/dist/components/client/Modal/Modal.cjs +2 -2
- package/dist/components/client/Modal/Modal.js +2 -2
- package/dist/components/client/Popover/Popover.cjs +2 -2
- package/dist/components/client/Popover/Popover.js +2 -2
- package/dist/components/client/Radio/Radio.cjs +2 -1
- package/dist/components/client/Radio/Radio.js +3 -2
- package/dist/components/client/SpringMotionConfig.cjs +10 -13
- package/dist/components/client/SpringMotionConfig.js +10 -13
- package/dist/components/client/Switch/Switch.cjs +119 -0
- package/dist/components/client/{Switch.d.cts → Switch/Switch.d.cts} +4 -16
- package/dist/components/client/{Switch.d.ts → Switch/Switch.d.ts} +4 -16
- package/dist/components/client/Switch/Switch.js +115 -0
- package/dist/components/client/Switch/SwitchBase.cjs +129 -0
- package/dist/components/client/Switch/SwitchBase.d.cts +29 -0
- package/dist/components/client/Switch/SwitchBase.d.ts +30 -0
- package/dist/components/client/Switch/SwitchBase.js +126 -0
- package/dist/components/client/Switch/index.cjs +5 -0
- package/dist/components/client/Switch/index.d.cts +3 -0
- package/dist/components/client/Switch/index.d.ts +4 -0
- package/dist/components/client/Switch/index.js +4 -0
- package/dist/components/client/Switch/switchStyles.cjs +17 -0
- package/dist/components/client/Switch/switchStyles.d.cts +9 -0
- package/dist/components/client/Switch/switchStyles.d.ts +10 -0
- package/dist/components/client/Switch/switchStyles.js +16 -0
- package/dist/components/client/Switch/types.cjs +2 -0
- package/dist/components/client/Switch/types.d.cts +33 -0
- package/dist/components/client/Switch/types.d.ts +34 -0
- package/dist/components/client/Switch/types.js +2 -0
- package/dist/components/client/Tabs/TabList.cjs +2 -2
- package/dist/components/client/Tabs/TabList.js +2 -2
- package/dist/components/client/Toast/Toast.cjs +4 -4
- package/dist/components/client/Toast/Toast.d.cts +1 -1
- package/dist/components/client/Toast/Toast.d.ts +1 -1
- package/dist/components/client/Toast/Toast.js +3 -3
- package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
- package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
- package/dist/components/client/index.cjs +6 -6
- package/dist/components/client/index.d.cts +3 -3
- package/dist/components/client/index.d.ts +3 -3
- package/dist/components/client/index.js +3 -3
- package/dist/components/experimental/client/index.cjs +0 -6
- package/dist/components/experimental/client/index.d.cts +1 -3
- package/dist/components/experimental/client/index.d.ts +1 -3
- package/dist/components/experimental/client/index.js +1 -3
- package/dist/components/experimental/index.cjs +0 -5
- package/dist/components/experimental/index.d.cts +1 -3
- package/dist/components/experimental/index.d.ts +1 -3
- package/dist/components/experimental/index.js +1 -3
- package/dist/components/index.cjs +6 -6
- package/dist/components/index.d.cts +3 -3
- package/dist/components/index.d.ts +3 -3
- package/dist/components/index.js +3 -3
- package/dist/css-animation/Button/Button.cjs +85 -0
- package/dist/css-animation/Button/Button.d.cts +13 -0
- package/dist/css-animation/Button/Button.d.ts +14 -0
- package/dist/css-animation/Button/Button.js +82 -0
- package/dist/css-animation/Button/index.cjs +5 -0
- package/dist/css-animation/Button/index.d.cts +4 -0
- package/dist/css-animation/Button/index.d.ts +5 -0
- package/dist/css-animation/Button/index.js +4 -0
- package/dist/css-animation/IconButton/IconButton.cjs +55 -0
- package/dist/css-animation/IconButton/IconButton.d.cts +13 -0
- package/dist/css-animation/IconButton/IconButton.d.ts +14 -0
- package/dist/css-animation/IconButton/IconButton.js +53 -0
- package/dist/css-animation/IconButton/index.cjs +5 -0
- package/dist/css-animation/IconButton/index.d.cts +4 -0
- package/dist/css-animation/IconButton/index.d.ts +5 -0
- package/dist/css-animation/IconButton/index.js +4 -0
- package/dist/css-animation/Switch/Switch.cjs +44 -0
- package/dist/css-animation/Switch/Switch.d.cts +22 -0
- package/dist/css-animation/Switch/Switch.d.ts +23 -0
- package/dist/css-animation/Switch/Switch.js +41 -0
- package/dist/css-animation/Switch/SwitchStaticHandle.cjs +56 -0
- package/dist/css-animation/Switch/SwitchStaticHandle.d.cts +31 -0
- package/dist/css-animation/Switch/SwitchStaticHandle.d.ts +32 -0
- package/dist/css-animation/Switch/SwitchStaticHandle.js +54 -0
- package/dist/css-animation/Switch/index.cjs +5 -0
- package/dist/css-animation/Switch/index.d.cts +3 -0
- package/dist/css-animation/Switch/index.d.ts +4 -0
- package/dist/css-animation/Switch/index.js +4 -0
- package/dist/css-animation/index.cjs +9 -0
- package/dist/css-animation/index.d.cts +7 -0
- package/dist/css-animation/index.d.ts +8 -0
- package/dist/css-animation/index.js +6 -0
- package/dist/hooks/usePrefersReducedMotion.cjs +36 -0
- package/dist/hooks/usePrefersReducedMotion.d.cts +5 -0
- package/dist/hooks/usePrefersReducedMotion.d.ts +5 -0
- package/dist/hooks/usePrefersReducedMotion.js +34 -0
- package/dist/index.cjs +7 -7
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +4 -4
- package/dist/styles/styler.d.cts +24 -24
- package/dist/styles/styler.d.ts +24 -24
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
- package/dist/uds/generated/componentData.cjs +372 -381
- package/dist/uds/generated/componentData.js +372 -381
- package/dist/uds/generated/tailwindPurge.cjs +8 -21
- package/dist/uds/generated/tailwindPurge.js +8 -21
- package/dist/uds/package.cjs +12 -2
- package/dist/uds/package.js +12 -2
- package/generated/componentData.json +572 -603
- package/generated/tailwindPurge.ts +3 -3
- package/package.json +13 -3
- package/dist/components/client/Button.cjs +0 -326
- package/dist/components/client/Button.d.cts +0 -86
- package/dist/components/client/Button.d.ts +0 -87
- package/dist/components/client/Button.js +0 -321
- package/dist/components/client/IconButton.cjs +0 -161
- package/dist/components/client/IconButton.d.cts +0 -46
- package/dist/components/client/IconButton.d.ts +0 -47
- package/dist/components/client/IconButton.js +0 -159
- package/dist/components/client/Switch.cjs +0 -225
- package/dist/components/client/Switch.js +0 -222
- package/dist/components/client/buttonConstants.d.cts +0 -7
- package/dist/components/client/buttonConstants.d.ts +0 -8
- package/dist/components/experimental/client/AvoidMotionLibraryProvider.cjs +0 -14
- package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.cts +0 -8
- package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.ts +0 -9
- package/dist/components/experimental/client/AvoidMotionLibraryProvider.js +0 -11
- package/dist/components/experimental/client/SwitchV2.cjs +0 -190
- package/dist/components/experimental/client/SwitchV2.d.cts +0 -46
- package/dist/components/experimental/client/SwitchV2.d.ts +0 -47
- package/dist/components/experimental/client/SwitchV2.js +0 -185
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
"use client";
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
+
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
5
|
+
const require_components_client_Switch_SwitchBase = require("../../components/client/Switch/SwitchBase.cjs");
|
|
6
|
+
const require_css_animation_Switch_SwitchStaticHandle = require("./SwitchStaticHandle.cjs");
|
|
7
|
+
let react = require("react");
|
|
8
|
+
react = require_runtime.__toESM(react);
|
|
9
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
10
|
+
//#region src/css-animation/Switch/Switch.tsx
|
|
11
|
+
/**
|
|
12
|
+
* CSS-animation Switch variant. This component intentionally never imports motion.
|
|
13
|
+
*
|
|
14
|
+
* @componentType Client component
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* 'use client';
|
|
19
|
+
* import { Switch } from '@yahoo/uds/css-animation';
|
|
20
|
+
*
|
|
21
|
+
* <Switch label="Name" required />
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
const Switch = (0, react.forwardRef)(function Switch(props, parentRef) {
|
|
25
|
+
const cssAnimationDuration = "duration-120";
|
|
26
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Switch_SwitchBase.SwitchBase, {
|
|
27
|
+
...props,
|
|
28
|
+
ref: parentRef,
|
|
29
|
+
cssAnimationDuration,
|
|
30
|
+
renderHandle: ({ size, isOn, isOnTranslateClass, disabled, onIcon, offIcon, cssAnimationDuration, handleSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_css_animation_Switch_SwitchStaticHandle.SwitchStaticHandle, {
|
|
31
|
+
size,
|
|
32
|
+
isOn,
|
|
33
|
+
isOnTranslateClass,
|
|
34
|
+
cssAnimationDuration,
|
|
35
|
+
disabled,
|
|
36
|
+
onIcon,
|
|
37
|
+
offIcon,
|
|
38
|
+
handleSlotProps
|
|
39
|
+
})
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
Switch.displayName = "Switch";
|
|
43
|
+
//#endregion
|
|
44
|
+
exports.Switch = Switch;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
|
|
2
|
+
import { SwitchProps as SwitchProps$1 } from "../../components/client/Switch/types.cjs";
|
|
3
|
+
import React from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/css-animation/Switch/Switch.d.ts
|
|
6
|
+
type SwitchProps = SwitchProps$1;
|
|
7
|
+
/**
|
|
8
|
+
* CSS-animation Switch variant. This component intentionally never imports motion.
|
|
9
|
+
*
|
|
10
|
+
* @componentType Client component
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* 'use client';
|
|
15
|
+
* import { Switch } from '@yahoo/uds/css-animation';
|
|
16
|
+
*
|
|
17
|
+
* <Switch label="Name" required />
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps$1 & React.RefAttributes<HTMLInputElement>>;
|
|
21
|
+
//#endregion
|
|
22
|
+
export { Switch, type SwitchProps };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
|
|
2
|
+
"use client";
|
|
3
|
+
import { SwitchProps as SwitchProps$1 } from "../../components/client/Switch/types.js";
|
|
4
|
+
import React from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/css-animation/Switch/Switch.d.ts
|
|
7
|
+
type SwitchProps = SwitchProps$1;
|
|
8
|
+
/**
|
|
9
|
+
* CSS-animation Switch variant. This component intentionally never imports motion.
|
|
10
|
+
*
|
|
11
|
+
* @componentType Client component
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* 'use client';
|
|
16
|
+
* import { Switch } from '@yahoo/uds/css-animation';
|
|
17
|
+
*
|
|
18
|
+
* <Switch label="Name" required />
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
declare const Switch: React.ForwardRefExoticComponent<SwitchProps$1 & React.RefAttributes<HTMLInputElement>>;
|
|
22
|
+
//#endregion
|
|
23
|
+
export { Switch, type SwitchProps };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
"use client";
|
|
3
|
+
import { SwitchBase } from "../../components/client/Switch/SwitchBase.js";
|
|
4
|
+
import { SwitchStaticHandle } from "./SwitchStaticHandle.js";
|
|
5
|
+
import { forwardRef } from "react";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
//#region src/css-animation/Switch/Switch.tsx
|
|
8
|
+
/**
|
|
9
|
+
* CSS-animation Switch variant. This component intentionally never imports motion.
|
|
10
|
+
*
|
|
11
|
+
* @componentType Client component
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* 'use client';
|
|
16
|
+
* import { Switch } from '@yahoo/uds/css-animation';
|
|
17
|
+
*
|
|
18
|
+
* <Switch label="Name" required />
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
const Switch = forwardRef(function Switch(props, parentRef) {
|
|
22
|
+
const cssAnimationDuration = "duration-120";
|
|
23
|
+
return /* @__PURE__ */ jsx(SwitchBase, {
|
|
24
|
+
...props,
|
|
25
|
+
ref: parentRef,
|
|
26
|
+
cssAnimationDuration,
|
|
27
|
+
renderHandle: ({ size, isOn, isOnTranslateClass, disabled, onIcon, offIcon, cssAnimationDuration, handleSlotProps }) => /* @__PURE__ */ jsx(SwitchStaticHandle, {
|
|
28
|
+
size,
|
|
29
|
+
isOn,
|
|
30
|
+
isOnTranslateClass,
|
|
31
|
+
cssAnimationDuration,
|
|
32
|
+
disabled,
|
|
33
|
+
onIcon,
|
|
34
|
+
offIcon,
|
|
35
|
+
handleSlotProps
|
|
36
|
+
})
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
Switch.displayName = "Switch";
|
|
40
|
+
//#endregion
|
|
41
|
+
export { Switch };
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
"use client";
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
+
require("../../_virtual/_rolldown/runtime.cjs");
|
|
5
|
+
const require_styles_styler = require("../../styles/styler.cjs");
|
|
6
|
+
const require_components_IconSlot = require("../../components/IconSlot.cjs");
|
|
7
|
+
const require_components_Box = require("../../components/Box.cjs");
|
|
8
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
9
|
+
//#region src/css-animation/Switch/SwitchStaticHandle.tsx
|
|
10
|
+
function SwitchStaticHandle({ size, isOn, isOnTranslateClass, cssAnimationDuration, disabled, onIcon, offIcon, handleSlotProps }) {
|
|
11
|
+
const classNames = {
|
|
12
|
+
handle: require_styles_styler.getStyles({
|
|
13
|
+
switchSizeHandle: size,
|
|
14
|
+
className: require_styles_styler.cx("relative", "pointer-events-none", "uds-border-radius-full", "overflow-hidden")
|
|
15
|
+
}),
|
|
16
|
+
handleCircle: require_styles_styler.getStyles({
|
|
17
|
+
switchVariantActiveHandle: isOn ? "on" : "off",
|
|
18
|
+
switchVariantHandle: "default",
|
|
19
|
+
className: require_styles_styler.cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95", !disabled && "group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
|
|
20
|
+
}),
|
|
21
|
+
handleIcon: require_styles_styler.getStyles({
|
|
22
|
+
switchSizeHandleIcon: size,
|
|
23
|
+
switchVariantHandleIcon: "default",
|
|
24
|
+
switchVariantActiveHandleIcon: isOn ? "on" : "off",
|
|
25
|
+
className: require_styles_styler.cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
|
|
26
|
+
})
|
|
27
|
+
};
|
|
28
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
|
|
29
|
+
className: require_styles_styler.cx(classNames.handle, isOn ? isOnTranslateClass : "translate-x-0", "opacity-95", !disabled && "group-hover:opacity-100", !disabled && "group-hover:scale-105", cssAnimationDuration, "transition-[transform,opacity]"),
|
|
30
|
+
...handleSlotProps,
|
|
31
|
+
children: [
|
|
32
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, { className: classNames.handleCircle }),
|
|
33
|
+
onIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
|
|
34
|
+
icon: onIcon,
|
|
35
|
+
iconProps: {
|
|
36
|
+
variant: "fill",
|
|
37
|
+
size: "sm"
|
|
38
|
+
},
|
|
39
|
+
"data-testid": "on-icon",
|
|
40
|
+
className: require_styles_styler.cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
|
|
41
|
+
}),
|
|
42
|
+
offIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
|
|
43
|
+
icon: offIcon,
|
|
44
|
+
iconProps: {
|
|
45
|
+
variant: "fill",
|
|
46
|
+
size: "sm"
|
|
47
|
+
},
|
|
48
|
+
"data-testid": "off-icon",
|
|
49
|
+
className: require_styles_styler.cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
|
|
50
|
+
})
|
|
51
|
+
]
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
SwitchStaticHandle.displayName = "SwitchStaticHandle";
|
|
55
|
+
//#endregion
|
|
56
|
+
exports.SwitchStaticHandle = SwitchStaticHandle;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
|
|
2
|
+
import { SwitchSize, UniversalSwitchProps } from "../../types/dist/index.cjs";
|
|
3
|
+
import { DataAttributes } from "../../components/client/Switch/types.cjs";
|
|
4
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
5
|
+
|
|
6
|
+
//#region src/css-animation/Switch/SwitchStaticHandle.d.ts
|
|
7
|
+
type SwitchStaticHandleProps = {
|
|
8
|
+
size: SwitchSize;
|
|
9
|
+
isOn: boolean;
|
|
10
|
+
isOnTranslateClass: string;
|
|
11
|
+
cssAnimationDuration: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
onIcon?: UniversalSwitchProps['onIcon'];
|
|
14
|
+
offIcon?: UniversalSwitchProps['offIcon'];
|
|
15
|
+
handleSlotProps?: DataAttributes;
|
|
16
|
+
};
|
|
17
|
+
declare function SwitchStaticHandle({
|
|
18
|
+
size,
|
|
19
|
+
isOn,
|
|
20
|
+
isOnTranslateClass,
|
|
21
|
+
cssAnimationDuration,
|
|
22
|
+
disabled,
|
|
23
|
+
onIcon,
|
|
24
|
+
offIcon,
|
|
25
|
+
handleSlotProps
|
|
26
|
+
}: SwitchStaticHandleProps): _$react_jsx_runtime0.JSX.Element;
|
|
27
|
+
declare namespace SwitchStaticHandle {
|
|
28
|
+
var displayName: string;
|
|
29
|
+
}
|
|
30
|
+
//#endregion
|
|
31
|
+
export { SwitchStaticHandle, type SwitchStaticHandleProps };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
|
|
2
|
+
"use client";
|
|
3
|
+
import { SwitchSize, UniversalSwitchProps } from "../../types/dist/index.js";
|
|
4
|
+
import { DataAttributes } from "../../components/client/Switch/types.js";
|
|
5
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
6
|
+
|
|
7
|
+
//#region src/css-animation/Switch/SwitchStaticHandle.d.ts
|
|
8
|
+
type SwitchStaticHandleProps = {
|
|
9
|
+
size: SwitchSize;
|
|
10
|
+
isOn: boolean;
|
|
11
|
+
isOnTranslateClass: string;
|
|
12
|
+
cssAnimationDuration: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
onIcon?: UniversalSwitchProps['onIcon'];
|
|
15
|
+
offIcon?: UniversalSwitchProps['offIcon'];
|
|
16
|
+
handleSlotProps?: DataAttributes;
|
|
17
|
+
};
|
|
18
|
+
declare function SwitchStaticHandle({
|
|
19
|
+
size,
|
|
20
|
+
isOn,
|
|
21
|
+
isOnTranslateClass,
|
|
22
|
+
cssAnimationDuration,
|
|
23
|
+
disabled,
|
|
24
|
+
onIcon,
|
|
25
|
+
offIcon,
|
|
26
|
+
handleSlotProps
|
|
27
|
+
}: SwitchStaticHandleProps): _$react_jsx_runtime0.JSX.Element;
|
|
28
|
+
declare namespace SwitchStaticHandle {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
//#endregion
|
|
32
|
+
export { SwitchStaticHandle, type SwitchStaticHandleProps };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
"use client";
|
|
3
|
+
import { cx, getStyles } from "../../styles/styler.js";
|
|
4
|
+
import { IconSlot } from "../../components/IconSlot.js";
|
|
5
|
+
import { Box } from "../../components/Box.js";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
//#region src/css-animation/Switch/SwitchStaticHandle.tsx
|
|
8
|
+
function SwitchStaticHandle({ size, isOn, isOnTranslateClass, cssAnimationDuration, disabled, onIcon, offIcon, handleSlotProps }) {
|
|
9
|
+
const classNames = {
|
|
10
|
+
handle: getStyles({
|
|
11
|
+
switchSizeHandle: size,
|
|
12
|
+
className: cx("relative", "pointer-events-none", "uds-border-radius-full", "overflow-hidden")
|
|
13
|
+
}),
|
|
14
|
+
handleCircle: getStyles({
|
|
15
|
+
switchVariantActiveHandle: isOn ? "on" : "off",
|
|
16
|
+
switchVariantHandle: "default",
|
|
17
|
+
className: cx("absolute", "top-0", "left-0", "right-0", "bottom-0", "opacity-95", !disabled && "group-hover:opacity-100", cssAnimationDuration, "transition-[background-color,box-shadow,opacity]")
|
|
18
|
+
}),
|
|
19
|
+
handleIcon: getStyles({
|
|
20
|
+
switchSizeHandleIcon: size,
|
|
21
|
+
switchVariantHandleIcon: "default",
|
|
22
|
+
switchVariantActiveHandleIcon: isOn ? "on" : "off",
|
|
23
|
+
className: cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
|
|
24
|
+
})
|
|
25
|
+
};
|
|
26
|
+
return /* @__PURE__ */ jsxs(Box, {
|
|
27
|
+
className: cx(classNames.handle, isOn ? isOnTranslateClass : "translate-x-0", "opacity-95", !disabled && "group-hover:opacity-100", !disabled && "group-hover:scale-105", cssAnimationDuration, "transition-[transform,opacity]"),
|
|
28
|
+
...handleSlotProps,
|
|
29
|
+
children: [
|
|
30
|
+
/* @__PURE__ */ jsx(Box, { className: classNames.handleCircle }),
|
|
31
|
+
onIcon && /* @__PURE__ */ jsx(IconSlot, {
|
|
32
|
+
icon: onIcon,
|
|
33
|
+
iconProps: {
|
|
34
|
+
variant: "fill",
|
|
35
|
+
size: "sm"
|
|
36
|
+
},
|
|
37
|
+
"data-testid": "on-icon",
|
|
38
|
+
className: cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
|
|
39
|
+
}),
|
|
40
|
+
offIcon && /* @__PURE__ */ jsx(IconSlot, {
|
|
41
|
+
icon: offIcon,
|
|
42
|
+
iconProps: {
|
|
43
|
+
variant: "fill",
|
|
44
|
+
size: "sm"
|
|
45
|
+
},
|
|
46
|
+
"data-testid": "off-icon",
|
|
47
|
+
className: cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
|
|
48
|
+
})
|
|
49
|
+
]
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
SwitchStaticHandle.displayName = "SwitchStaticHandle";
|
|
53
|
+
//#endregion
|
|
54
|
+
export { SwitchStaticHandle };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
"use client";
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
+
const require_css_animation_Switch_Switch = require("./Switch.cjs");
|
|
5
|
+
exports.Switch = require_css_animation_Switch_Switch.Switch;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
"use client";
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
+
const require_css_animation_Button_Button = require("./Button/Button.cjs");
|
|
5
|
+
const require_css_animation_IconButton_IconButton = require("./IconButton/IconButton.cjs");
|
|
6
|
+
const require_css_animation_Switch_Switch = require("./Switch/Switch.cjs");
|
|
7
|
+
exports.Button = require_css_animation_Button_Button.Button;
|
|
8
|
+
exports.IconButton = require_css_animation_IconButton_IconButton.IconButton;
|
|
9
|
+
exports.Switch = require_css_animation_Switch_Switch.Switch;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
|
|
2
|
+
import { ButtonProps } from "../components/client/Button/Button.cjs";
|
|
3
|
+
import { IconButtonProps } from "../components/client/IconButton/IconButton.cjs";
|
|
4
|
+
import { Button } from "./Button/Button.cjs";
|
|
5
|
+
import { IconButton } from "./IconButton/IconButton.cjs";
|
|
6
|
+
import { Switch, SwitchProps } from "./Switch/Switch.cjs";
|
|
7
|
+
export { Button, type ButtonProps, IconButton, type IconButtonProps, Switch, type SwitchProps };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
"use client";
|
|
3
|
+
import { ButtonProps } from "../components/client/Button/Button.js";
|
|
4
|
+
import { IconButtonProps } from "../components/client/IconButton/IconButton.js";
|
|
5
|
+
import { Button } from "./Button/Button.js";
|
|
6
|
+
import { IconButton } from "./IconButton/IconButton.js";
|
|
7
|
+
import { Switch, SwitchProps } from "./Switch/Switch.js";
|
|
8
|
+
export { Button, type ButtonProps, IconButton, type IconButtonProps, Switch, type SwitchProps };
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
require("../_virtual/_rolldown/runtime.cjs");
|
|
4
|
+
let react = require("react");
|
|
5
|
+
//#region src/hooks/usePrefersReducedMotion.ts
|
|
6
|
+
const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
|
|
7
|
+
/**
|
|
8
|
+
* Module-level singleton store so every consumer of the hook shares a single
|
|
9
|
+
* MediaQueryList `change` listener instead of registering one per hook instance.
|
|
10
|
+
*/
|
|
11
|
+
const subscribers = /* @__PURE__ */ new Set();
|
|
12
|
+
let mediaQueryList = null;
|
|
13
|
+
const getMediaQueryList = () => {
|
|
14
|
+
if (!mediaQueryList && typeof window !== "undefined" && typeof window.matchMedia === "function") mediaQueryList = window.matchMedia(REDUCED_MOTION_QUERY);
|
|
15
|
+
return mediaQueryList;
|
|
16
|
+
};
|
|
17
|
+
const notifySubscribers = () => {
|
|
18
|
+
subscribers.forEach((notify) => notify());
|
|
19
|
+
};
|
|
20
|
+
const subscribe = (notify) => {
|
|
21
|
+
const currentMediaQueryList = getMediaQueryList();
|
|
22
|
+
if (currentMediaQueryList && subscribers.size === 0) currentMediaQueryList.addEventListener("change", notifySubscribers);
|
|
23
|
+
subscribers.add(notify);
|
|
24
|
+
return () => {
|
|
25
|
+
subscribers.delete(notify);
|
|
26
|
+
if (subscribers.size === 0 && mediaQueryList) {
|
|
27
|
+
mediaQueryList.removeEventListener("change", notifySubscribers);
|
|
28
|
+
mediaQueryList = null;
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
const getSnapshot = () => getMediaQueryList()?.matches ?? false;
|
|
33
|
+
const getServerSnapshot = () => false;
|
|
34
|
+
const usePrefersReducedMotion = () => (0, react.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
|
|
35
|
+
//#endregion
|
|
36
|
+
exports.usePrefersReducedMotion = usePrefersReducedMotion;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
import { useSyncExternalStore } from "react";
|
|
3
|
+
//#region src/hooks/usePrefersReducedMotion.ts
|
|
4
|
+
const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
|
|
5
|
+
/**
|
|
6
|
+
* Module-level singleton store so every consumer of the hook shares a single
|
|
7
|
+
* MediaQueryList `change` listener instead of registering one per hook instance.
|
|
8
|
+
*/
|
|
9
|
+
const subscribers = /* @__PURE__ */ new Set();
|
|
10
|
+
let mediaQueryList = null;
|
|
11
|
+
const getMediaQueryList = () => {
|
|
12
|
+
if (!mediaQueryList && typeof window !== "undefined" && typeof window.matchMedia === "function") mediaQueryList = window.matchMedia(REDUCED_MOTION_QUERY);
|
|
13
|
+
return mediaQueryList;
|
|
14
|
+
};
|
|
15
|
+
const notifySubscribers = () => {
|
|
16
|
+
subscribers.forEach((notify) => notify());
|
|
17
|
+
};
|
|
18
|
+
const subscribe = (notify) => {
|
|
19
|
+
const currentMediaQueryList = getMediaQueryList();
|
|
20
|
+
if (currentMediaQueryList && subscribers.size === 0) currentMediaQueryList.addEventListener("change", notifySubscribers);
|
|
21
|
+
subscribers.add(notify);
|
|
22
|
+
return () => {
|
|
23
|
+
subscribers.delete(notify);
|
|
24
|
+
if (subscribers.size === 0 && mediaQueryList) {
|
|
25
|
+
mediaQueryList.removeEventListener("change", notifySubscribers);
|
|
26
|
+
mediaQueryList = null;
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
const getSnapshot = () => getMediaQueryList()?.matches ?? false;
|
|
31
|
+
const getServerSnapshot = () => false;
|
|
32
|
+
const usePrefersReducedMotion = () => useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
|
|
33
|
+
//#endregion
|
|
34
|
+
export { usePrefersReducedMotion };
|
package/dist/index.cjs
CHANGED
|
@@ -33,6 +33,7 @@ const require_components_client_BottomSheet_BottomSheetDismiss = require("./comp
|
|
|
33
33
|
const require_components_client_BottomSheet_BottomSheetHeader = require("./components/client/BottomSheet/BottomSheetHeader.cjs");
|
|
34
34
|
const require_components_client_BottomSheet_BottomSheetProvider = require("./components/client/BottomSheet/BottomSheetProvider.cjs");
|
|
35
35
|
const require_components_client_BottomSheet_BottomSheetTrigger = require("./components/client/BottomSheet/BottomSheetTrigger.cjs");
|
|
36
|
+
const require_components_client_SpringMotionConfig = require("./components/client/SpringMotionConfig.cjs");
|
|
36
37
|
const require_entries = require("./utils/dist/entries.cjs");
|
|
37
38
|
const require_fromEntries = require("./utils/dist/fromEntries.cjs");
|
|
38
39
|
const require_mapValues = require("./utils/dist/mapValues.cjs");
|
|
@@ -61,15 +62,14 @@ const require_getConfigVariants = require("./automated-config/dist/utils/getConf
|
|
|
61
62
|
const require_getPaginationControlWidthPx = require("./automated-config/dist/utils/getPaginationControlWidthPx.cjs");
|
|
62
63
|
const require_isConfiguratorPropertyVisible = require("./automated-config/dist/utils/isConfiguratorPropertyVisible.cjs");
|
|
63
64
|
const require_index$2 = require("./automated-config/dist/utils/index.cjs");
|
|
64
|
-
const
|
|
65
|
-
const require_components_client_Button = require("./components/client/Button.cjs");
|
|
65
|
+
const require_components_client_Button_Button = require("./components/client/Button/Button.cjs");
|
|
66
66
|
const require_components_client_Checkbox = require("./components/client/Checkbox.cjs");
|
|
67
67
|
const require_components_client_Chip_ChipButton = require("./components/client/Chip/ChipButton.cjs");
|
|
68
68
|
const require_components_client_Chip_ChipDismissible = require("./components/client/Chip/ChipDismissible.cjs");
|
|
69
69
|
const require_components_client_Chip_ChipLink = require("./components/client/Chip/ChipLink.cjs");
|
|
70
70
|
const require_components_client_Chip_ChipToggle = require("./components/client/Chip/ChipToggle.cjs");
|
|
71
71
|
const require_components_client_Chip_Chip = require("./components/client/Chip/Chip.cjs");
|
|
72
|
-
const
|
|
72
|
+
const require_components_client_IconButton_IconButton = require("./components/client/IconButton/IconButton.cjs");
|
|
73
73
|
const require_components_client_Input_Input = require("./components/client/Input/Input.cjs");
|
|
74
74
|
const require_components_client_Input_InputHelpText = require("./components/client/Input/InputHelpText.cjs");
|
|
75
75
|
const require_components_client_Menu_Menu_index = require("./components/client/Menu/Menu.index.cjs");
|
|
@@ -113,7 +113,7 @@ const require_components_client_Select_Select = require("./components/client/Sel
|
|
|
113
113
|
const require_components_client_Select_SelectContent = require("./components/client/Select/SelectContent.cjs");
|
|
114
114
|
const require_components_client_Select_SelectDivider = require("./components/client/Select/SelectDivider.cjs");
|
|
115
115
|
const require_components_client_Select_SelectItem = require("./components/client/Select/SelectItem.cjs");
|
|
116
|
-
const
|
|
116
|
+
const require_components_client_Switch_Switch = require("./components/client/Switch/Switch.cjs");
|
|
117
117
|
const require_components_client_Tabs_Tab = require("./components/client/Tabs/Tab.cjs");
|
|
118
118
|
const require_components_client_Tabs_TabList = require("./components/client/Tabs/TabList.cjs");
|
|
119
119
|
const require_components_client_Tabs_TabPanel = require("./components/client/Tabs/TabPanel.cjs");
|
|
@@ -167,7 +167,7 @@ exports.BottomSheetHeader = require_components_client_BottomSheet_BottomSheetHea
|
|
|
167
167
|
exports.BottomSheetProvider = require_components_client_BottomSheet_BottomSheetProvider.BottomSheetProvider;
|
|
168
168
|
exports.BottomSheetTrigger = require_components_client_BottomSheet_BottomSheetTrigger.BottomSheetTrigger;
|
|
169
169
|
exports.Box = require_components_Box.Box;
|
|
170
|
-
exports.Button =
|
|
170
|
+
exports.Button = require_components_client_Button_Button.Button;
|
|
171
171
|
exports.ButtonConfig = require_generatedConfigs.ButtonConfig;
|
|
172
172
|
exports.Checkbox = require_components_client_Checkbox.Checkbox;
|
|
173
173
|
exports.CheckboxConfig = require_generatedConfigs.CheckboxConfig;
|
|
@@ -204,7 +204,7 @@ exports.INSET_SHADOW_PREFIX = require_index$1.INSET_SHADOW_PREFIX;
|
|
|
204
204
|
exports.INTERACTIVE_ATOMICS = require_StateAxis.INTERACTIVE_ATOMICS;
|
|
205
205
|
exports.INVERT_COLOR_MODE_CLASSNAME = require_index$1.INVERT_COLOR_MODE_CLASSNAME;
|
|
206
206
|
exports.Icon = require_components_Icon.Icon;
|
|
207
|
-
exports.IconButton =
|
|
207
|
+
exports.IconButton = require_components_client_IconButton_IconButton.IconButton;
|
|
208
208
|
exports.IconButtonConfig = require_generatedConfigs.IconButtonConfig;
|
|
209
209
|
exports.Image = require_components_Image.Image;
|
|
210
210
|
exports.Input = require_components_client_Input_Input.Input;
|
|
@@ -273,7 +273,7 @@ exports.SelectDivider = require_components_client_Select_SelectDivider.SelectDiv
|
|
|
273
273
|
exports.SelectItem = require_components_client_Select_SelectItem.SelectItem;
|
|
274
274
|
exports.SelectItemConfig = require_generatedConfigs.SelectItemConfig;
|
|
275
275
|
exports.SpringMotionConfig = require_components_client_SpringMotionConfig.SpringMotionConfig;
|
|
276
|
-
exports.Switch =
|
|
276
|
+
exports.Switch = require_components_client_Switch_Switch.Switch;
|
|
277
277
|
exports.SwitchConfig = require_generatedConfigs.SwitchConfig;
|
|
278
278
|
exports.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES = require_index$1.TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES;
|
|
279
279
|
exports.TEXT_RESPONSIVE_CLASSNAME = require_index$1.TEXT_RESPONSIVE_CLASSNAME;
|
package/dist/index.d.cts
CHANGED
|
@@ -75,14 +75,14 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./components/client/B
|
|
|
75
75
|
import { BottomSheetProvider, BottomSheetProviderProps } from "./components/client/BottomSheet/BottomSheetProvider.cjs";
|
|
76
76
|
import { BottomSheetTrigger, BottomSheetTriggerProps } from "./components/client/BottomSheet/BottomSheetTrigger.cjs";
|
|
77
77
|
import { UDSBottomSheetConfigContextType, configToBottomSheetConfigContext } from "./runtime/bottomSheetConfig.cjs";
|
|
78
|
-
import { Button, ButtonProps } from "./components/client/Button.cjs";
|
|
78
|
+
import { Button, ButtonProps } from "./components/client/Button/Button.cjs";
|
|
79
79
|
import { Checkbox, CheckboxProps } from "./components/client/Checkbox.cjs";
|
|
80
80
|
import { Chip, ChipProps } from "./components/client/Chip/Chip.cjs";
|
|
81
81
|
import { ChipButton, ChipButtonProps } from "./components/client/Chip/ChipButton.cjs";
|
|
82
82
|
import { ChipDismissible, ChipDismissibleProps } from "./components/client/Chip/ChipDismissible.cjs";
|
|
83
83
|
import { ChipLink, ChipLinkProps } from "./components/client/Chip/ChipLink.cjs";
|
|
84
84
|
import { ChipToggle, ChipToggleProps } from "./components/client/Chip/ChipToggle.cjs";
|
|
85
|
-
import { IconButton, IconButtonProps } from "./components/client/IconButton.cjs";
|
|
85
|
+
import { IconButton, IconButtonProps } from "./components/client/IconButton/IconButton.cjs";
|
|
86
86
|
import { Input, InputProps } from "./components/client/Input/Input.cjs";
|
|
87
87
|
import { InputHelpText, InputHelpTextProps } from "./components/client/Input/InputHelpText.cjs";
|
|
88
88
|
import { MenuContentProps } from "./components/client/Menu/Menu.Content.cjs";
|
|
@@ -129,7 +129,7 @@ import { Select, SelectProps } from "./components/client/Select/Select.cjs";
|
|
|
129
129
|
import { SelectContent, SelectContentProps } from "./components/client/Select/SelectContent.cjs";
|
|
130
130
|
import { SelectDivider, SelectDividerProps } from "./components/client/Select/SelectDivider.cjs";
|
|
131
131
|
import { SelectItem, SelectItemProps } from "./components/client/Select/SelectItem.cjs";
|
|
132
|
-
import { Switch, SwitchProps } from "./components/client/Switch.cjs";
|
|
132
|
+
import { Switch, SwitchProps } from "./components/client/Switch/Switch.cjs";
|
|
133
133
|
import { Tab, TabProps } from "./components/client/Tabs/Tab.cjs";
|
|
134
134
|
import { TabList, TabListProps } from "./components/client/Tabs/TabList.cjs";
|
|
135
135
|
import { TabPanel, TabPanelProps } from "./components/client/Tabs/TabPanel.cjs";
|
package/dist/index.d.ts
CHANGED
|
@@ -75,14 +75,14 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./components/client/B
|
|
|
75
75
|
import { BottomSheetProvider, BottomSheetProviderProps } from "./components/client/BottomSheet/BottomSheetProvider.js";
|
|
76
76
|
import { BottomSheetTrigger, BottomSheetTriggerProps } from "./components/client/BottomSheet/BottomSheetTrigger.js";
|
|
77
77
|
import { UDSBottomSheetConfigContextType, configToBottomSheetConfigContext } from "./runtime/bottomSheetConfig.js";
|
|
78
|
-
import { Button, ButtonProps } from "./components/client/Button.js";
|
|
78
|
+
import { Button, ButtonProps } from "./components/client/Button/Button.js";
|
|
79
79
|
import { Checkbox, CheckboxProps } from "./components/client/Checkbox.js";
|
|
80
80
|
import { Chip, ChipProps } from "./components/client/Chip/Chip.js";
|
|
81
81
|
import { ChipButton, ChipButtonProps } from "./components/client/Chip/ChipButton.js";
|
|
82
82
|
import { ChipDismissible, ChipDismissibleProps } from "./components/client/Chip/ChipDismissible.js";
|
|
83
83
|
import { ChipLink, ChipLinkProps } from "./components/client/Chip/ChipLink.js";
|
|
84
84
|
import { ChipToggle, ChipToggleProps } from "./components/client/Chip/ChipToggle.js";
|
|
85
|
-
import { IconButton, IconButtonProps } from "./components/client/IconButton.js";
|
|
85
|
+
import { IconButton, IconButtonProps } from "./components/client/IconButton/IconButton.js";
|
|
86
86
|
import { Input, InputProps } from "./components/client/Input/Input.js";
|
|
87
87
|
import { InputHelpText, InputHelpTextProps } from "./components/client/Input/InputHelpText.js";
|
|
88
88
|
import { MenuContentProps } from "./components/client/Menu/Menu.Content.js";
|
|
@@ -129,7 +129,7 @@ import { Select, SelectProps } from "./components/client/Select/Select.js";
|
|
|
129
129
|
import { SelectContent, SelectContentProps } from "./components/client/Select/SelectContent.js";
|
|
130
130
|
import { SelectDivider, SelectDividerProps } from "./components/client/Select/SelectDivider.js";
|
|
131
131
|
import { SelectItem, SelectItemProps } from "./components/client/Select/SelectItem.js";
|
|
132
|
-
import { Switch, SwitchProps } from "./components/client/Switch.js";
|
|
132
|
+
import { Switch, SwitchProps } from "./components/client/Switch/Switch.js";
|
|
133
133
|
import { Tab, TabProps } from "./components/client/Tabs/Tab.js";
|
|
134
134
|
import { TabList, TabListProps } from "./components/client/Tabs/TabList.js";
|
|
135
135
|
import { TabPanel, TabPanelProps } from "./components/client/Tabs/TabPanel.js";
|
package/dist/index.js
CHANGED
|
@@ -32,6 +32,7 @@ import { BottomSheetDismiss } from "./components/client/BottomSheet/BottomSheetD
|
|
|
32
32
|
import { BottomSheetHeader } from "./components/client/BottomSheet/BottomSheetHeader.js";
|
|
33
33
|
import { BottomSheetProvider } from "./components/client/BottomSheet/BottomSheetProvider.js";
|
|
34
34
|
import { BottomSheetTrigger } from "./components/client/BottomSheet/BottomSheetTrigger.js";
|
|
35
|
+
import { SpringMotionConfig } from "./components/client/SpringMotionConfig.js";
|
|
35
36
|
import { entries } from "./utils/dist/entries.js";
|
|
36
37
|
import { fromEntries } from "./utils/dist/fromEntries.js";
|
|
37
38
|
import { mapValues } from "./utils/dist/mapValues.js";
|
|
@@ -60,15 +61,14 @@ import { getConfigVariants } from "./automated-config/dist/utils/getConfigVarian
|
|
|
60
61
|
import { getPaginationControlWidthPx, syncPaginationWidthVarForSize } from "./automated-config/dist/utils/getPaginationControlWidthPx.js";
|
|
61
62
|
import { isConfiguratorPropertyVisible } from "./automated-config/dist/utils/isConfiguratorPropertyVisible.js";
|
|
62
63
|
import { applyBoxShadowBorder, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, generateClassName, generateConfigStyles, generateDeclaration, generateStyles, mergeUniversalUnderOverride, statePseudoMapDocsMode } from "./automated-config/dist/utils/index.js";
|
|
63
|
-
import {
|
|
64
|
-
import { Button } from "./components/client/Button.js";
|
|
64
|
+
import { Button } from "./components/client/Button/Button.js";
|
|
65
65
|
import { Checkbox } from "./components/client/Checkbox.js";
|
|
66
66
|
import { ChipButton } from "./components/client/Chip/ChipButton.js";
|
|
67
67
|
import { ChipDismissible } from "./components/client/Chip/ChipDismissible.js";
|
|
68
68
|
import { ChipLink } from "./components/client/Chip/ChipLink.js";
|
|
69
69
|
import { ChipToggle } from "./components/client/Chip/ChipToggle.js";
|
|
70
70
|
import { Chip } from "./components/client/Chip/Chip.js";
|
|
71
|
-
import { IconButton } from "./components/client/IconButton.js";
|
|
71
|
+
import { IconButton } from "./components/client/IconButton/IconButton.js";
|
|
72
72
|
import { Input } from "./components/client/Input/Input.js";
|
|
73
73
|
import { InputHelpText } from "./components/client/Input/InputHelpText.js";
|
|
74
74
|
import { Menu_index_exports } from "./components/client/Menu/Menu.index.js";
|
|
@@ -112,7 +112,7 @@ import { Select } from "./components/client/Select/Select.js";
|
|
|
112
112
|
import { SelectContent } from "./components/client/Select/SelectContent.js";
|
|
113
113
|
import { SelectDivider } from "./components/client/Select/SelectDivider.js";
|
|
114
114
|
import { SelectItem } from "./components/client/Select/SelectItem.js";
|
|
115
|
-
import { Switch } from "./components/client/Switch.js";
|
|
115
|
+
import { Switch } from "./components/client/Switch/Switch.js";
|
|
116
116
|
import { Tab } from "./components/client/Tabs/Tab.js";
|
|
117
117
|
import { TabList } from "./components/client/Tabs/TabList.js";
|
|
118
118
|
import { TabPanel } from "./components/client/Tabs/TabPanel.js";
|