@yahoo/uds 3.163.2 → 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/Toast/UDSToastConfigProvider.d.cts +1 -1
- package/dist/components/client/Toast/UDSToastConfigProvider.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 -141
- package/dist/config/dist/index.js +51 -141
- 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 -141
- package/dist/css/dist/packages/config/dist/index.js +51 -141
- 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 +64 -64
- package/dist/styles/styler.d.ts +64 -64
- package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.cjs +6 -2
- package/dist/tailwind-internal/dist/components/getResponsiveTextStyles.js +6 -2
- package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +51 -141
- package/dist/tailwind-internal/dist/packages/config/dist/index.js +51 -141
- package/dist/tailwind-internal/dist/packages/types/dist/index.d.cts +1 -0
- package/dist/tailwind-internal/dist/packages/types/dist/index.d.ts +1 -0
- package/dist/types/dist/index.d.cts +1 -0
- package/dist/types/dist/index.d.ts +1 -0
- package/dist/uds/generated/componentData.cjs +156 -128
- package/dist/uds/generated/componentData.js +156 -128
- package/dist/uds/generated/migrationSchemaVersion.cjs +1 -1
- package/dist/uds/generated/migrationSchemaVersion.js +1 -1
- package/dist/uds/generated/tailwindPurge.cjs +9 -1
- package/dist/uds/generated/tailwindPurge.js +9 -1
- package/generated/componentData.json +201 -165
- package/generated/migrationSchemaVersion.ts +1 -1
- package/generated/tailwindPurge.ts +3 -3
- package/package.json +1 -1
|
@@ -14798,6 +14798,7 @@ const defaultTokensConfig = {
|
|
|
14798
14798
|
"serif-alt": "yahoo-serif-text"
|
|
14799
14799
|
},
|
|
14800
14800
|
globalDefaults: {
|
|
14801
|
+
applyDefaultBreakpointInCode: false,
|
|
14801
14802
|
breakpoint: "lg",
|
|
14802
14803
|
enableResponsiveType: true
|
|
14803
14804
|
},
|
|
@@ -14809,12 +14810,12 @@ const defaultTokensConfig = {
|
|
|
14809
14810
|
variables: {
|
|
14810
14811
|
"size/lg/icon": { size: { rest: {
|
|
14811
14812
|
type: "iconSizes",
|
|
14812
|
-
value: "
|
|
14813
|
+
value: "md",
|
|
14813
14814
|
valueType: "alias"
|
|
14814
14815
|
} } },
|
|
14815
14816
|
"size/lg/root": { spacing: { rest: {
|
|
14816
14817
|
type: "spacingAliases",
|
|
14817
|
-
value: "
|
|
14818
|
+
value: "3.5",
|
|
14818
14819
|
valueType: "alias"
|
|
14819
14820
|
} } },
|
|
14820
14821
|
"size/md/icon": { size: { rest: {
|
|
@@ -14854,7 +14855,7 @@ const defaultTokensConfig = {
|
|
|
14854
14855
|
} } },
|
|
14855
14856
|
"size/xs/root": { spacing: { rest: {
|
|
14856
14857
|
type: "spacingAliases",
|
|
14857
|
-
value: "
|
|
14858
|
+
value: "2",
|
|
14858
14859
|
valueType: "alias"
|
|
14859
14860
|
} } }
|
|
14860
14861
|
}
|
|
@@ -16521,16 +16522,28 @@ const defaultTokensConfig = {
|
|
|
16521
16522
|
valueType: "alias"
|
|
16522
16523
|
} } },
|
|
16523
16524
|
"size/default/root": {},
|
|
16524
|
-
"size/default/text": { textVariant: { rest: {
|
|
16525
|
-
type: "textVariants",
|
|
16526
|
-
value: "ui1",
|
|
16527
|
-
valueType: "alias"
|
|
16528
|
-
} } },
|
|
16529
16525
|
"size/default/startIcon": { size: { rest: {
|
|
16530
16526
|
type: "iconSizes",
|
|
16531
16527
|
value: "sm",
|
|
16532
16528
|
valueType: "alias"
|
|
16533
|
-
} } }
|
|
16529
|
+
} } },
|
|
16530
|
+
"size/default/text": { textVariant: {
|
|
16531
|
+
focused: {
|
|
16532
|
+
type: "textVariants",
|
|
16533
|
+
value: "ui1",
|
|
16534
|
+
valueType: "alias"
|
|
16535
|
+
},
|
|
16536
|
+
hover: {
|
|
16537
|
+
type: "textVariants",
|
|
16538
|
+
value: "ui1",
|
|
16539
|
+
valueType: "alias"
|
|
16540
|
+
},
|
|
16541
|
+
rest: {
|
|
16542
|
+
type: "textVariants",
|
|
16543
|
+
value: "ui1",
|
|
16544
|
+
valueType: "alias"
|
|
16545
|
+
}
|
|
16546
|
+
} }
|
|
16534
16547
|
}
|
|
16535
16548
|
},
|
|
16536
16549
|
modal: {
|
|
@@ -18653,110 +18666,7 @@ const defaultTokensConfig = {
|
|
|
18653
18666
|
size: "md",
|
|
18654
18667
|
variant: "default"
|
|
18655
18668
|
},
|
|
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
|
-
}
|
|
18669
|
+
variables: { "variant/default/root": {} }
|
|
18760
18670
|
},
|
|
18761
18671
|
selectContent: {
|
|
18762
18672
|
defaults: {
|
|
@@ -18841,51 +18751,51 @@ const defaultTokensConfig = {
|
|
|
18841
18751
|
valueType: "alias"
|
|
18842
18752
|
} }
|
|
18843
18753
|
},
|
|
18844
|
-
"item/variant/default/active/off/
|
|
18754
|
+
"item/variant/default/active/off/icon": { color: {
|
|
18845
18755
|
focused: {
|
|
18846
|
-
type: "
|
|
18847
|
-
value: "
|
|
18756
|
+
type: "foregroundPaletteColors",
|
|
18757
|
+
value: "brand",
|
|
18848
18758
|
valueType: "alias"
|
|
18849
18759
|
},
|
|
18850
18760
|
hover: {
|
|
18851
|
-
type: "
|
|
18852
|
-
value: "
|
|
18761
|
+
type: "foregroundPaletteColors",
|
|
18762
|
+
value: "brand",
|
|
18853
18763
|
valueType: "alias"
|
|
18854
18764
|
},
|
|
18855
18765
|
pressed: {
|
|
18856
|
-
type: "
|
|
18857
|
-
value: "
|
|
18766
|
+
type: "foregroundPaletteColors",
|
|
18767
|
+
value: "brand",
|
|
18858
18768
|
valueType: "alias"
|
|
18859
18769
|
},
|
|
18860
18770
|
rest: {
|
|
18861
|
-
type: "
|
|
18862
|
-
value: "
|
|
18771
|
+
type: "foregroundPaletteColors",
|
|
18772
|
+
value: "secondary",
|
|
18863
18773
|
valueType: "alias"
|
|
18864
18774
|
}
|
|
18865
18775
|
} },
|
|
18866
|
-
"item/variant/default/active/off/
|
|
18776
|
+
"item/variant/default/active/off/root": { backgroundColor: {
|
|
18867
18777
|
focused: {
|
|
18868
|
-
type: "
|
|
18869
|
-
value: "
|
|
18778
|
+
type: "backgroundPaletteColors",
|
|
18779
|
+
value: "secondary",
|
|
18870
18780
|
valueType: "alias"
|
|
18871
18781
|
},
|
|
18872
18782
|
hover: {
|
|
18873
|
-
type: "
|
|
18874
|
-
value: "
|
|
18783
|
+
type: "backgroundPaletteColors",
|
|
18784
|
+
value: "secondary",
|
|
18875
18785
|
valueType: "alias"
|
|
18876
18786
|
},
|
|
18877
18787
|
pressed: {
|
|
18878
|
-
type: "
|
|
18879
|
-
value: "
|
|
18788
|
+
type: "backgroundPaletteColors",
|
|
18789
|
+
value: "secondary",
|
|
18880
18790
|
valueType: "alias"
|
|
18881
18791
|
},
|
|
18882
18792
|
rest: {
|
|
18883
|
-
type: "
|
|
18884
|
-
value: "
|
|
18793
|
+
type: "backgroundPaletteColors",
|
|
18794
|
+
value: "primary",
|
|
18885
18795
|
valueType: "alias"
|
|
18886
18796
|
}
|
|
18887
18797
|
} },
|
|
18888
|
-
"item/variant/default/active/off/
|
|
18798
|
+
"item/variant/default/active/off/text": { color: {
|
|
18889
18799
|
focused: {
|
|
18890
18800
|
type: "foregroundPaletteColors",
|
|
18891
18801
|
value: "brand",
|
|
@@ -18973,20 +18883,20 @@ const defaultTokensConfig = {
|
|
|
18973
18883
|
valueType: "alias"
|
|
18974
18884
|
}
|
|
18975
18885
|
} },
|
|
18976
|
-
"size/default/
|
|
18977
|
-
|
|
18978
|
-
|
|
18979
|
-
value: "ui1",
|
|
18886
|
+
"size/default/endIcon": { size: { rest: {
|
|
18887
|
+
type: "iconSizes",
|
|
18888
|
+
value: "sm",
|
|
18980
18889
|
valueType: "alias"
|
|
18981
18890
|
} } },
|
|
18891
|
+
"size/default/root": {},
|
|
18982
18892
|
"size/default/startIcon": { size: { rest: {
|
|
18983
18893
|
type: "iconSizes",
|
|
18984
18894
|
value: "sm",
|
|
18985
18895
|
valueType: "alias"
|
|
18986
18896
|
} } },
|
|
18987
|
-
"size/default/
|
|
18988
|
-
type: "
|
|
18989
|
-
value: "
|
|
18897
|
+
"size/default/text": { textVariant: { rest: {
|
|
18898
|
+
type: "textVariants",
|
|
18899
|
+
value: "ui1",
|
|
18990
18900
|
valueType: "alias"
|
|
18991
18901
|
} } }
|
|
18992
18902
|
}
|
|
@@ -29209,8 +29119,8 @@ const defaultTokensConfig = {
|
|
|
29209
29119
|
}
|
|
29210
29120
|
}
|
|
29211
29121
|
},
|
|
29212
|
-
version: "v0.
|
|
29213
|
-
version: "v0.
|
|
29122
|
+
version: "v0.101.0",
|
|
29123
|
+
version: "v0.101.0"
|
|
29214
29124
|
};
|
|
29215
29125
|
//#endregion
|
|
29216
29126
|
export { defaultTokensConfig };
|
|
@@ -20,6 +20,73 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
|
|
|
20
20
|
}
|
|
21
21
|
} }
|
|
22
22
|
},
|
|
23
|
+
useButtonConfig: {
|
|
24
|
+
defaultProps: { size: "button.defaultSize" },
|
|
25
|
+
defaultPropSources: { size: [
|
|
26
|
+
"button",
|
|
27
|
+
"defaults",
|
|
28
|
+
"size"
|
|
29
|
+
] },
|
|
30
|
+
selectorParamValues: { size: [
|
|
31
|
+
"xs",
|
|
32
|
+
"sm",
|
|
33
|
+
"md",
|
|
34
|
+
"lg"
|
|
35
|
+
] },
|
|
36
|
+
tokenConfigPath: ["button", "variables"],
|
|
37
|
+
fields: {
|
|
38
|
+
size: {
|
|
39
|
+
bindingSelector: "button.defaultSize",
|
|
40
|
+
selectorTemplates: ["button.defaultSize"]
|
|
41
|
+
},
|
|
42
|
+
iconSize: {
|
|
43
|
+
bindingSelector: "button.iconSize.${size}",
|
|
44
|
+
selectorTemplates: ["button.iconSize.${size}"],
|
|
45
|
+
tokenSource: {
|
|
46
|
+
variableTemplate: "size/${size}/icon",
|
|
47
|
+
valuePath: [
|
|
48
|
+
"size",
|
|
49
|
+
"rest",
|
|
50
|
+
"value"
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
useIconButtonConfig: {
|
|
57
|
+
defaultProps: { size: "iconButton.defaultSize" },
|
|
58
|
+
defaultPropSources: { size: [
|
|
59
|
+
"iconButton",
|
|
60
|
+
"defaults",
|
|
61
|
+
"size"
|
|
62
|
+
] },
|
|
63
|
+
selectorParamValues: { size: [
|
|
64
|
+
"xs",
|
|
65
|
+
"sm",
|
|
66
|
+
"md",
|
|
67
|
+
"lg",
|
|
68
|
+
"xl"
|
|
69
|
+
] },
|
|
70
|
+
tokenConfigPath: ["iconButton", "variables"],
|
|
71
|
+
fields: {
|
|
72
|
+
size: {
|
|
73
|
+
bindingSelector: "iconButton.defaultSize",
|
|
74
|
+
selectorTemplates: ["iconButton.defaultSize"]
|
|
75
|
+
},
|
|
76
|
+
iconSize: {
|
|
77
|
+
bindingSelector: "iconButton.iconSize.${size}",
|
|
78
|
+
selectorTemplates: ["iconButton.iconSize.${size}"],
|
|
79
|
+
tokenSource: {
|
|
80
|
+
variableTemplate: "size/${size}/icon",
|
|
81
|
+
valuePath: [
|
|
82
|
+
"size",
|
|
83
|
+
"rest",
|
|
84
|
+
"value"
|
|
85
|
+
]
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
},
|
|
23
90
|
useToastConfig: {
|
|
24
91
|
defaultProps: {
|
|
25
92
|
size: "toast.defaultSize",
|
|
@@ -20,6 +20,73 @@ const runtimeHookMetadata = defineRuntimeHookMetadata({
|
|
|
20
20
|
}
|
|
21
21
|
} }
|
|
22
22
|
},
|
|
23
|
+
useButtonConfig: {
|
|
24
|
+
defaultProps: { size: "button.defaultSize" },
|
|
25
|
+
defaultPropSources: { size: [
|
|
26
|
+
"button",
|
|
27
|
+
"defaults",
|
|
28
|
+
"size"
|
|
29
|
+
] },
|
|
30
|
+
selectorParamValues: { size: [
|
|
31
|
+
"xs",
|
|
32
|
+
"sm",
|
|
33
|
+
"md",
|
|
34
|
+
"lg"
|
|
35
|
+
] },
|
|
36
|
+
tokenConfigPath: ["button", "variables"],
|
|
37
|
+
fields: {
|
|
38
|
+
size: {
|
|
39
|
+
bindingSelector: "button.defaultSize",
|
|
40
|
+
selectorTemplates: ["button.defaultSize"]
|
|
41
|
+
},
|
|
42
|
+
iconSize: {
|
|
43
|
+
bindingSelector: "button.iconSize.${size}",
|
|
44
|
+
selectorTemplates: ["button.iconSize.${size}"],
|
|
45
|
+
tokenSource: {
|
|
46
|
+
variableTemplate: "size/${size}/icon",
|
|
47
|
+
valuePath: [
|
|
48
|
+
"size",
|
|
49
|
+
"rest",
|
|
50
|
+
"value"
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
useIconButtonConfig: {
|
|
57
|
+
defaultProps: { size: "iconButton.defaultSize" },
|
|
58
|
+
defaultPropSources: { size: [
|
|
59
|
+
"iconButton",
|
|
60
|
+
"defaults",
|
|
61
|
+
"size"
|
|
62
|
+
] },
|
|
63
|
+
selectorParamValues: { size: [
|
|
64
|
+
"xs",
|
|
65
|
+
"sm",
|
|
66
|
+
"md",
|
|
67
|
+
"lg",
|
|
68
|
+
"xl"
|
|
69
|
+
] },
|
|
70
|
+
tokenConfigPath: ["iconButton", "variables"],
|
|
71
|
+
fields: {
|
|
72
|
+
size: {
|
|
73
|
+
bindingSelector: "iconButton.defaultSize",
|
|
74
|
+
selectorTemplates: ["iconButton.defaultSize"]
|
|
75
|
+
},
|
|
76
|
+
iconSize: {
|
|
77
|
+
bindingSelector: "iconButton.iconSize.${size}",
|
|
78
|
+
selectorTemplates: ["iconButton.iconSize.${size}"],
|
|
79
|
+
tokenSource: {
|
|
80
|
+
variableTemplate: "size/${size}/icon",
|
|
81
|
+
valuePath: [
|
|
82
|
+
"size",
|
|
83
|
+
"rest",
|
|
84
|
+
"value"
|
|
85
|
+
]
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
},
|
|
23
90
|
useToastConfig: {
|
|
24
91
|
defaultProps: {
|
|
25
92
|
size: "toast.defaultSize",
|
|
@@ -5,7 +5,6 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
|
|
|
5
5
|
const require_components_Icon = require("../../components/Icon.cjs");
|
|
6
6
|
const require_components_IconSlot = require("../../components/IconSlot.cjs");
|
|
7
7
|
const require_components_client_Button_ButtonBase = require("../../components/client/Button/ButtonBase.cjs");
|
|
8
|
-
require("../../components/client/Button/buttonConstants.cjs");
|
|
9
8
|
let _yahoo_uds_icons = require("@yahoo/uds-icons");
|
|
10
9
|
let react = require("react");
|
|
11
10
|
react = require_runtime.__toESM(react);
|
|
@@ -20,11 +19,11 @@ const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
|
|
|
20
19
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Button_ButtonBase.ButtonBase, {
|
|
21
20
|
...props,
|
|
22
21
|
ref: forwardedRef,
|
|
23
|
-
renderStartContent: ({ iconVariant, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
|
|
22
|
+
renderStartContent: ({ iconVariant, iconSize, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
|
|
24
23
|
className: iconContainerClassName,
|
|
25
24
|
children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
|
|
26
25
|
className: loadingIconClassName,
|
|
27
|
-
size:
|
|
26
|
+
size: iconSize,
|
|
28
27
|
name: _yahoo_uds_icons.Progress,
|
|
29
28
|
variant: iconVariant,
|
|
30
29
|
color: "current"
|
|
@@ -32,20 +31,20 @@ const Button = (0, react.forwardRef)(function Button(props, forwardedRef) {
|
|
|
32
31
|
className: [iconClassName, startIconClassName].filter(Boolean).join(" "),
|
|
33
32
|
icon: startIcon,
|
|
34
33
|
iconProps: {
|
|
35
|
-
size:
|
|
34
|
+
size: iconSize,
|
|
36
35
|
variant: iconVariant,
|
|
37
36
|
color: "current"
|
|
38
37
|
},
|
|
39
38
|
...startIconSlotProps
|
|
40
39
|
}) })]
|
|
41
40
|
}),
|
|
42
|
-
renderEndContent: ({ endIcon, iconVariant, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
41
|
+
renderEndContent: ({ endIcon, iconVariant, iconSize, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
43
42
|
className: iconContainerClassName,
|
|
44
43
|
children: endIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
|
|
45
44
|
className: [iconClassName, endIconClassName].filter(Boolean).join(" "),
|
|
46
45
|
icon: endIcon,
|
|
47
46
|
iconProps: {
|
|
48
|
-
size:
|
|
47
|
+
size: iconSize,
|
|
49
48
|
variant: iconVariant,
|
|
50
49
|
color: "current"
|
|
51
50
|
},
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
import { Icon } from "../../components/Icon.js";
|
|
4
4
|
import { IconSlot } from "../../components/IconSlot.js";
|
|
5
5
|
import { ButtonBase, renderButtonChildren } from "../../components/client/Button/ButtonBase.js";
|
|
6
|
-
import "../../components/client/Button/buttonConstants.js";
|
|
7
6
|
import { Progress } from "@yahoo/uds-icons";
|
|
8
7
|
import { forwardRef, isValidElement } from "react";
|
|
9
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -17,11 +16,11 @@ const Button = forwardRef(function Button(props, forwardedRef) {
|
|
|
17
16
|
return /* @__PURE__ */ jsx(ButtonBase, {
|
|
18
17
|
...props,
|
|
19
18
|
ref: forwardedRef,
|
|
20
|
-
renderStartContent: ({ iconVariant, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ jsxs("span", {
|
|
19
|
+
renderStartContent: ({ iconVariant, iconSize, loading, startIcon, iconContainerClassName, loadingIconClassName, iconClassName, startIconClassName, startIconSlotProps }) => /* @__PURE__ */ jsxs("span", {
|
|
21
20
|
className: iconContainerClassName,
|
|
22
21
|
children: [loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, {
|
|
23
22
|
className: loadingIconClassName,
|
|
24
|
-
size:
|
|
23
|
+
size: iconSize,
|
|
25
24
|
name: Progress,
|
|
26
25
|
variant: iconVariant,
|
|
27
26
|
color: "current"
|
|
@@ -29,20 +28,20 @@ const Button = forwardRef(function Button(props, forwardedRef) {
|
|
|
29
28
|
className: [iconClassName, startIconClassName].filter(Boolean).join(" "),
|
|
30
29
|
icon: startIcon,
|
|
31
30
|
iconProps: {
|
|
32
|
-
size:
|
|
31
|
+
size: iconSize,
|
|
33
32
|
variant: iconVariant,
|
|
34
33
|
color: "current"
|
|
35
34
|
},
|
|
36
35
|
...startIconSlotProps
|
|
37
36
|
}) })]
|
|
38
37
|
}),
|
|
39
|
-
renderEndContent: ({ endIcon, iconVariant, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ jsx("span", {
|
|
38
|
+
renderEndContent: ({ endIcon, iconVariant, iconSize, iconContainerClassName, iconClassName, endIconClassName, endIconSlotProps }) => /* @__PURE__ */ jsx("span", {
|
|
40
39
|
className: iconContainerClassName,
|
|
41
40
|
children: endIcon && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconSlot, {
|
|
42
41
|
className: [iconClassName, endIconClassName].filter(Boolean).join(" "),
|
|
43
42
|
icon: endIcon,
|
|
44
43
|
iconProps: {
|
|
45
|
-
size:
|
|
44
|
+
size: iconSize,
|
|
46
45
|
variant: iconVariant,
|
|
47
46
|
color: "current"
|
|
48
47
|
},
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
4
|
require("../../_virtual/_rolldown/runtime.cjs");
|
|
5
5
|
const require_components_Icon = require("../../components/Icon.cjs");
|
|
6
|
-
require("../../components/client/Button/buttonConstants.cjs");
|
|
7
6
|
const require_components_client_IconButton_IconButtonBase = require("../../components/client/IconButton/IconButtonBase.cjs");
|
|
8
7
|
let _yahoo_uds_icons = require("@yahoo/uds-icons");
|
|
9
8
|
let react = require("react");
|
|
@@ -18,14 +17,14 @@ const IconButton = (0, react.forwardRef)(function IconButton(props, forwardedRef
|
|
|
18
17
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_IconButton_IconButtonBase.IconButtonBase, {
|
|
19
18
|
...props,
|
|
20
19
|
ref: forwardedRef,
|
|
21
|
-
renderIconContent: ({ asChild, loading, name, iconVariant, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
|
|
22
|
-
size:
|
|
20
|
+
renderIconContent: ({ asChild, loading, name, iconVariant, iconSize, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
|
|
21
|
+
size: iconSize,
|
|
23
22
|
name: _yahoo_uds_icons.Progress,
|
|
24
23
|
variant: iconVariant,
|
|
25
24
|
color: "current",
|
|
26
25
|
className: loadingIconClassName
|
|
27
26
|
}) }), name && !loading && (!asChild && children || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
|
|
28
|
-
size:
|
|
27
|
+
size: iconSize,
|
|
29
28
|
name,
|
|
30
29
|
variant: iconVariant,
|
|
31
30
|
color: "current",
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
2
2
|
"use client";
|
|
3
3
|
import { Icon } from "../../components/Icon.js";
|
|
4
|
-
import "../../components/client/Button/buttonConstants.js";
|
|
5
4
|
import { IconButtonBase, renderIconButtonAsChild } from "../../components/client/IconButton/IconButtonBase.js";
|
|
6
5
|
import { Progress } from "@yahoo/uds-icons";
|
|
7
6
|
import { forwardRef, isValidElement } from "react";
|
|
@@ -16,14 +15,14 @@ const IconButton = forwardRef(function IconButton(props, forwardedRef) {
|
|
|
16
15
|
return /* @__PURE__ */ jsx(IconButtonBase, {
|
|
17
16
|
...props,
|
|
18
17
|
ref: forwardedRef,
|
|
19
|
-
renderIconContent: ({ asChild, loading, name, iconVariant, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, {
|
|
20
|
-
size:
|
|
18
|
+
renderIconContent: ({ asChild, loading, name, iconVariant, iconSize, children, iconClassName, loadingIconClassName, iconSlotClassName, iconSlotProps }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [loading && /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon, {
|
|
19
|
+
size: iconSize,
|
|
21
20
|
name: Progress,
|
|
22
21
|
variant: iconVariant,
|
|
23
22
|
color: "current",
|
|
24
23
|
className: loadingIconClassName
|
|
25
24
|
}) }), name && !loading && (!asChild && children || /* @__PURE__ */ jsx(Icon, {
|
|
26
|
-
size:
|
|
25
|
+
size: iconSize,
|
|
27
26
|
name,
|
|
28
27
|
variant: iconVariant,
|
|
29
28
|
color: "current",
|
package/dist/index.cjs
CHANGED
|
@@ -62,6 +62,7 @@ const require_getConfigVariants = require("./automated-config/dist/utils/getConf
|
|
|
62
62
|
const require_getPaginationControlWidthPx = require("./automated-config/dist/utils/getPaginationControlWidthPx.cjs");
|
|
63
63
|
const require_isConfiguratorPropertyVisible = require("./automated-config/dist/utils/isConfiguratorPropertyVisible.cjs");
|
|
64
64
|
const require_index$2 = require("./automated-config/dist/utils/index.cjs");
|
|
65
|
+
const require_components_client_Button_UDSButtonConfigProvider = require("./components/client/Button/UDSButtonConfigProvider.cjs");
|
|
65
66
|
const require_components_client_Button_Button = require("./components/client/Button/Button.cjs");
|
|
66
67
|
const require_components_client_Checkbox_Checkbox = require("./components/client/Checkbox/Checkbox.cjs");
|
|
67
68
|
const require_components_client_Chip_ChipButton = require("./components/client/Chip/ChipButton.cjs");
|
|
@@ -69,6 +70,7 @@ const require_components_client_Chip_ChipDismissible = require("./components/cli
|
|
|
69
70
|
const require_components_client_Chip_ChipLink = require("./components/client/Chip/ChipLink.cjs");
|
|
70
71
|
const require_components_client_Chip_ChipToggle = require("./components/client/Chip/ChipToggle.cjs");
|
|
71
72
|
const require_components_client_Chip_Chip = require("./components/client/Chip/Chip.cjs");
|
|
73
|
+
const require_components_client_IconButton_UDSIconButtonConfigProvider = require("./components/client/IconButton/UDSIconButtonConfigProvider.cjs");
|
|
72
74
|
const require_components_client_IconButton_IconButton = require("./components/client/IconButton/IconButton.cjs");
|
|
73
75
|
const require_components_client_Input_Input = require("./components/client/Input/Input.cjs");
|
|
74
76
|
const require_components_client_Input_InputHelpText = require("./components/client/Input/InputHelpText.cjs");
|
|
@@ -127,6 +129,8 @@ const require_components_client_Tooltip_TooltipContent = require("./components/c
|
|
|
127
129
|
const require_components_client_Tooltip_TooltipTrigger = require("./components/client/Tooltip/TooltipTrigger.cjs");
|
|
128
130
|
const require_runtime_bottomSheetConfig = require("./runtime/bottomSheetConfig.cjs");
|
|
129
131
|
const require_runtime_breakpointsConfig = require("./runtime/breakpointsConfig.cjs");
|
|
132
|
+
const require_runtime_buttonConfig = require("./runtime/buttonConfig.cjs");
|
|
133
|
+
const require_runtime_iconButtonConfig = require("./runtime/iconButtonConfig.cjs");
|
|
130
134
|
const require_runtime_modalConfig = require("./runtime/modalConfig.cjs");
|
|
131
135
|
const require_runtime_popoverConfig = require("./runtime/popoverConfig.cjs");
|
|
132
136
|
const require_runtime_toastConfig = require("./runtime/toastConfig.cjs");
|
|
@@ -294,7 +298,9 @@ exports.TooltipConfig = require_generatedConfigs.TooltipConfig;
|
|
|
294
298
|
exports.TooltipContent = require_components_client_Tooltip_TooltipContent.TooltipContent;
|
|
295
299
|
exports.TooltipTrigger = require_components_client_Tooltip_TooltipTrigger.TooltipTrigger;
|
|
296
300
|
exports.UDSBreakpointsConfigProvider = require_components_client_providers_UDSBreakpointsConfigProvider.UDSBreakpointsConfigProvider;
|
|
301
|
+
exports.UDSButtonConfigProvider = require_components_client_Button_UDSButtonConfigProvider.UDSButtonConfigProvider;
|
|
297
302
|
exports.UDSConfigProvider = require_components_client_providers_UDSConfigProvider.UDSConfigProvider;
|
|
303
|
+
exports.UDSIconButtonConfigProvider = require_components_client_IconButton_UDSIconButtonConfigProvider.UDSIconButtonConfigProvider;
|
|
298
304
|
exports.UDSModalConfigProvider = require_components_client_Modal_UDSModalConfigProvider.UDSModalConfigProvider;
|
|
299
305
|
exports.UDSPopoverConfigProvider = require_components_client_Popover_UDSPopoverConfigProvider.UDSPopoverConfigProvider;
|
|
300
306
|
exports.UDSToastConfigProvider = require_components_client_Toast_UDSToastConfigProvider.UDSToastConfigProvider;
|
|
@@ -315,6 +321,8 @@ exports.cartesianProduct = require_cartesianProduct.cartesianProduct;
|
|
|
315
321
|
exports.coalesceConfigVariant = require_coalesceConfigVariant.coalesceConfigVariant;
|
|
316
322
|
exports.configToBottomSheetConfigContext = require_runtime_bottomSheetConfig.configToBottomSheetConfigContext;
|
|
317
323
|
exports.configToBreakpointsConfigContext = require_runtime_breakpointsConfig.configToBreakpointsConfigContext;
|
|
324
|
+
exports.configToButtonConfigContext = require_runtime_buttonConfig.configToButtonConfigContext;
|
|
325
|
+
exports.configToIconButtonConfigContext = require_runtime_iconButtonConfig.configToIconButtonConfigContext;
|
|
318
326
|
exports.configToModalConfigContext = require_runtime_modalConfig.configToModalConfigContext;
|
|
319
327
|
exports.configToPopoverConfigContext = require_runtime_popoverConfig.configToPopoverConfigContext;
|
|
320
328
|
exports.configToToastConfigContext = require_runtime_toastConfig.configToToastConfigContext;
|
|
@@ -401,6 +409,8 @@ exports.toRgbChannel = require_tokens_utils_spectrum.toRgbChannel;
|
|
|
401
409
|
exports.toSpectrumValueEntry = require_tokens_utils_spectrum.toSpectrumValueEntry;
|
|
402
410
|
exports.useBottomSheetStore = require_components_client_BottomSheet_useBottomSheetStore.useBottomSheetStore;
|
|
403
411
|
exports.useBreakpointsConfig = require_components_client_providers_UDSBreakpointsConfigProvider.useBreakpointsConfig;
|
|
412
|
+
exports.useButtonConfig = require_components_client_Button_UDSButtonConfigProvider.useButtonConfig;
|
|
413
|
+
exports.useIconButtonConfig = require_components_client_IconButton_UDSIconButtonConfigProvider.useIconButtonConfig;
|
|
404
414
|
exports.useModalConfig = require_components_client_Modal_UDSModalConfigProvider.useModalConfig;
|
|
405
415
|
exports.useToastConfig = require_components_client_Toast_UDSToastConfigProvider.useToastConfig;
|
|
406
416
|
exports.variants = require_styles_variants.variants;
|