@yahoo/uds 3.54.4 → 3.56.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/client/Menu.cjs +1 -1
- package/dist/client/Menu.js +2 -2
- package/dist/client/index.cjs +1 -1
- package/dist/client/index.js +1 -1
- package/dist/experimental/client/SwitchV2.cjs +0 -1
- package/dist/experimental/client/SwitchV2.js +0 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.d.cts +2 -2
- package/dist/tailwind/plugin.d.ts +2 -2
- package/dist/tailwind/utils.d.cts +4 -4
- package/dist/tailwind/utils.d.ts +4 -4
- package/package.json +1 -1
- package/cli/FlattenButtonVariant.mock.tsx +0 -17
- /package/dist/{chunk-AIRPUYJ3.cjs → chunk-FCXWYEW2.cjs} +0 -0
- /package/dist/{chunk-QUNC6TTM.js → chunk-P7WL2PMJ.js} +0 -0
- /package/dist/{chunk-SAFLCQFN.js → chunk-RKNDMKGD.js} +0 -0
- /package/dist/{chunk-6MXNBOZO.cjs → chunk-XENBSQRE.cjs} +0 -0
|
@@ -27,8 +27,8 @@ type TwBorderWidth = Exclude<keyof typeof defaultTailwindTheme.borderWidth, TwBo
|
|
|
27
27
|
declare const udsToTailwindMap: {
|
|
28
28
|
fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "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" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
|
|
29
29
|
lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "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" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
|
|
30
|
-
borderRadius: Record<"sm" | "md" | "
|
|
31
|
-
borderWidth: Record<"
|
|
30
|
+
borderRadius: Record<"sm" | "md" | "lg" | "xl" | "xs", TwBorderRadius>;
|
|
31
|
+
borderWidth: Record<"medium" | "thin" | "thick", TwBorderWidth>;
|
|
32
32
|
};
|
|
33
33
|
|
|
34
34
|
declare function getButtonColorForProperty(property: ButtonColorProperty, { type, value }: ButtonColorPropertyConfig[ButtonColorProperty], theme: ThemeFn): string;
|
|
@@ -27,8 +27,8 @@ type TwBorderWidth = Exclude<keyof typeof defaultTailwindTheme.borderWidth, TwBo
|
|
|
27
27
|
declare const udsToTailwindMap: {
|
|
28
28
|
fontSize: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "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" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
|
|
29
29
|
lineHeight: Record<"display1" | "display2" | "display3" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "label3" | "label4" | "caption1" | "caption2" | TextVariantUi | "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" | "ui1/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui4/emphasized" | "ui5/emphasized" | "ui6/emphasized", TwdFontSize>;
|
|
30
|
-
borderRadius: Record<"sm" | "md" | "
|
|
31
|
-
borderWidth: Record<"
|
|
30
|
+
borderRadius: Record<"sm" | "md" | "lg" | "xl" | "xs", TwBorderRadius>;
|
|
31
|
+
borderWidth: Record<"medium" | "thin" | "thick", TwBorderWidth>;
|
|
32
32
|
};
|
|
33
33
|
|
|
34
34
|
declare function getButtonColorForProperty(property: ButtonColorProperty, { type, value }: ButtonColorPropertyConfig[ButtonColorProperty], theme: ThemeFn): string;
|
|
@@ -55,7 +55,7 @@ declare function getFontFaceDeclarations(fontIds: FontID[]): FontDeclarationItem
|
|
|
55
55
|
* addRootVariables(fontVars);
|
|
56
56
|
*
|
|
57
57
|
*/
|
|
58
|
-
declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-
|
|
58
|
+
declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-sans" | "--uds-font-serif" | "--uds-font-mono" | "--uds-font-sans-alt" | "--uds-font-serif-alt", string>;
|
|
59
59
|
|
|
60
60
|
/**
|
|
61
61
|
* Return CSS variables object based on the motion config.
|
|
@@ -73,7 +73,7 @@ declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-serif
|
|
|
73
73
|
* addRootVariables(motionVars);
|
|
74
74
|
*
|
|
75
75
|
*/
|
|
76
|
-
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-
|
|
76
|
+
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness", string>;
|
|
77
77
|
|
|
78
78
|
declare function getScaleModeStyles(tokens: WebTokens): {
|
|
79
79
|
xSmall: {
|
|
@@ -145,8 +145,8 @@ declare function getShadowPresetValues({ config, shadowType, }: {
|
|
|
145
145
|
declare function getShadowStyles({ config, shadowType, }: {
|
|
146
146
|
config: UniversalTokensConfig;
|
|
147
147
|
shadowType: ShadowType;
|
|
148
|
-
}): Record<".uds-
|
|
149
|
-
readonly [x: string]: "var(--uds-
|
|
148
|
+
}): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs", {
|
|
149
|
+
readonly [x: string]: "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-inset-shadow-none)" | "var(--uds-inset-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-none)" | "var(--uds-drop-shadow-xs)" | "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)";
|
|
150
150
|
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)";
|
|
151
151
|
}>;
|
|
152
152
|
|
package/dist/tailwind/utils.d.ts
CHANGED
|
@@ -55,7 +55,7 @@ declare function getFontFaceDeclarations(fontIds: FontID[]): FontDeclarationItem
|
|
|
55
55
|
* addRootVariables(fontVars);
|
|
56
56
|
*
|
|
57
57
|
*/
|
|
58
|
-
declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-
|
|
58
|
+
declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-sans" | "--uds-font-serif" | "--uds-font-mono" | "--uds-font-sans-alt" | "--uds-font-serif-alt", string>;
|
|
59
59
|
|
|
60
60
|
/**
|
|
61
61
|
* Return CSS variables object based on the motion config.
|
|
@@ -73,7 +73,7 @@ declare function getFontStyles(fontConfig: FontConfig): Record<"--uds-font-serif
|
|
|
73
73
|
* addRootVariables(motionVars);
|
|
74
74
|
*
|
|
75
75
|
*/
|
|
76
|
-
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-
|
|
76
|
+
declare function getMotionStyles(motionConfig: MotionConfig): Record<"--uds-motion-damped-1-damping" | "--uds-motion-damped-1-stiffness" | "--uds-motion-damped-2-damping" | "--uds-motion-damped-2-stiffness" | "--uds-motion-damped-3-damping" | "--uds-motion-damped-3-stiffness" | "--uds-motion-damped-4-damping" | "--uds-motion-damped-4-stiffness" | "--uds-motion-smooth-1-damping" | "--uds-motion-smooth-1-stiffness" | "--uds-motion-smooth-2-damping" | "--uds-motion-smooth-2-stiffness" | "--uds-motion-smooth-3-damping" | "--uds-motion-smooth-3-stiffness" | "--uds-motion-smooth-4-damping" | "--uds-motion-smooth-4-stiffness" | "--uds-motion-subtle-1-damping" | "--uds-motion-subtle-1-stiffness" | "--uds-motion-subtle-2-damping" | "--uds-motion-subtle-2-stiffness" | "--uds-motion-subtle-3-damping" | "--uds-motion-subtle-3-stiffness" | "--uds-motion-subtle-4-damping" | "--uds-motion-subtle-4-stiffness" | "--uds-motion-bouncy-1-damping" | "--uds-motion-bouncy-1-stiffness" | "--uds-motion-bouncy-2-damping" | "--uds-motion-bouncy-2-stiffness" | "--uds-motion-bouncy-3-damping" | "--uds-motion-bouncy-3-stiffness" | "--uds-motion-bouncy-4-damping" | "--uds-motion-bouncy-4-stiffness" | "--uds-motion-veryBouncy-1-damping" | "--uds-motion-veryBouncy-1-stiffness" | "--uds-motion-veryBouncy-2-damping" | "--uds-motion-veryBouncy-2-stiffness" | "--uds-motion-veryBouncy-3-damping" | "--uds-motion-veryBouncy-3-stiffness" | "--uds-motion-veryBouncy-4-damping" | "--uds-motion-veryBouncy-4-stiffness", string>;
|
|
77
77
|
|
|
78
78
|
declare function getScaleModeStyles(tokens: WebTokens): {
|
|
79
79
|
xSmall: {
|
|
@@ -145,8 +145,8 @@ declare function getShadowPresetValues({ config, shadowType, }: {
|
|
|
145
145
|
declare function getShadowStyles({ config, shadowType, }: {
|
|
146
146
|
config: UniversalTokensConfig;
|
|
147
147
|
shadowType: ShadowType;
|
|
148
|
-
}): Record<".uds-
|
|
149
|
-
readonly [x: string]: "var(--uds-
|
|
148
|
+
}): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs", {
|
|
149
|
+
readonly [x: string]: "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-inset-shadow-none)" | "var(--uds-inset-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-none)" | "var(--uds-drop-shadow-xs)" | "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)";
|
|
150
150
|
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)";
|
|
151
151
|
}>;
|
|
152
152
|
|
package/package.json
CHANGED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Button, HStack, IconButton } from '@yahoo/uds';
|
|
2
|
-
import { Cross } from '@yahoo/uds-icons';
|
|
3
|
-
|
|
4
|
-
export const PageA = () => {
|
|
5
|
-
return (
|
|
6
|
-
<HStack>
|
|
7
|
-
<Button variant="brand-secondary">Click me</Button><IconButton name={Cross} />
|
|
8
|
-
<Button variant="primary">Click me</Button><IconButton name={Cross} variant="primary" />
|
|
9
|
-
<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="brand" />
|
|
10
|
-
<Button variant="warning-tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
|
|
11
|
-
<Button>Click me</Button><IconButton name={Cross} />
|
|
12
|
-
<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="brand-tertiary" />
|
|
13
|
-
<Button variant="secondary">Click me</Button><IconButton name={Cross} variant="secondary" />
|
|
14
|
-
<Button variant="tertiary">Click me</Button><IconButton name={Cross} variant="tertiary" />
|
|
15
|
-
</HStack>
|
|
16
|
-
);
|
|
17
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|