@wordpress/theme 0.1.0 → 0.2.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.
Files changed (168) hide show
  1. package/README.md +69 -9
  2. package/bin/generate-default-ramps/index.ts +49 -0
  3. package/bin/generate-primitive-tokens/index.ts +14 -9
  4. package/bin/terrazzo-plugin-ds-tokens-docs/index.ts +5 -24
  5. package/bin/terrazzo-plugin-figma-ds-token-manager/index.ts +11 -4
  6. package/bin/terrazzo-plugin-inline-alias-values/index.ts +84 -0
  7. package/bin/terrazzo-plugin-known-wpds-css-variables/index.ts +19 -39
  8. package/build/color-ramps/index.js +21 -39
  9. package/build/color-ramps/index.js.map +3 -3
  10. package/build/color-ramps/lib/color-utils.js +39 -0
  11. package/build/color-ramps/lib/color-utils.js.map +7 -0
  12. package/build/color-ramps/lib/constants.js +20 -27
  13. package/build/color-ramps/lib/constants.js.map +3 -3
  14. package/build/color-ramps/lib/default-ramps.js +220 -0
  15. package/build/color-ramps/lib/default-ramps.js.map +7 -0
  16. package/build/color-ramps/lib/find-color-with-constraints.js +60 -91
  17. package/build/color-ramps/lib/find-color-with-constraints.js.map +3 -3
  18. package/build/color-ramps/lib/index.js +77 -119
  19. package/build/color-ramps/lib/index.js.map +3 -3
  20. package/build/color-ramps/lib/ramp-configs.js +15 -14
  21. package/build/color-ramps/lib/ramp-configs.js.map +2 -2
  22. package/build/color-ramps/lib/register-color-spaces.js +7 -0
  23. package/build/color-ramps/lib/register-color-spaces.js.map +7 -0
  24. package/build/color-ramps/lib/taper-chroma.js +35 -27
  25. package/build/color-ramps/lib/taper-chroma.js.map +3 -3
  26. package/build/color-ramps/lib/types.js +2 -1
  27. package/build/color-ramps/lib/types.js.map +1 -1
  28. package/build/color-ramps/lib/utils.js +75 -11
  29. package/build/color-ramps/lib/utils.js.map +2 -2
  30. package/build/context.js +3 -2
  31. package/build/context.js.map +1 -1
  32. package/build/index.js +2 -1
  33. package/build/index.js.map +1 -1
  34. package/build/lock-unlock.js +3 -2
  35. package/build/lock-unlock.js.map +1 -1
  36. package/build/prebuilt/js/design-tokens.js +19 -11
  37. package/build/prebuilt/js/design-tokens.js.map +2 -2
  38. package/build/prebuilt/json/figma.json +165 -783
  39. package/build/prebuilt/ts/color-tokens.js +137 -0
  40. package/build/prebuilt/ts/color-tokens.js.map +7 -0
  41. package/build/private-apis.js +3 -2
  42. package/build/private-apis.js.map +1 -1
  43. package/build/theme-provider.js +19 -17
  44. package/build/theme-provider.js.map +4 -4
  45. package/build/token-id.js +30 -0
  46. package/build/token-id.js.map +7 -0
  47. package/build/types/css-modules.d.js +0 -1
  48. package/build/types.js +2 -1
  49. package/build/types.js.map +1 -1
  50. package/build/use-theme-provider-styles.js +67 -62
  51. package/build/use-theme-provider-styles.js.map +3 -3
  52. package/build-module/color-ramps/index.js +20 -28
  53. package/build-module/color-ramps/index.js.map +2 -2
  54. package/build-module/color-ramps/lib/color-utils.js +19 -0
  55. package/build-module/color-ramps/lib/color-utils.js.map +7 -0
  56. package/build-module/color-ramps/lib/constants.js +14 -11
  57. package/build-module/color-ramps/lib/constants.js.map +2 -2
  58. package/build-module/color-ramps/lib/default-ramps.js +196 -0
  59. package/build-module/color-ramps/lib/default-ramps.js.map +7 -0
  60. package/build-module/color-ramps/lib/find-color-with-constraints.js +61 -87
  61. package/build-module/color-ramps/lib/find-color-with-constraints.js.map +2 -2
  62. package/build-module/color-ramps/lib/index.js +85 -109
  63. package/build-module/color-ramps/lib/index.js.map +3 -3
  64. package/build-module/color-ramps/lib/ramp-configs.js +14 -13
  65. package/build-module/color-ramps/lib/ramp-configs.js.map +2 -2
  66. package/build-module/color-ramps/lib/register-color-spaces.js +7 -0
  67. package/build-module/color-ramps/lib/register-color-spaces.js.map +7 -0
  68. package/build-module/color-ramps/lib/taper-chroma.js +40 -16
  69. package/build-module/color-ramps/lib/taper-chroma.js.map +2 -2
  70. package/build-module/color-ramps/lib/utils.js +70 -6
  71. package/build-module/color-ramps/lib/utils.js.map +2 -2
  72. package/build-module/context.js +2 -1
  73. package/build-module/context.js.map +1 -1
  74. package/build-module/index.js +1 -0
  75. package/build-module/index.js.map +1 -1
  76. package/build-module/lock-unlock.js +2 -1
  77. package/build-module/lock-unlock.js.map +1 -1
  78. package/build-module/prebuilt/js/design-tokens.js +18 -10
  79. package/build-module/prebuilt/js/design-tokens.js.map +2 -2
  80. package/build-module/prebuilt/json/figma.json +165 -783
  81. package/build-module/prebuilt/ts/color-tokens.js +117 -0
  82. package/build-module/prebuilt/ts/color-tokens.js.map +7 -0
  83. package/build-module/private-apis.js +2 -1
  84. package/build-module/private-apis.js.map +1 -1
  85. package/build-module/theme-provider.js +18 -6
  86. package/build-module/theme-provider.js.map +3 -3
  87. package/build-module/token-id.js +6 -0
  88. package/build-module/token-id.js.map +7 -0
  89. package/build-module/use-theme-provider-styles.js +69 -57
  90. package/build-module/use-theme-provider-styles.js.map +2 -2
  91. package/build-types/color-ramps/index.d.ts +9 -16
  92. package/build-types/color-ramps/index.d.ts.map +1 -1
  93. package/build-types/color-ramps/lib/color-utils.d.ts +22 -0
  94. package/build-types/color-ramps/lib/color-utils.d.ts.map +1 -0
  95. package/build-types/color-ramps/lib/constants.d.ts +7 -9
  96. package/build-types/color-ramps/lib/constants.d.ts.map +1 -1
  97. package/build-types/color-ramps/lib/default-ramps.d.ts +7 -0
  98. package/build-types/color-ramps/lib/default-ramps.d.ts.map +1 -0
  99. package/build-types/color-ramps/lib/find-color-with-constraints.d.ts +8 -7
  100. package/build-types/color-ramps/lib/find-color-with-constraints.d.ts.map +1 -1
  101. package/build-types/color-ramps/lib/index.d.ts +5 -2
  102. package/build-types/color-ramps/lib/index.d.ts.map +1 -1
  103. package/build-types/color-ramps/lib/register-color-spaces.d.ts +2 -0
  104. package/build-types/color-ramps/lib/register-color-spaces.d.ts.map +1 -0
  105. package/build-types/color-ramps/lib/taper-chroma.d.ts +7 -3
  106. package/build-types/color-ramps/lib/taper-chroma.d.ts.map +1 -1
  107. package/build-types/color-ramps/lib/utils.d.ts +28 -5
  108. package/build-types/color-ramps/lib/utils.d.ts.map +1 -1
  109. package/build-types/color-ramps/stories/index.story.d.ts.map +1 -1
  110. package/build-types/prebuilt/ts/color-tokens.d.ts +7 -0
  111. package/build-types/prebuilt/ts/color-tokens.d.ts.map +1 -0
  112. package/build-types/stories/index.story.d.ts.map +1 -1
  113. package/build-types/theme-provider.d.ts.map +1 -1
  114. package/build-types/token-id.d.ts +9 -0
  115. package/build-types/token-id.d.ts.map +1 -0
  116. package/build-types/use-theme-provider-styles.d.ts +4 -0
  117. package/build-types/use-theme-provider-styles.d.ts.map +1 -1
  118. package/docs/ds-tokens.md +22 -156
  119. package/package.json +19 -9
  120. package/src/color-ramps/index.ts +24 -41
  121. package/src/color-ramps/lib/color-utils.ts +34 -0
  122. package/src/color-ramps/lib/constants.ts +13 -9
  123. package/src/color-ramps/lib/default-ramps.ts +200 -0
  124. package/src/color-ramps/lib/find-color-with-constraints.ts +83 -116
  125. package/src/color-ramps/lib/index.ts +107 -145
  126. package/src/color-ramps/lib/ramp-configs.ts +3 -3
  127. package/src/color-ramps/lib/register-color-spaces.ts +13 -0
  128. package/src/color-ramps/lib/taper-chroma.ts +47 -19
  129. package/src/color-ramps/lib/utils.ts +117 -14
  130. package/src/color-ramps/stories/index.story.tsx +16 -22
  131. package/src/color-ramps/test/__snapshots__/index.test.ts.snap +45722 -376
  132. package/src/color-ramps/test/index.test.ts +68 -29
  133. package/src/prebuilt/css/design-tokens.css +88 -355
  134. package/src/prebuilt/js/design-tokens.js +17 -10
  135. package/src/prebuilt/json/figma.json +165 -783
  136. package/src/prebuilt/ts/color-tokens.ts +117 -0
  137. package/src/stories/index.story.tsx +4 -18
  138. package/src/test/token-id.test.ts +12 -0
  139. package/src/token-id.ts +9 -0
  140. package/src/use-theme-provider-styles.ts +67 -60
  141. package/terrazzo.config.ts +15 -12
  142. package/tokens/color.json +221 -69
  143. package/tokens/dimension.json +75 -0
  144. package/tsconfig.bin.json +13 -0
  145. package/tsconfig.bin.tsbuildinfo +1 -0
  146. package/tsconfig.json +6 -4
  147. package/tsconfig.src.json +9 -0
  148. package/tsconfig.src.tsbuildinfo +1 -0
  149. package/bin/build-tokens.js +0 -83
  150. package/build/color-ramps/lib/cache-utils.js +0 -57
  151. package/build/color-ramps/lib/cache-utils.js.map +0 -7
  152. package/build/prebuilt/ts/design-tokens.js +0 -354
  153. package/build/prebuilt/ts/design-tokens.js.map +0 -7
  154. package/build/style.module.css.js +0 -2
  155. package/build-module/color-ramps/lib/cache-utils.js +0 -31
  156. package/build-module/color-ramps/lib/cache-utils.js.map +0 -7
  157. package/build-module/prebuilt/ts/design-tokens.js +0 -334
  158. package/build-module/prebuilt/ts/design-tokens.js.map +0 -7
  159. package/build-module/style.module.css.js +0 -1
  160. package/build-style/style.css +0 -3
  161. package/build-types/color-ramps/lib/cache-utils.d.ts +0 -22
  162. package/build-types/color-ramps/lib/cache-utils.d.ts.map +0 -1
  163. package/build-types/prebuilt/ts/design-tokens.d.ts +0 -7
  164. package/build-types/prebuilt/ts/design-tokens.d.ts.map +0 -1
  165. package/src/color-ramps/lib/cache-utils.ts +0 -56
  166. package/src/prebuilt/ts/design-tokens.ts +0 -335
  167. package/tokens/spacing.json +0 -45
  168. package/tsconfig.tsbuildinfo +0 -1
