@yahoo/uds 3.114.0-beta.1 → 3.114.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/styles/styler.d.cts +44 -44
- package/dist/styles/styler.d.ts +48 -48
- package/dist/tailwind/dist/css/generate.cjs +5 -1
- package/dist/tailwind/dist/css/generate.js +5 -1
- package/dist/tailwind/dist/css/runner.cjs +1 -0
- package/dist/tailwind/dist/css/runner.js +1 -0
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +6 -0
- package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +6 -0
- package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +41 -11
- package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +40 -11
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
- package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
- package/dist/uds/generated/componentData.cjs +932 -911
- package/dist/uds/generated/componentData.js +932 -911
- package/generated/componentData.json +1192 -1172
- package/package.json +1 -1
|
@@ -5,6 +5,8 @@ let ts_morph = require("ts-morph");
|
|
|
5
5
|
let node_fs = require("node:fs");
|
|
6
6
|
let node_path = require("node:path");
|
|
7
7
|
node_path = require_runtime.__toESM(node_path);
|
|
8
|
+
let fast_glob = require("fast-glob");
|
|
9
|
+
fast_glob = require_runtime.__toESM(fast_glob);
|
|
8
10
|
|
|
9
11
|
//#region ../tailwind/dist/purger/optimized/utils/componentAnalyzer.js
|
|
10
12
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
@@ -16,26 +18,30 @@ let knownComponents = null;
|
|
|
16
18
|
* Map of component name -> file path
|
|
17
19
|
*/
|
|
18
20
|
let componentPaths = null;
|
|
21
|
+
let scannedComponentsDir = null;
|
|
22
|
+
const scanComponentFilePaths = async (componentsDir) => (0, fast_glob.default)("**/*.tsx", {
|
|
23
|
+
cwd: componentsDir,
|
|
24
|
+
absolute: true
|
|
25
|
+
});
|
|
19
26
|
/**
|
|
20
27
|
* Scan src/components to build a map of all component files
|
|
21
28
|
*/
|
|
22
29
|
const scanComponentFiles = async (componentsDir) => {
|
|
23
|
-
if (componentPaths) return componentPaths;
|
|
30
|
+
if (componentPaths && scannedComponentsDir === componentsDir) return componentPaths;
|
|
24
31
|
componentPaths = /* @__PURE__ */ new Map();
|
|
25
32
|
knownComponents = /* @__PURE__ */ new Set();
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
if (file.includes(".test.") || file.endsWith("index.tsx")) continue;
|
|
33
|
+
scannedComponentsDir = componentsDir;
|
|
34
|
+
const nextComponentPaths = componentPaths;
|
|
35
|
+
const nextKnownComponents = knownComponents;
|
|
36
|
+
(await scanComponentFilePaths(componentsDir)).forEach((file) => {
|
|
37
|
+
if (file.includes(".test.") || file.endsWith("index.tsx")) return;
|
|
32
38
|
const fileName = node_path.default.basename(file, ".tsx");
|
|
33
39
|
if (/^[A-Z]/.test(fileName)) {
|
|
34
|
-
|
|
35
|
-
|
|
40
|
+
nextComponentPaths.set(fileName, file);
|
|
41
|
+
nextKnownComponents.add(fileName);
|
|
36
42
|
}
|
|
37
|
-
}
|
|
38
|
-
return
|
|
43
|
+
});
|
|
44
|
+
return nextComponentPaths;
|
|
39
45
|
};
|
|
40
46
|
/**
|
|
41
47
|
* Analyze an object literal for variant key mappings.
|
|
@@ -116,6 +122,7 @@ const analyzeComponent = (project, componentPath) => {
|
|
|
116
122
|
collectComponentDefaultsAndProps(sourceFile, defaultProps, componentPropNames);
|
|
117
123
|
collectGetStylesMetadata(sourceFile, styleProps, getStylesLiterals, propToVariantKeys);
|
|
118
124
|
collectCxLiterals(sourceFile, cxLiterals);
|
|
125
|
+
collectIntrinsicClassNameLiterals(sourceFile, cxLiterals);
|
|
119
126
|
extractInternalComponents(sourceFile, internalComponents, internalComponentProps, propToVariantKeys, componentPropNames);
|
|
120
127
|
return {
|
|
121
128
|
name: componentName,
|
|
@@ -206,6 +213,29 @@ const collectCxLiterals = (sourceFile, cxLiterals) => {
|
|
|
206
213
|
call.getArguments().forEach((arg) => extractCxStringLiterals(arg, cxLiterals));
|
|
207
214
|
});
|
|
208
215
|
};
|
|
216
|
+
const pushUniqueClasses = (target, rawValue) => {
|
|
217
|
+
rawValue.split(/\s+/).filter(Boolean).forEach((className) => {
|
|
218
|
+
if (!target.includes(className)) target.push(className);
|
|
219
|
+
});
|
|
220
|
+
};
|
|
221
|
+
const collectIntrinsicClassNameLiterals = (sourceFile, cxLiterals) => {
|
|
222
|
+
[...sourceFile.getDescendantsOfKind(ts_morph.SyntaxKind.JsxSelfClosingElement), ...sourceFile.getDescendantsOfKind(ts_morph.SyntaxKind.JsxOpeningElement)].forEach((element) => {
|
|
223
|
+
const tagName = element.getTagNameNode().getText();
|
|
224
|
+
if (!/^[a-z]/.test(tagName)) return;
|
|
225
|
+
element.getAttributes().forEach((attr) => {
|
|
226
|
+
if (!ts_morph.Node.isJsxAttribute(attr) || attr.getNameNode().getText() !== "className") return;
|
|
227
|
+
const initializer = attr.getInitializer();
|
|
228
|
+
if (!initializer) return;
|
|
229
|
+
if (ts_morph.Node.isStringLiteral(initializer)) {
|
|
230
|
+
pushUniqueClasses(cxLiterals, initializer.getLiteralValue());
|
|
231
|
+
return;
|
|
232
|
+
}
|
|
233
|
+
if (!ts_morph.Node.isJsxExpression(initializer)) return;
|
|
234
|
+
const expr = initializer.getExpression();
|
|
235
|
+
if (expr && ts_morph.Node.isStringLiteral(expr)) pushUniqueClasses(cxLiterals, expr.getLiteralValue());
|
|
236
|
+
});
|
|
237
|
+
});
|
|
238
|
+
};
|
|
209
239
|
/**
|
|
210
240
|
* Extract UDS components used internally in the file and their prop values.
|
|
211
241
|
* Also detects prop aliasing (e.g., columnGap={gap} means gap -> columnGap).
|
|
@@ -3,6 +3,7 @@ import { SPRING_MOTION_DEFAULTS } from "../../../../../motion-tokens/dist/index.
|
|
|
3
3
|
import { Node, SyntaxKind } from "ts-morph";
|
|
4
4
|
import { existsSync } from "node:fs";
|
|
5
5
|
import path from "node:path";
|
|
6
|
+
import fg from "fast-glob";
|
|
6
7
|
|
|
7
8
|
//#region ../tailwind/dist/purger/optimized/utils/componentAnalyzer.js
|
|
8
9
|
/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
|
|
@@ -14,26 +15,30 @@ let knownComponents = null;
|
|
|
14
15
|
* Map of component name -> file path
|
|
15
16
|
*/
|
|
16
17
|
let componentPaths = null;
|
|
18
|
+
let scannedComponentsDir = null;
|
|
19
|
+
const scanComponentFilePaths = async (componentsDir) => fg("**/*.tsx", {
|
|
20
|
+
cwd: componentsDir,
|
|
21
|
+
absolute: true
|
|
22
|
+
});
|
|
17
23
|
/**
|
|
18
24
|
* Scan src/components to build a map of all component files
|
|
19
25
|
*/
|
|
20
26
|
const scanComponentFiles = async (componentsDir) => {
|
|
21
|
-
if (componentPaths) return componentPaths;
|
|
27
|
+
if (componentPaths && scannedComponentsDir === componentsDir) return componentPaths;
|
|
22
28
|
componentPaths = /* @__PURE__ */ new Map();
|
|
23
29
|
knownComponents = /* @__PURE__ */ new Set();
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
if (file.includes(".test.") || file.endsWith("index.tsx")) continue;
|
|
30
|
+
scannedComponentsDir = componentsDir;
|
|
31
|
+
const nextComponentPaths = componentPaths;
|
|
32
|
+
const nextKnownComponents = knownComponents;
|
|
33
|
+
(await scanComponentFilePaths(componentsDir)).forEach((file) => {
|
|
34
|
+
if (file.includes(".test.") || file.endsWith("index.tsx")) return;
|
|
30
35
|
const fileName = path.basename(file, ".tsx");
|
|
31
36
|
if (/^[A-Z]/.test(fileName)) {
|
|
32
|
-
|
|
33
|
-
|
|
37
|
+
nextComponentPaths.set(fileName, file);
|
|
38
|
+
nextKnownComponents.add(fileName);
|
|
34
39
|
}
|
|
35
|
-
}
|
|
36
|
-
return
|
|
40
|
+
});
|
|
41
|
+
return nextComponentPaths;
|
|
37
42
|
};
|
|
38
43
|
/**
|
|
39
44
|
* Analyze an object literal for variant key mappings.
|
|
@@ -114,6 +119,7 @@ const analyzeComponent = (project, componentPath) => {
|
|
|
114
119
|
collectComponentDefaultsAndProps(sourceFile, defaultProps, componentPropNames);
|
|
115
120
|
collectGetStylesMetadata(sourceFile, styleProps, getStylesLiterals, propToVariantKeys);
|
|
116
121
|
collectCxLiterals(sourceFile, cxLiterals);
|
|
122
|
+
collectIntrinsicClassNameLiterals(sourceFile, cxLiterals);
|
|
117
123
|
extractInternalComponents(sourceFile, internalComponents, internalComponentProps, propToVariantKeys, componentPropNames);
|
|
118
124
|
return {
|
|
119
125
|
name: componentName,
|
|
@@ -204,6 +210,29 @@ const collectCxLiterals = (sourceFile, cxLiterals) => {
|
|
|
204
210
|
call.getArguments().forEach((arg) => extractCxStringLiterals(arg, cxLiterals));
|
|
205
211
|
});
|
|
206
212
|
};
|
|
213
|
+
const pushUniqueClasses = (target, rawValue) => {
|
|
214
|
+
rawValue.split(/\s+/).filter(Boolean).forEach((className) => {
|
|
215
|
+
if (!target.includes(className)) target.push(className);
|
|
216
|
+
});
|
|
217
|
+
};
|
|
218
|
+
const collectIntrinsicClassNameLiterals = (sourceFile, cxLiterals) => {
|
|
219
|
+
[...sourceFile.getDescendantsOfKind(SyntaxKind.JsxSelfClosingElement), ...sourceFile.getDescendantsOfKind(SyntaxKind.JsxOpeningElement)].forEach((element) => {
|
|
220
|
+
const tagName = element.getTagNameNode().getText();
|
|
221
|
+
if (!/^[a-z]/.test(tagName)) return;
|
|
222
|
+
element.getAttributes().forEach((attr) => {
|
|
223
|
+
if (!Node.isJsxAttribute(attr) || attr.getNameNode().getText() !== "className") return;
|
|
224
|
+
const initializer = attr.getInitializer();
|
|
225
|
+
if (!initializer) return;
|
|
226
|
+
if (Node.isStringLiteral(initializer)) {
|
|
227
|
+
pushUniqueClasses(cxLiterals, initializer.getLiteralValue());
|
|
228
|
+
return;
|
|
229
|
+
}
|
|
230
|
+
if (!Node.isJsxExpression(initializer)) return;
|
|
231
|
+
const expr = initializer.getExpression();
|
|
232
|
+
if (expr && Node.isStringLiteral(expr)) pushUniqueClasses(cxLiterals, expr.getLiteralValue());
|
|
233
|
+
});
|
|
234
|
+
});
|
|
235
|
+
};
|
|
207
236
|
/**
|
|
208
237
|
* Extract UDS components used internally in the file and their prop values.
|
|
209
238
|
* Also detects prop aliasing (e.g., columnGap={gap} means gap -> columnGap).
|
|
@@ -19,6 +19,6 @@ import { FontConfig } from "../../../../types/dist/index.cjs";
|
|
|
19
19
|
* addBase(fontVars);
|
|
20
20
|
*
|
|
21
21
|
*/
|
|
22
|
-
declare function getFontStyles(fontConfig: Partial<FontConfig>): Record<"--uds-font-sans" | "--uds-font-
|
|
22
|
+
declare function getFontStyles(fontConfig: Partial<FontConfig>): Record<"--uds-font-sans" | "--uds-font-sans-alt" | "--uds-font-serif" | "--uds-font-serif-alt" | "--uds-font-mono", string>; //#endregion
|
|
23
23
|
//#endregion
|
|
24
24
|
export { getFontStyles };
|
|
@@ -19,6 +19,6 @@ import { FontConfig } from "../../../../types/dist/index.js";
|
|
|
19
19
|
* addBase(fontVars);
|
|
20
20
|
*
|
|
21
21
|
*/
|
|
22
|
-
declare function getFontStyles(fontConfig: Partial<FontConfig>): Record<"--uds-font-sans" | "--uds-font-
|
|
22
|
+
declare function getFontStyles(fontConfig: Partial<FontConfig>): Record<"--uds-font-sans" | "--uds-font-sans-alt" | "--uds-font-serif" | "--uds-font-serif-alt" | "--uds-font-mono", string>; //#endregion
|
|
23
23
|
//#endregion
|
|
24
24
|
export { getFontStyles };
|
|
@@ -4,8 +4,8 @@ import { UniversalTokensConfig } from "../../../../config/dist/index.cjs";
|
|
|
4
4
|
|
|
5
5
|
//#region ../tailwind/dist/tailwind/utils/getShadowStyles.d.ts
|
|
6
6
|
//#region src/tailwind/utils/getShadowStyles.d.ts
|
|
7
|
-
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-
|
|
8
|
-
readonly [x: string]: "var(--uds-inset-shadow-
|
|
7
|
+
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".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-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-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" | ".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", {
|
|
8
|
+
readonly [x: string]: "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-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-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-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, 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-
|
|
18
|
-
readonly [x: string]: "var(--uds-inset-shadow-
|
|
17
|
+
}): Record<".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-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-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" | ".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", {
|
|
18
|
+
readonly [x: string]: "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-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-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-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, 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
|
}>; //#endregion
|
|
21
21
|
//#endregion
|
|
@@ -4,8 +4,8 @@ import { UniversalTokensConfig } from "../../../../config/dist/index.js";
|
|
|
4
4
|
|
|
5
5
|
//#region ../tailwind/dist/tailwind/utils/getShadowStyles.d.ts
|
|
6
6
|
//#region src/tailwind/utils/getShadowStyles.d.ts
|
|
7
|
-
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".uds-inset-shadow-
|
|
8
|
-
readonly [x: string]: "var(--uds-inset-shadow-
|
|
7
|
+
declare const shadowVariantToCSS: (shadowType: ShadowType, shadowVariant: ShadowVariant | ElevationAlias) => readonly [".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-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-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" | ".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", {
|
|
8
|
+
readonly [x: string]: "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-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-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-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, 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-
|
|
18
|
-
readonly [x: string]: "var(--uds-inset-shadow-
|
|
17
|
+
}): Record<".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-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-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" | ".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", {
|
|
18
|
+
readonly [x: string]: "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-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-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-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, 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
|
}>; //#endregion
|
|
21
21
|
//#endregion
|