@yahoo/uds 3.164.0 → 3.165.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/cli/commands/sync.cjs +8 -0
- package/dist/cli/commands/sync.js +8 -0
- package/dist/components/client/Button/Button.cjs +5 -6
- package/dist/components/client/Button/Button.js +5 -6
- package/dist/components/client/Button/ButtonBase.cjs +4 -0
- package/dist/components/client/Button/ButtonBase.d.cts +2 -1
- package/dist/components/client/Button/ButtonBase.d.ts +2 -1
- package/dist/components/client/Button/ButtonBase.js +4 -0
- package/dist/components/client/Button/UDSButtonConfigProvider.cjs +45 -0
- package/dist/components/client/Button/UDSButtonConfigProvider.d.cts +33 -0
- package/dist/components/client/Button/UDSButtonConfigProvider.d.ts +34 -0
- package/dist/components/client/Button/UDSButtonConfigProvider.js +42 -0
- package/dist/components/client/Button/buttonConstants.cjs +1 -1
- package/dist/components/client/Button/buttonConstants.d.cts +3 -3
- package/dist/components/client/Button/buttonConstants.d.ts +3 -3
- package/dist/components/client/Button/buttonConstants.js +1 -1
- package/dist/components/client/Button/index.cjs +3 -0
- package/dist/components/client/Button/index.d.cts +2 -1
- package/dist/components/client/Button/index.d.ts +2 -1
- package/dist/components/client/Button/index.js +2 -1
- package/dist/components/client/IconButton/IconButton.cjs +3 -4
- package/dist/components/client/IconButton/IconButton.js +3 -4
- package/dist/components/client/IconButton/IconButtonBase.cjs +3 -0
- package/dist/components/client/IconButton/IconButtonBase.d.cts +2 -0
- package/dist/components/client/IconButton/IconButtonBase.d.ts +2 -0
- package/dist/components/client/IconButton/IconButtonBase.js +3 -0
- package/dist/components/client/IconButton/UDSIconButtonConfigProvider.cjs +46 -0
- package/dist/components/client/IconButton/UDSIconButtonConfigProvider.d.cts +34 -0
- package/dist/components/client/IconButton/UDSIconButtonConfigProvider.d.ts +35 -0
- package/dist/components/client/IconButton/UDSIconButtonConfigProvider.js +43 -0
- package/dist/components/client/IconButton/index.cjs +3 -0
- package/dist/components/client/IconButton/index.d.cts +2 -1
- package/dist/components/client/IconButton/index.d.ts +2 -1
- package/dist/components/client/IconButton/index.js +2 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
- package/dist/components/client/index.cjs +6 -0
- package/dist/components/client/index.d.cts +3 -1
- package/dist/components/client/index.d.ts +3 -1
- package/dist/components/client/index.js +3 -1
- package/dist/components/client/providers/UDSConfigProvider.cjs +18 -10
- package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -0
- package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -0
- package/dist/components/client/providers/UDSConfigProvider.js +18 -10
- package/dist/components/index.cjs +6 -0
- package/dist/components/index.d.cts +3 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.js +3 -1
- package/dist/config/dist/index.cjs +51 -142
- package/dist/config/dist/index.js +51 -142
- package/dist/css/dist/css/utils.cjs +12 -0
- package/dist/css/dist/css/utils.js +12 -0
- package/dist/css/dist/packages/config/dist/index.cjs +51 -142
- package/dist/css/dist/packages/config/dist/index.js +51 -142
- package/dist/css/dist/runtimeConfig/hookMetadata.cjs +67 -0
- package/dist/css/dist/runtimeConfig/hookMetadata.js +67 -0
- package/dist/css-animation/Button/Button.cjs +5 -6
- package/dist/css-animation/Button/Button.js +5 -6
- package/dist/css-animation/IconButton/IconButton.cjs +3 -4
- package/dist/css-animation/IconButton/IconButton.js +3 -4
- package/dist/index.cjs +10 -0
- package/dist/index.d.cts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +5 -1
- package/dist/runtime/buttonConfig.cjs +17 -0
- package/dist/runtime/buttonConfig.d.cts +13 -0
- package/dist/runtime/buttonConfig.d.ts +13 -0
- package/dist/runtime/buttonConfig.js +16 -0
- package/dist/runtime/iconButtonConfig.cjs +18 -0
- package/dist/runtime/iconButtonConfig.d.cts +13 -0
- package/dist/runtime/iconButtonConfig.d.ts +13 -0
- package/dist/runtime/iconButtonConfig.js +17 -0
- package/dist/runtime/index.cjs +4 -0
- package/dist/runtime/index.d.cts +3 -1
- package/dist/runtime/index.d.ts +3 -1
- package/dist/runtime/index.js +3 -1
- package/dist/runtime/udsConfig.cjs +4 -0
- package/dist/runtime/udsConfig.d.cts +4 -0
- package/dist/runtime/udsConfig.d.ts +4 -0
- package/dist/runtime/udsConfig.js +4 -0
- package/dist/styles/styler.d.cts +10 -10
- package/dist/styles/styler.d.ts +10 -10
- package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +51 -142
- package/dist/tailwind-internal/dist/packages/config/dist/index.js +51 -142
- package/dist/uds/generated/componentData.cjs +251 -223
- package/dist/uds/generated/componentData.js +251 -223
- package/dist/uds/generated/tailwindPurge.cjs +9 -1
- package/dist/uds/generated/tailwindPurge.js +9 -1
- package/generated/componentData.json +491 -455
- package/generated/tailwindPurge.ts +3 -3
- package/package.json +1 -1
package/dist/components/index.js
CHANGED
|
@@ -29,6 +29,7 @@ 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 { UDSButtonConfigProvider, useButtonConfig } from "./client/Button/UDSButtonConfigProvider.js";
|
|
32
33
|
import { Button } from "./client/Button/Button.js";
|
|
33
34
|
import { Checkbox } from "./client/Checkbox/Checkbox.js";
|
|
34
35
|
import { ChipButton } from "./client/Chip/ChipButton.js";
|
|
@@ -36,6 +37,7 @@ import { ChipDismissible } from "./client/Chip/ChipDismissible.js";
|
|
|
36
37
|
import { ChipLink } from "./client/Chip/ChipLink.js";
|
|
37
38
|
import { ChipToggle } from "./client/Chip/ChipToggle.js";
|
|
38
39
|
import { Chip } from "./client/Chip/Chip.js";
|
|
40
|
+
import { UDSIconButtonConfigProvider, useIconButtonConfig } from "./client/IconButton/UDSIconButtonConfigProvider.js";
|
|
39
41
|
import { IconButton } from "./client/IconButton/IconButton.js";
|
|
40
42
|
import { Input } from "./client/Input/Input.js";
|
|
41
43
|
import { InputHelpText } from "./client/Input/InputHelpText.js";
|
|
@@ -85,4 +87,4 @@ import { ToastPortal } from "./client/Toast/ToastPortal.js";
|
|
|
85
87
|
import { Tooltip } from "./client/Tooltip/Tooltip.js";
|
|
86
88
|
import { TooltipContent } from "./client/Tooltip/TooltipContent.js";
|
|
87
89
|
import { TooltipTrigger } from "./client/Tooltip/TooltipTrigger.js";
|
|
88
|
-
export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerLabel, DividerLine, FormLabel, HStack, Icon, IconButton, Image, Input, InputHelpText, Link, Menu_index_exports as Menu, Modal, ModalActions, ModalContent, ModalDescription, ModalPortal, ModalTitle, PaddleButtonNext, PaddleButtonPrevious, PaddleNav, PaddleNavContent, Pagination, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNumbers, PaginationPrev, Popover, PopoverContent, PopoverTrigger, Pressable, Radio, RadioGroupProvider, Scrim, Select, SelectContent, SelectDivider, SelectItem, SpringMotionConfig, Switch, Tab, TabList, TabPanel, Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, createModal, createToast, useBottomSheetStore, useBreakpointsConfig, useModalConfig, useToastConfig };
|
|
90
|
+
export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerLabel, DividerLine, FormLabel, HStack, Icon, IconButton, Image, Input, InputHelpText, Link, Menu_index_exports as Menu, Modal, ModalActions, ModalContent, ModalDescription, ModalPortal, ModalTitle, PaddleButtonNext, PaddleButtonPrevious, PaddleNav, PaddleNavContent, Pagination, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNumbers, PaginationPrev, Popover, PopoverContent, PopoverTrigger, Pressable, Radio, RadioGroupProvider, Scrim, Select, SelectContent, SelectDivider, SelectItem, SpringMotionConfig, Switch, Tab, TabList, TabPanel, Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBreakpointsConfigProvider, UDSButtonConfigProvider, UDSConfigProvider, UDSIconButtonConfigProvider, UDSModalConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, createModal, createToast, useBottomSheetStore, useBreakpointsConfig, useButtonConfig, useIconButtonConfig, useModalConfig, useToastConfig };
|
|
@@ -14797,9 +14797,9 @@ const defaultTokensConfig = {
|
|
|
14797
14797
|
"serif-alt": "yahoo-serif-text"
|
|
14798
14798
|
},
|
|
14799
14799
|
globalDefaults: {
|
|
14800
|
+
applyDefaultBreakpointInCode: false,
|
|
14800
14801
|
breakpoint: "lg",
|
|
14801
|
-
enableResponsiveType: true
|
|
14802
|
-
applyDefaultBreakpointInCode: false
|
|
14802
|
+
enableResponsiveType: true
|
|
14803
14803
|
},
|
|
14804
14804
|
iconButton: {
|
|
14805
14805
|
defaults: {
|
|
@@ -14809,12 +14809,12 @@ const defaultTokensConfig = {
|
|
|
14809
14809
|
variables: {
|
|
14810
14810
|
"size/lg/icon": { size: { rest: {
|
|
14811
14811
|
type: "iconSizes",
|
|
14812
|
-
value: "
|
|
14812
|
+
value: "md",
|
|
14813
14813
|
valueType: "alias"
|
|
14814
14814
|
} } },
|
|
14815
14815
|
"size/lg/root": { spacing: { rest: {
|
|
14816
14816
|
type: "spacingAliases",
|
|
14817
|
-
value: "
|
|
14817
|
+
value: "3.5",
|
|
14818
14818
|
valueType: "alias"
|
|
14819
14819
|
} } },
|
|
14820
14820
|
"size/md/icon": { size: { rest: {
|
|
@@ -14854,7 +14854,7 @@ const defaultTokensConfig = {
|
|
|
14854
14854
|
} } },
|
|
14855
14855
|
"size/xs/root": { spacing: { rest: {
|
|
14856
14856
|
type: "spacingAliases",
|
|
14857
|
-
value: "
|
|
14857
|
+
value: "2",
|
|
14858
14858
|
valueType: "alias"
|
|
14859
14859
|
} } }
|
|
14860
14860
|
}
|
|
@@ -16521,16 +16521,28 @@ const defaultTokensConfig = {
|
|
|
16521
16521
|
valueType: "alias"
|
|
16522
16522
|
} } },
|
|
16523
16523
|
"size/default/root": {},
|
|
16524
|
-
"size/default/text": { textVariant: { rest: {
|
|
16525
|
-
type: "textVariants",
|
|
16526
|
-
value: "ui1",
|
|
16527
|
-
valueType: "alias"
|
|
16528
|
-
} } },
|
|
16529
16524
|
"size/default/startIcon": { size: { rest: {
|
|
16530
16525
|
type: "iconSizes",
|
|
16531
16526
|
value: "sm",
|
|
16532
16527
|
valueType: "alias"
|
|
16533
|
-
} } }
|
|
16528
|
+
} } },
|
|
16529
|
+
"size/default/text": { textVariant: {
|
|
16530
|
+
focused: {
|
|
16531
|
+
type: "textVariants",
|
|
16532
|
+
value: "ui1",
|
|
16533
|
+
valueType: "alias"
|
|
16534
|
+
},
|
|
16535
|
+
hover: {
|
|
16536
|
+
type: "textVariants",
|
|
16537
|
+
value: "ui1",
|
|
16538
|
+
valueType: "alias"
|
|
16539
|
+
},
|
|
16540
|
+
rest: {
|
|
16541
|
+
type: "textVariants",
|
|
16542
|
+
value: "ui1",
|
|
16543
|
+
valueType: "alias"
|
|
16544
|
+
}
|
|
16545
|
+
} }
|
|
16534
16546
|
}
|
|
16535
16547
|
},
|
|
16536
16548
|
modal: {
|
|
@@ -18653,110 +18665,7 @@ const defaultTokensConfig = {
|
|
|
18653
18665
|
size: "md",
|
|
18654
18666
|
variant: "default"
|
|
18655
18667
|
},
|
|
18656
|
-
variables: {
|
|
18657
|
-
"variant/default/endIcon": { color: {
|
|
18658
|
-
"focus-within": {
|
|
18659
|
-
isEnabled: true,
|
|
18660
|
-
type: "foregroundPaletteColors",
|
|
18661
|
-
value: "primary",
|
|
18662
|
-
valueType: "alias"
|
|
18663
|
-
},
|
|
18664
|
-
hover: {
|
|
18665
|
-
isEnabled: true,
|
|
18666
|
-
type: "foregroundPaletteColors",
|
|
18667
|
-
value: "primary",
|
|
18668
|
-
valueType: "alias"
|
|
18669
|
-
},
|
|
18670
|
-
invalid: {
|
|
18671
|
-
isEnabled: true,
|
|
18672
|
-
type: "foregroundPaletteColors",
|
|
18673
|
-
value: "alert",
|
|
18674
|
-
valueType: "alias"
|
|
18675
|
-
},
|
|
18676
|
-
"invalid&hover": {
|
|
18677
|
-
isEnabled: true,
|
|
18678
|
-
type: "foregroundPaletteColors",
|
|
18679
|
-
value: "alert",
|
|
18680
|
-
valueType: "alias"
|
|
18681
|
-
},
|
|
18682
|
-
"invalid&pressed": {
|
|
18683
|
-
isEnabled: true,
|
|
18684
|
-
type: "foregroundPaletteColors",
|
|
18685
|
-
value: "alert",
|
|
18686
|
-
valueType: "alias"
|
|
18687
|
-
},
|
|
18688
|
-
pressed: {
|
|
18689
|
-
type: "foregroundPaletteColors",
|
|
18690
|
-
value: "muted",
|
|
18691
|
-
valueType: "alias"
|
|
18692
|
-
},
|
|
18693
|
-
readonly: {
|
|
18694
|
-
type: "foregroundPaletteColors",
|
|
18695
|
-
value: "muted",
|
|
18696
|
-
valueType: "alias"
|
|
18697
|
-
},
|
|
18698
|
-
rest: {
|
|
18699
|
-
type: "foregroundPaletteColors",
|
|
18700
|
-
value: "muted",
|
|
18701
|
-
valueType: "alias"
|
|
18702
|
-
}
|
|
18703
|
-
} },
|
|
18704
|
-
"variant/default/root": {},
|
|
18705
|
-
"variant/default/startIcon": { color: {
|
|
18706
|
-
"focus-within": {
|
|
18707
|
-
isEnabled: true,
|
|
18708
|
-
type: "foregroundPaletteColors",
|
|
18709
|
-
value: "primary",
|
|
18710
|
-
valueType: "alias"
|
|
18711
|
-
},
|
|
18712
|
-
hover: {
|
|
18713
|
-
isEnabled: true,
|
|
18714
|
-
type: "foregroundPaletteColors",
|
|
18715
|
-
value: "primary",
|
|
18716
|
-
valueType: "alias"
|
|
18717
|
-
},
|
|
18718
|
-
invalid: {
|
|
18719
|
-
isEnabled: true,
|
|
18720
|
-
type: "foregroundPaletteColors",
|
|
18721
|
-
value: "alert",
|
|
18722
|
-
valueType: "alias"
|
|
18723
|
-
},
|
|
18724
|
-
"invalid&hover": {
|
|
18725
|
-
isEnabled: true,
|
|
18726
|
-
type: "foregroundPaletteColors",
|
|
18727
|
-
value: "alert",
|
|
18728
|
-
valueType: "alias"
|
|
18729
|
-
},
|
|
18730
|
-
"invalid&pressed": {
|
|
18731
|
-
isEnabled: true,
|
|
18732
|
-
type: "foregroundPaletteColors",
|
|
18733
|
-
value: "alert",
|
|
18734
|
-
valueType: "alias"
|
|
18735
|
-
},
|
|
18736
|
-
pressed: {
|
|
18737
|
-
isEnabled: true,
|
|
18738
|
-
type: "foregroundPaletteColors",
|
|
18739
|
-
value: "primary",
|
|
18740
|
-
valueType: "alias"
|
|
18741
|
-
},
|
|
18742
|
-
readonly: {
|
|
18743
|
-
type: "foregroundPaletteColors",
|
|
18744
|
-
value: "muted",
|
|
18745
|
-
valueType: "alias"
|
|
18746
|
-
},
|
|
18747
|
-
rest: {
|
|
18748
|
-
type: "foregroundPaletteColors",
|
|
18749
|
-
value: "muted",
|
|
18750
|
-
valueType: "alias"
|
|
18751
|
-
}
|
|
18752
|
-
} },
|
|
18753
|
-
"variant/default/value/empty/endIcon": { color: { pressed: {
|
|
18754
|
-
isEnabled: true,
|
|
18755
|
-
type: "foregroundPaletteColors",
|
|
18756
|
-
value: "primary",
|
|
18757
|
-
valueType: "alias"
|
|
18758
|
-
} } }
|
|
18759
|
-
}
|
|
18668
|
+
variables: { "variant/default/root": {} }
|
|
18760
18669
|
},
|
|
18761
18670
|
selectContent: {
|
|
18762
18671
|
defaults: {
|
|
@@ -18841,51 +18750,51 @@ const defaultTokensConfig = {
|
|
|
18841
18750
|
valueType: "alias"
|
|
18842
18751
|
} }
|
|
18843
18752
|
},
|
|
18844
|
-
"item/variant/default/active/off/
|
|
18753
|
+
"item/variant/default/active/off/icon": { color: {
|
|
18845
18754
|
focused: {
|
|
18846
|
-
type: "
|
|
18847
|
-
value: "
|
|
18755
|
+
type: "foregroundPaletteColors",
|
|
18756
|
+
value: "brand",
|
|
18848
18757
|
valueType: "alias"
|
|
18849
18758
|
},
|
|
18850
18759
|
hover: {
|
|
18851
|
-
type: "
|
|
18852
|
-
value: "
|
|
18760
|
+
type: "foregroundPaletteColors",
|
|
18761
|
+
value: "brand",
|
|
18853
18762
|
valueType: "alias"
|
|
18854
18763
|
},
|
|
18855
18764
|
pressed: {
|
|
18856
|
-
type: "
|
|
18857
|
-
value: "
|
|
18765
|
+
type: "foregroundPaletteColors",
|
|
18766
|
+
value: "brand",
|
|
18858
18767
|
valueType: "alias"
|
|
18859
18768
|
},
|
|
18860
18769
|
rest: {
|
|
18861
|
-
type: "
|
|
18862
|
-
value: "
|
|
18770
|
+
type: "foregroundPaletteColors",
|
|
18771
|
+
value: "secondary",
|
|
18863
18772
|
valueType: "alias"
|
|
18864
18773
|
}
|
|
18865
18774
|
} },
|
|
18866
|
-
"item/variant/default/active/off/
|
|
18775
|
+
"item/variant/default/active/off/root": { backgroundColor: {
|
|
18867
18776
|
focused: {
|
|
18868
|
-
type: "
|
|
18869
|
-
value: "
|
|
18777
|
+
type: "backgroundPaletteColors",
|
|
18778
|
+
value: "secondary",
|
|
18870
18779
|
valueType: "alias"
|
|
18871
18780
|
},
|
|
18872
18781
|
hover: {
|
|
18873
|
-
type: "
|
|
18874
|
-
value: "
|
|
18782
|
+
type: "backgroundPaletteColors",
|
|
18783
|
+
value: "secondary",
|
|
18875
18784
|
valueType: "alias"
|
|
18876
18785
|
},
|
|
18877
18786
|
pressed: {
|
|
18878
|
-
type: "
|
|
18879
|
-
value: "
|
|
18787
|
+
type: "backgroundPaletteColors",
|
|
18788
|
+
value: "secondary",
|
|
18880
18789
|
valueType: "alias"
|
|
18881
18790
|
},
|
|
18882
18791
|
rest: {
|
|
18883
|
-
type: "
|
|
18884
|
-
value: "
|
|
18792
|
+
type: "backgroundPaletteColors",
|
|
18793
|
+
value: "primary",
|
|
18885
18794
|
valueType: "alias"
|
|
18886
18795
|
}
|
|
18887
18796
|
} },
|
|
18888
|
-
"item/variant/default/active/off/
|
|
18797
|
+
"item/variant/default/active/off/text": { color: {
|
|
18889
18798
|
focused: {
|
|
18890
18799
|
type: "foregroundPaletteColors",
|
|
18891
18800
|
value: "brand",
|
|
@@ -18973,20 +18882,20 @@ const defaultTokensConfig = {
|
|
|
18973
18882
|
valueType: "alias"
|
|
18974
18883
|
}
|
|
18975
18884
|
} },
|
|
18976
|
-
"size/default/
|
|
18977
|
-
|
|
18978
|
-
|
|
18979
|
-
value: "ui1",
|
|
18885
|
+
"size/default/endIcon": { size: { rest: {
|
|
18886
|
+
type: "iconSizes",
|
|
18887
|
+
value: "sm",
|
|
18980
18888
|
valueType: "alias"
|
|
18981
18889
|
} } },
|
|
18890
|
+
"size/default/root": {},
|
|
18982
18891
|
"size/default/startIcon": { size: { rest: {
|
|
18983
18892
|
type: "iconSizes",
|
|
18984
18893
|
value: "sm",
|
|
18985
18894
|
valueType: "alias"
|
|
18986
18895
|
} } },
|
|
18987
|
-
"size/default/
|
|
18988
|
-
type: "
|
|
18989
|
-
value: "
|
|
18896
|
+
"size/default/text": { textVariant: { rest: {
|
|
18897
|
+
type: "textVariants",
|
|
18898
|
+
value: "ui1",
|
|
18990
18899
|
valueType: "alias"
|
|
18991
18900
|
} } }
|
|
18992
18901
|
}
|
|
@@ -29209,7 +29118,7 @@ const defaultTokensConfig = {
|
|
|
29209
29118
|
}
|
|
29210
29119
|
}
|
|
29211
29120
|
},
|
|
29212
|
-
version: "v0.
|
|
29121
|
+
version: "v0.101.0",
|
|
29213
29122
|
version: "v0.101.0"
|
|
29214
29123
|
};
|
|
29215
29124
|
//#endregion
|
|
@@ -14797,9 +14797,9 @@ const defaultTokensConfig = {
|
|
|
14797
14797
|
"serif-alt": "yahoo-serif-text"
|
|
14798
14798
|
},
|
|
14799
14799
|
globalDefaults: {
|
|
14800
|
+
applyDefaultBreakpointInCode: false,
|
|
14800
14801
|
breakpoint: "lg",
|
|
14801
|
-
enableResponsiveType: true
|
|
14802
|
-
applyDefaultBreakpointInCode: false
|
|
14802
|
+
enableResponsiveType: true
|
|
14803
14803
|
},
|
|
14804
14804
|
iconButton: {
|
|
14805
14805
|
defaults: {
|
|
@@ -14809,12 +14809,12 @@ const defaultTokensConfig = {
|
|
|
14809
14809
|
variables: {
|
|
14810
14810
|
"size/lg/icon": { size: { rest: {
|
|
14811
14811
|
type: "iconSizes",
|
|
14812
|
-
value: "
|
|
14812
|
+
value: "md",
|
|
14813
14813
|
valueType: "alias"
|
|
14814
14814
|
} } },
|
|
14815
14815
|
"size/lg/root": { spacing: { rest: {
|
|
14816
14816
|
type: "spacingAliases",
|
|
14817
|
-
value: "
|
|
14817
|
+
value: "3.5",
|
|
14818
14818
|
valueType: "alias"
|
|
14819
14819
|
} } },
|
|
14820
14820
|
"size/md/icon": { size: { rest: {
|
|
@@ -14854,7 +14854,7 @@ const defaultTokensConfig = {
|
|
|
14854
14854
|
} } },
|
|
14855
14855
|
"size/xs/root": { spacing: { rest: {
|
|
14856
14856
|
type: "spacingAliases",
|
|
14857
|
-
value: "
|
|
14857
|
+
value: "2",
|
|
14858
14858
|
valueType: "alias"
|
|
14859
14859
|
} } }
|
|
14860
14860
|
}
|
|
@@ -16521,16 +16521,28 @@ const defaultTokensConfig = {
|
|
|
16521
16521
|
valueType: "alias"
|
|
16522
16522
|
} } },
|
|
16523
16523
|
"size/default/root": {},
|
|
16524
|
-
"size/default/text": { textVariant: { rest: {
|
|
16525
|
-
type: "textVariants",
|
|
16526
|
-
value: "ui1",
|
|
16527
|
-
valueType: "alias"
|
|
16528
|
-
} } },
|
|
16529
16524
|
"size/default/startIcon": { size: { rest: {
|
|
16530
16525
|
type: "iconSizes",
|
|
16531
16526
|
value: "sm",
|
|
16532
16527
|
valueType: "alias"
|
|
16533
|
-
} } }
|
|
16528
|
+
} } },
|
|
16529
|
+
"size/default/text": { textVariant: {
|
|
16530
|
+
focused: {
|
|
16531
|
+
type: "textVariants",
|
|
16532
|
+
value: "ui1",
|
|
16533
|
+
valueType: "alias"
|
|
16534
|
+
},
|
|
16535
|
+
hover: {
|
|
16536
|
+
type: "textVariants",
|
|
16537
|
+
value: "ui1",
|
|
16538
|
+
valueType: "alias"
|
|
16539
|
+
},
|
|
16540
|
+
rest: {
|
|
16541
|
+
type: "textVariants",
|
|
16542
|
+
value: "ui1",
|
|
16543
|
+
valueType: "alias"
|
|
16544
|
+
}
|
|
16545
|
+
} }
|
|
16534
16546
|
}
|
|
16535
16547
|
},
|
|
16536
16548
|
modal: {
|
|
@@ -18653,110 +18665,7 @@ const defaultTokensConfig = {
|
|
|
18653
18665
|
size: "md",
|
|
18654
18666
|
variant: "default"
|
|
18655
18667
|
},
|
|
18656
|
-
variables: {
|
|
18657
|
-
"variant/default/endIcon": { color: {
|
|
18658
|
-
"focus-within": {
|
|
18659
|
-
isEnabled: true,
|
|
18660
|
-
type: "foregroundPaletteColors",
|
|
18661
|
-
value: "primary",
|
|
18662
|
-
valueType: "alias"
|
|
18663
|
-
},
|
|
18664
|
-
hover: {
|
|
18665
|
-
isEnabled: true,
|
|
18666
|
-
type: "foregroundPaletteColors",
|
|
18667
|
-
value: "primary",
|
|
18668
|
-
valueType: "alias"
|
|
18669
|
-
},
|
|
18670
|
-
invalid: {
|
|
18671
|
-
isEnabled: true,
|
|
18672
|
-
type: "foregroundPaletteColors",
|
|
18673
|
-
value: "alert",
|
|
18674
|
-
valueType: "alias"
|
|
18675
|
-
},
|
|
18676
|
-
"invalid&hover": {
|
|
18677
|
-
isEnabled: true,
|
|
18678
|
-
type: "foregroundPaletteColors",
|
|
18679
|
-
value: "alert",
|
|
18680
|
-
valueType: "alias"
|
|
18681
|
-
},
|
|
18682
|
-
"invalid&pressed": {
|
|
18683
|
-
isEnabled: true,
|
|
18684
|
-
type: "foregroundPaletteColors",
|
|
18685
|
-
value: "alert",
|
|
18686
|
-
valueType: "alias"
|
|
18687
|
-
},
|
|
18688
|
-
pressed: {
|
|
18689
|
-
type: "foregroundPaletteColors",
|
|
18690
|
-
value: "muted",
|
|
18691
|
-
valueType: "alias"
|
|
18692
|
-
},
|
|
18693
|
-
readonly: {
|
|
18694
|
-
type: "foregroundPaletteColors",
|
|
18695
|
-
value: "muted",
|
|
18696
|
-
valueType: "alias"
|
|
18697
|
-
},
|
|
18698
|
-
rest: {
|
|
18699
|
-
type: "foregroundPaletteColors",
|
|
18700
|
-
value: "muted",
|
|
18701
|
-
valueType: "alias"
|
|
18702
|
-
}
|
|
18703
|
-
} },
|
|
18704
|
-
"variant/default/root": {},
|
|
18705
|
-
"variant/default/startIcon": { color: {
|
|
18706
|
-
"focus-within": {
|
|
18707
|
-
isEnabled: true,
|
|
18708
|
-
type: "foregroundPaletteColors",
|
|
18709
|
-
value: "primary",
|
|
18710
|
-
valueType: "alias"
|
|
18711
|
-
},
|
|
18712
|
-
hover: {
|
|
18713
|
-
isEnabled: true,
|
|
18714
|
-
type: "foregroundPaletteColors",
|
|
18715
|
-
value: "primary",
|
|
18716
|
-
valueType: "alias"
|
|
18717
|
-
},
|
|
18718
|
-
invalid: {
|
|
18719
|
-
isEnabled: true,
|
|
18720
|
-
type: "foregroundPaletteColors",
|
|
18721
|
-
value: "alert",
|
|
18722
|
-
valueType: "alias"
|
|
18723
|
-
},
|
|
18724
|
-
"invalid&hover": {
|
|
18725
|
-
isEnabled: true,
|
|
18726
|
-
type: "foregroundPaletteColors",
|
|
18727
|
-
value: "alert",
|
|
18728
|
-
valueType: "alias"
|
|
18729
|
-
},
|
|
18730
|
-
"invalid&pressed": {
|
|
18731
|
-
isEnabled: true,
|
|
18732
|
-
type: "foregroundPaletteColors",
|
|
18733
|
-
value: "alert",
|
|
18734
|
-
valueType: "alias"
|
|
18735
|
-
},
|
|
18736
|
-
pressed: {
|
|
18737
|
-
isEnabled: true,
|
|
18738
|
-
type: "foregroundPaletteColors",
|
|
18739
|
-
value: "primary",
|
|
18740
|
-
valueType: "alias"
|
|
18741
|
-
},
|
|
18742
|
-
readonly: {
|
|
18743
|
-
type: "foregroundPaletteColors",
|
|
18744
|
-
value: "muted",
|
|
18745
|
-
valueType: "alias"
|
|
18746
|
-
},
|
|
18747
|
-
rest: {
|
|
18748
|
-
type: "foregroundPaletteColors",
|
|
18749
|
-
value: "muted",
|
|
18750
|
-
valueType: "alias"
|
|
18751
|
-
}
|
|
18752
|
-
} },
|
|
18753
|
-
"variant/default/value/empty/endIcon": { color: { pressed: {
|
|
18754
|
-
isEnabled: true,
|
|
18755
|
-
type: "foregroundPaletteColors",
|
|
18756
|
-
value: "primary",
|
|
18757
|
-
valueType: "alias"
|
|
18758
|
-
} } }
|
|
18759
|
-
}
|
|
18668
|
+
variables: { "variant/default/root": {} }
|
|
18760
18669
|
},
|
|
18761
18670
|
selectContent: {
|
|
18762
18671
|
defaults: {
|
|
@@ -18841,51 +18750,51 @@ const defaultTokensConfig = {
|
|
|
18841
18750
|
valueType: "alias"
|
|
18842
18751
|
} }
|
|
18843
18752
|
},
|
|
18844
|
-
"item/variant/default/active/off/
|
|
18753
|
+
"item/variant/default/active/off/icon": { color: {
|
|
18845
18754
|
focused: {
|
|
18846
|
-
type: "
|
|
18847
|
-
value: "
|
|
18755
|
+
type: "foregroundPaletteColors",
|
|
18756
|
+
value: "brand",
|
|
18848
18757
|
valueType: "alias"
|
|
18849
18758
|
},
|
|
18850
18759
|
hover: {
|
|
18851
|
-
type: "
|
|
18852
|
-
value: "
|
|
18760
|
+
type: "foregroundPaletteColors",
|
|
18761
|
+
value: "brand",
|
|
18853
18762
|
valueType: "alias"
|
|
18854
18763
|
},
|
|
18855
18764
|
pressed: {
|
|
18856
|
-
type: "
|
|
18857
|
-
value: "
|
|
18765
|
+
type: "foregroundPaletteColors",
|
|
18766
|
+
value: "brand",
|
|
18858
18767
|
valueType: "alias"
|
|
18859
18768
|
},
|
|
18860
18769
|
rest: {
|
|
18861
|
-
type: "
|
|
18862
|
-
value: "
|
|
18770
|
+
type: "foregroundPaletteColors",
|
|
18771
|
+
value: "secondary",
|
|
18863
18772
|
valueType: "alias"
|
|
18864
18773
|
}
|
|
18865
18774
|
} },
|
|
18866
|
-
"item/variant/default/active/off/
|
|
18775
|
+
"item/variant/default/active/off/root": { backgroundColor: {
|
|
18867
18776
|
focused: {
|
|
18868
|
-
type: "
|
|
18869
|
-
value: "
|
|
18777
|
+
type: "backgroundPaletteColors",
|
|
18778
|
+
value: "secondary",
|
|
18870
18779
|
valueType: "alias"
|
|
18871
18780
|
},
|
|
18872
18781
|
hover: {
|
|
18873
|
-
type: "
|
|
18874
|
-
value: "
|
|
18782
|
+
type: "backgroundPaletteColors",
|
|
18783
|
+
value: "secondary",
|
|
18875
18784
|
valueType: "alias"
|
|
18876
18785
|
},
|
|
18877
18786
|
pressed: {
|
|
18878
|
-
type: "
|
|
18879
|
-
value: "
|
|
18787
|
+
type: "backgroundPaletteColors",
|
|
18788
|
+
value: "secondary",
|
|
18880
18789
|
valueType: "alias"
|
|
18881
18790
|
},
|
|
18882
18791
|
rest: {
|
|
18883
|
-
type: "
|
|
18884
|
-
value: "
|
|
18792
|
+
type: "backgroundPaletteColors",
|
|
18793
|
+
value: "primary",
|
|
18885
18794
|
valueType: "alias"
|
|
18886
18795
|
}
|
|
18887
18796
|
} },
|
|
18888
|
-
"item/variant/default/active/off/
|
|
18797
|
+
"item/variant/default/active/off/text": { color: {
|
|
18889
18798
|
focused: {
|
|
18890
18799
|
type: "foregroundPaletteColors",
|
|
18891
18800
|
value: "brand",
|
|
@@ -18973,20 +18882,20 @@ const defaultTokensConfig = {
|
|
|
18973
18882
|
valueType: "alias"
|
|
18974
18883
|
}
|
|
18975
18884
|
} },
|
|
18976
|
-
"size/default/
|
|
18977
|
-
|
|
18978
|
-
|
|
18979
|
-
value: "ui1",
|
|
18885
|
+
"size/default/endIcon": { size: { rest: {
|
|
18886
|
+
type: "iconSizes",
|
|
18887
|
+
value: "sm",
|
|
18980
18888
|
valueType: "alias"
|
|
18981
18889
|
} } },
|
|
18890
|
+
"size/default/root": {},
|
|
18982
18891
|
"size/default/startIcon": { size: { rest: {
|
|
18983
18892
|
type: "iconSizes",
|
|
18984
18893
|
value: "sm",
|
|
18985
18894
|
valueType: "alias"
|
|
18986
18895
|
} } },
|
|
18987
|
-
"size/default/
|
|
18988
|
-
type: "
|
|
18989
|
-
value: "
|
|
18896
|
+
"size/default/text": { textVariant: { rest: {
|
|
18897
|
+
type: "textVariants",
|
|
18898
|
+
value: "ui1",
|
|
18990
18899
|
valueType: "alias"
|
|
18991
18900
|
} } }
|
|
18992
18901
|
}
|
|
@@ -29209,7 +29118,7 @@ const defaultTokensConfig = {
|
|
|
29209
29118
|
}
|
|
29210
29119
|
}
|
|
29211
29120
|
},
|
|
29212
|
-
version: "v0.
|
|
29121
|
+
version: "v0.101.0",
|
|
29213
29122
|
version: "v0.101.0"
|
|
29214
29123
|
};
|
|
29215
29124
|
//#endregion
|
|
@@ -46,6 +46,18 @@ const extractRuntimeConfigValues = (config) => {
|
|
|
46
46
|
};
|
|
47
47
|
const bottomSheetBackgroundColor = require_hookMetadata.getRuntimeFieldTokenValue(config, "useBottomSheetConfig", "backgroundColor", { variant: "default" });
|
|
48
48
|
if (bottomSheetBackgroundColor !== void 0) setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useBottomSheetConfig", "backgroundColor", { variant: "default" }), bottomSheetBackgroundColor);
|
|
49
|
+
if (config.button?.variables && config.button?.defaults) {
|
|
50
|
+
setRuntimeValue(require_hookMetadata.getRuntimeDefaultPropSelector("useButtonConfig", "size"), require_hookMetadata.getRuntimeDefaultPropValue(config, "useButtonConfig", "size"));
|
|
51
|
+
require_hookMetadata.getRuntimeSelectorParamValues("useButtonConfig", "size").forEach((size) => {
|
|
52
|
+
setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useButtonConfig", "iconSize", { size }), require_hookMetadata.getRuntimeFieldTokenValue(config, "useButtonConfig", "iconSize", { size }));
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
if (config.iconButton?.variables && config.iconButton?.defaults) {
|
|
56
|
+
setRuntimeValue(require_hookMetadata.getRuntimeDefaultPropSelector("useIconButtonConfig", "size"), require_hookMetadata.getRuntimeDefaultPropValue(config, "useIconButtonConfig", "size"));
|
|
57
|
+
require_hookMetadata.getRuntimeSelectorParamValues("useIconButtonConfig", "size").forEach((size) => {
|
|
58
|
+
setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useIconButtonConfig", "iconSize", { size }), require_hookMetadata.getRuntimeFieldTokenValue(config, "useIconButtonConfig", "iconSize", { size }));
|
|
59
|
+
});
|
|
60
|
+
}
|
|
49
61
|
if (config.toast?.variables && config.toast?.defaults) {
|
|
50
62
|
setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useToastConfig", "autoClose"), require_hookMetadata.getRuntimeFieldStaticValue("useToastConfig", "autoClose") ?? void 0);
|
|
51
63
|
setRuntimeValue(require_hookMetadata.getRuntimeFieldSelector("useToastConfig", "position"), require_hookMetadata.getRuntimeFieldStaticValue("useToastConfig", "position") ?? void 0);
|
|
@@ -46,6 +46,18 @@ const extractRuntimeConfigValues = (config) => {
|
|
|
46
46
|
};
|
|
47
47
|
const bottomSheetBackgroundColor = getRuntimeFieldTokenValue(config, "useBottomSheetConfig", "backgroundColor", { variant: "default" });
|
|
48
48
|
if (bottomSheetBackgroundColor !== void 0) setRuntimeValue(getRuntimeFieldSelector("useBottomSheetConfig", "backgroundColor", { variant: "default" }), bottomSheetBackgroundColor);
|
|
49
|
+
if (config.button?.variables && config.button?.defaults) {
|
|
50
|
+
setRuntimeValue(getRuntimeDefaultPropSelector("useButtonConfig", "size"), getRuntimeDefaultPropValue(config, "useButtonConfig", "size"));
|
|
51
|
+
getRuntimeSelectorParamValues("useButtonConfig", "size").forEach((size) => {
|
|
52
|
+
setRuntimeValue(getRuntimeFieldSelector("useButtonConfig", "iconSize", { size }), getRuntimeFieldTokenValue(config, "useButtonConfig", "iconSize", { size }));
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
if (config.iconButton?.variables && config.iconButton?.defaults) {
|
|
56
|
+
setRuntimeValue(getRuntimeDefaultPropSelector("useIconButtonConfig", "size"), getRuntimeDefaultPropValue(config, "useIconButtonConfig", "size"));
|
|
57
|
+
getRuntimeSelectorParamValues("useIconButtonConfig", "size").forEach((size) => {
|
|
58
|
+
setRuntimeValue(getRuntimeFieldSelector("useIconButtonConfig", "iconSize", { size }), getRuntimeFieldTokenValue(config, "useIconButtonConfig", "iconSize", { size }));
|
|
59
|
+
});
|
|
60
|
+
}
|
|
49
61
|
if (config.toast?.variables && config.toast?.defaults) {
|
|
50
62
|
setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "autoClose"), getRuntimeFieldStaticValue("useToastConfig", "autoClose") ?? void 0);
|
|
51
63
|
setRuntimeValue(getRuntimeFieldSelector("useToastConfig", "position"), getRuntimeFieldStaticValue("useToastConfig", "position") ?? void 0);
|