@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.
Files changed (91) hide show
  1. package/dist/cli/commands/sync.cjs +8 -0
  2. package/dist/cli/commands/sync.js +8 -0
  3. package/dist/components/client/Button/Button.cjs +5 -6
  4. package/dist/components/client/Button/Button.js +5 -6
  5. package/dist/components/client/Button/ButtonBase.cjs +4 -0
  6. package/dist/components/client/Button/ButtonBase.d.cts +2 -1
  7. package/dist/components/client/Button/ButtonBase.d.ts +2 -1
  8. package/dist/components/client/Button/ButtonBase.js +4 -0
  9. package/dist/components/client/Button/UDSButtonConfigProvider.cjs +45 -0
  10. package/dist/components/client/Button/UDSButtonConfigProvider.d.cts +33 -0
  11. package/dist/components/client/Button/UDSButtonConfigProvider.d.ts +34 -0
  12. package/dist/components/client/Button/UDSButtonConfigProvider.js +42 -0
  13. package/dist/components/client/Button/buttonConstants.cjs +1 -1
  14. package/dist/components/client/Button/buttonConstants.d.cts +3 -3
  15. package/dist/components/client/Button/buttonConstants.d.ts +3 -3
  16. package/dist/components/client/Button/buttonConstants.js +1 -1
  17. package/dist/components/client/Button/index.cjs +3 -0
  18. package/dist/components/client/Button/index.d.cts +2 -1
  19. package/dist/components/client/Button/index.d.ts +2 -1
  20. package/dist/components/client/Button/index.js +2 -1
  21. package/dist/components/client/IconButton/IconButton.cjs +3 -4
  22. package/dist/components/client/IconButton/IconButton.js +3 -4
  23. package/dist/components/client/IconButton/IconButtonBase.cjs +3 -0
  24. package/dist/components/client/IconButton/IconButtonBase.d.cts +2 -0
  25. package/dist/components/client/IconButton/IconButtonBase.d.ts +2 -0
  26. package/dist/components/client/IconButton/IconButtonBase.js +3 -0
  27. package/dist/components/client/IconButton/UDSIconButtonConfigProvider.cjs +46 -0
  28. package/dist/components/client/IconButton/UDSIconButtonConfigProvider.d.cts +34 -0
  29. package/dist/components/client/IconButton/UDSIconButtonConfigProvider.d.ts +35 -0
  30. package/dist/components/client/IconButton/UDSIconButtonConfigProvider.js +43 -0
  31. package/dist/components/client/IconButton/index.cjs +3 -0
  32. package/dist/components/client/IconButton/index.d.cts +2 -1
  33. package/dist/components/client/IconButton/index.d.ts +2 -1
  34. package/dist/components/client/IconButton/index.js +2 -1
  35. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  36. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  37. package/dist/components/client/index.cjs +6 -0
  38. package/dist/components/client/index.d.cts +3 -1
  39. package/dist/components/client/index.d.ts +3 -1
  40. package/dist/components/client/index.js +3 -1
  41. package/dist/components/client/providers/UDSConfigProvider.cjs +18 -10
  42. package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -0
  43. package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -0
  44. package/dist/components/client/providers/UDSConfigProvider.js +18 -10
  45. package/dist/components/index.cjs +6 -0
  46. package/dist/components/index.d.cts +3 -1
  47. package/dist/components/index.d.ts +3 -1
  48. package/dist/components/index.js +3 -1
  49. package/dist/config/dist/index.cjs +51 -142
  50. package/dist/config/dist/index.js +51 -142
  51. package/dist/css/dist/css/utils.cjs +12 -0
  52. package/dist/css/dist/css/utils.js +12 -0
  53. package/dist/css/dist/packages/config/dist/index.cjs +51 -142
  54. package/dist/css/dist/packages/config/dist/index.js +51 -142
  55. package/dist/css/dist/runtimeConfig/hookMetadata.cjs +67 -0
  56. package/dist/css/dist/runtimeConfig/hookMetadata.js +67 -0
  57. package/dist/css-animation/Button/Button.cjs +5 -6
  58. package/dist/css-animation/Button/Button.js +5 -6
  59. package/dist/css-animation/IconButton/IconButton.cjs +3 -4
  60. package/dist/css-animation/IconButton/IconButton.js +3 -4
  61. package/dist/index.cjs +10 -0
  62. package/dist/index.d.cts +5 -1
  63. package/dist/index.d.ts +5 -1
  64. package/dist/index.js +5 -1
  65. package/dist/runtime/buttonConfig.cjs +17 -0
  66. package/dist/runtime/buttonConfig.d.cts +13 -0
  67. package/dist/runtime/buttonConfig.d.ts +13 -0
  68. package/dist/runtime/buttonConfig.js +16 -0
  69. package/dist/runtime/iconButtonConfig.cjs +18 -0
  70. package/dist/runtime/iconButtonConfig.d.cts +13 -0
  71. package/dist/runtime/iconButtonConfig.d.ts +13 -0
  72. package/dist/runtime/iconButtonConfig.js +17 -0
  73. package/dist/runtime/index.cjs +4 -0
  74. package/dist/runtime/index.d.cts +3 -1
  75. package/dist/runtime/index.d.ts +3 -1
  76. package/dist/runtime/index.js +3 -1
  77. package/dist/runtime/udsConfig.cjs +4 -0
  78. package/dist/runtime/udsConfig.d.cts +4 -0
  79. package/dist/runtime/udsConfig.d.ts +4 -0
  80. package/dist/runtime/udsConfig.js +4 -0
  81. package/dist/styles/styler.d.cts +10 -10
  82. package/dist/styles/styler.d.ts +10 -10
  83. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +51 -142
  84. package/dist/tailwind-internal/dist/packages/config/dist/index.js +51 -142
  85. package/dist/uds/generated/componentData.cjs +251 -223
  86. package/dist/uds/generated/componentData.js +251 -223
  87. package/dist/uds/generated/tailwindPurge.cjs +9 -1
  88. package/dist/uds/generated/tailwindPurge.js +9 -1
  89. package/generated/componentData.json +491 -455
  90. package/generated/tailwindPurge.ts +3 -3
  91. package/package.json +1 -1
