@yahoo/uds 3.159.1 → 3.160.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/Text.cjs +4 -2
- package/dist/components/Text.js +4 -2
- package/dist/components/client/Button/Button.cjs +213 -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 +208 -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/IconButton/IconButton.cjs +104 -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 +102 -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/Pressable.cjs +3 -1
- package/dist/components/client/Pressable.js +3 -1
- 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/Toast/Toast.cjs +2 -2
- 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 +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 +24 -0
- package/dist/hooks/usePrefersReducedMotion.d.cts +5 -0
- package/dist/hooks/usePrefersReducedMotion.d.ts +5 -0
- package/dist/hooks/usePrefersReducedMotion.js +22 -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 +4 -4
- package/dist/styles/styler.d.ts +4 -4
- 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
|
@@ -16,14 +16,14 @@ const require_components_client_BottomSheet_BottomSheetHeader = require("./Botto
|
|
|
16
16
|
const require_components_client_BottomSheet_BottomSheetProvider = require("./BottomSheet/BottomSheetProvider.cjs");
|
|
17
17
|
const require_components_client_BottomSheet_BottomSheetTrigger = require("./BottomSheet/BottomSheetTrigger.cjs");
|
|
18
18
|
const require_components_client_SpringMotionConfig = require("./SpringMotionConfig.cjs");
|
|
19
|
-
const
|
|
19
|
+
const require_components_client_Button_Button = require("./Button/Button.cjs");
|
|
20
20
|
const require_components_client_Checkbox = require("./Checkbox.cjs");
|
|
21
21
|
const require_components_client_Chip_ChipButton = require("./Chip/ChipButton.cjs");
|
|
22
22
|
const require_components_client_Chip_ChipDismissible = require("./Chip/ChipDismissible.cjs");
|
|
23
23
|
const require_components_client_Chip_ChipLink = require("./Chip/ChipLink.cjs");
|
|
24
24
|
const require_components_client_Chip_ChipToggle = require("./Chip/ChipToggle.cjs");
|
|
25
25
|
const require_components_client_Chip_Chip = require("./Chip/Chip.cjs");
|
|
26
|
-
const
|
|
26
|
+
const require_components_client_IconButton_IconButton = require("./IconButton/IconButton.cjs");
|
|
27
27
|
const require_components_client_Input_Input = require("./Input/Input.cjs");
|
|
28
28
|
const require_components_client_Input_InputHelpText = require("./Input/InputHelpText.cjs");
|
|
29
29
|
const require_components_client_Menu_Menu_index = require("./Menu/Menu.index.cjs");
|
|
@@ -60,7 +60,7 @@ const require_components_client_Select_Select = require("./Select/Select.cjs");
|
|
|
60
60
|
const require_components_client_Select_SelectContent = require("./Select/SelectContent.cjs");
|
|
61
61
|
const require_components_client_Select_SelectDivider = require("./Select/SelectDivider.cjs");
|
|
62
62
|
const require_components_client_Select_SelectItem = require("./Select/SelectItem.cjs");
|
|
63
|
-
const
|
|
63
|
+
const require_components_client_Switch_Switch = require("./Switch/Switch.cjs");
|
|
64
64
|
const require_components_client_Tabs_Tab = require("./Tabs/Tab.cjs");
|
|
65
65
|
const require_components_client_Tabs_TabList = require("./Tabs/TabList.cjs");
|
|
66
66
|
const require_components_client_Tabs_TabPanel = require("./Tabs/TabPanel.cjs");
|
|
@@ -83,14 +83,14 @@ exports.BottomSheetDismiss = require_components_client_BottomSheet_BottomSheetDi
|
|
|
83
83
|
exports.BottomSheetHeader = require_components_client_BottomSheet_BottomSheetHeader.BottomSheetHeader;
|
|
84
84
|
exports.BottomSheetProvider = require_components_client_BottomSheet_BottomSheetProvider.BottomSheetProvider;
|
|
85
85
|
exports.BottomSheetTrigger = require_components_client_BottomSheet_BottomSheetTrigger.BottomSheetTrigger;
|
|
86
|
-
exports.Button =
|
|
86
|
+
exports.Button = require_components_client_Button_Button.Button;
|
|
87
87
|
exports.Checkbox = require_components_client_Checkbox.Checkbox;
|
|
88
88
|
exports.Chip = require_components_client_Chip_Chip.Chip;
|
|
89
89
|
exports.ChipButton = require_components_client_Chip_ChipButton.ChipButton;
|
|
90
90
|
exports.ChipDismissible = require_components_client_Chip_ChipDismissible.ChipDismissible;
|
|
91
91
|
exports.ChipLink = require_components_client_Chip_ChipLink.ChipLink;
|
|
92
92
|
exports.ChipToggle = require_components_client_Chip_ChipToggle.ChipToggle;
|
|
93
|
-
exports.IconButton =
|
|
93
|
+
exports.IconButton = require_components_client_IconButton_IconButton.IconButton;
|
|
94
94
|
exports.Input = require_components_client_Input_Input.Input;
|
|
95
95
|
exports.InputHelpText = require_components_client_Input_InputHelpText.InputHelpText;
|
|
96
96
|
Object.defineProperty(exports, "Menu", {
|
|
@@ -127,7 +127,7 @@ exports.SelectContent = require_components_client_Select_SelectContent.SelectCon
|
|
|
127
127
|
exports.SelectDivider = require_components_client_Select_SelectDivider.SelectDivider;
|
|
128
128
|
exports.SelectItem = require_components_client_Select_SelectItem.SelectItem;
|
|
129
129
|
exports.SpringMotionConfig = require_components_client_SpringMotionConfig.SpringMotionConfig;
|
|
130
|
-
exports.Switch =
|
|
130
|
+
exports.Switch = require_components_client_Switch_Switch.Switch;
|
|
131
131
|
exports.Tab = require_components_client_Tabs_Tab.Tab;
|
|
132
132
|
exports.TabList = require_components_client_Tabs_TabList.TabList;
|
|
133
133
|
exports.TabPanel = require_components_client_Tabs_TabPanel.TabPanel;
|
|
@@ -14,14 +14,14 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./BottomSheet/BottomS
|
|
|
14
14
|
import { BottomSheetProvider, BottomSheetProviderProps } from "./BottomSheet/BottomSheetProvider.cjs";
|
|
15
15
|
import { BottomSheetTrigger, BottomSheetTriggerProps } from "./BottomSheet/BottomSheetTrigger.cjs";
|
|
16
16
|
import { UDSBottomSheetConfigProvider, UDSBottomSheetConfigProviderProps } from "./BottomSheet/UDSBottomSheetConfigProvider.cjs";
|
|
17
|
-
import { Button, ButtonProps } from "./Button.cjs";
|
|
17
|
+
import { Button, ButtonProps } from "./Button/Button.cjs";
|
|
18
18
|
import { Checkbox, CheckboxProps } from "./Checkbox.cjs";
|
|
19
19
|
import { Chip, ChipProps } from "./Chip/Chip.cjs";
|
|
20
20
|
import { ChipButton, ChipButtonProps } from "./Chip/ChipButton.cjs";
|
|
21
21
|
import { ChipDismissible, ChipDismissibleProps } from "./Chip/ChipDismissible.cjs";
|
|
22
22
|
import { ChipLink, ChipLinkProps } from "./Chip/ChipLink.cjs";
|
|
23
23
|
import { ChipToggle, ChipToggleProps } from "./Chip/ChipToggle.cjs";
|
|
24
|
-
import { IconButton, IconButtonProps } from "./IconButton.cjs";
|
|
24
|
+
import { IconButton, IconButtonProps } from "./IconButton/IconButton.cjs";
|
|
25
25
|
import { Input, InputProps } from "./Input/Input.cjs";
|
|
26
26
|
import { InputHelpText, InputHelpTextProps } from "./Input/InputHelpText.cjs";
|
|
27
27
|
import { MenuContentProps } from "./Menu/Menu.Content.cjs";
|
|
@@ -62,7 +62,7 @@ import { Select, SelectProps } from "./Select/Select.cjs";
|
|
|
62
62
|
import { SelectContent, SelectContentProps } from "./Select/SelectContent.cjs";
|
|
63
63
|
import { SelectDivider, SelectDividerProps } from "./Select/SelectDivider.cjs";
|
|
64
64
|
import { SelectItem, SelectItemProps } from "./Select/SelectItem.cjs";
|
|
65
|
-
import { Switch, SwitchProps } from "./Switch.cjs";
|
|
65
|
+
import { Switch, SwitchProps } from "./Switch/Switch.cjs";
|
|
66
66
|
import { Tab, TabProps } from "./Tabs/Tab.cjs";
|
|
67
67
|
import { TabList, TabListProps } from "./Tabs/TabList.cjs";
|
|
68
68
|
import { TabPanel, TabPanelProps } from "./Tabs/TabPanel.cjs";
|
|
@@ -15,14 +15,14 @@ import { BottomSheetHeader, BottomSheetHeaderProps } from "./BottomSheet/BottomS
|
|
|
15
15
|
import { BottomSheetProvider, BottomSheetProviderProps } from "./BottomSheet/BottomSheetProvider.js";
|
|
16
16
|
import { BottomSheetTrigger, BottomSheetTriggerProps } from "./BottomSheet/BottomSheetTrigger.js";
|
|
17
17
|
import { UDSBottomSheetConfigProvider, UDSBottomSheetConfigProviderProps } from "./BottomSheet/UDSBottomSheetConfigProvider.js";
|
|
18
|
-
import { Button, ButtonProps } from "./Button.js";
|
|
18
|
+
import { Button, ButtonProps } from "./Button/Button.js";
|
|
19
19
|
import { Checkbox, CheckboxProps } from "./Checkbox.js";
|
|
20
20
|
import { Chip, ChipProps } from "./Chip/Chip.js";
|
|
21
21
|
import { ChipButton, ChipButtonProps } from "./Chip/ChipButton.js";
|
|
22
22
|
import { ChipDismissible, ChipDismissibleProps } from "./Chip/ChipDismissible.js";
|
|
23
23
|
import { ChipLink, ChipLinkProps } from "./Chip/ChipLink.js";
|
|
24
24
|
import { ChipToggle, ChipToggleProps } from "./Chip/ChipToggle.js";
|
|
25
|
-
import { IconButton, IconButtonProps } from "./IconButton.js";
|
|
25
|
+
import { IconButton, IconButtonProps } from "./IconButton/IconButton.js";
|
|
26
26
|
import { Input, InputProps } from "./Input/Input.js";
|
|
27
27
|
import { InputHelpText, InputHelpTextProps } from "./Input/InputHelpText.js";
|
|
28
28
|
import { MenuContentProps } from "./Menu/Menu.Content.js";
|
|
@@ -63,7 +63,7 @@ import { Select, SelectProps } from "./Select/Select.js";
|
|
|
63
63
|
import { SelectContent, SelectContentProps } from "./Select/SelectContent.js";
|
|
64
64
|
import { SelectDivider, SelectDividerProps } from "./Select/SelectDivider.js";
|
|
65
65
|
import { SelectItem, SelectItemProps } from "./Select/SelectItem.js";
|
|
66
|
-
import { Switch, SwitchProps } from "./Switch.js";
|
|
66
|
+
import { Switch, SwitchProps } from "./Switch/Switch.js";
|
|
67
67
|
import { Tab, TabProps } from "./Tabs/Tab.js";
|
|
68
68
|
import { TabList, TabListProps } from "./Tabs/TabList.js";
|
|
69
69
|
import { TabPanel, TabPanelProps } from "./Tabs/TabPanel.js";
|
|
@@ -15,14 +15,14 @@ import { BottomSheetHeader } from "./BottomSheet/BottomSheetHeader.js";
|
|
|
15
15
|
import { BottomSheetProvider } from "./BottomSheet/BottomSheetProvider.js";
|
|
16
16
|
import { BottomSheetTrigger } from "./BottomSheet/BottomSheetTrigger.js";
|
|
17
17
|
import { SpringMotionConfig } from "./SpringMotionConfig.js";
|
|
18
|
-
import { Button } from "./Button.js";
|
|
18
|
+
import { Button } from "./Button/Button.js";
|
|
19
19
|
import { Checkbox } from "./Checkbox.js";
|
|
20
20
|
import { ChipButton } from "./Chip/ChipButton.js";
|
|
21
21
|
import { ChipDismissible } from "./Chip/ChipDismissible.js";
|
|
22
22
|
import { ChipLink } from "./Chip/ChipLink.js";
|
|
23
23
|
import { ChipToggle } from "./Chip/ChipToggle.js";
|
|
24
24
|
import { Chip } from "./Chip/Chip.js";
|
|
25
|
-
import { IconButton } from "./IconButton.js";
|
|
25
|
+
import { IconButton } from "./IconButton/IconButton.js";
|
|
26
26
|
import { Input } from "./Input/Input.js";
|
|
27
27
|
import { InputHelpText } from "./Input/InputHelpText.js";
|
|
28
28
|
import { Menu_index_exports } from "./Menu/Menu.index.js";
|
|
@@ -59,7 +59,7 @@ import { Select } from "./Select/Select.js";
|
|
|
59
59
|
import { SelectContent } from "./Select/SelectContent.js";
|
|
60
60
|
import { SelectDivider } from "./Select/SelectDivider.js";
|
|
61
61
|
import { SelectItem } from "./Select/SelectItem.js";
|
|
62
|
-
import { Switch } from "./Switch.js";
|
|
62
|
+
import { Switch } from "./Switch/Switch.js";
|
|
63
63
|
import { Tab } from "./Tabs/Tab.js";
|
|
64
64
|
import { TabList } from "./Tabs/TabList.js";
|
|
65
65
|
import { TabPanel } from "./Tabs/TabPanel.js";
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
2
|
"use client";
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const require_components_experimental_client_AvoidMotionLibraryProvider = require("./AvoidMotionLibraryProvider.cjs");
|
|
5
4
|
const require_components_experimental_client_Accordion = require("./Accordion.cjs");
|
|
6
5
|
const require_components_experimental_client_SegmentedControl = require("./SegmentedControl.cjs");
|
|
7
|
-
const require_components_experimental_client_SwitchV2 = require("./SwitchV2.cjs");
|
|
8
6
|
exports.Accordion = require_components_experimental_client_Accordion.Accordion;
|
|
9
|
-
exports.AvoidMotionLibraryProvider = require_components_experimental_client_AvoidMotionLibraryProvider.AvoidMotionLibraryProvider;
|
|
10
7
|
exports.SegmentedControl = require_components_experimental_client_SegmentedControl.SegmentedControl;
|
|
11
|
-
exports.SwitchV2 = require_components_experimental_client_SwitchV2.SwitchV2;
|
|
12
|
-
exports.SwitchV2AvoidMotionLibraryProvider = require_components_experimental_client_SwitchV2.SwitchV2AvoidMotionLibraryProvider;
|
|
13
|
-
exports.useAvoidMotionLibrary = require_components_experimental_client_AvoidMotionLibraryProvider.useAvoidMotionLibrary;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
|
|
2
2
|
import { Accordion, AccordionProps } from "./Accordion.cjs";
|
|
3
|
-
import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.cjs";
|
|
4
3
|
import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./SegmentedControl.cjs";
|
|
5
|
-
|
|
6
|
-
export { Accordion, AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SwitchV2, SwitchV2AvoidMotionLibraryProvider, SwitchV2Props, useAvoidMotionLibrary };
|
|
4
|
+
export { Accordion, AccordionProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps };
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
|
|
2
2
|
"use client";
|
|
3
3
|
import { Accordion, AccordionProps } from "./Accordion.js";
|
|
4
|
-
import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.js";
|
|
5
4
|
import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./SegmentedControl.js";
|
|
6
|
-
|
|
7
|
-
export { Accordion, AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SwitchV2, SwitchV2AvoidMotionLibraryProvider, SwitchV2Props, useAvoidMotionLibrary };
|
|
5
|
+
export { Accordion, AccordionProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps };
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
2
|
"use client";
|
|
3
|
-
import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./AvoidMotionLibraryProvider.js";
|
|
4
3
|
import { Accordion } from "./Accordion.js";
|
|
5
4
|
import { SegmentedControl } from "./SegmentedControl.js";
|
|
6
|
-
|
|
7
|
-
export { Accordion, AvoidMotionLibraryProvider, SegmentedControl, SwitchV2, SwitchV2AvoidMotionLibraryProvider, useAvoidMotionLibrary };
|
|
5
|
+
export { Accordion, SegmentedControl };
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const require_components_experimental_client_AvoidMotionLibraryProvider = require("./client/AvoidMotionLibraryProvider.cjs");
|
|
4
3
|
const require_components_experimental_Spinner = require("./Spinner.cjs");
|
|
5
4
|
const require_components_experimental_Table = require("./Table.cjs");
|
|
6
5
|
const require_components_experimental_client_Accordion = require("./client/Accordion.cjs");
|
|
7
6
|
const require_components_experimental_client_SegmentedControl = require("./client/SegmentedControl.cjs");
|
|
8
|
-
const require_components_experimental_client_SwitchV2 = require("./client/SwitchV2.cjs");
|
|
9
7
|
exports.Accordion = require_components_experimental_client_Accordion.Accordion;
|
|
10
|
-
exports.AvoidMotionLibraryProvider = require_components_experimental_client_AvoidMotionLibraryProvider.AvoidMotionLibraryProvider;
|
|
11
8
|
exports.SegmentedControl = require_components_experimental_client_SegmentedControl.SegmentedControl;
|
|
12
9
|
exports.Spinner = require_components_experimental_Spinner.Spinner;
|
|
13
|
-
exports.SwitchV2 = require_components_experimental_client_SwitchV2.SwitchV2;
|
|
14
10
|
exports.Table = require_components_experimental_Table.Table;
|
|
15
|
-
exports.useAvoidMotionLibrary = require_components_experimental_client_AvoidMotionLibraryProvider.useAvoidMotionLibrary;
|
|
@@ -2,7 +2,5 @@
|
|
|
2
2
|
import { Spinner, SpinnerProps } from "./Spinner.cjs";
|
|
3
3
|
import { Table, TableColumn, TableProps } from "./Table.cjs";
|
|
4
4
|
import { Accordion, AccordionProps } from "./client/Accordion.cjs";
|
|
5
|
-
import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./client/AvoidMotionLibraryProvider.cjs";
|
|
6
5
|
import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./client/SegmentedControl.cjs";
|
|
7
|
-
|
|
8
|
-
export { Accordion, type AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, SwitchV2, type SwitchV2Props, Table, TableColumn, TableProps, useAvoidMotionLibrary };
|
|
6
|
+
export { Accordion, type AccordionProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, Table, TableColumn, TableProps };
|
|
@@ -2,7 +2,5 @@
|
|
|
2
2
|
import { Spinner, SpinnerProps } from "./Spinner.js";
|
|
3
3
|
import { Table, TableColumn, TableProps } from "./Table.js";
|
|
4
4
|
import { Accordion, AccordionProps } from "./client/Accordion.js";
|
|
5
|
-
import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./client/AvoidMotionLibraryProvider.js";
|
|
6
5
|
import { SegmentedControl, SegmentedControlOption, SegmentedControlProps } from "./client/SegmentedControl.js";
|
|
7
|
-
|
|
8
|
-
export { Accordion, type AccordionProps, AvoidMotionLibraryProvider, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, SwitchV2, type SwitchV2Props, Table, TableColumn, TableProps, useAvoidMotionLibrary };
|
|
6
|
+
export { Accordion, type AccordionProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Spinner, SpinnerProps, Table, TableColumn, TableProps };
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
-
import { AvoidMotionLibraryProvider, useAvoidMotionLibrary } from "./client/AvoidMotionLibraryProvider.js";
|
|
3
2
|
import { Spinner } from "./Spinner.js";
|
|
4
3
|
import { Table } from "./Table.js";
|
|
5
4
|
import { Accordion } from "./client/Accordion.js";
|
|
6
5
|
import { SegmentedControl } from "./client/SegmentedControl.js";
|
|
7
|
-
|
|
8
|
-
export { Accordion, AvoidMotionLibraryProvider, SegmentedControl, Spinner, SwitchV2, Table, useAvoidMotionLibrary };
|
|
6
|
+
export { Accordion, SegmentedControl, Spinner, Table };
|
|
@@ -30,14 +30,14 @@ const require_components_client_BottomSheet_BottomSheetHeader = require("./clien
|
|
|
30
30
|
const require_components_client_BottomSheet_BottomSheetProvider = require("./client/BottomSheet/BottomSheetProvider.cjs");
|
|
31
31
|
const require_components_client_BottomSheet_BottomSheetTrigger = require("./client/BottomSheet/BottomSheetTrigger.cjs");
|
|
32
32
|
const require_components_client_SpringMotionConfig = require("./client/SpringMotionConfig.cjs");
|
|
33
|
-
const
|
|
33
|
+
const require_components_client_Button_Button = require("./client/Button/Button.cjs");
|
|
34
34
|
const require_components_client_Checkbox = require("./client/Checkbox.cjs");
|
|
35
35
|
const require_components_client_Chip_ChipButton = require("./client/Chip/ChipButton.cjs");
|
|
36
36
|
const require_components_client_Chip_ChipDismissible = require("./client/Chip/ChipDismissible.cjs");
|
|
37
37
|
const require_components_client_Chip_ChipLink = require("./client/Chip/ChipLink.cjs");
|
|
38
38
|
const require_components_client_Chip_ChipToggle = require("./client/Chip/ChipToggle.cjs");
|
|
39
39
|
const require_components_client_Chip_Chip = require("./client/Chip/Chip.cjs");
|
|
40
|
-
const
|
|
40
|
+
const require_components_client_IconButton_IconButton = require("./client/IconButton/IconButton.cjs");
|
|
41
41
|
const require_components_client_Input_Input = require("./client/Input/Input.cjs");
|
|
42
42
|
const require_components_client_Input_InputHelpText = require("./client/Input/InputHelpText.cjs");
|
|
43
43
|
const require_components_client_Menu_Menu_index = require("./client/Menu/Menu.index.cjs");
|
|
@@ -74,7 +74,7 @@ const require_components_client_Select_Select = require("./client/Select/Select.
|
|
|
74
74
|
const require_components_client_Select_SelectContent = require("./client/Select/SelectContent.cjs");
|
|
75
75
|
const require_components_client_Select_SelectDivider = require("./client/Select/SelectDivider.cjs");
|
|
76
76
|
const require_components_client_Select_SelectItem = require("./client/Select/SelectItem.cjs");
|
|
77
|
-
const
|
|
77
|
+
const require_components_client_Switch_Switch = require("./client/Switch/Switch.cjs");
|
|
78
78
|
const require_components_client_Tabs_Tab = require("./client/Tabs/Tab.cjs");
|
|
79
79
|
const require_components_client_Tabs_TabList = require("./client/Tabs/TabList.cjs");
|
|
80
80
|
const require_components_client_Tabs_TabPanel = require("./client/Tabs/TabPanel.cjs");
|
|
@@ -102,7 +102,7 @@ exports.BottomSheetHeader = require_components_client_BottomSheet_BottomSheetHea
|
|
|
102
102
|
exports.BottomSheetProvider = require_components_client_BottomSheet_BottomSheetProvider.BottomSheetProvider;
|
|
103
103
|
exports.BottomSheetTrigger = require_components_client_BottomSheet_BottomSheetTrigger.BottomSheetTrigger;
|
|
104
104
|
exports.Box = require_components_Box.Box;
|
|
105
|
-
exports.Button =
|
|
105
|
+
exports.Button = require_components_client_Button_Button.Button;
|
|
106
106
|
exports.Checkbox = require_components_client_Checkbox.Checkbox;
|
|
107
107
|
exports.Chip = require_components_client_Chip_Chip.Chip;
|
|
108
108
|
exports.ChipButton = require_components_client_Chip_ChipButton.ChipButton;
|
|
@@ -115,7 +115,7 @@ exports.DividerLine = require_components_Divider_DividerLine.DividerLine;
|
|
|
115
115
|
exports.FormLabel = require_components_FormLabel.FormLabel;
|
|
116
116
|
exports.HStack = require_components_HStack.HStack;
|
|
117
117
|
exports.Icon = require_components_Icon.Icon;
|
|
118
|
-
exports.IconButton =
|
|
118
|
+
exports.IconButton = require_components_client_IconButton_IconButton.IconButton;
|
|
119
119
|
exports.Image = require_components_Image.Image;
|
|
120
120
|
exports.Input = require_components_client_Input_Input.Input;
|
|
121
121
|
exports.InputHelpText = require_components_client_Input_InputHelpText.InputHelpText;
|
|
@@ -155,7 +155,7 @@ exports.SelectContent = require_components_client_Select_SelectContent.SelectCon
|
|
|
155
155
|
exports.SelectDivider = require_components_client_Select_SelectDivider.SelectDivider;
|
|
156
156
|
exports.SelectItem = require_components_client_Select_SelectItem.SelectItem;
|
|
157
157
|
exports.SpringMotionConfig = require_components_client_SpringMotionConfig.SpringMotionConfig;
|
|
158
|
-
exports.Switch =
|
|
158
|
+
exports.Switch = require_components_client_Switch_Switch.Switch;
|
|
159
159
|
exports.Tab = require_components_client_Tabs_Tab.Tab;
|
|
160
160
|
exports.TabList = require_components_client_Tabs_TabList.TabList;
|
|
161
161
|
exports.TabPanel = require_components_client_Tabs_TabPanel.TabPanel;
|
|
@@ -29,14 +29,14 @@ import { BottomSheetDismiss, BottomSheetDismissProps } from "./client/BottomShee
|
|
|
29
29
|
import { BottomSheetHeader, BottomSheetHeaderProps } from "./client/BottomSheet/BottomSheetHeader.cjs";
|
|
30
30
|
import { BottomSheetProvider, BottomSheetProviderProps } from "./client/BottomSheet/BottomSheetProvider.cjs";
|
|
31
31
|
import { BottomSheetTrigger, BottomSheetTriggerProps } from "./client/BottomSheet/BottomSheetTrigger.cjs";
|
|
32
|
-
import { Button, ButtonProps } from "./client/Button.cjs";
|
|
32
|
+
import { Button, ButtonProps } from "./client/Button/Button.cjs";
|
|
33
33
|
import { Checkbox, CheckboxProps } from "./client/Checkbox.cjs";
|
|
34
34
|
import { Chip, ChipProps } from "./client/Chip/Chip.cjs";
|
|
35
35
|
import { ChipButton, ChipButtonProps } from "./client/Chip/ChipButton.cjs";
|
|
36
36
|
import { ChipDismissible, ChipDismissibleProps } from "./client/Chip/ChipDismissible.cjs";
|
|
37
37
|
import { ChipLink, ChipLinkProps } from "./client/Chip/ChipLink.cjs";
|
|
38
38
|
import { ChipToggle, ChipToggleProps } from "./client/Chip/ChipToggle.cjs";
|
|
39
|
-
import { IconButton, IconButtonProps } from "./client/IconButton.cjs";
|
|
39
|
+
import { IconButton, IconButtonProps } from "./client/IconButton/IconButton.cjs";
|
|
40
40
|
import { Input, InputProps } from "./client/Input/Input.cjs";
|
|
41
41
|
import { InputHelpText, InputHelpTextProps } from "./client/Input/InputHelpText.cjs";
|
|
42
42
|
import { MenuContentProps } from "./client/Menu/Menu.Content.cjs";
|
|
@@ -77,7 +77,7 @@ import { Select, SelectProps } from "./client/Select/Select.cjs";
|
|
|
77
77
|
import { SelectContent, SelectContentProps } from "./client/Select/SelectContent.cjs";
|
|
78
78
|
import { SelectDivider, SelectDividerProps } from "./client/Select/SelectDivider.cjs";
|
|
79
79
|
import { SelectItem, SelectItemProps } from "./client/Select/SelectItem.cjs";
|
|
80
|
-
import { Switch, SwitchProps } from "./client/Switch.cjs";
|
|
80
|
+
import { Switch, SwitchProps } from "./client/Switch/Switch.cjs";
|
|
81
81
|
import { Tab, TabProps } from "./client/Tabs/Tab.cjs";
|
|
82
82
|
import { TabList, TabListProps } from "./client/Tabs/TabList.cjs";
|
|
83
83
|
import { TabPanel, TabPanelProps } from "./client/Tabs/TabPanel.cjs";
|
|
@@ -29,14 +29,14 @@ import { BottomSheetDismiss, BottomSheetDismissProps } from "./client/BottomShee
|
|
|
29
29
|
import { BottomSheetHeader, BottomSheetHeaderProps } from "./client/BottomSheet/BottomSheetHeader.js";
|
|
30
30
|
import { BottomSheetProvider, BottomSheetProviderProps } from "./client/BottomSheet/BottomSheetProvider.js";
|
|
31
31
|
import { BottomSheetTrigger, BottomSheetTriggerProps } from "./client/BottomSheet/BottomSheetTrigger.js";
|
|
32
|
-
import { Button, ButtonProps } from "./client/Button.js";
|
|
32
|
+
import { Button, ButtonProps } from "./client/Button/Button.js";
|
|
33
33
|
import { Checkbox, CheckboxProps } from "./client/Checkbox.js";
|
|
34
34
|
import { Chip, ChipProps } from "./client/Chip/Chip.js";
|
|
35
35
|
import { ChipButton, ChipButtonProps } from "./client/Chip/ChipButton.js";
|
|
36
36
|
import { ChipDismissible, ChipDismissibleProps } from "./client/Chip/ChipDismissible.js";
|
|
37
37
|
import { ChipLink, ChipLinkProps } from "./client/Chip/ChipLink.js";
|
|
38
38
|
import { ChipToggle, ChipToggleProps } from "./client/Chip/ChipToggle.js";
|
|
39
|
-
import { IconButton, IconButtonProps } from "./client/IconButton.js";
|
|
39
|
+
import { IconButton, IconButtonProps } from "./client/IconButton/IconButton.js";
|
|
40
40
|
import { Input, InputProps } from "./client/Input/Input.js";
|
|
41
41
|
import { InputHelpText, InputHelpTextProps } from "./client/Input/InputHelpText.js";
|
|
42
42
|
import { MenuContentProps } from "./client/Menu/Menu.Content.js";
|
|
@@ -77,7 +77,7 @@ import { Select, SelectProps } from "./client/Select/Select.js";
|
|
|
77
77
|
import { SelectContent, SelectContentProps } from "./client/Select/SelectContent.js";
|
|
78
78
|
import { SelectDivider, SelectDividerProps } from "./client/Select/SelectDivider.js";
|
|
79
79
|
import { SelectItem, SelectItemProps } from "./client/Select/SelectItem.js";
|
|
80
|
-
import { Switch, SwitchProps } from "./client/Switch.js";
|
|
80
|
+
import { Switch, SwitchProps } from "./client/Switch/Switch.js";
|
|
81
81
|
import { Tab, TabProps } from "./client/Tabs/Tab.js";
|
|
82
82
|
import { TabList, TabListProps } from "./client/Tabs/TabList.js";
|
|
83
83
|
import { TabPanel, TabPanelProps } from "./client/Tabs/TabPanel.js";
|
package/dist/components/index.js
CHANGED
|
@@ -29,14 +29,14 @@ import { BottomSheetHeader } from "./client/BottomSheet/BottomSheetHeader.js";
|
|
|
29
29
|
import { BottomSheetProvider } from "./client/BottomSheet/BottomSheetProvider.js";
|
|
30
30
|
import { BottomSheetTrigger } from "./client/BottomSheet/BottomSheetTrigger.js";
|
|
31
31
|
import { SpringMotionConfig } from "./client/SpringMotionConfig.js";
|
|
32
|
-
import { Button } from "./client/Button.js";
|
|
32
|
+
import { Button } from "./client/Button/Button.js";
|
|
33
33
|
import { Checkbox } from "./client/Checkbox.js";
|
|
34
34
|
import { ChipButton } from "./client/Chip/ChipButton.js";
|
|
35
35
|
import { ChipDismissible } from "./client/Chip/ChipDismissible.js";
|
|
36
36
|
import { ChipLink } from "./client/Chip/ChipLink.js";
|
|
37
37
|
import { ChipToggle } from "./client/Chip/ChipToggle.js";
|
|
38
38
|
import { Chip } from "./client/Chip/Chip.js";
|
|
39
|
-
import { IconButton } from "./client/IconButton.js";
|
|
39
|
+
import { IconButton } from "./client/IconButton/IconButton.js";
|
|
40
40
|
import { Input } from "./client/Input/Input.js";
|
|
41
41
|
import { InputHelpText } from "./client/Input/InputHelpText.js";
|
|
42
42
|
import { Menu_index_exports } from "./client/Menu/Menu.index.js";
|
|
@@ -73,7 +73,7 @@ import { Select } from "./client/Select/Select.js";
|
|
|
73
73
|
import { SelectContent } from "./client/Select/SelectContent.js";
|
|
74
74
|
import { SelectDivider } from "./client/Select/SelectDivider.js";
|
|
75
75
|
import { SelectItem } from "./client/Select/SelectItem.js";
|
|
76
|
-
import { Switch } from "./client/Switch.js";
|
|
76
|
+
import { Switch } from "./client/Switch/Switch.js";
|
|
77
77
|
import { Tab } from "./client/Tabs/Tab.js";
|
|
78
78
|
import { TabList } from "./client/Tabs/TabList.js";
|
|
79
79
|
import { TabPanel } from "./client/Tabs/TabPanel.js";
|
|
@@ -0,0 +1,85 @@
|
|
|
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_Icon = require("../../components/Icon.cjs");
|
|
6
|
+
const require_components_IconSlot = require("../../components/IconSlot.cjs");
|
|
7
|
+
const require_components_client_Button_ButtonBase = require("../../components/client/Button/ButtonBase.cjs");
|
|
8
|
+
require("../../components/client/Button/buttonConstants.cjs");
|
|
9
|
+
let _yahoo_uds_icons = require("@yahoo/uds-icons");
|
|
10
|
+
let react = require("react");
|
|
11
|
+
react = require_runtime.__toESM(react);
|
|
12
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
13
|
+
//#region src/css-animation/Button/Button.tsx
|
|
14
|
+
/**
|
|
15
|
+
* CSS-animation Button variant. This component intentionally never imports motion.
|
|
16
|
+
*
|
|
17
|
+
* @componentType Client component
|
|
18
|
+
*/
|
|
19
|
+
const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
|
|
20
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Button_ButtonBase.ButtonBase, {
|
|
21
|
+
...props,
|
|
22
|
+
ref: forwardedRef,
|
|
23
|
+
renderStartContent: ({ iconVariant, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
|
|
24
|
+
className: iconContainerClassName,
|
|
25
|
+
children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
|
|
26
|
+
className: loadingIconClassName,
|
|
27
|
+
size: "sm",
|
|
28
|
+
name: _yahoo_uds_icons.Progress,
|
|
29
|
+
variant: iconVariant,
|
|
30
|
+
color: "current"
|
|
31
|
+
}) }), startIcon && !loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
|
|
32
|
+
className: [iconClassName, startIconClassName].filter(Boolean).join(" "),
|
|
33
|
+
icon: startIcon,
|
|
34
|
+
iconProps: {
|
|
35
|
+
size: "sm",
|
|
36
|
+
variant: iconVariant,
|
|
37
|
+
color: "current"
|
|
38
|
+
},
|
|
39
|
+
...startIconSlotProps
|
|
40
|
+
}) })]
|
|
41
|
+
}),
|
|
42
|
+
renderEndContent: ({ endIcon, iconVariant, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
43
|
+
className: iconContainerClassName,
|
|
44
|
+
children: endIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
|
|
45
|
+
className: [iconClassName, endIconClassName].filter(Boolean).join(" "),
|
|
46
|
+
icon: endIcon,
|
|
47
|
+
iconProps: {
|
|
48
|
+
size: "sm",
|
|
49
|
+
variant: iconVariant,
|
|
50
|
+
color: "current"
|
|
51
|
+
},
|
|
52
|
+
...endIconSlotProps
|
|
53
|
+
}) })
|
|
54
|
+
}),
|
|
55
|
+
renderRoot: ({ asChild, Slot, children, buttonRef, type, rootClassName, rest, contentClassName, contentSlotProps, startContent, endContent }) => {
|
|
56
|
+
if (asChild && (0, react.isValidElement)(children)) {
|
|
57
|
+
const childProps = children.props;
|
|
58
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot, {
|
|
59
|
+
type,
|
|
60
|
+
className: rootClassName,
|
|
61
|
+
...rest,
|
|
62
|
+
children: require_components_client_Button_ButtonBase.renderButtonChildren(children, childProps, startContent, contentClassName, contentSlotProps, endContent)
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
|
|
66
|
+
ref: buttonRef,
|
|
67
|
+
type,
|
|
68
|
+
className: rootClassName,
|
|
69
|
+
...rest,
|
|
70
|
+
children: [
|
|
71
|
+
startContent,
|
|
72
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
73
|
+
className: contentClassName,
|
|
74
|
+
...contentSlotProps,
|
|
75
|
+
children
|
|
76
|
+
}),
|
|
77
|
+
endContent
|
|
78
|
+
]
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
});
|
|
83
|
+
Button.displayName = "Button";
|
|
84
|
+
//#endregion
|
|
85
|
+
exports.Button = Button;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
|
|
2
|
+
import { ButtonProps } from "../../components/client/Button/Button.cjs";
|
|
3
|
+
import React from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/css-animation/Button/Button.d.ts
|
|
6
|
+
/**
|
|
7
|
+
* CSS-animation Button variant. This component intentionally never imports motion.
|
|
8
|
+
*
|
|
9
|
+
* @componentType Client component
|
|
10
|
+
*/
|
|
11
|
+
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
//#endregion
|
|
13
|
+
export { Button, type ButtonProps };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
|
|
2
|
+
"use client";
|
|
3
|
+
import { ButtonProps } from "../../components/client/Button/Button.js";
|
|
4
|
+
import React from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/css-animation/Button/Button.d.ts
|
|
7
|
+
/**
|
|
8
|
+
* CSS-animation Button variant. This component intentionally never imports motion.
|
|
9
|
+
*
|
|
10
|
+
* @componentType Client component
|
|
11
|
+
*/
|
|
12
|
+
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
//#endregion
|
|
14
|
+
export { Button, type ButtonProps };
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
|
+
"use client";
|
|
3
|
+
import { Icon } from "../../components/Icon.js";
|
|
4
|
+
import { IconSlot } from "../../components/IconSlot.js";
|
|
5
|
+
import { ButtonBase, renderButtonChildren } from "../../components/client/Button/ButtonBase.js";
|
|
6
|
+
import "../../components/client/Button/buttonConstants.js";
|
|
7
|
+
import { Progress } from "@yahoo/uds-icons";
|
|
8
|
+
import { forwardRef, isValidElement } from "react";
|
|
9
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
//#region src/css-animation/Button/Button.tsx
|
|
11
|
+
/**
|
|
12
|
+
* CSS-animation Button variant. This component intentionally never imports motion.
|
|
13
|
+
*
|
|
14
|
+
* @componentType Client component
|
|
15
|
+
*/
|
|
16
|
+
const Button = forwardRef(function Button(props, forwardedRef) {
|
|
17
|
+
return /* @__PURE__ */ jsx(ButtonBase, {
|
|
18
|
+
...props,
|
|
19
|
+
ref: forwardedRef,
|
|
20
|
+
renderStartContent: ({ iconVariant, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ jsxs("span", {
|
|
21
|
+
className: iconContainerClassName,
|
|
22
|
+
children: [loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, {
|
|
23
|
+
className: loadingIconClassName,
|
|
24
|
+
size: "sm",
|
|
25
|
+
name: Progress,
|
|
26
|
+
variant: iconVariant,
|
|
27
|
+
color: "current"
|
|
28
|
+
}) }), startIcon && !loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconSlot, {
|
|
29
|
+
className: [iconClassName, startIconClassName].filter(Boolean).join(" "),
|
|
30
|
+
icon: startIcon,
|
|
31
|
+
iconProps: {
|
|
32
|
+
size: "sm",
|
|
33
|
+
variant: iconVariant,
|
|
34
|
+
color: "current"
|
|
35
|
+
},
|
|
36
|
+
...startIconSlotProps
|
|
37
|
+
}) })]
|
|
38
|
+
}),
|
|
39
|
+
renderEndContent: ({ endIcon, iconVariant, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ jsx("span", {
|
|
40
|
+
className: iconContainerClassName,
|
|
41
|
+
children: endIcon && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconSlot, {
|
|
42
|
+
className: [iconClassName, endIconClassName].filter(Boolean).join(" "),
|
|
43
|
+
icon: endIcon,
|
|
44
|
+
iconProps: {
|
|
45
|
+
size: "sm",
|
|
46
|
+
variant: iconVariant,
|
|
47
|
+
color: "current"
|
|
48
|
+
},
|
|
49
|
+
...endIconSlotProps
|
|
50
|
+
}) })
|
|
51
|
+
}),
|
|
52
|
+
renderRoot: ({ asChild, Slot, children, buttonRef, type, rootClassName, rest, contentClassName, contentSlotProps, startContent, endContent }) => {
|
|
53
|
+
if (asChild && isValidElement(children)) {
|
|
54
|
+
const childProps = children.props;
|
|
55
|
+
return /* @__PURE__ */ jsx(Slot, {
|
|
56
|
+
type,
|
|
57
|
+
className: rootClassName,
|
|
58
|
+
...rest,
|
|
59
|
+
children: renderButtonChildren(children, childProps, startContent, contentClassName, contentSlotProps, endContent)
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
return /* @__PURE__ */ jsxs("button", {
|
|
63
|
+
ref: buttonRef,
|
|
64
|
+
type,
|
|
65
|
+
className: rootClassName,
|
|
66
|
+
...rest,
|
|
67
|
+
children: [
|
|
68
|
+
startContent,
|
|
69
|
+
/* @__PURE__ */ jsx("span", {
|
|
70
|
+
className: contentClassName,
|
|
71
|
+
...contentSlotProps,
|
|
72
|
+
children
|
|
73
|
+
}),
|
|
74
|
+
endContent
|
|
75
|
+
]
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
});
|
|
80
|
+
Button.displayName = "Button";
|
|
81
|
+
//#endregion
|
|
82
|
+
export { Button };
|
|
@@ -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_Button_Button = require("./Button.cjs");
|
|
5
|
+
exports.Button = require_css_animation_Button_Button.Button;
|