@@ -1,83 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- const { execSync } = require( 'child_process' );
5
- const fs = require( 'fs' );
6
- const path = require( 'path' );
7
-
8
- /**
9
- * Build script for design tokens.
10
- *
11
- * This script:
12
- * 1. Compiles and runs the primitive token generator
13
- * 2. Compiles the terrazzo config and runs the Terrazzo build
14
- * 3. Cleans up temporary files
15
- */
16
-
17
- const TEMP_FILES = [
18
- 'bin/generate-primitive-tokens/index.mjs',
19
- 'terrazzo.config.mjs',
20
- ];
21
-
22
- function cleanup() {
23
- TEMP_FILES.forEach( ( file ) => {
24
- const filePath = path.join( process.cwd(), file );
25
- if ( fs.existsSync( filePath ) ) {
26
- fs.unlinkSync( filePath );
27
- }
28
- } );
29
- }
30
-
31
- // Ensure cleanup happens even if the process exits unexpectedly
32
- process.on( 'exit', cleanup );
33
- process.on( 'SIGINT', () => {
34
- cleanup();
35
- process.exit( 130 );
36
- } );
37
- process.on( 'SIGTERM', () => {
38
- cleanup();
39
- process.exit( 143 );
40
- } );
41
-
42
- try {
43
- // Step 1: Compile the primitive token generator
44
- console.log( '🔨 Compiling primitive token generator...' );
45
- execSync(
46
- 'npx esbuild bin/generate-primitive-tokens/index.ts --bundle --platform=node --format=esm --packages=external --outfile=bin/generate-primitive-tokens/index.mjs',
47
- {
48
- stdio: 'inherit',
49
- cwd: process.cwd(),
50
- }
51
- );
52
-
53
- // Step 2: Run the primitive token generator
54
- console.log( '🎨 Generating primitive tokens...' );
55
- execSync( 'node bin/generate-primitive-tokens/index.mjs', {
56
- stdio: 'inherit',
57
- cwd: process.cwd(),
58
- } );
59
-
60
- // Step 3: Compile the terrazzo config
61
- console.log( '🔨 Compiling terrazzo config...' );
62
- execSync(
63
- 'npx esbuild terrazzo.config.ts --bundle --platform=node --format=esm --packages=external --outfile=terrazzo.config.mjs',
64
- {
65
- stdio: 'inherit',
66
- cwd: process.cwd(),
67
- }
68
- );
69
-
70
- // Step 4: Run terrazzo build
71
- console.log( '🏗️ Running terrazzo build...' );
72
- execSync( 'npx tz build --config terrazzo.config.mjs', {
73
- stdio: 'inherit',
74
- cwd: process.cwd(),
75
- } );
76
-
77
- console.log( '✅ Token build complete!' );
78
- } catch ( error ) {
79
- console.error( '❌ Build failed:', error.message );
80
- process.exit( 1 );
81
- } finally {
82
- cleanup();
83
- }
@@ -1,57 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var cache_utils_exports = {};
20
- __export(cache_utils_exports, {
21
- clearCaches: () => clearCaches,
22
- getCachedContrast: () => getCachedContrast,
23
- getColorString: () => getColorString
24
- });
25
- module.exports = __toCommonJS(cache_utils_exports);
26
- const contrastCache = /* @__PURE__ */ new Map();
27
- const colorStringCache = /* @__PURE__ */ new Map();
28
- function getColorString(color) {
29
- let str = colorStringCache.get(color);
30
- if (str === void 0) {
31
- str = color.to("srgb").toString({ format: "hex", inGamut: true });
32
- colorStringCache.set(color, str);
33
- }
34
- return str;
35
- }
36
- function getCachedContrast(colorA, colorB) {
37
- const keyA = getColorString(colorA);
38
- const keyB = getColorString(colorB);
39
- const cacheKey = keyA < keyB ? `${keyA}|${keyB}` : `${keyB}|${keyA}`;
40
- let contrast = contrastCache.get(cacheKey);
41
- if (contrast === void 0) {
42
- contrast = colorA.contrastWCAG21(colorB);
43
- contrastCache.set(cacheKey, contrast);
44
- }
45
- return contrast;
46
- }
47
- function clearCaches() {
48
- contrastCache.clear();
49
- colorStringCache.clear();
50
- }
51
- // Annotate the CommonJS export names for ESM import in node:
52
- 0 && (module.exports = {
53
- clearCaches,
54
- getCachedContrast,
55
- getColorString
56
- });
57
- //# sourceMappingURL=cache-utils.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/color-ramps/lib/cache-utils.ts"],
4
- "sourcesContent": ["/**\n * External dependencies\n */\nimport type Color from 'colorjs.io';\n\n/**\n * Cache for WCAG contrast calculations\n */\nconst contrastCache = new Map< string, number >();\n\n/**\n * Cache for color string representations\n */\nconst colorStringCache = new Map< Color, string >();\n\n/**\n * Get cached string representation of a color\n * @param color - Color object to stringify\n * @return Cached string representation\n */\nexport function getColorString( color: Color ): string {\n\tlet str = colorStringCache.get( color );\n\tif ( str === undefined ) {\n\t\tstr = color.to( 'srgb' ).toString( { format: 'hex', inGamut: true } );\n\t\tcolorStringCache.set( color, str );\n\t}\n\treturn str;\n}\n\n/**\n * Get cached contrast calculation between two colors\n * @param colorA - First color\n * @param colorB - Second color\n * @return WCAG 2.1 contrast ratio\n */\nexport function getCachedContrast( colorA: Color, colorB: Color ): number {\n\tconst keyA = getColorString( colorA );\n\tconst keyB = getColorString( colorB );\n\tconst cacheKey =\n\t\tkeyA < keyB ? `${ keyA }|${ keyB }` : `${ keyB }|${ keyA }`;\n\n\tlet contrast = contrastCache.get( cacheKey );\n\tif ( contrast === undefined ) {\n\t\tcontrast = colorA.contrastWCAG21( colorB );\n\t\tcontrastCache.set( cacheKey, contrast );\n\t}\n\treturn contrast;\n}\n\n/**\n * Clear all caches - useful for memory management or testing\n */\nexport function clearCaches(): void {\n\tcontrastCache.clear();\n\tcolorStringCache.clear();\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,MAAM,gBAAgB,oBAAI,IAAsB;AAKhD,MAAM,mBAAmB,oBAAI,IAAqB;AAO3C,SAAS,eAAgB,OAAuB;AACtD,MAAI,MAAM,iBAAiB,IAAK,KAAM;AACtC,MAAK,QAAQ,QAAY;AACxB,UAAM,MAAM,GAAI,MAAO,EAAE,SAAU,EAAE,QAAQ,OAAO,SAAS,KAAK,CAAE;AACpE,qBAAiB,IAAK,OAAO,GAAI;AAAA,EAClC;AACA,SAAO;AACR;AAQO,SAAS,kBAAmB,QAAe,QAAwB;AACzE,QAAM,OAAO,eAAgB,MAAO;AACpC,QAAM,OAAO,eAAgB,MAAO;AACpC,QAAM,WACL,OAAO,OAAO,GAAI,IAAK,IAAK,IAAK,KAAK,GAAI,IAAK,IAAK,IAAK;AAE1D,MAAI,WAAW,cAAc,IAAK,QAAS;AAC3C,MAAK,aAAa,QAAY;AAC7B,eAAW,OAAO,eAAgB,MAAO;AACzC,kBAAc,IAAK,UAAU,QAAS;AAAA,EACvC;AACA,SAAO;AACR;AAKO,SAAS,cAAoB;AACnC,gBAAc,MAAM;AACpB,mBAAiB,MAAM;AACxB;",
6
- "names": []
7
- }
@@ -1,354 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var design_tokens_exports = {};
20
- __export(design_tokens_exports, {
21
- default: () => design_tokens_default
22
- });
23
- module.exports = __toCommonJS(design_tokens_exports);
24
- var design_tokens_default = {
25
- "--wpds-border-radius-x-small": {
26
- ".": "1px"
27
- },
28
- "--wpds-border-radius-small": {
29
- ".": "2px"
30
- },
31
- "--wpds-border-radius-medium": {
32
- ".": "4px"
33
- },
34
- "--wpds-border-radius-large": {
35
- ".": "8px"
36
- },
37
- "--wpds-border-width-focus": {
38
- ".": "2px",
39
- "high-dpi": "1.5px"
40
- },
41
- "--wpds-color-bg-surface-neutral": {
42
- ".": "var(--wpds-color-private-bg-surface2)"
43
- },
44
- "--wpds-color-bg-surface-neutral-strong": {
45
- ".": "var(--wpds-color-private-bg-surface3)"
46
- },
47
- "--wpds-color-bg-surface-neutral-weak": {
48
- ".": "var(--wpds-color-private-bg-surface1)"
49
- },
50
- "--wpds-color-bg-surface-brand": {
51
- ".": "var(--wpds-color-private-primary-surface1)"
52
- },
53
- "--wpds-color-bg-surface-success": {
54
- ".": "var(--wpds-color-private-success-surface4)"
55
- },
56
- "--wpds-color-bg-surface-success-weak": {
57
- ".": "var(--wpds-color-private-success-surface2)"
58
- },
59
- "--wpds-color-bg-surface-info": {
60
- ".": "var(--wpds-color-private-info-surface4)"
61
- },
62
- "--wpds-color-bg-surface-info-weak": {
63
- ".": "var(--wpds-color-private-info-surface2)"
64
- },
65
- "--wpds-color-bg-surface-warning": {
66
- ".": "var(--wpds-color-private-warning-surface4)"
67
- },
68
- "--wpds-color-bg-surface-warning-weak": {
69
- ".": "var(--wpds-color-private-warning-surface2)"
70
- },
71
- "--wpds-color-bg-surface-error": {
72
- ".": "var(--wpds-color-private-error-surface4)"
73
- },
74
- "--wpds-color-bg-surface-error-weak": {
75
- ".": "var(--wpds-color-private-error-surface2)"
76
- },
77
- "--wpds-color-bg-interactive-neutral": {
78
- ".": "#00000000"
79
- },
80
- "--wpds-color-bg-interactive-neutral-active": {
81
- ".": "var(--wpds-color-private-bg-surface4)"
82
- },
83
- "--wpds-color-bg-interactive-neutral-disabled": {
84
- ".": "var(--wpds-color-private-bg-surface5)"
85
- },
86
- "--wpds-color-bg-interactive-neutral-strong": {
87
- ".": "var(--wpds-color-private-bg-bg-fill-inverted1)"
88
- },
89
- "--wpds-color-bg-interactive-neutral-strong-active": {
90
- ".": "var(--wpds-color-private-bg-bg-fill-inverted2)"
91
- },
92
- "--wpds-color-bg-interactive-neutral-strong-disabled": {
93
- ".": "var(--wpds-color-private-bg-surface6)"
94
- },
95
- "--wpds-color-bg-interactive-neutral-weak": {
96
- ".": "#00000000"
97
- },
98
- "--wpds-color-bg-interactive-neutral-weak-active": {
99
- ".": "var(--wpds-color-private-bg-surface4)"
100
- },
101
- "--wpds-color-bg-interactive-neutral-weak-disabled": {
102
- ".": "var(--wpds-color-private-bg-surface5)"
103
- },
104
- "--wpds-color-bg-interactive-brand": {
105
- ".": "#00000000"
106
- },
107
- "--wpds-color-bg-interactive-brand-active": {
108
- ".": "var(--wpds-color-private-primary-surface2)"
109
- },
110
- "--wpds-color-bg-interactive-brand-disabled": {
111
- ".": "var(--wpds-color-private-bg-surface5)"
112
- },
113
- "--wpds-color-bg-interactive-brand-strong": {
114
- ".": "var(--wpds-color-private-primary-bg-fill1)"
115
- },
116
- "--wpds-color-bg-interactive-brand-strong-active": {
117
- ".": "var(--wpds-color-private-primary-bg-fill2)"
118
- },
119
- "--wpds-color-bg-interactive-brand-strong-disabled": {
120
- ".": "var(--wpds-color-private-bg-surface6)"
121
- },
122
- "--wpds-color-bg-interactive-brand-weak": {
123
- ".": "#00000000"
124
- },
125
- "--wpds-color-bg-interactive-brand-weak-active": {
126
- ".": "var(--wpds-color-private-primary-surface4)"
127
- },
128
- "--wpds-color-bg-interactive-brand-weak-disabled": {
129
- ".": "var(--wpds-color-private-bg-surface5)"
130
- },
131
- "--wpds-color-bg-track-neutral-weak": {
132
- ".": "var(--wpds-color-private-bg-stroke1)"
133
- },
134
- "--wpds-color-bg-track-neutral": {
135
- ".": "var(--wpds-color-private-bg-stroke2)"
136
- },
137
- "--wpds-color-bg-thumb-neutral-weak": {
138
- ".": "var(--wpds-color-private-bg-stroke3)"
139
- },
140
- "--wpds-color-bg-thumb-neutral-weak-active": {
141
- ".": "var(--wpds-color-private-bg-stroke4)"
142
- },
143
- "--wpds-color-bg-thumb-brand": {
144
- ".": "var(--wpds-color-private-primary-stroke3)"
145
- },
146
- "--wpds-color-bg-thumb-brand-active": {
147
- ".": "var(--wpds-color-private-primary-stroke3)"
148
- },
149
- "--wpds-color-bg-thumb-brand-disabled": {
150
- ".": "var(--wpds-color-private-bg-stroke2)"
151
- },
152
- "--wpds-color-fg-content-neutral": {
153
- ".": "var(--wpds-color-private-bg-fg-surface4)"
154
- },
155
- "--wpds-color-fg-content-neutral-weak": {
156
- ".": "var(--wpds-color-private-bg-fg-surface3)"
157
- },
158
- "--wpds-color-fg-interactive-neutral": {
159
- ".": "var(--wpds-color-private-bg-fg-surface4)"
160
- },
161
- "--wpds-color-fg-interactive-neutral-active": {
162
- ".": "var(--wpds-color-private-bg-fg-surface4)"
163
- },
164
- "--wpds-color-fg-interactive-neutral-disabled": {
165
- ".": "var(--wpds-color-private-bg-fg-surface2)"
166
- },
167
- "--wpds-color-fg-interactive-neutral-strong": {
168
- ".": "var(--wpds-color-private-bg-fg-fill-inverted)"
169
- },
170
- "--wpds-color-fg-interactive-neutral-strong-active": {
171
- ".": "var(--wpds-color-private-bg-fg-fill-inverted)"
172
- },
173
- "--wpds-color-fg-interactive-neutral-strong-disabled": {
174
- ".": "var(--wpds-color-private-bg-fg-surface3)"
175
- },
176
- "--wpds-color-fg-interactive-neutral-weak": {
177
- ".": "var(--wpds-color-private-bg-fg-surface3)"
178
- },
179
- "--wpds-color-fg-interactive-neutral-weak-disabled": {
180
- ".": "var(--wpds-color-private-bg-fg-surface2)"
181
- },
182
- "--wpds-color-fg-interactive-brand": {
183
- ".": "var(--wpds-color-private-primary-fg-surface3)"
184
- },
185
- "--wpds-color-fg-interactive-brand-active": {
186
- ".": "var(--wpds-color-private-primary-fg-surface3)"
187
- },
188
- "--wpds-color-fg-interactive-brand-disabled": {
189
- ".": "var(--wpds-color-private-bg-fg-surface2)"
190
- },
191
- "--wpds-color-fg-interactive-brand-strong": {
192
- ".": "var(--wpds-color-private-primary-fg-fill)"
193
- },
194
- "--wpds-color-fg-interactive-brand-strong-active": {
195
- ".": "var(--wpds-color-private-primary-fg-fill)"
196
- },
197
- "--wpds-color-fg-interactive-brand-strong-disabled": {
198
- ".": "var(--wpds-color-private-bg-fg-surface3)"
199
- },
200
- "--wpds-color-stroke-surface-neutral": {
201
- ".": "var(--wpds-color-private-bg-stroke2)"
202
- },
203
- "--wpds-color-stroke-surface-neutral-weak": {
204
- ".": "var(--wpds-color-private-bg-stroke1)"
205
- },
206
- "--wpds-color-stroke-surface-neutral-strong": {
207
- ".": "var(--wpds-color-private-bg-stroke3)"
208
- },
209
- "--wpds-color-stroke-surface-brand": {
210
- ".": "var(--wpds-color-private-primary-stroke1)"
211
- },
212
- "--wpds-color-stroke-surface-brand-strong": {
213
- ".": "var(--wpds-color-private-primary-stroke3)"
214
- },
215
- "--wpds-color-stroke-surface-success": {
216
- ".": "var(--wpds-color-private-success-stroke1)"
217
- },
218
- "--wpds-color-stroke-surface-success-strong": {
219
- ".": "var(--wpds-color-private-success-stroke3)"
220
- },
221
- "--wpds-color-stroke-surface-info": {
222
- ".": "var(--wpds-color-private-info-stroke1)"
223
- },
224
- "--wpds-color-stroke-surface-info-strong": {
225
- ".": "var(--wpds-color-private-info-stroke3)"
226
- },
227
- "--wpds-color-stroke-surface-warning": {
228
- ".": "var(--wpds-color-private-warning-stroke1)"
229
- },
230
- "--wpds-color-stroke-surface-warning-strong": {
231
- ".": "var(--wpds-color-private-warning-stroke3)"
232
- },
233
- "--wpds-color-stroke-surface-error": {
234
- ".": "var(--wpds-color-private-error-stroke1)"
235
- },
236
- "--wpds-color-stroke-surface-error-strong": {
237
- ".": "var(--wpds-color-private-error-stroke3)"
238
- },
239
- "--wpds-color-stroke-interactive-neutral": {
240
- ".": "var(--wpds-color-private-bg-stroke3)"
241
- },
242
- "--wpds-color-stroke-interactive-neutral-active": {
243
- ".": "var(--wpds-color-private-bg-stroke4)"
244
- },
245
- "--wpds-color-stroke-interactive-neutral-disabled": {
246
- ".": "var(--wpds-color-private-bg-stroke2)"
247
- },
248
- "--wpds-color-stroke-interactive-neutral-strong": {
249
- ".": "var(--wpds-color-private-bg-stroke4)"
250
- },
251
- "--wpds-color-stroke-interactive-brand": {
252
- ".": "var(--wpds-color-private-primary-stroke3)"
253
- },
254
- "--wpds-color-stroke-interactive-brand-active": {
255
- ".": "var(--wpds-color-private-primary-stroke4)"
256
- },
257
- "--wpds-color-stroke-interactive-brand-disabled": {
258
- ".": "var(--wpds-color-private-bg-stroke2)"
259
- },
260
- "--wpds-color-stroke-interactive-error-strong": {
261
- ".": "var(--wpds-color-private-error-stroke3)"
262
- },
263
- "--wpds-color-stroke-focus-brand": {
264
- ".": "var(--wpds-color-private-primary-stroke3)"
265
- },
266
- "--wpds-elevation-x-small": {
267
- ".": "0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003"
268
- },
269
- "--wpds-elevation-small": {
270
- ".": "0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005"
271
- },
272
- "--wpds-elevation-medium": {
273
- ".": "0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005"
274
- },
275
- "--wpds-elevation-large": {
276
- ".": "0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012, 0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005"
277
- },
278
- "--wpds-spacing-05": {
279
- ".": "4px"
280
- },
281
- "--wpds-spacing-10": {
282
- ".": "8px"
283
- },
284
- "--wpds-spacing-15": {
285
- ".": "12px"
286
- },
287
- "--wpds-spacing-20": {
288
- ".": "16px"
289
- },
290
- "--wpds-spacing-30": {
291
- ".": "24px"
292
- },
293
- "--wpds-spacing-40": {
294
- ".": "32px"
295
- },
296
- "--wpds-spacing-50": {
297
- ".": "40px"
298
- },
299
- "--wpds-spacing-60": {
300
- ".": "48px"
301
- },
302
- "--wpds-spacing-70": {
303
- ".": "56px"
304
- },
305
- "--wpds-spacing-80": {
306
- ".": "64px"
307
- },
308
- "--wpds-font-family-heading": {
309
- ".": '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif'
310
- },
311
- "--wpds-font-family-body": {
312
- ".": '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif'
313
- },
314
- "--wpds-font-family-mono": {
315
- ".": '"Menlo", "Consolas", monaco, monospace'
316
- },
317
- "--wpds-font-size-x-small": {
318
- ".": "11px"
319
- },
320
- "--wpds-font-size-small": {
321
- ".": "12px"
322
- },
323
- "--wpds-font-size-medium": {
324
- ".": "13px"
325
- },
326
- "--wpds-font-size-large": {
327
- ".": "15px"
328
- },
329
- "--wpds-font-size-x-large": {
330
- ".": "20px"
331
- },
332
- "--wpds-font-size-2x-large": {
333
- ".": "32px"
334
- },
335
- "--wpds-font-line-height-x-small": {
336
- ".": "16px"
337
- },
338
- "--wpds-font-line-height-small": {
339
- ".": "20px"
340
- },
341
- "--wpds-font-line-height-medium": {
342
- ".": "24px"
343
- },
344
- "--wpds-font-line-height-large": {
345
- ".": "28px"
346
- },
347
- "--wpds-font-line-height-x-large": {
348
- ".": "32px"
349
- },
350
- "--wpds-font-line-height-2x-large": {
351
- ".": "40px"
352
- }
353
- };
354
- //# sourceMappingURL=design-tokens.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/prebuilt/ts/design-tokens.ts"],
4
- "sourcesContent": ["/**\n * This file is generated by the @terrazzo/plugin-known-wpds-css-variables plugin.\n * Do not edit this file directly.\n */\n\nexport default {\n\t'--wpds-border-radius-x-small': {\n\t\t'.': '1px',\n\t},\n\t'--wpds-border-radius-small': {\n\t\t'.': '2px',\n\t},\n\t'--wpds-border-radius-medium': {\n\t\t'.': '4px',\n\t},\n\t'--wpds-border-radius-large': {\n\t\t'.': '8px',\n\t},\n\t'--wpds-border-width-focus': {\n\t\t'.': '2px',\n\t\t'high-dpi': '1.5px',\n\t},\n\t'--wpds-color-bg-surface-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-surface2)',\n\t},\n\t'--wpds-color-bg-surface-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-surface3)',\n\t},\n\t'--wpds-color-bg-surface-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-surface1)',\n\t},\n\t'--wpds-color-bg-surface-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-surface1)',\n\t},\n\t'--wpds-color-bg-surface-success': {\n\t\t'.': 'var(--wpds-color-private-success-surface4)',\n\t},\n\t'--wpds-color-bg-surface-success-weak': {\n\t\t'.': 'var(--wpds-color-private-success-surface2)',\n\t},\n\t'--wpds-color-bg-surface-info': {\n\t\t'.': 'var(--wpds-color-private-info-surface4)',\n\t},\n\t'--wpds-color-bg-surface-info-weak': {\n\t\t'.': 'var(--wpds-color-private-info-surface2)',\n\t},\n\t'--wpds-color-bg-surface-warning': {\n\t\t'.': 'var(--wpds-color-private-warning-surface4)',\n\t},\n\t'--wpds-color-bg-surface-warning-weak': {\n\t\t'.': 'var(--wpds-color-private-warning-surface2)',\n\t},\n\t'--wpds-color-bg-surface-error': {\n\t\t'.': 'var(--wpds-color-private-error-surface4)',\n\t},\n\t'--wpds-color-bg-surface-error-weak': {\n\t\t'.': 'var(--wpds-color-private-error-surface2)',\n\t},\n\t'--wpds-color-bg-interactive-neutral': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-neutral-active': {\n\t\t'.': 'var(--wpds-color-private-bg-surface4)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-bg-fill-inverted1)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-strong-active': {\n\t\t'.': 'var(--wpds-color-private-bg-bg-fill-inverted2)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface6)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-weak': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-neutral-weak-active': {\n\t\t'.': 'var(--wpds-color-private-bg-surface4)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-weak-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-interactive-brand': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-surface2)',\n\t},\n\t'--wpds-color-bg-interactive-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-interactive-brand-strong': {\n\t\t'.': 'var(--wpds-color-private-primary-bg-fill1)',\n\t},\n\t'--wpds-color-bg-interactive-brand-strong-active': {\n\t\t'.': 'var(--wpds-color-private-primary-bg-fill2)',\n\t},\n\t'--wpds-color-bg-interactive-brand-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface6)',\n\t},\n\t'--wpds-color-bg-interactive-brand-weak': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-brand-weak-active': {\n\t\t'.': 'var(--wpds-color-private-primary-surface4)',\n\t},\n\t'--wpds-color-bg-interactive-brand-weak-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-track-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke1)',\n\t},\n\t'--wpds-color-bg-track-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-bg-thumb-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke3)',\n\t},\n\t'--wpds-color-bg-thumb-neutral-weak-active': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke4)',\n\t},\n\t'--wpds-color-bg-thumb-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-bg-thumb-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-bg-thumb-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-fg-content-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface4)',\n\t},\n\t'--wpds-color-fg-content-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface4)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-active': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface4)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface2)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-fill-inverted)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-strong-active': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-fill-inverted)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-weak-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface2)',\n\t},\n\t'--wpds-color-fg-interactive-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface2)',\n\t},\n\t'--wpds-color-fg-interactive-brand-strong': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-fill)',\n\t},\n\t'--wpds-color-fg-interactive-brand-strong-active': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-fill)',\n\t},\n\t'--wpds-color-fg-interactive-brand-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-stroke-surface-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-stroke-surface-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-brand-strong': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-success': {\n\t\t'.': 'var(--wpds-color-private-success-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-success-strong': {\n\t\t'.': 'var(--wpds-color-private-success-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-info': {\n\t\t'.': 'var(--wpds-color-private-info-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-info-strong': {\n\t\t'.': 'var(--wpds-color-private-info-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-warning': {\n\t\t'.': 'var(--wpds-color-private-warning-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-warning-strong': {\n\t\t'.': 'var(--wpds-color-private-warning-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-error': {\n\t\t'.': 'var(--wpds-color-private-error-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-error-strong': {\n\t\t'.': 'var(--wpds-color-private-error-stroke3)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke3)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral-active': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke4)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke4)',\n\t},\n\t'--wpds-color-stroke-interactive-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-stroke-interactive-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke4)',\n\t},\n\t'--wpds-color-stroke-interactive-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-stroke-interactive-error-strong': {\n\t\t'.': 'var(--wpds-color-private-error-stroke3)',\n\t},\n\t'--wpds-color-stroke-focus-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-elevation-x-small': {\n\t\t'.': '0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003',\n\t},\n\t'--wpds-elevation-small': {\n\t\t'.': '0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005',\n\t},\n\t'--wpds-elevation-medium': {\n\t\t'.': '0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005',\n\t},\n\t'--wpds-elevation-large': {\n\t\t'.': '0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012, 0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005',\n\t},\n\t'--wpds-spacing-05': {\n\t\t'.': '4px',\n\t},\n\t'--wpds-spacing-10': {\n\t\t'.': '8px',\n\t},\n\t'--wpds-spacing-15': {\n\t\t'.': '12px',\n\t},\n\t'--wpds-spacing-20': {\n\t\t'.': '16px',\n\t},\n\t'--wpds-spacing-30': {\n\t\t'.': '24px',\n\t},\n\t'--wpds-spacing-40': {\n\t\t'.': '32px',\n\t},\n\t'--wpds-spacing-50': {\n\t\t'.': '40px',\n\t},\n\t'--wpds-spacing-60': {\n\t\t'.': '48px',\n\t},\n\t'--wpds-spacing-70': {\n\t\t'.': '56px',\n\t},\n\t'--wpds-spacing-80': {\n\t\t'.': '64px',\n\t},\n\t'--wpds-font-family-heading': {\n\t\t'.': '-apple-system, system-ui, \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", sans-serif',\n\t},\n\t'--wpds-font-family-body': {\n\t\t'.': '-apple-system, system-ui, \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", sans-serif',\n\t},\n\t'--wpds-font-family-mono': {\n\t\t'.': '\"Menlo\", \"Consolas\", monaco, monospace',\n\t},\n\t'--wpds-font-size-x-small': {\n\t\t'.': '11px',\n\t},\n\t'--wpds-font-size-small': {\n\t\t'.': '12px',\n\t},\n\t'--wpds-font-size-medium': {\n\t\t'.': '13px',\n\t},\n\t'--wpds-font-size-large': {\n\t\t'.': '15px',\n\t},\n\t'--wpds-font-size-x-large': {\n\t\t'.': '20px',\n\t},\n\t'--wpds-font-size-2x-large': {\n\t\t'.': '32px',\n\t},\n\t'--wpds-font-line-height-x-small': {\n\t\t'.': '16px',\n\t},\n\t'--wpds-font-line-height-small': {\n\t\t'.': '20px',\n\t},\n\t'--wpds-font-line-height-medium': {\n\t\t'.': '24px',\n\t},\n\t'--wpds-font-line-height-large': {\n\t\t'.': '28px',\n\t},\n\t'--wpds-font-line-height-x-large': {\n\t\t'.': '32px',\n\t},\n\t'--wpds-font-line-height-2x-large': {\n\t\t'.': '40px',\n\t},\n} as Record< string, Record< string, string > >;\n"],
5
- "mappings": "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",
6
- "names": []
7
- }
@@ -1,2 +0,0 @@
1
- "use strict";
2
- module.exports = {"root":"_root_th78q_1"};
@@ -1,31 +0,0 @@
1
- const contrastCache = /* @__PURE__ */ new Map();
2
- const colorStringCache = /* @__PURE__ */ new Map();
3
- function getColorString(color) {
4
- let str = colorStringCache.get(color);
5
- if (str === void 0) {
6
- str = color.to("srgb").toString({ format: "hex", inGamut: true });
7
- colorStringCache.set(color, str);
8
- }
9
- return str;
10
- }
11
- function getCachedContrast(colorA, colorB) {
12
- const keyA = getColorString(colorA);
13
- const keyB = getColorString(colorB);
14
- const cacheKey = keyA < keyB ? `${keyA}|${keyB}` : `${keyB}|${keyA}`;
15
- let contrast = contrastCache.get(cacheKey);
16
- if (contrast === void 0) {
17
- contrast = colorA.contrastWCAG21(colorB);
18
- contrastCache.set(cacheKey, contrast);
19
- }
20
- return contrast;
21
- }
22
- function clearCaches() {
23
- contrastCache.clear();
24
- colorStringCache.clear();
25
- }
26
- export {
27
- clearCaches,
28
- getCachedContrast,
29
- getColorString
30
- };
31
- //# sourceMappingURL=cache-utils.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/color-ramps/lib/cache-utils.ts"],
4
- "sourcesContent": ["/**\n * External dependencies\n */\nimport type Color from 'colorjs.io';\n\n/**\n * Cache for WCAG contrast calculations\n */\nconst contrastCache = new Map< string, number >();\n\n/**\n * Cache for color string representations\n */\nconst colorStringCache = new Map< Color, string >();\n\n/**\n * Get cached string representation of a color\n * @param color - Color object to stringify\n * @return Cached string representation\n */\nexport function getColorString( color: Color ): string {\n\tlet str = colorStringCache.get( color );\n\tif ( str === undefined ) {\n\t\tstr = color.to( 'srgb' ).toString( { format: 'hex', inGamut: true } );\n\t\tcolorStringCache.set( color, str );\n\t}\n\treturn str;\n}\n\n/**\n * Get cached contrast calculation between two colors\n * @param colorA - First color\n * @param colorB - Second color\n * @return WCAG 2.1 contrast ratio\n */\nexport function getCachedContrast( colorA: Color, colorB: Color ): number {\n\tconst keyA = getColorString( colorA );\n\tconst keyB = getColorString( colorB );\n\tconst cacheKey =\n\t\tkeyA < keyB ? `${ keyA }|${ keyB }` : `${ keyB }|${ keyA }`;\n\n\tlet contrast = contrastCache.get( cacheKey );\n\tif ( contrast === undefined ) {\n\t\tcontrast = colorA.contrastWCAG21( colorB );\n\t\tcontrastCache.set( cacheKey, contrast );\n\t}\n\treturn contrast;\n}\n\n/**\n * Clear all caches - useful for memory management or testing\n */\nexport function clearCaches(): void {\n\tcontrastCache.clear();\n\tcolorStringCache.clear();\n}\n"],
5
- "mappings": "AAQA,MAAM,gBAAgB,oBAAI,IAAsB;AAKhD,MAAM,mBAAmB,oBAAI,IAAqB;AAO3C,SAAS,eAAgB,OAAuB;AACtD,MAAI,MAAM,iBAAiB,IAAK,KAAM;AACtC,MAAK,QAAQ,QAAY;AACxB,UAAM,MAAM,GAAI,MAAO,EAAE,SAAU,EAAE,QAAQ,OAAO,SAAS,KAAK,CAAE;AACpE,qBAAiB,IAAK,OAAO,GAAI;AAAA,EAClC;AACA,SAAO;AACR;AAQO,SAAS,kBAAmB,QAAe,QAAwB;AACzE,QAAM,OAAO,eAAgB,MAAO;AACpC,QAAM,OAAO,eAAgB,MAAO;AACpC,QAAM,WACL,OAAO,OAAO,GAAI,IAAK,IAAK,IAAK,KAAK,GAAI,IAAK,IAAK,IAAK;AAE1D,MAAI,WAAW,cAAc,IAAK,QAAS;AAC3C,MAAK,aAAa,QAAY;AAC7B,eAAW,OAAO,eAAgB,MAAO;AACzC,kBAAc,IAAK,UAAU,QAAS;AAAA,EACvC;AACA,SAAO;AACR;AAKO,SAAS,cAAoB;AACnC,gBAAc,MAAM;AACpB,mBAAiB,MAAM;AACxB;",
6
- "names": []
7
- }