@yahoo/uds 3.100.0-beta.1 → 3.100.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/automated-config/dist/generated/autoVariants.cjs +1 -0
- package/dist/automated-config/dist/generated/autoVariants.d.cts +1 -0
- package/dist/automated-config/dist/generated/autoVariants.d.ts +1 -0
- package/dist/automated-config/dist/generated/autoVariants.js +1 -0
- package/dist/automated-config/dist/generated/generatedConfigs.cjs +67 -15
- package/dist/automated-config/dist/generated/generatedConfigs.d.cts +27 -0
- package/dist/automated-config/dist/generated/generatedConfigs.d.ts +27 -0
- package/dist/automated-config/dist/generated/generatedConfigs.js +67 -15
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +17 -5
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +17 -5
- package/dist/automated-config/dist/properties.cjs +12 -1
- package/dist/automated-config/dist/properties.d.cts +7 -1
- package/dist/automated-config/dist/properties.d.ts +7 -1
- package/dist/automated-config/dist/properties.js +12 -1
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/automated-config/dist/utils/index.cjs +4 -4
- package/dist/automated-config/dist/utils/index.d.cts +4 -0
- package/dist/automated-config/dist/utils/index.d.ts +4 -0
- package/dist/automated-config/dist/utils/index.js +4 -4
- package/dist/components/client/Tooltip/TooltipContent.cjs +6 -4
- package/dist/components/client/Tooltip/TooltipContent.js +6 -4
- package/dist/config/dist/index.cjs +17 -5
- package/dist/config/dist/index.d.cts +16 -0
- package/dist/config/dist/index.d.ts +16 -0
- package/dist/config/dist/index.js +17 -5
- package/dist/runtime/tooltipConfig.cjs +0 -4
- package/dist/runtime/tooltipConfig.d.cts +1 -2
- package/dist/runtime/tooltipConfig.d.ts +1 -2
- package/dist/runtime/tooltipConfig.js +0 -4
- package/dist/styles/styler.d.cts +56 -55
- package/dist/styles/styler.d.ts +56 -55
- package/dist/styles/variants.d.cts +3 -0
- package/dist/styles/variants.d.ts +3 -0
- package/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
- package/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
- package/dist/uds/generated/tailwindPurge.cjs +4 -3
- package/dist/uds/generated/tailwindPurge.js +4 -3
- package/package.json +1 -1
package/dist/styles/styler.d.ts
CHANGED
|
@@ -12,22 +12,22 @@ declare const cva: CVA<string>;
|
|
|
12
12
|
declare const getStylesInternal: (props?: ({
|
|
13
13
|
avatarIconVariantRoot?: "primary" | "secondary" | undefined;
|
|
14
14
|
avatarImageVariantRoot?: "primary" | "secondary" | undefined;
|
|
15
|
-
avatarSizeIcon?: "
|
|
16
|
-
avatarSizeRoot?: "
|
|
15
|
+
avatarSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
|
|
16
|
+
avatarSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
|
|
17
17
|
avatarTextVariantRoot?: "primary" | "secondary" | undefined;
|
|
18
|
-
badgeSizeIcon?: "
|
|
19
|
-
badgeSizeRoot?: "
|
|
20
|
-
badgeVariantIcon?: "
|
|
21
|
-
badgeVariantRoot?: "
|
|
22
|
-
buttonSizeIcon?: "
|
|
23
|
-
buttonSizeRoot?: "
|
|
24
|
-
buttonVariantIcon?: "primary" | "secondary" | "
|
|
25
|
-
buttonVariantRoot?: "primary" | "secondary" | "
|
|
18
|
+
badgeSizeIcon?: "xs" | "sm" | "md" | "lg" | undefined;
|
|
19
|
+
badgeSizeRoot?: "xs" | "sm" | "md" | "lg" | undefined;
|
|
20
|
+
badgeVariantIcon?: "alert" | "primary" | "secondary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
|
|
21
|
+
badgeVariantRoot?: "alert" | "primary" | "secondary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | undefined;
|
|
22
|
+
buttonSizeIcon?: "xs" | "sm" | "md" | "lg" | undefined;
|
|
23
|
+
buttonSizeRoot?: "xs" | "sm" | "md" | "lg" | undefined;
|
|
24
|
+
buttonVariantIcon?: "alert" | "primary" | "secondary" | "tertiary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
|
|
25
|
+
buttonVariantRoot?: "alert" | "primary" | "secondary" | "tertiary" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
|
|
26
26
|
checkboxSizeCheckbox?: "sm" | "md" | undefined;
|
|
27
27
|
checkboxSizeRoot?: "sm" | "md" | undefined;
|
|
28
|
-
checkboxVariantCheckbox?: "
|
|
29
|
-
checkboxVariantCheckboxIcon?: "
|
|
30
|
-
checkboxVariantRoot?: "
|
|
28
|
+
checkboxVariantCheckbox?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
|
|
29
|
+
checkboxVariantCheckboxIcon?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
|
|
30
|
+
checkboxVariantRoot?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
|
|
31
31
|
checkboxVariantValueCheckbox?: "checked" | "indeterminate" | "unchecked" | undefined;
|
|
32
32
|
checkboxVariantValueCheckboxIcon?: "checked" | "indeterminate" | "unchecked" | undefined;
|
|
33
33
|
checkboxVariantValueRoot?: "checked" | "indeterminate" | "unchecked" | undefined;
|
|
@@ -44,8 +44,8 @@ declare const getStylesInternal: (props?: ({
|
|
|
44
44
|
dividerVariantLabel?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
|
|
45
45
|
dividerVariantLine?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
|
|
46
46
|
dividerVariantRoot?: "primary" | "secondary" | "tertiary" | "muted" | undefined;
|
|
47
|
-
iconbuttonSizeIcon?: "
|
|
48
|
-
iconbuttonSizeRoot?: "
|
|
47
|
+
iconbuttonSizeIcon?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
|
|
48
|
+
iconbuttonSizeRoot?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
|
|
49
49
|
inputSizeEndIcon?: "md" | "lg" | undefined;
|
|
50
50
|
inputSizeHelperIcon?: "md" | "lg" | undefined;
|
|
51
51
|
inputSizeHelperText?: "md" | "lg" | undefined;
|
|
@@ -103,9 +103,9 @@ declare const getStylesInternal: (props?: ({
|
|
|
103
103
|
menuitemSizeStartIcon?: "default" | undefined;
|
|
104
104
|
radioSizeRadio?: "sm" | "md" | undefined;
|
|
105
105
|
radioSizeRoot?: "sm" | "md" | undefined;
|
|
106
|
-
radioVariantRadio?: "
|
|
107
|
-
radioVariantRadioCircle?: "
|
|
108
|
-
radioVariantRoot?: "
|
|
106
|
+
radioVariantRadio?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
|
|
107
|
+
radioVariantRadioCircle?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
|
|
108
|
+
radioVariantRoot?: "alert" | "primary" | "secondary" | "alert-secondary" | undefined;
|
|
109
109
|
radioVariantValueRadio?: "checked" | "unchecked" | undefined;
|
|
110
110
|
radioVariantValueRadioCircle?: "checked" | "unchecked" | undefined;
|
|
111
111
|
radioVariantValueRoot?: "checked" | "unchecked" | undefined;
|
|
@@ -136,16 +136,17 @@ declare const getStylesInternal: (props?: ({
|
|
|
136
136
|
tooltipSizeSvg?: "default" | undefined;
|
|
137
137
|
tooltipSizeTitle?: "default" | undefined;
|
|
138
138
|
tooltipVariantBlur?: "default" | undefined;
|
|
139
|
+
tooltipVariantIcon?: "default" | undefined;
|
|
139
140
|
tooltipVariantRoot?: "default" | undefined;
|
|
140
141
|
tooltipVariantSvg?: "default" | undefined;
|
|
141
|
-
color?: "primary" | "secondary" | "
|
|
142
|
-
placeholderColor?: "primary" | "secondary" | "
|
|
142
|
+
color?: "alert" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
|
|
143
|
+
placeholderColor?: "alert" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | undefined;
|
|
143
144
|
fontFamily?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "sans" | "sans-alt" | "serif" | "serif-alt" | "mono" | undefined;
|
|
144
145
|
fontSize?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
145
|
-
fontWeight?: "black" | "
|
|
146
|
+
fontWeight?: "black" | "bold" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | undefined;
|
|
146
147
|
lineHeight?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
147
148
|
letterSpacing?: "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
|
|
148
|
-
textAlign?: "
|
|
149
|
+
textAlign?: "center" | "justify" | "start" | "end" | undefined;
|
|
149
150
|
textTransform?: "none" | "display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | "legal1" | "ui1" | "ui2" | "ui3" | "ui4" | "ui5" | "ui6" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title1/emphasized" | "title2/emphasized" | "title3/emphasized" | "title4/emphasized" | "headline1/emphasized" | "body1/emphasized" | "label1/emphasized" | "label2/emphasized" | "label3/emphasized" | "label4/emphasized" | "caption1/emphasized" | "caption2/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
|
150
151
|
spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
151
152
|
spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
@@ -163,50 +164,50 @@ declare const getStylesInternal: (props?: ({
|
|
|
163
164
|
offsetTop?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
164
165
|
columnGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
165
166
|
rowGap?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
166
|
-
backgroundColor?: "
|
|
167
|
-
borderColor?: "primary" | "secondary" | "
|
|
168
|
-
borderStartColor?: "primary" | "secondary" | "
|
|
169
|
-
borderEndColor?: "primary" | "secondary" | "
|
|
170
|
-
borderBottomColor?: "primary" | "secondary" | "
|
|
171
|
-
borderTopColor?: "primary" | "secondary" | "
|
|
172
|
-
borderRadius?: "
|
|
173
|
-
borderTopStartRadius?: "
|
|
174
|
-
borderTopEndRadius?: "
|
|
175
|
-
borderBottomStartRadius?: "
|
|
176
|
-
borderBottomEndRadius?: "
|
|
177
|
-
borderWidth?: "
|
|
178
|
-
borderVerticalWidth?: "
|
|
179
|
-
borderHorizontalWidth?: "
|
|
180
|
-
borderStartWidth?: "
|
|
181
|
-
borderEndWidth?: "
|
|
182
|
-
borderTopWidth?: "
|
|
183
|
-
borderBottomWidth?: "
|
|
184
|
-
avatarSize?: "
|
|
185
|
-
iconSize?: "
|
|
186
|
-
alignContent?: "
|
|
187
|
-
alignItems?: "
|
|
188
|
-
alignSelf?: "
|
|
189
|
-
flex?: "
|
|
167
|
+
backgroundColor?: "alert" | "primary" | "secondary" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
168
|
+
borderColor?: "alert" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
169
|
+
borderStartColor?: "alert" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
170
|
+
borderEndColor?: "alert" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
171
|
+
borderBottomColor?: "alert" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
172
|
+
borderTopColor?: "alert" | "primary" | "secondary" | "tertiary" | "muted" | "accent" | "brand" | "positive" | "warning" | "info" | "alert-secondary" | "brand-secondary" | "positive-secondary" | "warning-secondary" | "info-secondary" | "white" | "black" | "transparent" | "current" | "always/white" | "always/black" | "always/transparent" | "always/current" | "always/brand" | "always/accent" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | undefined;
|
|
173
|
+
borderRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
|
|
174
|
+
borderTopStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
|
|
175
|
+
borderTopEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
|
|
176
|
+
borderBottomStartRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
|
|
177
|
+
borderBottomEndRadius?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
|
|
178
|
+
borderWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
|
|
179
|
+
borderVerticalWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
|
|
180
|
+
borderHorizontalWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
|
|
181
|
+
borderStartWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
|
|
182
|
+
borderEndWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
|
|
183
|
+
borderTopWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
|
|
184
|
+
borderBottomWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
|
|
185
|
+
avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
|
|
186
|
+
iconSize?: "xs" | "sm" | "md" | "lg" | undefined;
|
|
187
|
+
alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
|
|
188
|
+
alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
|
|
189
|
+
alignSelf?: "auto" | "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
|
|
190
|
+
flex?: "none" | "auto" | "1" | "initial" | undefined;
|
|
190
191
|
flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
191
192
|
flexGrow?: "0" | "1" | "2" | "3" | undefined;
|
|
192
193
|
flexShrink?: "0" | "1" | undefined;
|
|
193
194
|
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
194
|
-
justifyContent?: "
|
|
195
|
+
justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
|
|
195
196
|
flexBasis?: "min-content" | undefined;
|
|
196
|
-
display?: "flex" | "none" | "block" | "inline-block" | "inline" | "inline-flex" | "
|
|
197
|
+
display?: "flex" | "none" | "grid" | "table" | "block" | "inline-block" | "inline" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "contents" | undefined;
|
|
197
198
|
overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
|
|
198
199
|
overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
|
|
199
200
|
overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
|
|
200
|
-
position?: "
|
|
201
|
-
contentFit?: "none" | "
|
|
201
|
+
position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
|
|
202
|
+
contentFit?: "none" | "cover" | "contain" | "fill" | "scale-down" | undefined;
|
|
202
203
|
colorMode?: "light" | "dark" | undefined;
|
|
203
|
-
scaleMode?: "
|
|
204
|
+
scaleMode?: "small" | "medium" | "xSmall" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
|
|
204
205
|
width?: "full" | "fit" | "screen" | undefined;
|
|
205
206
|
height?: "full" | "fit" | "screen" | undefined;
|
|
206
|
-
dropShadow?: "
|
|
207
|
-
insetShadow?: "
|
|
208
|
-
nestedBorderRadiusSize?: "
|
|
209
|
-
nestedBorderRadiusWidth?: "
|
|
207
|
+
dropShadow?: "none" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
|
|
208
|
+
insetShadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | undefined;
|
|
209
|
+
nestedBorderRadiusSize?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | undefined;
|
|
210
|
+
nestedBorderRadiusWidth?: "none" | "thin" | "medium" | "elevation-0" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-4" | "elevation-5" | "thick" | undefined;
|
|
210
211
|
nestedBorderRadiusSpacing?: "0" | "1" | "2" | "3" | "4" | "5" | "px" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
|
|
211
212
|
nestedBorderRadius?: boolean | "first" | "last" | undefined;
|
|
212
213
|
} & {
|
|
@@ -628,6 +628,9 @@ declare const variants: {
|
|
|
628
628
|
tooltipVariantBlur: {
|
|
629
629
|
readonly default: "uds-tooltip-variant-default-blur";
|
|
630
630
|
};
|
|
631
|
+
tooltipVariantIcon: {
|
|
632
|
+
readonly default: "uds-tooltip-variant-default-icon";
|
|
633
|
+
};
|
|
631
634
|
tooltipVariantRoot: {
|
|
632
635
|
readonly default: "uds-tooltip-variant-default-root";
|
|
633
636
|
};
|
|
@@ -628,6 +628,9 @@ declare const variants: {
|
|
|
628
628
|
tooltipVariantBlur: {
|
|
629
629
|
readonly default: "uds-tooltip-variant-default-blur";
|
|
630
630
|
};
|
|
631
|
+
tooltipVariantIcon: {
|
|
632
|
+
readonly default: "uds-tooltip-variant-default-icon";
|
|
633
|
+
};
|
|
631
634
|
tooltipVariantRoot: {
|
|
632
635
|
readonly default: "uds-tooltip-variant-default-root";
|
|
633
636
|
};
|
|
@@ -4,8 +4,8 @@ import { UniversalTokensConfig } from "../../config/dist/index.cjs";
|
|
|
4
4
|
import "../../tokens/index.cjs";
|
|
5
5
|
|
|
6
6
|
//#region src/tailwind/utils/getShadowStyles.d.ts
|
|
7
|
-
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-
|
|
8
|
-
readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-
|
|
7
|
+
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
|
|
8
|
+
readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
9
9
|
readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
10
10
|
}];
|
|
11
11
|
declare function getShadowStyles({
|
|
@@ -14,8 +14,8 @@ declare function getShadowStyles({
|
|
|
14
14
|
}: {
|
|
15
15
|
config: UniversalTokensConfig;
|
|
16
16
|
shadowType: ShadowType;
|
|
17
|
-
}): Record<".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-
|
|
18
|
-
readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-
|
|
17
|
+
}): Record<".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
|
|
18
|
+
readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
19
19
|
readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
20
20
|
}>;
|
|
21
21
|
//#endregion
|
|
@@ -4,8 +4,8 @@ import { UniversalTokensConfig } from "../../config/dist/index.js";
|
|
|
4
4
|
import "../../tokens/index.js";
|
|
5
5
|
|
|
6
6
|
//#region src/tailwind/utils/getShadowStyles.d.ts
|
|
7
|
-
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-
|
|
8
|
-
readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-
|
|
7
|
+
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
|
|
8
|
+
readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
9
9
|
readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
10
10
|
}];
|
|
11
11
|
declare function getShadowStyles({
|
|
@@ -14,8 +14,8 @@ declare function getShadowStyles({
|
|
|
14
14
|
}: {
|
|
15
15
|
config: UniversalTokensConfig;
|
|
16
16
|
shadowType: ShadowType;
|
|
17
|
-
}): Record<".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-
|
|
18
|
-
readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-
|
|
17
|
+
}): Record<".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl", {
|
|
18
|
+
readonly [x: string]: "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
19
19
|
readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
20
20
|
}>;
|
|
21
21
|
//#endregion
|
|
@@ -199,6 +199,7 @@ const variantsList = [
|
|
|
199
199
|
"tooltipSizeSvg",
|
|
200
200
|
"tooltipSizeTitle",
|
|
201
201
|
"tooltipVariantBlur",
|
|
202
|
+
"tooltipVariantIcon",
|
|
202
203
|
"tooltipVariantRoot",
|
|
203
204
|
"tooltipVariantSvg"
|
|
204
205
|
];
|
|
@@ -4290,9 +4291,9 @@ const componentToTwClasses = {
|
|
|
4290
4291
|
Toast: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4291
4292
|
ToastContainer: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator relative z-0 mb-2 box-border flex hidden w-full touch-none break-words last\\:mb-0:last-child uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4292
4293
|
ToastPortal: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator transition uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4293
|
-
Tooltip: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4294
|
-
TooltipContent: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator pointer-events-none absolute relative left-0 top-0 z-\\[1\\] z-\\[2\\] z-\\[3\\] z-\\[9999\\] flex h-full w-full transform overflow-visible stroke-1 shadow blur filter transition-opacity duration-200 ease-in-out uds-bgBlurFillFallback uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4295
|
-
TooltipTrigger: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator inline uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4294
|
+
Tooltip: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-icon uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4295
|
+
TooltipContent: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator pointer-events-none absolute relative left-0 top-0 z-\\[1\\] z-\\[2\\] z-\\[3\\] z-\\[9999\\] flex h-full w-full transform overflow-visible stroke-1 shadow blur filter transition-opacity duration-200 ease-in-out uds-bgBlurFillFallback uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-icon uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4296
|
+
TooltipTrigger: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator inline uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-icon uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4296
4297
|
UDSBreakpointsConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4297
4298
|
UDSConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4298
4299
|
UDSToastConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
@@ -198,6 +198,7 @@ const variantsList = [
|
|
|
198
198
|
"tooltipSizeSvg",
|
|
199
199
|
"tooltipSizeTitle",
|
|
200
200
|
"tooltipVariantBlur",
|
|
201
|
+
"tooltipVariantIcon",
|
|
201
202
|
"tooltipVariantRoot",
|
|
202
203
|
"tooltipVariantSvg"
|
|
203
204
|
];
|
|
@@ -4289,9 +4290,9 @@ const componentToTwClasses = {
|
|
|
4289
4290
|
Toast: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4290
4291
|
ToastContainer: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator relative z-0 mb-2 box-border flex hidden w-full touch-none break-words last\\:mb-0:last-child uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4291
4292
|
ToastPortal: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator transition uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator w-full flex-none animate-spin bg-carbon-15\\/0 transition-\\[background-color\\] duration-0 hover\\:bg-carbon-15\\/10:hover active\\:bg-carbon-15\\/15:active uds-toast-size-default-actionbutton uds-toast-size-default-closeicon uds-toast-size-default-icon uds-toast-size-default-label uds-toast-size-default-root uds-toast-variant-error-actionbutton uds-toast-variant-info-actionbutton uds-toast-variant-loading-actionbutton uds-toast-variant-success-actionbutton uds-toast-variant-warning-actionbutton uds-toast-variant-error-closeicon uds-toast-variant-info-closeicon uds-toast-variant-loading-closeicon uds-toast-variant-success-closeicon uds-toast-variant-warning-closeicon uds-toast-variant-error-icon uds-toast-variant-info-icon uds-toast-variant-loading-icon uds-toast-variant-success-icon uds-toast-variant-warning-icon uds-toast-variant-error-root uds-toast-variant-info-root uds-toast-variant-loading-root uds-toast-variant-success-root uds-toast-variant-warning-root",
|
|
4292
|
-
Tooltip: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4293
|
-
TooltipContent: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator pointer-events-none absolute relative left-0 top-0 z-\\[1\\] z-\\[2\\] z-\\[3\\] z-\\[9999\\] flex h-full w-full transform overflow-visible stroke-1 shadow blur filter transition-opacity duration-200 ease-in-out uds-bgBlurFillFallback uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4294
|
-
TooltipTrigger: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator inline uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4293
|
+
Tooltip: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-icon uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4294
|
+
TooltipContent: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator pointer-events-none absolute relative left-0 top-0 z-\\[1\\] z-\\[2\\] z-\\[3\\] z-\\[9999\\] flex h-full w-full transform overflow-visible stroke-1 shadow blur filter transition-opacity duration-200 ease-in-out uds-bgBlurFillFallback uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-icon uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4295
|
+
TooltipTrigger: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator inline uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator visible uds-tooltip-size-default-body uds-tooltip-size-default-icon uds-tooltip-size-default-root uds-tooltip-size-default-svg uds-tooltip-size-default-title uds-tooltip-variant-default-blur uds-tooltip-variant-default-icon uds-tooltip-variant-default-root uds-tooltip-variant-default-svg",
|
|
4295
4296
|
UDSBreakpointsConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4296
4297
|
UDSConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|
|
4297
4298
|
UDSToastConfigProvider: "uds-hit-target uds-ring uds-ring:focus-visible focused .uds-ring uds-ring.uds-ring-within:has(:focus-visible) uds-input[list]::-webkit-calendar-picker-indicator uds-input::-webkit-datetime-edit uds-input::-webkit-calendar-picker-indicator",
|