@@ -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: "sm",
14812
+ value: "md",
14813
14813
  valueType: "alias"
14814
14814
  } } },
14815
14815
  "size/lg/root": { spacing: { rest: {
14816
14816
  type: "spacingAliases",
14817
- value: "4.5",
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: "1.5",
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/root": { backgroundColor: {
18753
+ "item/variant/default/active/off/icon": { color: {
18845
18754
  focused: {
18846
- type: "backgroundPaletteColors",
18847
- value: "secondary",
18755
+ type: "foregroundPaletteColors",
18756
+ value: "brand",
18848
18757
  valueType: "alias"
18849
18758
  },
18850
18759
  hover: {
18851
- type: "backgroundPaletteColors",
18852
- value: "secondary",
18760
+ type: "foregroundPaletteColors",
18761
+ value: "brand",
18853
18762
  valueType: "alias"
18854
18763
  },
18855
18764
  pressed: {
18856
- type: "backgroundPaletteColors",
18857
- value: "secondary",
18765
+ type: "foregroundPaletteColors",
18766
+ value: "brand",
18858
18767
  valueType: "alias"
18859
18768
  },
18860
18769
  rest: {
18861
- type: "backgroundPaletteColors",
18862
- value: "primary",
18770
+ type: "foregroundPaletteColors",
18771
+ value: "secondary",
18863
18772
  valueType: "alias"
18864
18773
  }
18865
18774
  } },
18866
- "item/variant/default/active/off/text": { color: {
18775
+ "item/variant/default/active/off/root": { backgroundColor: {
18867
18776
  focused: {
18868
- type: "foregroundPaletteColors",
18869
- value: "brand",
18777
+ type: "backgroundPaletteColors",
18778
+ value: "secondary",
18870
18779
  valueType: "alias"
18871
18780
  },
18872
18781
  hover: {
18873
- type: "foregroundPaletteColors",
18874
- value: "brand",
18782
+ type: "backgroundPaletteColors",
18783
+ value: "secondary",
18875
18784
  valueType: "alias"
18876
18785
  },
18877
18786
  pressed: {
18878
- type: "foregroundPaletteColors",
18879
- value: "brand",
18787
+ type: "backgroundPaletteColors",
18788
+ value: "secondary",
18880
18789
  valueType: "alias"
18881
18790
  },
18882
18791
  rest: {
18883
- type: "foregroundPaletteColors",
18884
- value: "secondary",
18792
+ type: "backgroundPaletteColors",
18793
+ value: "primary",
18885
18794
  valueType: "alias"
18886
18795
  }
18887
18796
  } },
18888
- "item/variant/default/active/off/icon": { color: {
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/root": {},
18977
- "size/default/text": { textVariant: { rest: {
18978
- type: "textVariants",
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/endIcon": { size: { rest: {
18988
- type: "iconSizes",
18989
- value: "sm",
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.100.0",
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: "sm",
14812
+ value: "md",
14813
14813
  valueType: "alias"
14814
14814
  } } },
14815
14815
  "size/lg/root": { spacing: { rest: {
14816
14816
  type: "spacingAliases",
14817
- value: "4.5",
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: "1.5",
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/root": { backgroundColor: {
18753
+ "item/variant/default/active/off/icon": { color: {
18845
18754
  focused: {
18846
- type: "backgroundPaletteColors",
18847
- value: "secondary",
18755
+ type: "foregroundPaletteColors",
18756
+ value: "brand",
18848
18757
  valueType: "alias"
18849
18758
  },
18850
18759
  hover: {
18851
- type: "backgroundPaletteColors",
18852
- value: "secondary",
18760
+ type: "foregroundPaletteColors",
18761
+ value: "brand",
18853
18762
  valueType: "alias"
18854
18763
  },
18855
18764
  pressed: {
18856
- type: "backgroundPaletteColors",
18857
- value: "secondary",
18765
+ type: "foregroundPaletteColors",
18766
+ value: "brand",
18858
18767
  valueType: "alias"
18859
18768
  },
18860
18769
  rest: {
18861
- type: "backgroundPaletteColors",
18862
- value: "primary",
18770
+ type: "foregroundPaletteColors",
18771
+ value: "secondary",
18863
18772
  valueType: "alias"
18864
18773
  }
18865
18774
  } },
18866
- "item/variant/default/active/off/text": { color: {
18775
+ "item/variant/default/active/off/root": { backgroundColor: {
18867
18776
  focused: {
18868
- type: "foregroundPaletteColors",
18869
- value: "brand",
18777
+ type: "backgroundPaletteColors",
18778
+ value: "secondary",
18870
18779
  valueType: "alias"
18871
18780
  },
18872
18781
  hover: {
18873
- type: "foregroundPaletteColors",
18874
- value: "brand",
18782
+ type: "backgroundPaletteColors",
18783
+ value: "secondary",
18875
18784
  valueType: "alias"
18876
18785
  },
18877
18786
  pressed: {
18878
- type: "foregroundPaletteColors",
18879
- value: "brand",
18787
+ type: "backgroundPaletteColors",
18788
+ value: "secondary",
18880
18789
  valueType: "alias"
18881
18790
  },
18882
18791
  rest: {
18883
- type: "foregroundPaletteColors",
18884
- value: "secondary",
18792
+ type: "backgroundPaletteColors",
18793
+ value: "primary",
18885
18794
  valueType: "alias"
18886
18795
  }
18887
18796
  } },
18888
- "item/variant/default/active/off/icon": { color: {
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/root": {},
18977
- "size/default/text": { textVariant: { rest: {
18978
- type: "textVariants",
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/endIcon": { size: { rest: {
18988
- type: "iconSizes",
18989
- value: "sm",
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.100.0",
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);