@yahoo/uds 3.68.0 → 3.69.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/components/Box.d.cts +2 -2
- package/dist/components/Divider/Divider.d.cts +2 -2
- package/dist/components/Divider/DividerCore.d.cts +2 -2
- package/dist/components/Divider/DividerCore.d.ts +2 -2
- package/dist/components/Divider/DividerInternal.d.cts +2 -2
- package/dist/components/Divider/DividerInternal.d.ts +2 -2
- package/dist/components/HStack.d.cts +2 -2
- package/dist/components/Icon.d.cts +2 -2
- package/dist/components/Image.d.cts +2 -2
- package/dist/components/Link.d.cts +2 -2
- package/dist/components/Text.d.cts +8 -8
- package/dist/components/VStack.d.cts +2 -2
- package/dist/components/client/AnimateHeightChange.d.cts +2 -2
- package/dist/components/client/AnimateHeightChange.d.ts +2 -2
- package/dist/components/client/Avatar/Avatar.d.cts +2 -2
- package/dist/components/client/Avatar/Avatar.d.ts +2 -2
- package/dist/components/client/Avatar/AvatarIcon.d.cts +2 -2
- package/dist/components/client/Avatar/AvatarIcon.d.ts +2 -2
- package/dist/components/client/Avatar/AvatarImage.d.cts +2 -2
- package/dist/components/client/Avatar/AvatarImage.d.ts +2 -2
- package/dist/components/client/Avatar/AvatarText.d.cts +2 -2
- package/dist/components/client/Avatar/AvatarText.d.ts +2 -2
- package/dist/components/client/Checkbox.d.cts +1 -1
- package/dist/components/client/Checkbox.d.ts +1 -1
- package/dist/components/client/IconButton.d.cts +2 -2
- package/dist/components/client/Input/Input.d.cts +2 -2
- package/dist/components/client/Input/Input.d.ts +2 -2
- package/dist/components/client/Input/InputHelpText.d.cts +2 -2
- package/dist/components/client/Input/InputHelpText.d.ts +2 -2
- package/dist/components/client/Input/InputHelpTextInternal.d.cts +4 -4
- package/dist/components/client/Input/InputHelpTextInternal.d.ts +4 -4
- package/dist/components/client/Menu/Menu.Content.d.cts +2 -2
- package/dist/components/client/Menu/Menu.Content.d.ts +2 -2
- package/dist/components/client/Menu/Menu.Divider.d.cts +2 -2
- package/dist/components/client/Menu/Menu.Divider.d.ts +2 -2
- package/dist/components/client/Menu/Menu.Item.d.cts +2 -2
- package/dist/components/client/Menu/Menu.Item.d.ts +2 -2
- package/dist/components/client/Menu/Menu.ItemBase.d.cts +2 -2
- package/dist/components/client/Menu/Menu.ItemBase.d.ts +2 -2
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +2 -2
- package/dist/components/client/Menu/Menu.Provider.d.cts +2 -2
- package/dist/components/client/Menu/Menu.Trigger.d.ts +2 -2
- package/dist/components/client/Pressable.d.cts +2 -2
- package/dist/components/client/Radio/RadioGroupStore.d.cts +2 -2
- package/dist/components/client/Radio/RadioGroupStore.d.ts +2 -2
- package/dist/components/client/SpringMotionConfig.d.cts +3 -3
- package/dist/components/client/SpringMotionConfig.d.ts +2 -2
- package/dist/components/experimental/Spinner.d.ts +2 -2
- package/dist/components/experimental/Table.d.ts +2 -2
- package/dist/components/experimental/client/Accordion.d.cts +2 -2
- package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.cts +2 -2
- package/dist/components/experimental/client/AvoidMotionLibraryProvider.d.ts +2 -2
- package/dist/components/experimental/client/Modal.d.cts +3 -3
- package/dist/components/experimental/client/Modal.d.ts +3 -3
- package/dist/components/experimental/client/Popover.d.ts +3 -3
- package/dist/components/experimental/client/Tabs.d.cts +6 -6
- package/dist/components/experimental/client/Tabs.d.ts +6 -6
- package/dist/components/experimental/client/Toast.d.cts +2 -2
- package/dist/components/experimental/client/Toast.d.ts +2 -2
- package/dist/defaultTokensConfig.d.cts +3897 -3897
- package/dist/defaultTokensConfig.d.ts +3897 -3897
- package/dist/fixtures.cjs +9 -9
- package/dist/fixtures.js +9 -9
- package/dist/generated/autoVariants.cjs +402 -402
- package/dist/generated/autoVariants.d.cts +103 -103
- package/dist/generated/autoVariants.d.ts +103 -103
- package/dist/generated/autoVariants.js +402 -402
- package/dist/generated/generatedConfigs.cjs +18960 -18960
- package/dist/generated/generatedConfigs.js +18960 -18960
- package/dist/generated/tailwindPurge.cjs +112 -112
- package/dist/generated/tailwindPurge.js +112 -112
- package/dist/generated/universalTokensConfigAuto.cjs +8648 -8648
- package/dist/generated/universalTokensConfigAuto.d.cts +4831 -4831
- package/dist/generated/universalTokensConfigAuto.d.ts +4831 -4831
- package/dist/generated/universalTokensConfigAuto.js +8648 -8648
- package/dist/providers/ColorModeProvider.d.cts +4 -4
- package/dist/providers/ColorModeProvider.d.ts +4 -4
- package/dist/providers/ScaleModeProvider.d.cts +4 -4
- package/dist/providers/ScaleModeProvider.d.ts +4 -4
- package/dist/providers/ThemeProvider.d.cts +2 -2
- package/dist/styles/styler.d.cts +147 -147
- package/dist/styles/styler.d.ts +147 -147
- package/dist/styles/variants.d.cts +429 -429
- package/dist/styles/variants.d.ts +429 -429
- package/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.cts +3 -3
- package/dist/tailwind/defaultTailwindThemeAsUdsConfig.d.ts +3 -3
- package/dist/tailwind/plugins/a11y.d.cts +3 -3
- package/dist/tailwind/plugins/a11y.d.ts +3 -3
- package/dist/tailwind/plugins/borders.d.cts +3 -3
- package/dist/tailwind/plugins/borders.d.ts +3 -3
- package/dist/tailwind/plugins/colors.d.cts +3 -3
- package/dist/tailwind/plugins/colors.d.ts +3 -3
- package/dist/tailwind/plugins/components.d.cts +3 -3
- package/dist/tailwind/plugins/components.d.ts +3 -3
- package/dist/tailwind/plugins/elevation.d.cts +3 -3
- package/dist/tailwind/plugins/elevation.d.ts +3 -3
- package/dist/tailwind/plugins/icons.d.cts +3 -3
- package/dist/tailwind/plugins/icons.d.ts +3 -3
- package/dist/tailwind/plugins/input.d.cts +3 -3
- package/dist/tailwind/plugins/input.d.ts +3 -3
- package/dist/tailwind/plugins/motion.d.cts +3 -3
- package/dist/tailwind/plugins/motion.d.ts +3 -3
- package/dist/tailwind/plugins/nestedBorderRadius.d.cts +3 -3
- package/dist/tailwind/plugins/scaleMode.d.cts +3 -3
- package/dist/tailwind/plugins/shadows.d.cts +3 -3
- package/dist/tailwind/plugins/sizing.d.cts +3 -3
- package/dist/tailwind/plugins/spacing.d.cts +3 -3
- package/dist/tailwind/plugins/spacing.d.ts +3 -3
- package/dist/tailwind/plugins/typography.d.cts +3 -3
- package/dist/tailwind/plugins/typography.d.ts +3 -3
- package/dist/tailwind/utils/addFontsPlugin.d.cts +3 -3
- package/dist/tailwind/utils/composeTailwindPlugins.d.cts +3 -3
- package/dist/tailwind/utils/getElevationStyles.d.cts +2 -2
- package/dist/tailwind/utils/getElevationStyles.d.ts +2 -2
- package/dist/tailwind/utils/getMotionStyles.d.cts +1 -1
- package/dist/tailwind/utils/getMotionStyles.d.ts +1 -1
- package/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
- package/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
- package/dist/tokens/automation/properties.d.cts +9 -9
- package/dist/tokens/automation/properties.d.ts +9 -9
- package/dist/tokens/automation/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/tokens/automation/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/tokens/configs/yosConfig.cjs +15694 -15694
- package/dist/tokens/configs/yosConfig.d.cts +10007 -10007
- package/dist/tokens/configs/yosConfig.d.ts +10007 -10007
- package/dist/tokens/configs/yosConfig.js +15694 -15694
- package/dist/utils/intersperse.d.cts +2 -2
- package/dist/utils/intersperse.d.ts +2 -2
- package/package.json +1 -1
- package/cli/FlattenButtonVariant.mock.tsx +0 -17
|
@@ -1,122 +1,102 @@
|
|
|
1
1
|
//#region src/styles/variants.d.ts
|
|
2
2
|
declare const variants: {
|
|
3
|
-
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
6
|
-
};
|
|
7
|
-
checkboxSizeCheckbox: {
|
|
8
|
-
readonly sm: "uds-checkbox-size-sm-checkbox";
|
|
9
|
-
readonly md: "uds-checkbox-size-md-checkbox";
|
|
10
|
-
};
|
|
11
|
-
checkboxVariantValueRoot: {
|
|
12
|
-
readonly checked: "uds-checkbox-variant-value-checked-root";
|
|
13
|
-
readonly unchecked: "uds-checkbox-variant-value-unchecked-root";
|
|
14
|
-
readonly indeterminate: "uds-checkbox-variant-value-indeterminate-root";
|
|
15
|
-
};
|
|
16
|
-
checkboxVariantRoot: {
|
|
17
|
-
readonly primary: "uds-checkbox-variant-primary-root";
|
|
18
|
-
readonly secondary: "uds-checkbox-variant-secondary-root";
|
|
19
|
-
readonly alert: "uds-checkbox-variant-alert-root";
|
|
20
|
-
readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-root";
|
|
21
|
-
};
|
|
22
|
-
checkboxVariantValueCheckbox: {
|
|
23
|
-
readonly checked: "uds-checkbox-variant-value-checked-checkbox";
|
|
24
|
-
readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox";
|
|
25
|
-
readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox";
|
|
26
|
-
};
|
|
27
|
-
checkboxVariantCheckbox: {
|
|
28
|
-
readonly primary: "uds-checkbox-variant-primary-checkbox";
|
|
29
|
-
readonly secondary: "uds-checkbox-variant-secondary-checkbox";
|
|
30
|
-
readonly alert: "uds-checkbox-variant-alert-checkbox";
|
|
31
|
-
readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox";
|
|
32
|
-
};
|
|
33
|
-
checkboxVariantValueCheckboxIcon: {
|
|
34
|
-
readonly checked: "uds-checkbox-variant-value-checked-checkbox-icon";
|
|
35
|
-
readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox-icon";
|
|
36
|
-
readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox-icon";
|
|
37
|
-
};
|
|
38
|
-
checkboxVariantCheckboxIcon: {
|
|
39
|
-
readonly primary: "uds-checkbox-variant-primary-checkbox-icon";
|
|
40
|
-
readonly secondary: "uds-checkbox-variant-secondary-checkbox-icon";
|
|
41
|
-
readonly alert: "uds-checkbox-variant-alert-checkbox-icon";
|
|
42
|
-
readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox-icon";
|
|
43
|
-
};
|
|
44
|
-
dividerVariantRoot: {
|
|
45
|
-
readonly primary: "uds-divider-variant-primary-root";
|
|
46
|
-
readonly secondary: "uds-divider-variant-secondary-root";
|
|
47
|
-
readonly tertiary: "uds-divider-variant-tertiary-root";
|
|
48
|
-
readonly muted: "uds-divider-variant-muted-root";
|
|
49
|
-
};
|
|
50
|
-
dividerVariantLine: {
|
|
51
|
-
readonly primary: "uds-divider-variant-primary-line";
|
|
52
|
-
readonly secondary: "uds-divider-variant-secondary-line";
|
|
53
|
-
readonly tertiary: "uds-divider-variant-tertiary-line";
|
|
54
|
-
readonly muted: "uds-divider-variant-muted-line";
|
|
55
|
-
};
|
|
56
|
-
dividerVariantLabel: {
|
|
57
|
-
readonly primary: "uds-divider-variant-primary-label";
|
|
58
|
-
readonly secondary: "uds-divider-variant-secondary-label";
|
|
59
|
-
readonly tertiary: "uds-divider-variant-tertiary-label";
|
|
60
|
-
readonly muted: "uds-divider-variant-muted-label";
|
|
61
|
-
};
|
|
62
|
-
switchVariantActiveRoot: {
|
|
63
|
-
readonly on: "uds-switch-variant-active-on-root";
|
|
64
|
-
readonly off: "uds-switch-variant-active-off-root";
|
|
65
|
-
};
|
|
66
|
-
switchVariantRoot: {
|
|
67
|
-
readonly default: "uds-switch-variant-default-root";
|
|
68
|
-
};
|
|
69
|
-
switchVariantActiveSwitch: {
|
|
70
|
-
readonly on: "uds-switch-variant-active-on-switch";
|
|
71
|
-
readonly off: "uds-switch-variant-active-off-switch";
|
|
3
|
+
avatarIconVariantRoot: {
|
|
4
|
+
readonly primary: "uds-avatar-icon-variant-primary-root";
|
|
5
|
+
readonly secondary: "uds-avatar-icon-variant-secondary-root";
|
|
72
6
|
};
|
|
73
|
-
|
|
74
|
-
readonly
|
|
7
|
+
avatarImageVariantRoot: {
|
|
8
|
+
readonly primary: "uds-avatar-image-variant-primary-root";
|
|
9
|
+
readonly secondary: "uds-avatar-image-variant-secondary-root";
|
|
75
10
|
};
|
|
76
|
-
|
|
77
|
-
readonly
|
|
78
|
-
readonly
|
|
11
|
+
avatarSizeIcon: {
|
|
12
|
+
readonly lg: "uds-avatar-size-lg-icon";
|
|
13
|
+
readonly md: "uds-avatar-size-md-icon";
|
|
14
|
+
readonly sm: "uds-avatar-size-sm-icon";
|
|
15
|
+
readonly xl: "uds-avatar-size-xl-icon";
|
|
16
|
+
readonly xs: "uds-avatar-size-xs-icon";
|
|
79
17
|
};
|
|
80
|
-
|
|
81
|
-
readonly
|
|
18
|
+
avatarSizeRoot: {
|
|
19
|
+
readonly lg: "uds-avatar-size-lg-root";
|
|
20
|
+
readonly md: "uds-avatar-size-md-root";
|
|
21
|
+
readonly sm: "uds-avatar-size-sm-root";
|
|
22
|
+
readonly xl: "uds-avatar-size-xl-root";
|
|
23
|
+
readonly xs: "uds-avatar-size-xs-root";
|
|
82
24
|
};
|
|
83
|
-
|
|
84
|
-
readonly
|
|
85
|
-
readonly
|
|
25
|
+
avatarTextVariantRoot: {
|
|
26
|
+
readonly primary: "uds-avatar-text-variant-primary-root";
|
|
27
|
+
readonly secondary: "uds-avatar-text-variant-secondary-root";
|
|
86
28
|
};
|
|
87
|
-
|
|
88
|
-
readonly
|
|
29
|
+
badgeSizeIcon: {
|
|
30
|
+
readonly lg: "uds-badge-size-lg-icon";
|
|
31
|
+
readonly md: "uds-badge-size-md-icon";
|
|
32
|
+
readonly sm: "uds-badge-size-sm-icon";
|
|
33
|
+
readonly xs: "uds-badge-size-xs-icon";
|
|
89
34
|
};
|
|
90
|
-
|
|
91
|
-
readonly
|
|
92
|
-
readonly md: "uds-
|
|
35
|
+
badgeSizeRoot: {
|
|
36
|
+
readonly lg: "uds-badge-size-lg-root";
|
|
37
|
+
readonly md: "uds-badge-size-md-root";
|
|
38
|
+
readonly sm: "uds-badge-size-sm-root";
|
|
39
|
+
readonly xs: "uds-badge-size-xs-root";
|
|
93
40
|
};
|
|
94
|
-
|
|
95
|
-
readonly
|
|
96
|
-
readonly
|
|
41
|
+
badgeVariantIcon: {
|
|
42
|
+
readonly alert: "uds-badge-variant-alert-icon";
|
|
43
|
+
readonly 'alert-secondary': "uds-badge-variant-alert-secondary-icon";
|
|
44
|
+
readonly brand: "uds-badge-variant-brand-icon";
|
|
45
|
+
readonly 'brand-secondary': "uds-badge-variant-brand-secondary-icon";
|
|
46
|
+
readonly info: "uds-badge-variant-info-icon";
|
|
47
|
+
readonly 'info-secondary': "uds-badge-variant-info-secondary-icon";
|
|
48
|
+
readonly positive: "uds-badge-variant-positive-icon";
|
|
49
|
+
readonly 'positive-secondary': "uds-badge-variant-positive-secondary-icon";
|
|
50
|
+
readonly primary: "uds-badge-variant-primary-icon";
|
|
51
|
+
readonly secondary: "uds-badge-variant-secondary-icon";
|
|
52
|
+
readonly warning: "uds-badge-variant-warning-icon";
|
|
53
|
+
readonly 'warning-secondary': "uds-badge-variant-warning-secondary-icon";
|
|
97
54
|
};
|
|
98
|
-
|
|
99
|
-
readonly
|
|
100
|
-
readonly
|
|
55
|
+
badgeVariantRoot: {
|
|
56
|
+
readonly alert: "uds-badge-variant-alert-root";
|
|
57
|
+
readonly 'alert-secondary': "uds-badge-variant-alert-secondary-root";
|
|
58
|
+
readonly brand: "uds-badge-variant-brand-root";
|
|
59
|
+
readonly 'brand-secondary': "uds-badge-variant-brand-secondary-root";
|
|
60
|
+
readonly info: "uds-badge-variant-info-root";
|
|
61
|
+
readonly 'info-secondary': "uds-badge-variant-info-secondary-root";
|
|
62
|
+
readonly positive: "uds-badge-variant-positive-root";
|
|
63
|
+
readonly 'positive-secondary': "uds-badge-variant-positive-secondary-root";
|
|
64
|
+
readonly primary: "uds-badge-variant-primary-root";
|
|
65
|
+
readonly secondary: "uds-badge-variant-secondary-root";
|
|
66
|
+
readonly warning: "uds-badge-variant-warning-root";
|
|
67
|
+
readonly 'warning-secondary': "uds-badge-variant-warning-secondary-root";
|
|
101
68
|
};
|
|
102
|
-
|
|
103
|
-
readonly
|
|
104
|
-
readonly md: "uds-
|
|
69
|
+
buttonSizeIcon: {
|
|
70
|
+
readonly lg: "uds-button-size-lg-icon";
|
|
71
|
+
readonly md: "uds-button-size-md-icon";
|
|
72
|
+
readonly sm: "uds-button-size-sm-icon";
|
|
105
73
|
};
|
|
106
74
|
buttonSizeRoot: {
|
|
107
|
-
readonly sm: "uds-button-size-sm-root";
|
|
108
|
-
readonly md: "uds-button-size-md-root";
|
|
109
75
|
readonly lg: "uds-button-size-lg-root";
|
|
76
|
+
readonly md: "uds-button-size-md-root";
|
|
77
|
+
readonly sm: "uds-button-size-sm-root";
|
|
110
78
|
};
|
|
111
|
-
|
|
112
|
-
readonly
|
|
113
|
-
readonly
|
|
114
|
-
readonly
|
|
79
|
+
buttonVariantIcon: {
|
|
80
|
+
readonly alert: "uds-button-variant-alert-icon";
|
|
81
|
+
readonly 'alert-secondary': "uds-button-variant-alert-secondary-icon";
|
|
82
|
+
readonly 'alert-tertiary': "uds-button-variant-alert-tertiary-icon";
|
|
83
|
+
readonly brand: "uds-button-variant-brand-icon";
|
|
84
|
+
readonly 'brand-secondary': "uds-button-variant-brand-secondary-icon";
|
|
85
|
+
readonly 'brand-tertiary': "uds-button-variant-brand-tertiary-icon";
|
|
86
|
+
readonly info: "uds-button-variant-info-icon";
|
|
87
|
+
readonly 'info-secondary': "uds-button-variant-info-secondary-icon";
|
|
88
|
+
readonly 'info-tertiary': "uds-button-variant-info-tertiary-icon";
|
|
89
|
+
readonly positive: "uds-button-variant-positive-icon";
|
|
90
|
+
readonly 'positive-secondary': "uds-button-variant-positive-secondary-icon";
|
|
91
|
+
readonly 'positive-tertiary': "uds-button-variant-positive-tertiary-icon";
|
|
92
|
+
readonly primary: "uds-button-variant-primary-icon";
|
|
93
|
+
readonly secondary: "uds-button-variant-secondary-icon";
|
|
94
|
+
readonly tertiary: "uds-button-variant-tertiary-icon";
|
|
95
|
+
readonly warning: "uds-button-variant-warning-icon";
|
|
96
|
+
readonly 'warning-secondary': "uds-button-variant-warning-secondary-icon";
|
|
97
|
+
readonly 'warning-tertiary': "uds-button-variant-warning-tertiary-icon";
|
|
115
98
|
};
|
|
116
99
|
buttonVariantRoot: {
|
|
117
|
-
readonly primary: "uds-button-variant-primary-root";
|
|
118
|
-
readonly secondary: "uds-button-variant-secondary-root";
|
|
119
|
-
readonly tertiary: "uds-button-variant-tertiary-root";
|
|
120
100
|
readonly alert: "uds-button-variant-alert-root";
|
|
121
101
|
readonly 'alert-secondary': "uds-button-variant-alert-secondary-root";
|
|
122
102
|
readonly 'alert-tertiary': "uds-button-variant-alert-tertiary-root";
|
|
@@ -129,367 +109,366 @@ declare const variants: {
|
|
|
129
109
|
readonly positive: "uds-button-variant-positive-root";
|
|
130
110
|
readonly 'positive-secondary': "uds-button-variant-positive-secondary-root";
|
|
131
111
|
readonly 'positive-tertiary': "uds-button-variant-positive-tertiary-root";
|
|
112
|
+
readonly primary: "uds-button-variant-primary-root";
|
|
113
|
+
readonly secondary: "uds-button-variant-secondary-root";
|
|
114
|
+
readonly tertiary: "uds-button-variant-tertiary-root";
|
|
132
115
|
readonly warning: "uds-button-variant-warning-root";
|
|
133
116
|
readonly 'warning-secondary': "uds-button-variant-warning-secondary-root";
|
|
134
117
|
readonly 'warning-tertiary': "uds-button-variant-warning-tertiary-root";
|
|
135
118
|
};
|
|
136
|
-
|
|
137
|
-
readonly
|
|
138
|
-
readonly
|
|
139
|
-
readonly tertiary: "uds-button-variant-tertiary-icon";
|
|
140
|
-
readonly alert: "uds-button-variant-alert-icon";
|
|
141
|
-
readonly 'alert-secondary': "uds-button-variant-alert-secondary-icon";
|
|
142
|
-
readonly 'alert-tertiary': "uds-button-variant-alert-tertiary-icon";
|
|
143
|
-
readonly brand: "uds-button-variant-brand-icon";
|
|
144
|
-
readonly 'brand-secondary': "uds-button-variant-brand-secondary-icon";
|
|
145
|
-
readonly 'brand-tertiary': "uds-button-variant-brand-tertiary-icon";
|
|
146
|
-
readonly info: "uds-button-variant-info-icon";
|
|
147
|
-
readonly 'info-secondary': "uds-button-variant-info-secondary-icon";
|
|
148
|
-
readonly 'info-tertiary': "uds-button-variant-info-tertiary-icon";
|
|
149
|
-
readonly positive: "uds-button-variant-positive-icon";
|
|
150
|
-
readonly 'positive-secondary': "uds-button-variant-positive-secondary-icon";
|
|
151
|
-
readonly 'positive-tertiary': "uds-button-variant-positive-tertiary-icon";
|
|
152
|
-
readonly warning: "uds-button-variant-warning-icon";
|
|
153
|
-
readonly 'warning-secondary': "uds-button-variant-warning-secondary-icon";
|
|
154
|
-
readonly 'warning-tertiary': "uds-button-variant-warning-tertiary-icon";
|
|
155
|
-
};
|
|
156
|
-
chipSizeRoot: {
|
|
157
|
-
readonly sm: "uds-chip-size-sm-root";
|
|
158
|
-
readonly md: "uds-chip-size-md-root";
|
|
119
|
+
checkboxSizeCheckbox: {
|
|
120
|
+
readonly md: "uds-checkbox-size-md-checkbox";
|
|
121
|
+
readonly sm: "uds-checkbox-size-sm-checkbox";
|
|
159
122
|
};
|
|
160
|
-
|
|
161
|
-
readonly
|
|
162
|
-
readonly
|
|
123
|
+
checkboxSizeRoot: {
|
|
124
|
+
readonly md: "uds-checkbox-size-md-root";
|
|
125
|
+
readonly sm: "uds-checkbox-size-sm-root";
|
|
163
126
|
};
|
|
164
|
-
|
|
165
|
-
readonly
|
|
166
|
-
readonly
|
|
127
|
+
checkboxVariantCheckbox: {
|
|
128
|
+
readonly alert: "uds-checkbox-variant-alert-checkbox";
|
|
129
|
+
readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox";
|
|
130
|
+
readonly primary: "uds-checkbox-variant-primary-checkbox";
|
|
131
|
+
readonly secondary: "uds-checkbox-variant-secondary-checkbox";
|
|
167
132
|
};
|
|
168
|
-
|
|
169
|
-
readonly
|
|
170
|
-
readonly secondary: "uds-
|
|
171
|
-
readonly
|
|
172
|
-
readonly
|
|
133
|
+
checkboxVariantCheckboxIcon: {
|
|
134
|
+
readonly alert: "uds-checkbox-variant-alert-checkbox-icon";
|
|
135
|
+
readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox-icon";
|
|
136
|
+
readonly primary: "uds-checkbox-variant-primary-checkbox-icon";
|
|
137
|
+
readonly secondary: "uds-checkbox-variant-secondary-checkbox-icon";
|
|
173
138
|
};
|
|
174
|
-
|
|
175
|
-
readonly
|
|
176
|
-
readonly
|
|
139
|
+
checkboxVariantRoot: {
|
|
140
|
+
readonly alert: "uds-checkbox-variant-alert-root";
|
|
141
|
+
readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-root";
|
|
142
|
+
readonly primary: "uds-checkbox-variant-primary-root";
|
|
143
|
+
readonly secondary: "uds-checkbox-variant-secondary-root";
|
|
177
144
|
};
|
|
178
|
-
|
|
179
|
-
readonly
|
|
180
|
-
readonly
|
|
181
|
-
readonly
|
|
182
|
-
readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-icon";
|
|
145
|
+
checkboxVariantValueCheckbox: {
|
|
146
|
+
readonly checked: "uds-checkbox-variant-value-checked-checkbox";
|
|
147
|
+
readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox";
|
|
148
|
+
readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox";
|
|
183
149
|
};
|
|
184
|
-
|
|
185
|
-
readonly
|
|
186
|
-
readonly
|
|
187
|
-
readonly
|
|
188
|
-
|
|
150
|
+
checkboxVariantValueCheckboxIcon: {
|
|
151
|
+
readonly checked: "uds-checkbox-variant-value-checked-checkbox-icon";
|
|
152
|
+
readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox-icon";
|
|
153
|
+
readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox-icon";
|
|
154
|
+
};
|
|
155
|
+
checkboxVariantValueRoot: {
|
|
156
|
+
readonly checked: "uds-checkbox-variant-value-checked-root";
|
|
157
|
+
readonly indeterminate: "uds-checkbox-variant-value-indeterminate-root";
|
|
158
|
+
readonly unchecked: "uds-checkbox-variant-value-unchecked-root";
|
|
189
159
|
};
|
|
190
160
|
chipDismissibleVariantIcon: {
|
|
191
|
-
readonly primary: "uds-chip-dismissible-variant-primary-icon";
|
|
192
|
-
readonly secondary: "uds-chip-dismissible-variant-secondary-icon";
|
|
193
161
|
readonly brand: "uds-chip-dismissible-variant-brand-icon";
|
|
194
162
|
readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-icon";
|
|
163
|
+
readonly primary: "uds-chip-dismissible-variant-primary-icon";
|
|
164
|
+
readonly secondary: "uds-chip-dismissible-variant-secondary-icon";
|
|
195
165
|
};
|
|
196
|
-
|
|
197
|
-
readonly
|
|
198
|
-
readonly secondary: "uds-chip-
|
|
199
|
-
readonly
|
|
200
|
-
readonly
|
|
166
|
+
chipDismissibleVariantRoot: {
|
|
167
|
+
readonly brand: "uds-chip-dismissible-variant-brand-root";
|
|
168
|
+
readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-root";
|
|
169
|
+
readonly primary: "uds-chip-dismissible-variant-primary-root";
|
|
170
|
+
readonly secondary: "uds-chip-dismissible-variant-secondary-root";
|
|
201
171
|
};
|
|
202
172
|
chipLinkVariantIcon: {
|
|
203
|
-
readonly primary: "uds-chip-link-variant-primary-icon";
|
|
204
|
-
readonly secondary: "uds-chip-link-variant-secondary-icon";
|
|
205
173
|
readonly brand: "uds-chip-link-variant-brand-icon";
|
|
206
174
|
readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-icon";
|
|
175
|
+
readonly primary: "uds-chip-link-variant-primary-icon";
|
|
176
|
+
readonly secondary: "uds-chip-link-variant-secondary-icon";
|
|
207
177
|
};
|
|
208
|
-
|
|
209
|
-
readonly
|
|
210
|
-
readonly
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
readonly primary: "uds-radio-variant-primary-root";
|
|
214
|
-
readonly secondary: "uds-radio-variant-secondary-root";
|
|
215
|
-
readonly alert: "uds-radio-variant-alert-root";
|
|
216
|
-
readonly 'alert-secondary': "uds-radio-variant-alert-secondary-root";
|
|
217
|
-
};
|
|
218
|
-
radioVariantValueRadio: {
|
|
219
|
-
readonly checked: "uds-radio-variant-value-checked-radio";
|
|
220
|
-
readonly unchecked: "uds-radio-variant-value-unchecked-radio";
|
|
178
|
+
chipLinkVariantRoot: {
|
|
179
|
+
readonly brand: "uds-chip-link-variant-brand-root";
|
|
180
|
+
readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-root";
|
|
181
|
+
readonly primary: "uds-chip-link-variant-primary-root";
|
|
182
|
+
readonly secondary: "uds-chip-link-variant-secondary-root";
|
|
221
183
|
};
|
|
222
|
-
|
|
223
|
-
readonly
|
|
224
|
-
readonly
|
|
225
|
-
readonly alert: "uds-radio-variant-alert-radio";
|
|
226
|
-
readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio";
|
|
184
|
+
chipSizeIcon: {
|
|
185
|
+
readonly md: "uds-chip-size-md-icon";
|
|
186
|
+
readonly sm: "uds-chip-size-sm-icon";
|
|
227
187
|
};
|
|
228
|
-
|
|
229
|
-
readonly
|
|
230
|
-
readonly
|
|
188
|
+
chipSizeRoot: {
|
|
189
|
+
readonly md: "uds-chip-size-md-root";
|
|
190
|
+
readonly sm: "uds-chip-size-sm-root";
|
|
231
191
|
};
|
|
232
|
-
|
|
233
|
-
readonly
|
|
234
|
-
readonly
|
|
235
|
-
readonly alert: "uds-radio-variant-alert-radio-circle";
|
|
236
|
-
readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio-circle";
|
|
192
|
+
chipToggleVariantActiveIcon: {
|
|
193
|
+
readonly off: "uds-chip-toggle-variant-active-off-icon";
|
|
194
|
+
readonly on: "uds-chip-toggle-variant-active-on-icon";
|
|
237
195
|
};
|
|
238
|
-
|
|
239
|
-
readonly
|
|
240
|
-
readonly
|
|
196
|
+
chipToggleVariantActiveRoot: {
|
|
197
|
+
readonly off: "uds-chip-toggle-variant-active-off-root";
|
|
198
|
+
readonly on: "uds-chip-toggle-variant-active-on-root";
|
|
241
199
|
};
|
|
242
|
-
|
|
243
|
-
readonly
|
|
244
|
-
readonly
|
|
200
|
+
chipToggleVariantIcon: {
|
|
201
|
+
readonly brand: "uds-chip-toggle-variant-brand-icon";
|
|
202
|
+
readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-icon";
|
|
203
|
+
readonly primary: "uds-chip-toggle-variant-primary-icon";
|
|
204
|
+
readonly secondary: "uds-chip-toggle-variant-secondary-icon";
|
|
245
205
|
};
|
|
246
|
-
|
|
247
|
-
readonly
|
|
248
|
-
readonly
|
|
249
|
-
readonly
|
|
250
|
-
readonly
|
|
251
|
-
readonly title2: "uds-link-text-style-title-2-root";
|
|
252
|
-
readonly title3: "uds-link-text-style-title-3-root";
|
|
253
|
-
readonly title4: "uds-link-text-style-title-4-root";
|
|
254
|
-
readonly headline1: "uds-link-text-style-headline-1-root";
|
|
255
|
-
readonly body1: "uds-link-text-style-body-1-root";
|
|
256
|
-
readonly label1: "uds-link-text-style-label-1-root";
|
|
257
|
-
readonly label2: "uds-link-text-style-label-2-root";
|
|
258
|
-
readonly label3: "uds-link-text-style-label-3-root";
|
|
259
|
-
readonly label4: "uds-link-text-style-label-4-root";
|
|
260
|
-
readonly caption1: "uds-link-text-style-caption-1-root";
|
|
261
|
-
readonly caption2: "uds-link-text-style-caption-2-root";
|
|
262
|
-
readonly legal1: "uds-link-text-style-legal-1-root";
|
|
263
|
-
readonly ui1: "uds-link-text-style-ui-1-root";
|
|
264
|
-
readonly ui2: "uds-link-text-style-ui-2-root";
|
|
265
|
-
readonly ui3: "uds-link-text-style-ui-3-root";
|
|
266
|
-
readonly ui4: "uds-link-text-style-ui-4-root";
|
|
267
|
-
readonly ui5: "uds-link-text-style-ui-5-root";
|
|
268
|
-
readonly ui6: "uds-link-text-style-ui-6-root";
|
|
206
|
+
chipToggleVariantRoot: {
|
|
207
|
+
readonly brand: "uds-chip-toggle-variant-brand-root";
|
|
208
|
+
readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-root";
|
|
209
|
+
readonly primary: "uds-chip-toggle-variant-primary-root";
|
|
210
|
+
readonly secondary: "uds-chip-toggle-variant-secondary-root";
|
|
269
211
|
};
|
|
270
|
-
|
|
271
|
-
readonly
|
|
272
|
-
readonly
|
|
273
|
-
readonly
|
|
274
|
-
readonly
|
|
275
|
-
readonly title2: "uds-link-text-style-title-2-icon";
|
|
276
|
-
readonly title3: "uds-link-text-style-title-3-icon";
|
|
277
|
-
readonly title4: "uds-link-text-style-title-4-icon";
|
|
278
|
-
readonly headline1: "uds-link-text-style-headline-1-icon";
|
|
279
|
-
readonly body1: "uds-link-text-style-body-1-icon";
|
|
280
|
-
readonly label1: "uds-link-text-style-label-1-icon";
|
|
281
|
-
readonly label2: "uds-link-text-style-label-2-icon";
|
|
282
|
-
readonly label3: "uds-link-text-style-label-3-icon";
|
|
283
|
-
readonly label4: "uds-link-text-style-label-4-icon";
|
|
284
|
-
readonly caption1: "uds-link-text-style-caption-1-icon";
|
|
285
|
-
readonly caption2: "uds-link-text-style-caption-2-icon";
|
|
286
|
-
readonly legal1: "uds-link-text-style-legal-1-icon";
|
|
287
|
-
readonly ui1: "uds-link-text-style-ui-1-icon";
|
|
288
|
-
readonly ui2: "uds-link-text-style-ui-2-icon";
|
|
289
|
-
readonly ui3: "uds-link-text-style-ui-3-icon";
|
|
290
|
-
readonly ui4: "uds-link-text-style-ui-4-icon";
|
|
291
|
-
readonly ui5: "uds-link-text-style-ui-5-icon";
|
|
292
|
-
readonly ui6: "uds-link-text-style-ui-6-icon";
|
|
212
|
+
dividerVariantLabel: {
|
|
213
|
+
readonly muted: "uds-divider-variant-muted-label";
|
|
214
|
+
readonly primary: "uds-divider-variant-primary-label";
|
|
215
|
+
readonly secondary: "uds-divider-variant-secondary-label";
|
|
216
|
+
readonly tertiary: "uds-divider-variant-tertiary-label";
|
|
293
217
|
};
|
|
294
|
-
|
|
295
|
-
readonly
|
|
296
|
-
readonly
|
|
297
|
-
readonly
|
|
298
|
-
readonly
|
|
218
|
+
dividerVariantLine: {
|
|
219
|
+
readonly muted: "uds-divider-variant-muted-line";
|
|
220
|
+
readonly primary: "uds-divider-variant-primary-line";
|
|
221
|
+
readonly secondary: "uds-divider-variant-secondary-line";
|
|
222
|
+
readonly tertiary: "uds-divider-variant-tertiary-line";
|
|
299
223
|
};
|
|
300
|
-
|
|
301
|
-
readonly
|
|
302
|
-
readonly
|
|
303
|
-
readonly
|
|
304
|
-
readonly
|
|
224
|
+
dividerVariantRoot: {
|
|
225
|
+
readonly muted: "uds-divider-variant-muted-root";
|
|
226
|
+
readonly primary: "uds-divider-variant-primary-root";
|
|
227
|
+
readonly secondary: "uds-divider-variant-secondary-root";
|
|
228
|
+
readonly tertiary: "uds-divider-variant-tertiary-root";
|
|
305
229
|
};
|
|
306
|
-
|
|
307
|
-
readonly
|
|
308
|
-
readonly
|
|
309
|
-
readonly
|
|
310
|
-
readonly
|
|
230
|
+
iconbuttonSizeIcon: {
|
|
231
|
+
readonly lg: "uds-iconbutton-size-lg-icon";
|
|
232
|
+
readonly md: "uds-iconbutton-size-md-icon";
|
|
233
|
+
readonly sm: "uds-iconbutton-size-sm-icon";
|
|
234
|
+
readonly xl: "uds-iconbutton-size-xl-icon";
|
|
235
|
+
readonly xs: "uds-iconbutton-size-xs-icon";
|
|
311
236
|
};
|
|
312
|
-
|
|
313
|
-
readonly
|
|
314
|
-
readonly
|
|
315
|
-
readonly
|
|
316
|
-
readonly
|
|
237
|
+
iconbuttonSizeRoot: {
|
|
238
|
+
readonly lg: "uds-iconbutton-size-lg-root";
|
|
239
|
+
readonly md: "uds-iconbutton-size-md-root";
|
|
240
|
+
readonly sm: "uds-iconbutton-size-sm-root";
|
|
241
|
+
readonly xl: "uds-iconbutton-size-xl-root";
|
|
242
|
+
readonly xs: "uds-iconbutton-size-xs-root";
|
|
317
243
|
};
|
|
318
|
-
|
|
319
|
-
readonly
|
|
320
|
-
readonly
|
|
321
|
-
readonly md: "uds-badge-size-md-icon";
|
|
322
|
-
readonly lg: "uds-badge-size-lg-icon";
|
|
244
|
+
inputSizeEndIcon: {
|
|
245
|
+
readonly lg: "uds-input-size-lg-end-icon";
|
|
246
|
+
readonly md: "uds-input-size-md-end-icon";
|
|
323
247
|
};
|
|
324
|
-
|
|
325
|
-
readonly
|
|
326
|
-
readonly
|
|
327
|
-
readonly brand: "uds-badge-variant-brand-root";
|
|
328
|
-
readonly 'brand-secondary': "uds-badge-variant-brand-secondary-root";
|
|
329
|
-
readonly alert: "uds-badge-variant-alert-root";
|
|
330
|
-
readonly 'alert-secondary': "uds-badge-variant-alert-secondary-root";
|
|
331
|
-
readonly warning: "uds-badge-variant-warning-root";
|
|
332
|
-
readonly 'warning-secondary': "uds-badge-variant-warning-secondary-root";
|
|
333
|
-
readonly positive: "uds-badge-variant-positive-root";
|
|
334
|
-
readonly 'positive-secondary': "uds-badge-variant-positive-secondary-root";
|
|
335
|
-
readonly info: "uds-badge-variant-info-root";
|
|
336
|
-
readonly 'info-secondary': "uds-badge-variant-info-secondary-root";
|
|
248
|
+
inputSizeHelperIcon: {
|
|
249
|
+
readonly lg: "uds-input-size-lg-helper-icon";
|
|
250
|
+
readonly md: "uds-input-size-md-helper-icon";
|
|
337
251
|
};
|
|
338
|
-
|
|
339
|
-
readonly
|
|
340
|
-
readonly
|
|
341
|
-
readonly brand: "uds-badge-variant-brand-icon";
|
|
342
|
-
readonly 'brand-secondary': "uds-badge-variant-brand-secondary-icon";
|
|
343
|
-
readonly alert: "uds-badge-variant-alert-icon";
|
|
344
|
-
readonly 'alert-secondary': "uds-badge-variant-alert-secondary-icon";
|
|
345
|
-
readonly warning: "uds-badge-variant-warning-icon";
|
|
346
|
-
readonly 'warning-secondary': "uds-badge-variant-warning-secondary-icon";
|
|
347
|
-
readonly positive: "uds-badge-variant-positive-icon";
|
|
348
|
-
readonly 'positive-secondary': "uds-badge-variant-positive-secondary-icon";
|
|
349
|
-
readonly info: "uds-badge-variant-info-icon";
|
|
350
|
-
readonly 'info-secondary': "uds-badge-variant-info-secondary-icon";
|
|
252
|
+
inputSizeHelperText: {
|
|
253
|
+
readonly lg: "uds-input-size-lg-helper-text";
|
|
254
|
+
readonly md: "uds-input-size-md-helper-text";
|
|
351
255
|
};
|
|
352
|
-
|
|
353
|
-
readonly
|
|
354
|
-
readonly
|
|
256
|
+
inputSizeInput: {
|
|
257
|
+
readonly lg: "uds-input-size-lg-input";
|
|
258
|
+
readonly md: "uds-input-size-md-input";
|
|
355
259
|
};
|
|
356
260
|
inputSizeInputWrapper: {
|
|
357
|
-
readonly md: "uds-input-size-md-input-wrapper";
|
|
358
261
|
readonly lg: "uds-input-size-lg-input-wrapper";
|
|
262
|
+
readonly md: "uds-input-size-md-input-wrapper";
|
|
359
263
|
};
|
|
360
|
-
|
|
361
|
-
readonly
|
|
362
|
-
readonly
|
|
264
|
+
inputSizeLabel: {
|
|
265
|
+
readonly lg: "uds-input-size-lg-label";
|
|
266
|
+
readonly md: "uds-input-size-md-label";
|
|
267
|
+
};
|
|
268
|
+
inputSizeRoot: {
|
|
269
|
+
readonly lg: "uds-input-size-lg-root";
|
|
270
|
+
readonly md: "uds-input-size-md-root";
|
|
363
271
|
};
|
|
364
272
|
inputSizeStartIcon: {
|
|
365
|
-
readonly md: "uds-input-size-md-start-icon";
|
|
366
273
|
readonly lg: "uds-input-size-lg-start-icon";
|
|
274
|
+
readonly md: "uds-input-size-md-start-icon";
|
|
367
275
|
};
|
|
368
|
-
|
|
369
|
-
readonly
|
|
370
|
-
readonly lg: "uds-input-size-lg-end-icon";
|
|
276
|
+
inputVariantEndIcon: {
|
|
277
|
+
readonly default: "uds-input-variant-default-end-icon";
|
|
371
278
|
};
|
|
372
|
-
|
|
373
|
-
readonly
|
|
374
|
-
readonly lg: "uds-input-size-lg-label";
|
|
279
|
+
inputVariantHelperIcon: {
|
|
280
|
+
readonly default: "uds-input-variant-default-helper-icon";
|
|
375
281
|
};
|
|
376
|
-
|
|
377
|
-
readonly
|
|
378
|
-
readonly lg: "uds-input-size-lg-helper-icon";
|
|
282
|
+
inputVariantHelperText: {
|
|
283
|
+
readonly default: "uds-input-variant-default-helper-text";
|
|
379
284
|
};
|
|
380
|
-
|
|
381
|
-
readonly
|
|
382
|
-
readonly lg: "uds-input-size-lg-helper-text";
|
|
285
|
+
inputVariantInput: {
|
|
286
|
+
readonly default: "uds-input-variant-default-input";
|
|
383
287
|
};
|
|
384
|
-
|
|
385
|
-
readonly
|
|
386
|
-
|
|
288
|
+
inputVariantInputPlaceholder: {
|
|
289
|
+
readonly default: "uds-input-variant-default-input-placeholder";
|
|
290
|
+
};
|
|
291
|
+
inputVariantInputWrapper: {
|
|
292
|
+
readonly default: "uds-input-variant-default-input-wrapper";
|
|
293
|
+
};
|
|
294
|
+
inputVariantLabel: {
|
|
295
|
+
readonly default: "uds-input-variant-default-label";
|
|
296
|
+
};
|
|
297
|
+
inputVariantLabelRequired: {
|
|
298
|
+
readonly default: "uds-input-variant-default-label-required";
|
|
387
299
|
};
|
|
388
300
|
inputVariantRoot: {
|
|
389
301
|
readonly default: "uds-input-variant-default-root";
|
|
390
302
|
};
|
|
391
|
-
|
|
392
|
-
readonly
|
|
393
|
-
readonly empty: "uds-input-variant-value-empty-input-wrapper";
|
|
303
|
+
inputVariantStartIcon: {
|
|
304
|
+
readonly default: "uds-input-variant-default-start-icon";
|
|
394
305
|
};
|
|
395
|
-
|
|
396
|
-
readonly
|
|
306
|
+
inputVariantValueEndIcon: {
|
|
307
|
+
readonly empty: "uds-input-variant-value-empty-end-icon";
|
|
308
|
+
readonly filled: "uds-input-variant-value-filled-end-icon";
|
|
309
|
+
};
|
|
310
|
+
inputVariantValueHelperIcon: {
|
|
311
|
+
readonly empty: "uds-input-variant-value-empty-helper-icon";
|
|
312
|
+
readonly filled: "uds-input-variant-value-filled-helper-icon";
|
|
313
|
+
};
|
|
314
|
+
inputVariantValueHelperText: {
|
|
315
|
+
readonly empty: "uds-input-variant-value-empty-helper-text";
|
|
316
|
+
readonly filled: "uds-input-variant-value-filled-helper-text";
|
|
397
317
|
};
|
|
398
318
|
inputVariantValueInput: {
|
|
399
|
-
readonly filled: "uds-input-variant-value-filled-input";
|
|
400
319
|
readonly empty: "uds-input-variant-value-empty-input";
|
|
320
|
+
readonly filled: "uds-input-variant-value-filled-input";
|
|
401
321
|
};
|
|
402
|
-
|
|
403
|
-
readonly
|
|
322
|
+
inputVariantValueInputPlaceholder: {
|
|
323
|
+
readonly empty: "uds-input-variant-value-empty-input-placeholder";
|
|
324
|
+
readonly filled: "uds-input-variant-value-filled-input-placeholder";
|
|
325
|
+
};
|
|
326
|
+
inputVariantValueInputWrapper: {
|
|
327
|
+
readonly empty: "uds-input-variant-value-empty-input-wrapper";
|
|
328
|
+
readonly filled: "uds-input-variant-value-filled-input-wrapper";
|
|
329
|
+
};
|
|
330
|
+
inputVariantValueLabel: {
|
|
331
|
+
readonly empty: "uds-input-variant-value-empty-label";
|
|
332
|
+
readonly filled: "uds-input-variant-value-filled-label";
|
|
333
|
+
};
|
|
334
|
+
inputVariantValueLabelRequired: {
|
|
335
|
+
readonly empty: "uds-input-variant-value-empty-label-required";
|
|
336
|
+
readonly filled: "uds-input-variant-value-filled-label-required";
|
|
337
|
+
};
|
|
338
|
+
inputVariantValueRoot: {
|
|
339
|
+
readonly empty: "uds-input-variant-value-empty-root";
|
|
340
|
+
readonly filled: "uds-input-variant-value-filled-root";
|
|
341
|
+
};
|
|
342
|
+
inputVariantValueStartIcon: {
|
|
343
|
+
readonly empty: "uds-input-variant-value-empty-start-icon";
|
|
344
|
+
readonly filled: "uds-input-variant-value-filled-start-icon";
|
|
345
|
+
};
|
|
346
|
+
linkTextStyleIcon: {
|
|
347
|
+
readonly body1: "uds-link-text-style-body-1-icon";
|
|
348
|
+
readonly caption1: "uds-link-text-style-caption-1-icon";
|
|
349
|
+
readonly caption2: "uds-link-text-style-caption-2-icon";
|
|
350
|
+
readonly display1: "uds-link-text-style-display-1-icon";
|
|
351
|
+
readonly display2: "uds-link-text-style-display-2-icon";
|
|
352
|
+
readonly display3: "uds-link-text-style-display-3-icon";
|
|
353
|
+
readonly headline1: "uds-link-text-style-headline-1-icon";
|
|
354
|
+
readonly label1: "uds-link-text-style-label-1-icon";
|
|
355
|
+
readonly label2: "uds-link-text-style-label-2-icon";
|
|
356
|
+
readonly label3: "uds-link-text-style-label-3-icon";
|
|
357
|
+
readonly label4: "uds-link-text-style-label-4-icon";
|
|
358
|
+
readonly legal1: "uds-link-text-style-legal-1-icon";
|
|
359
|
+
readonly title1: "uds-link-text-style-title-1-icon";
|
|
360
|
+
readonly title2: "uds-link-text-style-title-2-icon";
|
|
361
|
+
readonly title3: "uds-link-text-style-title-3-icon";
|
|
362
|
+
readonly title4: "uds-link-text-style-title-4-icon";
|
|
363
|
+
readonly ui1: "uds-link-text-style-ui-1-icon";
|
|
364
|
+
readonly ui2: "uds-link-text-style-ui-2-icon";
|
|
365
|
+
readonly ui3: "uds-link-text-style-ui-3-icon";
|
|
366
|
+
readonly ui4: "uds-link-text-style-ui-4-icon";
|
|
367
|
+
readonly ui5: "uds-link-text-style-ui-5-icon";
|
|
368
|
+
readonly ui6: "uds-link-text-style-ui-6-icon";
|
|
369
|
+
};
|
|
370
|
+
linkTextStyleRoot: {
|
|
371
|
+
readonly body1: "uds-link-text-style-body-1-root";
|
|
372
|
+
readonly caption1: "uds-link-text-style-caption-1-root";
|
|
373
|
+
readonly caption2: "uds-link-text-style-caption-2-root";
|
|
374
|
+
readonly display1: "uds-link-text-style-display-1-root";
|
|
375
|
+
readonly display2: "uds-link-text-style-display-2-root";
|
|
376
|
+
readonly display3: "uds-link-text-style-display-3-root";
|
|
377
|
+
readonly headline1: "uds-link-text-style-headline-1-root";
|
|
378
|
+
readonly label1: "uds-link-text-style-label-1-root";
|
|
379
|
+
readonly label2: "uds-link-text-style-label-2-root";
|
|
380
|
+
readonly label3: "uds-link-text-style-label-3-root";
|
|
381
|
+
readonly label4: "uds-link-text-style-label-4-root";
|
|
382
|
+
readonly legal1: "uds-link-text-style-legal-1-root";
|
|
383
|
+
readonly title1: "uds-link-text-style-title-1-root";
|
|
384
|
+
readonly title2: "uds-link-text-style-title-2-root";
|
|
385
|
+
readonly title3: "uds-link-text-style-title-3-root";
|
|
386
|
+
readonly title4: "uds-link-text-style-title-4-root";
|
|
387
|
+
readonly ui1: "uds-link-text-style-ui-1-root";
|
|
388
|
+
readonly ui2: "uds-link-text-style-ui-2-root";
|
|
389
|
+
readonly ui3: "uds-link-text-style-ui-3-root";
|
|
390
|
+
readonly ui4: "uds-link-text-style-ui-4-root";
|
|
391
|
+
readonly ui5: "uds-link-text-style-ui-5-root";
|
|
392
|
+
readonly ui6: "uds-link-text-style-ui-6-root";
|
|
404
393
|
};
|
|
405
|
-
|
|
406
|
-
readonly
|
|
407
|
-
readonly
|
|
394
|
+
linkVariantIconEnd: {
|
|
395
|
+
readonly 'on-color': "uds-link-variant-on-color-icon-end";
|
|
396
|
+
readonly primary: "uds-link-variant-primary-icon-end";
|
|
397
|
+
readonly secondary: "uds-link-variant-secondary-icon-end";
|
|
398
|
+
readonly tertiary: "uds-link-variant-tertiary-icon-end";
|
|
408
399
|
};
|
|
409
|
-
|
|
410
|
-
readonly
|
|
400
|
+
linkVariantIconStart: {
|
|
401
|
+
readonly 'on-color': "uds-link-variant-on-color-icon-start";
|
|
402
|
+
readonly primary: "uds-link-variant-primary-icon-start";
|
|
403
|
+
readonly secondary: "uds-link-variant-secondary-icon-start";
|
|
404
|
+
readonly tertiary: "uds-link-variant-tertiary-icon-start";
|
|
411
405
|
};
|
|
412
|
-
|
|
413
|
-
readonly
|
|
414
|
-
readonly
|
|
406
|
+
linkVariantRoot: {
|
|
407
|
+
readonly 'on-color': "uds-link-variant-on-color-root";
|
|
408
|
+
readonly primary: "uds-link-variant-primary-root";
|
|
409
|
+
readonly secondary: "uds-link-variant-secondary-root";
|
|
410
|
+
readonly tertiary: "uds-link-variant-tertiary-root";
|
|
415
411
|
};
|
|
416
|
-
|
|
417
|
-
readonly default: "uds-
|
|
412
|
+
menuDividerVariantLine: {
|
|
413
|
+
readonly default: "uds-menu-divider-variant-default-line";
|
|
418
414
|
};
|
|
419
|
-
|
|
420
|
-
readonly
|
|
421
|
-
readonly empty: "uds-input-variant-value-empty-end-icon";
|
|
415
|
+
menuDividerVariantRoot: {
|
|
416
|
+
readonly default: "uds-menu-divider-variant-default-root";
|
|
422
417
|
};
|
|
423
|
-
|
|
424
|
-
readonly default: "uds-
|
|
418
|
+
menuDividerVariantText: {
|
|
419
|
+
readonly default: "uds-menu-divider-variant-default-text";
|
|
425
420
|
};
|
|
426
|
-
|
|
427
|
-
readonly
|
|
428
|
-
readonly
|
|
421
|
+
menuItemCheckboxVariantActiveEndIcon: {
|
|
422
|
+
readonly off: "uds-menu-item-checkbox-variant-active-off-end-icon";
|
|
423
|
+
readonly on: "uds-menu-item-checkbox-variant-active-on-end-icon";
|
|
429
424
|
};
|
|
430
|
-
|
|
431
|
-
readonly
|
|
425
|
+
menuItemCheckboxVariantActiveRoot: {
|
|
426
|
+
readonly off: "uds-menu-item-checkbox-variant-active-off-root";
|
|
427
|
+
readonly on: "uds-menu-item-checkbox-variant-active-on-root";
|
|
432
428
|
};
|
|
433
|
-
|
|
434
|
-
readonly
|
|
435
|
-
readonly
|
|
429
|
+
menuItemCheckboxVariantActiveStartIcon: {
|
|
430
|
+
readonly off: "uds-menu-item-checkbox-variant-active-off-start-icon";
|
|
431
|
+
readonly on: "uds-menu-item-checkbox-variant-active-on-start-icon";
|
|
436
432
|
};
|
|
437
|
-
|
|
438
|
-
readonly
|
|
433
|
+
menuItemCheckboxVariantActiveText: {
|
|
434
|
+
readonly off: "uds-menu-item-checkbox-variant-active-off-text";
|
|
435
|
+
readonly on: "uds-menu-item-checkbox-variant-active-on-text";
|
|
439
436
|
};
|
|
440
|
-
|
|
441
|
-
readonly
|
|
442
|
-
readonly empty: "uds-input-variant-value-empty-helper-icon";
|
|
437
|
+
menuItemCheckboxVariantEndIcon: {
|
|
438
|
+
readonly default: "uds-menu-item-checkbox-variant-default-end-icon";
|
|
443
439
|
};
|
|
444
|
-
|
|
445
|
-
readonly default: "uds-
|
|
440
|
+
menuItemCheckboxVariantRoot: {
|
|
441
|
+
readonly default: "uds-menu-item-checkbox-variant-default-root";
|
|
446
442
|
};
|
|
447
|
-
|
|
448
|
-
readonly
|
|
449
|
-
readonly empty: "uds-input-variant-value-empty-helper-text";
|
|
443
|
+
menuItemCheckboxVariantStartIcon: {
|
|
444
|
+
readonly default: "uds-menu-item-checkbox-variant-default-start-icon";
|
|
450
445
|
};
|
|
451
|
-
|
|
452
|
-
readonly default: "uds-
|
|
446
|
+
menuItemCheckboxVariantText: {
|
|
447
|
+
readonly default: "uds-menu-item-checkbox-variant-default-text";
|
|
453
448
|
};
|
|
454
|
-
|
|
455
|
-
readonly
|
|
456
|
-
readonly
|
|
457
|
-
readonly md: "uds-avatar-size-md-root";
|
|
458
|
-
readonly lg: "uds-avatar-size-lg-root";
|
|
459
|
-
readonly xl: "uds-avatar-size-xl-root";
|
|
449
|
+
menuItemVariantActiveIcon: {
|
|
450
|
+
readonly off: "uds-menu-item-variant-active-off-icon";
|
|
451
|
+
readonly on: "uds-menu-item-variant-active-on-icon";
|
|
460
452
|
};
|
|
461
|
-
|
|
462
|
-
readonly
|
|
463
|
-
readonly
|
|
464
|
-
readonly md: "uds-avatar-size-md-icon";
|
|
465
|
-
readonly lg: "uds-avatar-size-lg-icon";
|
|
466
|
-
readonly xl: "uds-avatar-size-xl-icon";
|
|
453
|
+
menuItemVariantActiveRoot: {
|
|
454
|
+
readonly off: "uds-menu-item-variant-active-off-root";
|
|
455
|
+
readonly on: "uds-menu-item-variant-active-on-root";
|
|
467
456
|
};
|
|
468
|
-
|
|
469
|
-
readonly
|
|
470
|
-
readonly
|
|
457
|
+
menuItemVariantActiveText: {
|
|
458
|
+
readonly off: "uds-menu-item-variant-active-off-text";
|
|
459
|
+
readonly on: "uds-menu-item-variant-active-on-text";
|
|
471
460
|
};
|
|
472
|
-
|
|
473
|
-
readonly
|
|
474
|
-
readonly secondary: "uds-avatar-image-variant-secondary-root";
|
|
461
|
+
menuItemVariantIcon: {
|
|
462
|
+
readonly default: "uds-menu-item-variant-default-icon";
|
|
475
463
|
};
|
|
476
|
-
|
|
477
|
-
readonly
|
|
478
|
-
readonly secondary: "uds-avatar-icon-variant-secondary-root";
|
|
464
|
+
menuItemVariantRoot: {
|
|
465
|
+
readonly default: "uds-menu-item-variant-default-root";
|
|
479
466
|
};
|
|
480
|
-
|
|
481
|
-
readonly
|
|
482
|
-
readonly sm: "uds-iconbutton-size-sm-root";
|
|
483
|
-
readonly md: "uds-iconbutton-size-md-root";
|
|
484
|
-
readonly lg: "uds-iconbutton-size-lg-root";
|
|
485
|
-
readonly xl: "uds-iconbutton-size-xl-root";
|
|
467
|
+
menuItemVariantText: {
|
|
468
|
+
readonly default: "uds-menu-item-variant-default-text";
|
|
486
469
|
};
|
|
487
|
-
|
|
488
|
-
readonly
|
|
489
|
-
readonly sm: "uds-iconbutton-size-sm-icon";
|
|
490
|
-
readonly md: "uds-iconbutton-size-md-icon";
|
|
491
|
-
readonly lg: "uds-iconbutton-size-lg-icon";
|
|
492
|
-
readonly xl: "uds-iconbutton-size-xl-icon";
|
|
470
|
+
menuSizeEndIcon: {
|
|
471
|
+
readonly default: "uds-menu-size-default-end-icon";
|
|
493
472
|
};
|
|
494
473
|
menuSizeRoot: {
|
|
495
474
|
readonly default: "uds-menu-size-default-root";
|
|
@@ -497,66 +476,87 @@ declare const variants: {
|
|
|
497
476
|
menuSizeStartIcon: {
|
|
498
477
|
readonly default: "uds-menu-size-default-start-icon";
|
|
499
478
|
};
|
|
500
|
-
|
|
501
|
-
readonly
|
|
479
|
+
radioSizeRadio: {
|
|
480
|
+
readonly md: "uds-radio-size-md-radio";
|
|
481
|
+
readonly sm: "uds-radio-size-sm-radio";
|
|
502
482
|
};
|
|
503
|
-
|
|
504
|
-
readonly
|
|
505
|
-
readonly
|
|
483
|
+
radioSizeRoot: {
|
|
484
|
+
readonly md: "uds-radio-size-md-root";
|
|
485
|
+
readonly sm: "uds-radio-size-sm-root";
|
|
506
486
|
};
|
|
507
|
-
|
|
508
|
-
readonly
|
|
487
|
+
radioVariantRadio: {
|
|
488
|
+
readonly alert: "uds-radio-variant-alert-radio";
|
|
489
|
+
readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio";
|
|
490
|
+
readonly primary: "uds-radio-variant-primary-radio";
|
|
491
|
+
readonly secondary: "uds-radio-variant-secondary-radio";
|
|
509
492
|
};
|
|
510
|
-
|
|
511
|
-
readonly
|
|
512
|
-
readonly
|
|
493
|
+
radioVariantRadioCircle: {
|
|
494
|
+
readonly alert: "uds-radio-variant-alert-radio-circle";
|
|
495
|
+
readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio-circle";
|
|
496
|
+
readonly primary: "uds-radio-variant-primary-radio-circle";
|
|
497
|
+
readonly secondary: "uds-radio-variant-secondary-radio-circle";
|
|
513
498
|
};
|
|
514
|
-
|
|
515
|
-
readonly
|
|
499
|
+
radioVariantRoot: {
|
|
500
|
+
readonly alert: "uds-radio-variant-alert-root";
|
|
501
|
+
readonly 'alert-secondary': "uds-radio-variant-alert-secondary-root";
|
|
502
|
+
readonly primary: "uds-radio-variant-primary-root";
|
|
503
|
+
readonly secondary: "uds-radio-variant-secondary-root";
|
|
516
504
|
};
|
|
517
|
-
|
|
518
|
-
readonly
|
|
519
|
-
readonly
|
|
505
|
+
radioVariantValueRadio: {
|
|
506
|
+
readonly checked: "uds-radio-variant-value-checked-radio";
|
|
507
|
+
readonly unchecked: "uds-radio-variant-value-unchecked-radio";
|
|
520
508
|
};
|
|
521
|
-
|
|
522
|
-
readonly
|
|
509
|
+
radioVariantValueRadioCircle: {
|
|
510
|
+
readonly checked: "uds-radio-variant-value-checked-radio-circle";
|
|
511
|
+
readonly unchecked: "uds-radio-variant-value-unchecked-radio-circle";
|
|
523
512
|
};
|
|
524
|
-
|
|
525
|
-
readonly
|
|
526
|
-
readonly
|
|
513
|
+
radioVariantValueRoot: {
|
|
514
|
+
readonly checked: "uds-radio-variant-value-checked-root";
|
|
515
|
+
readonly unchecked: "uds-radio-variant-value-unchecked-root";
|
|
527
516
|
};
|
|
528
|
-
|
|
529
|
-
readonly
|
|
517
|
+
switchSizeHandle: {
|
|
518
|
+
readonly md: "uds-switch-size-md-handle";
|
|
519
|
+
readonly sm: "uds-switch-size-sm-handle";
|
|
530
520
|
};
|
|
531
|
-
|
|
532
|
-
readonly
|
|
533
|
-
readonly
|
|
521
|
+
switchSizeHandleIcon: {
|
|
522
|
+
readonly md: "uds-switch-size-md-handle-icon";
|
|
523
|
+
readonly sm: "uds-switch-size-sm-handle-icon";
|
|
534
524
|
};
|
|
535
|
-
|
|
536
|
-
readonly
|
|
525
|
+
switchSizeRoot: {
|
|
526
|
+
readonly md: "uds-switch-size-md-root";
|
|
527
|
+
readonly sm: "uds-switch-size-sm-root";
|
|
537
528
|
};
|
|
538
|
-
|
|
539
|
-
readonly
|
|
540
|
-
readonly
|
|
529
|
+
switchSizeSwitch: {
|
|
530
|
+
readonly md: "uds-switch-size-md-switch";
|
|
531
|
+
readonly sm: "uds-switch-size-sm-switch";
|
|
541
532
|
};
|
|
542
|
-
|
|
543
|
-
readonly
|
|
533
|
+
switchVariantActiveHandle: {
|
|
534
|
+
readonly off: "uds-switch-variant-active-off-handle";
|
|
535
|
+
readonly on: "uds-switch-variant-active-on-handle";
|
|
544
536
|
};
|
|
545
|
-
|
|
546
|
-
readonly
|
|
547
|
-
readonly
|
|
537
|
+
switchVariantActiveHandleIcon: {
|
|
538
|
+
readonly off: "uds-switch-variant-active-off-handle-icon";
|
|
539
|
+
readonly on: "uds-switch-variant-active-on-handle-icon";
|
|
548
540
|
};
|
|
549
|
-
|
|
550
|
-
readonly
|
|
541
|
+
switchVariantActiveRoot: {
|
|
542
|
+
readonly off: "uds-switch-variant-active-off-root";
|
|
543
|
+
readonly on: "uds-switch-variant-active-on-root";
|
|
551
544
|
};
|
|
552
|
-
|
|
553
|
-
readonly
|
|
545
|
+
switchVariantActiveSwitch: {
|
|
546
|
+
readonly off: "uds-switch-variant-active-off-switch";
|
|
547
|
+
readonly on: "uds-switch-variant-active-on-switch";
|
|
554
548
|
};
|
|
555
|
-
|
|
556
|
-
readonly default: "uds-
|
|
549
|
+
switchVariantHandle: {
|
|
550
|
+
readonly default: "uds-switch-variant-default-handle";
|
|
557
551
|
};
|
|
558
|
-
|
|
559
|
-
readonly default: "uds-
|
|
552
|
+
switchVariantHandleIcon: {
|
|
553
|
+
readonly default: "uds-switch-variant-default-handle-icon";
|
|
554
|
+
};
|
|
555
|
+
switchVariantRoot: {
|
|
556
|
+
readonly default: "uds-switch-variant-default-root";
|
|
557
|
+
};
|
|
558
|
+
switchVariantSwitch: {
|
|
559
|
+
readonly default: "uds-switch-variant-default-switch";
|
|
560
560
|
};
|
|
561
561
|
color: {
|
|
562
562
|
accent: string;
|