@wordpress/theme 0.4.0 → 0.4.1-next.76cff8c98.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 (184) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/LICENSE.md +1 -1
  3. package/README.md +97 -33
  4. package/build/color-ramps/{index.js → index.cjs} +9 -9
  5. package/build/color-ramps/index.cjs.map +7 -0
  6. package/build/color-ramps/lib/{color-utils.js → color-utils.cjs} +3 -3
  7. package/build/color-ramps/lib/color-utils.cjs.map +7 -0
  8. package/build/color-ramps/lib/{constants.js → constants.cjs} +2 -2
  9. package/build/color-ramps/lib/{default-ramps.js → default-ramps.cjs} +1 -1
  10. package/build/color-ramps/lib/{find-color-with-constraints.js → find-color-with-constraints.cjs} +6 -6
  11. package/build/color-ramps/lib/{index.js → index.cjs} +7 -7
  12. package/build/color-ramps/lib/index.cjs.map +7 -0
  13. package/build/color-ramps/lib/{ramp-configs.js → ramp-configs.cjs} +1 -1
  14. package/build/color-ramps/lib/{register-color-spaces.js → register-color-spaces.cjs} +1 -1
  15. package/build/color-ramps/lib/{taper-chroma.js → taper-chroma.cjs} +4 -4
  16. package/build/color-ramps/lib/{taper-chroma.js.map → taper-chroma.cjs.map} +2 -2
  17. package/build/color-ramps/lib/{types.js → types.cjs} +1 -1
  18. package/build/color-ramps/lib/{utils.js → utils.cjs} +4 -4
  19. package/build/{context.js → context.cjs} +1 -1
  20. package/build/{index.js → index.cjs} +2 -2
  21. package/build/index.cjs.map +7 -0
  22. package/build/{lock-unlock.js → lock-unlock.cjs} +1 -1
  23. package/build/prebuilt/js/{design-tokens.js → design-tokens.cjs} +16 -14
  24. package/build/prebuilt/js/design-tokens.cjs.map +7 -0
  25. package/build/prebuilt/ts/{color-tokens.js → color-tokens.cjs} +1 -1
  26. package/build/prebuilt/ts/color-tokens.cjs.map +7 -0
  27. package/build/prebuilt/ts/token-types.cjs +18 -0
  28. package/build/prebuilt/ts/token-types.cjs.map +7 -0
  29. package/build/{private-apis.js → private-apis.cjs} +4 -4
  30. package/build/stylelint-plugins/no-setting-wpds-custom-properties.cjs +69 -0
  31. package/build/stylelint-plugins/no-setting-wpds-custom-properties.cjs.map +7 -0
  32. package/build/stylelint-plugins/no-unknown-ds-tokens.cjs +98 -0
  33. package/build/stylelint-plugins/no-unknown-ds-tokens.cjs.map +7 -0
  34. package/build/{theme-provider.js → theme-provider.cjs} +3 -3
  35. package/build/{types.js → types.cjs} +1 -1
  36. package/build/{use-theme-provider-styles.js → use-theme-provider-styles.cjs} +19 -35
  37. package/build/use-theme-provider-styles.cjs.map +7 -0
  38. package/build-module/color-ramps/{index.js → index.mjs} +10 -10
  39. package/build-module/color-ramps/index.mjs.map +7 -0
  40. package/build-module/color-ramps/lib/{color-utils.js → color-utils.mjs} +3 -3
  41. package/build-module/color-ramps/lib/color-utils.mjs.map +7 -0
  42. package/build-module/color-ramps/lib/{constants.js → constants.mjs} +2 -2
  43. package/build-module/color-ramps/lib/{default-ramps.js → default-ramps.mjs} +1 -1
  44. package/build-module/color-ramps/lib/{find-color-with-constraints.js → find-color-with-constraints.mjs} +6 -6
  45. package/build-module/color-ramps/lib/{index.js → index.mjs} +7 -8
  46. package/build-module/color-ramps/lib/index.mjs.map +7 -0
  47. package/build-module/color-ramps/lib/{ramp-configs.js → ramp-configs.mjs} +1 -1
  48. package/build-module/color-ramps/lib/{register-color-spaces.js → register-color-spaces.mjs} +1 -1
  49. package/build-module/color-ramps/lib/{taper-chroma.js → taper-chroma.mjs} +4 -4
  50. package/build-module/color-ramps/lib/{taper-chroma.js.map → taper-chroma.mjs.map} +2 -2
  51. package/build-module/color-ramps/lib/types.mjs +1 -0
  52. package/build-module/color-ramps/lib/{utils.js → utils.mjs} +4 -4
  53. package/build-module/{context.js → context.mjs} +1 -1
  54. package/build-module/index.mjs +6 -0
  55. package/build-module/index.mjs.map +7 -0
  56. package/build-module/{lock-unlock.js → lock-unlock.mjs} +1 -1
  57. package/build-module/prebuilt/js/{design-tokens.js → design-tokens.mjs} +16 -14
  58. package/build-module/prebuilt/js/design-tokens.mjs.map +7 -0
  59. package/build-module/prebuilt/ts/{color-tokens.js → color-tokens.mjs} +1 -1
  60. package/build-module/prebuilt/ts/color-tokens.mjs.map +7 -0
  61. package/build-module/prebuilt/ts/token-types.mjs +1 -0
  62. package/build-module/{private-apis.js → private-apis.mjs} +4 -4
  63. package/build-module/stylelint-plugins/no-setting-wpds-custom-properties.mjs +39 -0
  64. package/build-module/stylelint-plugins/no-setting-wpds-custom-properties.mjs.map +7 -0
  65. package/build-module/stylelint-plugins/no-unknown-ds-tokens.mjs +68 -0
  66. package/build-module/stylelint-plugins/no-unknown-ds-tokens.mjs.map +7 -0
  67. package/build-module/{theme-provider.js → theme-provider.mjs} +3 -3
  68. package/build-module/types.mjs +1 -0
  69. package/build-module/types.mjs.map +7 -0
  70. package/build-module/{use-theme-provider-styles.js → use-theme-provider-styles.mjs} +21 -37
  71. package/build-module/use-theme-provider-styles.mjs.map +7 -0
  72. package/build-types/color-ramps/lib/color-utils.d.ts +1 -1
  73. package/build-types/color-ramps/lib/color-utils.d.ts.map +1 -1
  74. package/build-types/color-ramps/lib/constants.d.ts +2 -2
  75. package/build-types/color-ramps/lib/constants.d.ts.map +1 -1
  76. package/build-types/color-ramps/lib/index.d.ts.map +1 -1
  77. package/build-types/color-ramps/stories/index.story.d.ts +1 -1
  78. package/build-types/color-ramps/stories/index.story.d.ts.map +1 -1
  79. package/build-types/index.d.ts +2 -0
  80. package/build-types/index.d.ts.map +1 -1
  81. package/build-types/prebuilt/js/{design-tokens.d.ts → design-tokens.d.mts} +1 -1
  82. package/build-types/prebuilt/js/design-tokens.d.mts.map +1 -0
  83. package/build-types/prebuilt/ts/color-tokens.d.ts +0 -4
  84. package/build-types/prebuilt/ts/color-tokens.d.ts.map +1 -1
  85. package/build-types/prebuilt/ts/token-types.d.ts +65 -0
  86. package/build-types/prebuilt/ts/token-types.d.ts.map +1 -0
  87. package/build-types/stories/index.story.d.ts +1 -1
  88. package/build-types/stories/index.story.d.ts.map +1 -1
  89. package/build-types/stylelint-plugins/no-setting-wpds-custom-properties.d.mts +4 -0
  90. package/build-types/stylelint-plugins/no-setting-wpds-custom-properties.d.mts.map +1 -0
  91. package/build-types/stylelint-plugins/no-unknown-ds-tokens.d.mts +4 -0
  92. package/build-types/stylelint-plugins/no-unknown-ds-tokens.d.mts.map +1 -0
  93. package/build-types/use-theme-provider-styles.d.ts.map +1 -1
  94. package/package.json +42 -12
  95. package/src/color-ramps/index.ts +2 -2
  96. package/src/color-ramps/lib/color-utils.ts +1 -1
  97. package/src/color-ramps/lib/index.ts +1 -2
  98. package/src/color-ramps/lib/taper-chroma.ts +2 -2
  99. package/src/color-ramps/stories/index.story.tsx +1 -1
  100. package/src/color-ramps/test/__snapshots__/index.test.ts.snap +7060 -7041
  101. package/src/color-ramps/test/index.test.ts +14 -23
  102. package/src/index.ts +2 -1
  103. package/src/prebuilt/css/design-tokens.css +14 -12
  104. package/src/prebuilt/js/{design-tokens.js → design-tokens.mjs} +16 -14
  105. package/src/prebuilt/ts/color-tokens.ts +1 -1
  106. package/src/prebuilt/ts/token-types.ts +179 -0
  107. package/src/stories/index.story.tsx +1 -1
  108. package/src/stylelint-plugins/no-setting-wpds-custom-properties.mjs +45 -0
  109. package/src/stylelint-plugins/no-unknown-ds-tokens.mjs +101 -0
  110. package/src/stylelint-plugins/test/.stylelintignore +1 -0
  111. package/src/stylelint-plugins/test/.stylelintrc.json +10 -0
  112. package/src/stylelint-plugins/test/__snapshots__/no-setting-wpds-custom-properties.test.ts.snap +24 -0
  113. package/src/stylelint-plugins/test/__snapshots__/no-unknown-ds-tokens.test.ts.snap +24 -0
  114. package/src/stylelint-plugins/test/fixtures/no-setting-wpds-custom-properties-invalid.css +9 -0
  115. package/src/stylelint-plugins/test/fixtures/no-setting-wpds-custom-properties-valid.css +12 -0
  116. package/src/stylelint-plugins/test/fixtures/no-unknown-ds-tokens-invalid.css +9 -0
  117. package/src/stylelint-plugins/test/fixtures/no-unknown-ds-tokens-valid.css +19 -0
  118. package/src/stylelint-plugins/test/no-setting-wpds-custom-properties.test.ts +47 -0
  119. package/src/stylelint-plugins/test/no-unknown-ds-tokens.test.ts +47 -0
  120. package/src/stylelint-plugins/test/utils/index.ts +29 -0
  121. package/src/use-theme-provider-styles.ts +19 -30
  122. package/bin/generate-default-ramps/index.ts +0 -49
  123. package/bin/generate-primitive-tokens/index.ts +0 -113
  124. package/bin/terrazzo-plugin-ds-tokens-docs/index.ts +0 -84
  125. package/bin/terrazzo-plugin-inline-alias-values/index.ts +0 -113
  126. package/bin/terrazzo-plugin-known-wpds-css-variables/index.ts +0 -52
  127. package/bin/terrazzo-plugin-mode-overrides/index.ts +0 -208
  128. package/build/color-ramps/index.js.map +0 -7
  129. package/build/color-ramps/lib/color-utils.js.map +0 -7
  130. package/build/color-ramps/lib/index.js.map +0 -7
  131. package/build/index.js.map +0 -7
  132. package/build/prebuilt/js/design-tokens.js.map +0 -7
  133. package/build/prebuilt/ts/color-tokens.js.map +0 -7
  134. package/build/use-theme-provider-styles.js.map +0 -7
  135. package/build-module/color-ramps/index.js.map +0 -7
  136. package/build-module/color-ramps/lib/color-utils.js.map +0 -7
  137. package/build-module/color-ramps/lib/index.js.map +0 -7
  138. package/build-module/color-ramps/lib/types.js +0 -1
  139. package/build-module/index.js +0 -6
  140. package/build-module/index.js.map +0 -7
  141. package/build-module/prebuilt/js/design-tokens.js.map +0 -7
  142. package/build-module/prebuilt/ts/color-tokens.js.map +0 -7
  143. package/build-module/types.js +0 -1
  144. package/build-module/use-theme-provider-styles.js.map +0 -7
  145. package/build-types/prebuilt/js/design-tokens.d.ts.map +0 -1
  146. package/docs/ds-tokens.md +0 -176
  147. package/terrazzo.config.ts +0 -123
  148. package/tokens/border.json +0 -56
  149. package/tokens/color.json +0 -1559
  150. package/tokens/dimension.json +0 -169
  151. package/tokens/elevation.json +0 -201
  152. package/tokens/modes/border.high-dpi.json +0 -15
  153. package/tokens/modes/dimension.comfortable.json +0 -54
  154. package/tokens/modes/dimension.compact.json +0 -54
  155. package/tokens/typography.json +0 -93
  156. package/tsconfig.bin.json +0 -13
  157. package/tsconfig.bin.tsbuildinfo +0 -1
  158. package/tsconfig.json +0 -11
  159. package/tsconfig.src.json +0 -9
  160. package/tsconfig.src.tsbuildinfo +0 -1
  161. /package/build/color-ramps/lib/{constants.js.map → constants.cjs.map} +0 -0
  162. /package/build/color-ramps/lib/{default-ramps.js.map → default-ramps.cjs.map} +0 -0
  163. /package/build/color-ramps/lib/{find-color-with-constraints.js.map → find-color-with-constraints.cjs.map} +0 -0
  164. /package/build/color-ramps/lib/{ramp-configs.js.map → ramp-configs.cjs.map} +0 -0
  165. /package/build/color-ramps/lib/{register-color-spaces.js.map → register-color-spaces.cjs.map} +0 -0
  166. /package/build/color-ramps/lib/{types.js.map → types.cjs.map} +0 -0
  167. /package/build/color-ramps/lib/{utils.js.map → utils.cjs.map} +0 -0
  168. /package/build/{context.js.map → context.cjs.map} +0 -0
  169. /package/build/{lock-unlock.js.map → lock-unlock.cjs.map} +0 -0
  170. /package/build/{private-apis.js.map → private-apis.cjs.map} +0 -0
  171. /package/build/{theme-provider.js.map → theme-provider.cjs.map} +0 -0
  172. /package/build/{types.js.map → types.cjs.map} +0 -0
  173. /package/build-module/color-ramps/lib/{constants.js.map → constants.mjs.map} +0 -0
  174. /package/build-module/color-ramps/lib/{default-ramps.js.map → default-ramps.mjs.map} +0 -0
  175. /package/build-module/color-ramps/lib/{find-color-with-constraints.js.map → find-color-with-constraints.mjs.map} +0 -0
  176. /package/build-module/color-ramps/lib/{ramp-configs.js.map → ramp-configs.mjs.map} +0 -0
  177. /package/build-module/color-ramps/lib/{register-color-spaces.js.map → register-color-spaces.mjs.map} +0 -0
  178. /package/build-module/color-ramps/lib/{types.js.map → types.mjs.map} +0 -0
  179. /package/build-module/color-ramps/lib/{utils.js.map → utils.mjs.map} +0 -0
  180. /package/build-module/{context.js.map → context.mjs.map} +0 -0
  181. /package/build-module/{lock-unlock.js.map → lock-unlock.mjs.map} +0 -0
  182. /package/build-module/{types.js.map → prebuilt/ts/token-types.mjs.map} +0 -0
  183. /package/build-module/{private-apis.js.map → private-apis.mjs.map} +0 -0
  184. /package/build-module/{theme-provider.js.map → theme-provider.mjs.map} +0 -0
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/prebuilt/js/design-tokens.mjs"],
4
+ "sourcesContent": ["/*\n * This file is generated by the @wordpress/terrazzo-plugin-known-wpds-css-variables plugin.\n * Do not edit this file directly.\n */\n\nexport default [\n\t'--wpds-border-radius-surface-xs',\n\t'--wpds-border-radius-surface-sm',\n\t'--wpds-border-radius-surface-md',\n\t'--wpds-border-radius-surface-lg',\n\t'--wpds-border-width-surface-xs',\n\t'--wpds-border-width-surface-sm',\n\t'--wpds-border-width-surface-md',\n\t'--wpds-border-width-surface-lg',\n\t'--wpds-border-width-interactive-focus',\n\t'--wpds-color-bg-surface-neutral',\n\t'--wpds-color-bg-surface-neutral-strong',\n\t'--wpds-color-bg-surface-neutral-weak',\n\t'--wpds-color-bg-surface-brand',\n\t'--wpds-color-bg-surface-success',\n\t'--wpds-color-bg-surface-success-weak',\n\t'--wpds-color-bg-surface-info',\n\t'--wpds-color-bg-surface-info-weak',\n\t'--wpds-color-bg-surface-warning',\n\t'--wpds-color-bg-surface-warning-weak',\n\t'--wpds-color-bg-surface-caution',\n\t'--wpds-color-bg-surface-caution-weak',\n\t'--wpds-color-bg-surface-error',\n\t'--wpds-color-bg-surface-error-weak',\n\t'--wpds-color-bg-interactive-neutral',\n\t'--wpds-color-bg-interactive-neutral-active',\n\t'--wpds-color-bg-interactive-neutral-disabled',\n\t'--wpds-color-bg-interactive-neutral-strong',\n\t'--wpds-color-bg-interactive-neutral-strong-active',\n\t'--wpds-color-bg-interactive-neutral-strong-disabled',\n\t'--wpds-color-bg-interactive-neutral-weak',\n\t'--wpds-color-bg-interactive-neutral-weak-active',\n\t'--wpds-color-bg-interactive-neutral-weak-disabled',\n\t'--wpds-color-bg-interactive-brand',\n\t'--wpds-color-bg-interactive-brand-active',\n\t'--wpds-color-bg-interactive-brand-disabled',\n\t'--wpds-color-bg-interactive-brand-strong',\n\t'--wpds-color-bg-interactive-brand-strong-active',\n\t'--wpds-color-bg-interactive-brand-strong-disabled',\n\t'--wpds-color-bg-interactive-brand-weak',\n\t'--wpds-color-bg-interactive-brand-weak-active',\n\t'--wpds-color-bg-interactive-brand-weak-disabled',\n\t'--wpds-color-bg-interactive-error',\n\t'--wpds-color-bg-interactive-error-active',\n\t'--wpds-color-bg-interactive-error-disabled',\n\t'--wpds-color-bg-interactive-error-strong',\n\t'--wpds-color-bg-interactive-error-strong-active',\n\t'--wpds-color-bg-interactive-error-strong-disabled',\n\t'--wpds-color-bg-interactive-error-weak',\n\t'--wpds-color-bg-interactive-error-weak-active',\n\t'--wpds-color-bg-interactive-error-weak-disabled',\n\t'--wpds-color-bg-track-neutral-weak',\n\t'--wpds-color-bg-track-neutral',\n\t'--wpds-color-bg-thumb-neutral-weak',\n\t'--wpds-color-bg-thumb-neutral-weak-active',\n\t'--wpds-color-bg-thumb-brand',\n\t'--wpds-color-bg-thumb-brand-active',\n\t'--wpds-color-bg-thumb-brand-disabled',\n\t'--wpds-color-fg-content-neutral',\n\t'--wpds-color-fg-content-neutral-weak',\n\t'--wpds-color-fg-content-success',\n\t'--wpds-color-fg-content-success-weak',\n\t'--wpds-color-fg-content-info',\n\t'--wpds-color-fg-content-info-weak',\n\t'--wpds-color-fg-content-warning',\n\t'--wpds-color-fg-content-warning-weak',\n\t'--wpds-color-fg-content-caution',\n\t'--wpds-color-fg-content-caution-weak',\n\t'--wpds-color-fg-content-error',\n\t'--wpds-color-fg-content-error-weak',\n\t'--wpds-color-fg-interactive-neutral',\n\t'--wpds-color-fg-interactive-neutral-active',\n\t'--wpds-color-fg-interactive-neutral-disabled',\n\t'--wpds-color-fg-interactive-neutral-strong',\n\t'--wpds-color-fg-interactive-neutral-strong-active',\n\t'--wpds-color-fg-interactive-neutral-strong-disabled',\n\t'--wpds-color-fg-interactive-neutral-weak',\n\t'--wpds-color-fg-interactive-neutral-weak-disabled',\n\t'--wpds-color-fg-interactive-brand',\n\t'--wpds-color-fg-interactive-brand-active',\n\t'--wpds-color-fg-interactive-brand-disabled',\n\t'--wpds-color-fg-interactive-brand-strong',\n\t'--wpds-color-fg-interactive-brand-strong-active',\n\t'--wpds-color-fg-interactive-brand-strong-disabled',\n\t'--wpds-color-fg-interactive-error',\n\t'--wpds-color-fg-interactive-error-active',\n\t'--wpds-color-fg-interactive-error-disabled',\n\t'--wpds-color-fg-interactive-error-strong',\n\t'--wpds-color-fg-interactive-error-strong-active',\n\t'--wpds-color-fg-interactive-error-strong-disabled',\n\t'--wpds-color-stroke-surface-neutral',\n\t'--wpds-color-stroke-surface-neutral-weak',\n\t'--wpds-color-stroke-surface-neutral-strong',\n\t'--wpds-color-stroke-surface-brand',\n\t'--wpds-color-stroke-surface-brand-strong',\n\t'--wpds-color-stroke-surface-success',\n\t'--wpds-color-stroke-surface-success-strong',\n\t'--wpds-color-stroke-surface-info',\n\t'--wpds-color-stroke-surface-info-strong',\n\t'--wpds-color-stroke-surface-warning',\n\t'--wpds-color-stroke-surface-warning-strong',\n\t'--wpds-color-stroke-surface-error',\n\t'--wpds-color-stroke-surface-error-strong',\n\t'--wpds-color-stroke-interactive-neutral',\n\t'--wpds-color-stroke-interactive-neutral-active',\n\t'--wpds-color-stroke-interactive-neutral-disabled',\n\t'--wpds-color-stroke-interactive-neutral-strong',\n\t'--wpds-color-stroke-interactive-brand',\n\t'--wpds-color-stroke-interactive-brand-active',\n\t'--wpds-color-stroke-interactive-error',\n\t'--wpds-color-stroke-interactive-error-active',\n\t'--wpds-color-stroke-interactive-error-strong',\n\t'--wpds-color-stroke-focus-brand',\n\t'--wpds-dimension-base',\n\t'--wpds-dimension-padding-surface-2xs',\n\t'--wpds-dimension-padding-surface-xs',\n\t'--wpds-dimension-padding-surface-sm',\n\t'--wpds-dimension-padding-surface-md',\n\t'--wpds-dimension-padding-surface-lg',\n\t'--wpds-dimension-gap-2xs',\n\t'--wpds-dimension-gap-xs',\n\t'--wpds-dimension-gap-sm',\n\t'--wpds-dimension-gap-md',\n\t'--wpds-dimension-gap-lg',\n\t'--wpds-dimension-gap-xl',\n\t'--wpds-elevation-x-small',\n\t'--wpds-elevation-small',\n\t'--wpds-elevation-medium',\n\t'--wpds-elevation-large',\n\t'--wpds-font-family-heading',\n\t'--wpds-font-family-body',\n\t'--wpds-font-family-mono',\n\t'--wpds-font-size-xs',\n\t'--wpds-font-size-sm',\n\t'--wpds-font-size-md',\n\t'--wpds-font-size-lg',\n\t'--wpds-font-size-xl',\n\t'--wpds-font-size-2xl',\n\t'--wpds-font-line-height-xs',\n\t'--wpds-font-line-height-sm',\n\t'--wpds-font-line-height-md',\n\t'--wpds-font-line-height-lg',\n\t'--wpds-font-line-height-xl',\n\t'--wpds-font-line-height-2xl',\n\t'--wpds-font-weight-regular',\n\t'--wpds-font-weight-medium',\n];\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,IAAO,wBAAQ;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
6
+ "names": []
7
+ }
@@ -156,4 +156,4 @@ var color_tokens_default = {
156
156
  "caution-fgSurface4": ["fg-content-caution"],
157
157
  "caution-fgSurface3": ["fg-content-caution-weak"]
158
158
  };
159
- //# sourceMappingURL=color-tokens.js.map
159
+ //# sourceMappingURL=color-tokens.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/prebuilt/ts/color-tokens.ts"],
4
+ "sourcesContent": ["/*\n * This file is generated by the @wordpress/terrazzo-plugin-inline-alias-values plugin.\n * Do not edit this file directly.\n */\n\nexport default {\n\t'primary-bgFill1': [ 'bg-interactive-brand-strong' ],\n\t'primary-fgFill': [\n\t\t'fg-interactive-brand-strong',\n\t\t'fg-interactive-brand-strong-active',\n\t],\n\t'primary-bgFill2': [ 'bg-interactive-brand-strong-active' ],\n\t'primary-surface2': [ 'bg-interactive-brand-active' ],\n\t'primary-surface4': [ 'bg-interactive-brand-weak-active' ],\n\t'primary-fgSurface3': [\n\t\t'fg-interactive-brand',\n\t\t'fg-interactive-brand-active',\n\t],\n\t'primary-stroke3': [\n\t\t'bg-thumb-brand',\n\t\t'bg-thumb-brand-active',\n\t\t'stroke-focus-brand',\n\t\t'stroke-interactive-brand',\n\t\t'stroke-surface-brand-strong',\n\t],\n\t'primary-stroke4': [ 'stroke-interactive-brand-active' ],\n\t'primary-stroke1': [ 'stroke-surface-brand' ],\n\t'primary-surface1': [ 'bg-surface-brand' ],\n\t'info-surface2': [ 'bg-surface-info-weak' ],\n\t'info-surface4': [ 'bg-surface-info' ],\n\t'info-fgSurface4': [ 'fg-content-info' ],\n\t'info-fgSurface3': [ 'fg-content-info-weak' ],\n\t'info-stroke3': [ 'stroke-surface-info-strong' ],\n\t'info-stroke1': [ 'stroke-surface-info' ],\n\t'success-surface2': [ 'bg-surface-success-weak' ],\n\t'success-surface4': [ 'bg-surface-success' ],\n\t'success-fgSurface4': [ 'fg-content-success' ],\n\t'success-fgSurface3': [ 'fg-content-success-weak' ],\n\t'success-stroke3': [ 'stroke-surface-success-strong' ],\n\t'success-stroke1': [ 'stroke-surface-success' ],\n\t'warning-surface2': [ 'bg-surface-warning-weak' ],\n\t'warning-surface4': [ 'bg-surface-warning' ],\n\t'warning-fgSurface4': [ 'fg-content-warning' ],\n\t'warning-fgSurface3': [ 'fg-content-warning-weak' ],\n\t'warning-stroke3': [ 'stroke-surface-warning-strong' ],\n\t'warning-stroke1': [ 'stroke-surface-warning' ],\n\t'error-bgFill1': [ 'bg-interactive-error-strong' ],\n\t'error-fgFill': [\n\t\t'fg-interactive-error-strong',\n\t\t'fg-interactive-error-strong-active',\n\t],\n\t'error-bgFill2': [ 'bg-interactive-error-strong-active' ],\n\t'error-surface2': [\n\t\t'bg-interactive-error-active',\n\t\t'bg-surface-error-weak',\n\t],\n\t'error-surface4': [\n\t\t'bg-interactive-error-weak-active',\n\t\t'bg-surface-error',\n\t],\n\t'error-fgSurface4': [ 'fg-content-error' ],\n\t'error-fgSurface3': [\n\t\t'fg-content-error-weak',\n\t\t'fg-interactive-error',\n\t\t'fg-interactive-error-active',\n\t],\n\t'error-stroke3': [\n\t\t'stroke-interactive-error',\n\t\t'stroke-interactive-error-strong',\n\t\t'stroke-surface-error-strong',\n\t],\n\t'error-stroke4': [ 'stroke-interactive-error-active' ],\n\t'error-stroke1': [ 'stroke-surface-error' ],\n\t'bg-surface2': [ 'bg-surface-neutral' ],\n\t'bg-surface6': [\n\t\t'bg-interactive-brand-strong-disabled',\n\t\t'bg-interactive-error-strong-disabled',\n\t\t'bg-interactive-neutral-strong-disabled',\n\t],\n\t'bg-surface5': [\n\t\t'bg-interactive-brand-disabled',\n\t\t'bg-interactive-brand-weak-disabled',\n\t\t'bg-interactive-error-disabled',\n\t\t'bg-interactive-error-weak-disabled',\n\t\t'bg-interactive-neutral-disabled',\n\t\t'bg-interactive-neutral-weak-disabled',\n\t],\n\t'bg-surface4': [\n\t\t'bg-interactive-neutral-active',\n\t\t'bg-interactive-neutral-weak-active',\n\t],\n\t'bg-surface3': [ 'bg-surface-neutral-strong' ],\n\t'bg-fgSurface4': [\n\t\t'fg-content-neutral',\n\t\t'fg-interactive-neutral',\n\t\t'fg-interactive-neutral-active',\n\t],\n\t'bg-fgSurface3': [\n\t\t'fg-content-neutral-weak',\n\t\t'fg-interactive-brand-strong-disabled',\n\t\t'fg-interactive-error-strong-disabled',\n\t\t'fg-interactive-neutral-strong-disabled',\n\t\t'fg-interactive-neutral-weak',\n\t],\n\t'bg-fgSurface2': [\n\t\t'fg-interactive-brand-disabled',\n\t\t'fg-interactive-error-disabled',\n\t\t'fg-interactive-neutral-disabled',\n\t\t'fg-interactive-neutral-weak-disabled',\n\t],\n\t'bg-stroke3': [\n\t\t'bg-thumb-neutral-weak',\n\t\t'stroke-interactive-neutral',\n\t\t'stroke-surface-neutral-strong',\n\t],\n\t'bg-stroke4': [\n\t\t'bg-thumb-neutral-weak-active',\n\t\t'stroke-interactive-neutral-active',\n\t\t'stroke-interactive-neutral-strong',\n\t],\n\t'bg-stroke2': [\n\t\t'bg-thumb-brand-disabled',\n\t\t'bg-track-neutral',\n\t\t'stroke-interactive-neutral-disabled',\n\t\t'stroke-surface-neutral',\n\t],\n\t'bg-stroke1': [ 'bg-track-neutral-weak', 'stroke-surface-neutral-weak' ],\n\t'bg-bgFillInverted2': [ 'bg-interactive-neutral-strong-active' ],\n\t'bg-bgFillInverted1': [ 'bg-interactive-neutral-strong' ],\n\t'bg-fgFillInverted': [\n\t\t'fg-interactive-neutral-strong',\n\t\t'fg-interactive-neutral-strong-active',\n\t],\n\t'bg-surface1': [ 'bg-surface-neutral-weak' ],\n\t'caution-surface2': [ 'bg-surface-caution-weak' ],\n\t'caution-surface4': [ 'bg-surface-caution' ],\n\t'caution-fgSurface4': [ 'fg-content-caution' ],\n\t'caution-fgSurface3': [ 'fg-content-caution-weak' ],\n} as Record< string, string[] >;\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }
@@ -0,0 +1,18 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __copyProps = (to, from, except, desc) => {
6
+ if (from && typeof from === "object" || typeof from === "function") {
7
+ for (let key of __getOwnPropNames(from))
8
+ if (!__hasOwnProp.call(to, key) && key !== except)
9
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
+ }
11
+ return to;
12
+ };
13
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
14
+
15
+ // packages/theme/src/prebuilt/ts/token-types.ts
16
+ var token_types_exports = {};
17
+ module.exports = __toCommonJS(token_types_exports);
18
+ //# sourceMappingURL=token-types.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/prebuilt/ts/token-types.ts"],
4
+ "sourcesContent": ["/*\n * This file is generated by the @wordpress/terrazzo-plugin-typescript-types plugin.\n * Do not edit this file directly.\n */\n\n/**\n * Size scale for padding tokens.\n */\nexport type PaddingSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * Size scale for gap tokens.\n */\nexport type GapSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Size scale for border radius tokens.\n */\nexport type BorderRadiusSize = 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * Size scale for border width tokens.\n */\nexport type BorderWidthSize = 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * Target elements that tokens can be applied to.\n */\nexport type Target =\n\t| 'surface'\n\t| 'interactive'\n\t| 'track'\n\t| 'thumb'\n\t| 'content'\n\t| 'focus';\n\n/**\n * Background color variants for surface elements.\n */\nexport type SurfaceBackgroundColor =\n\t| 'neutral'\n\t| 'neutral-strong'\n\t| 'neutral-weak'\n\t| 'brand'\n\t| 'success'\n\t| 'success-weak'\n\t| 'info'\n\t| 'info-weak'\n\t| 'warning'\n\t| 'warning-weak'\n\t| 'caution'\n\t| 'caution-weak'\n\t| 'error'\n\t| 'error-weak';\n\n/**\n * Background color variants for interactive elements.\n */\nexport type InteractiveBackgroundColor =\n\t| 'neutral'\n\t| 'neutral-strong'\n\t| 'neutral-weak'\n\t| 'brand'\n\t| 'brand-strong'\n\t| 'brand-weak'\n\t| 'error'\n\t| 'error-strong'\n\t| 'error-weak';\n\n/**\n * Foreground color variants for content text and icons.\n */\nexport type ContentForegroundColor =\n\t| 'neutral'\n\t| 'neutral-weak'\n\t| 'success'\n\t| 'success-weak'\n\t| 'info'\n\t| 'info-weak'\n\t| 'warning'\n\t| 'warning-weak'\n\t| 'caution'\n\t| 'caution-weak'\n\t| 'error'\n\t| 'error-weak';\n\n/**\n * Foreground color variants for interactive element text and icons.\n */\nexport type InteractiveForegroundColor =\n\t| 'neutral'\n\t| 'neutral-strong'\n\t| 'neutral-weak'\n\t| 'brand'\n\t| 'brand-strong'\n\t| 'error'\n\t| 'error-strong';\n\n/**\n * Stroke color variants for surface borders.\n */\nexport type SurfaceStrokeColor =\n\t| 'neutral'\n\t| 'neutral-weak'\n\t| 'neutral-strong'\n\t| 'brand'\n\t| 'brand-strong'\n\t| 'success'\n\t| 'success-strong'\n\t| 'info'\n\t| 'info-strong'\n\t| 'warning'\n\t| 'warning-strong'\n\t| 'error'\n\t| 'error-strong';\n\n/**\n * Stroke color variants for interactive element borders.\n */\nexport type InteractiveStrokeColor =\n\t| 'neutral'\n\t| 'neutral-strong'\n\t| 'brand'\n\t| 'error'\n\t| 'error-strong';\n\n/**\n * Foreground color variants for text elements.\n */\nexport type ForegroundColor =\n\t| 'neutral'\n\t| 'neutral-weak'\n\t| 'success'\n\t| 'success-weak'\n\t| 'info'\n\t| 'info-weak'\n\t| 'warning'\n\t| 'warning-weak'\n\t| 'caution'\n\t| 'caution-weak'\n\t| 'error'\n\t| 'error-weak'\n\t| 'neutral-active'\n\t| 'neutral-disabled'\n\t| 'neutral-strong'\n\t| 'neutral-strong-active'\n\t| 'neutral-strong-disabled'\n\t| 'neutral-weak-disabled'\n\t| 'brand'\n\t| 'brand-active'\n\t| 'brand-disabled'\n\t| 'brand-strong'\n\t| 'brand-strong-active'\n\t| 'brand-strong-disabled'\n\t| 'error-active'\n\t| 'error-disabled'\n\t| 'error-strong'\n\t| 'error-strong-active'\n\t| 'error-strong-disabled';\n\n/**\n * Font family variants.\n */\nexport type FontFamily = 'heading' | 'body' | 'mono';\n\n/**\n * Font size scale.\n */\nexport type FontSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n/**\n * Font weight variants.\n */\nexport type FontWeight = 'regular' | 'medium';\n\n/**\n * Line height scale.\n */\nexport type LineHeight = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
6
+ "names": []
7
+ }
@@ -22,9 +22,9 @@ __export(private_apis_exports, {
22
22
  privateApis: () => privateApis
23
23
  });
24
24
  module.exports = __toCommonJS(private_apis_exports);
25
- var import_lock_unlock = require("./lock-unlock");
26
- var import_theme_provider = require("./theme-provider");
27
- var import_use_theme_provider_styles = require("./use-theme-provider-styles");
25
+ var import_lock_unlock = require("./lock-unlock.cjs");
26
+ var import_theme_provider = require("./theme-provider.cjs");
27
+ var import_use_theme_provider_styles = require("./use-theme-provider-styles.cjs");
28
28
  var privateApis = {};
29
29
  (0, import_lock_unlock.lock)(privateApis, {
30
30
  ThemeProvider: import_theme_provider.ThemeProvider,
@@ -34,4 +34,4 @@ var privateApis = {};
34
34
  0 && (module.exports = {
35
35
  privateApis
36
36
  });
37
- //# sourceMappingURL=private-apis.js.map
37
+ //# sourceMappingURL=private-apis.cjs.map
@@ -0,0 +1,69 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // packages/theme/src/stylelint-plugins/no-setting-wpds-custom-properties.mjs
30
+ var no_setting_wpds_custom_properties_exports = {};
31
+ __export(no_setting_wpds_custom_properties_exports, {
32
+ default: () => no_setting_wpds_custom_properties_default
33
+ });
34
+ module.exports = __toCommonJS(no_setting_wpds_custom_properties_exports);
35
+ var import_stylelint = __toESM(require("stylelint"), 1);
36
+ var {
37
+ createPlugin,
38
+ utils: { report, ruleMessages, validateOptions }
39
+ } = import_stylelint.default;
40
+ var ruleName = "plugin-wpds/no-setting-wpds-custom-properties";
41
+ var messages = ruleMessages(ruleName, {
42
+ rejected: () => `Do not set CSS custom properties using the Design System tokens namespace (i.e. beginning with --wpds-*).`
43
+ });
44
+ var ruleFunction = (primary) => {
45
+ return (root, result) => {
46
+ const validOptions = validateOptions(result, ruleName, {
47
+ actual: primary,
48
+ possible: [true]
49
+ });
50
+ if (!validOptions) {
51
+ return;
52
+ }
53
+ root.walkDecls((ruleNode) => {
54
+ const { prop } = ruleNode;
55
+ if (prop.startsWith("--wpds-")) {
56
+ report({
57
+ message: messages.rejected(),
58
+ node: ruleNode,
59
+ result,
60
+ ruleName
61
+ });
62
+ }
63
+ });
64
+ };
65
+ };
66
+ ruleFunction.ruleName = ruleName;
67
+ ruleFunction.messages = messages;
68
+ var no_setting_wpds_custom_properties_default = createPlugin(ruleName, ruleFunction);
69
+ //# sourceMappingURL=no-setting-wpds-custom-properties.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/stylelint-plugins/no-setting-wpds-custom-properties.mjs"],
4
+ "sourcesContent": ["import stylelint from 'stylelint';\n\nconst {\n\tcreatePlugin,\n\tutils: { report, ruleMessages, validateOptions },\n} = stylelint;\n\nconst ruleName = 'plugin-wpds/no-setting-wpds-custom-properties';\n\nconst messages = ruleMessages( ruleName, {\n\trejected: () =>\n\t\t`Do not set CSS custom properties using the Design System tokens namespace (i.e. beginning with --wpds-*).`,\n} );\n\n/** @type {import('stylelint').Rule} */\nconst ruleFunction = ( primary ) => {\n\treturn ( root, result ) => {\n\t\tconst validOptions = validateOptions( result, ruleName, {\n\t\t\tactual: primary,\n\t\t\tpossible: [ true ],\n\t\t} );\n\n\t\tif ( ! validOptions ) {\n\t\t\treturn;\n\t\t}\n\n\t\troot.walkDecls( ( ruleNode ) => {\n\t\t\tconst { prop } = ruleNode;\n\t\t\tif ( prop.startsWith( '--wpds-' ) ) {\n\t\t\t\treport( {\n\t\t\t\t\tmessage: messages.rejected(),\n\t\t\t\t\tnode: ruleNode,\n\t\t\t\t\tresult,\n\t\t\t\t\truleName,\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t};\n};\n\nruleFunction.ruleName = ruleName;\nruleFunction.messages = messages;\n\n/** @type {import('stylelint').Plugin} */\nexport default createPlugin( ruleName, ruleFunction );\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEtB,IAAM;AAAA,EACL;AAAA,EACA,OAAO,EAAE,QAAQ,cAAc,gBAAgB;AAChD,IAAI,iBAAAA;AAEJ,IAAM,WAAW;AAEjB,IAAM,WAAW,aAAc,UAAU;AAAA,EACxC,UAAU,MACT;AACF,CAAE;AAGF,IAAM,eAAe,CAAE,YAAa;AACnC,SAAO,CAAE,MAAM,WAAY;AAC1B,UAAM,eAAe,gBAAiB,QAAQ,UAAU;AAAA,MACvD,QAAQ;AAAA,MACR,UAAU,CAAE,IAAK;AAAA,IAClB,CAAE;AAEF,QAAK,CAAE,cAAe;AACrB;AAAA,IACD;AAEA,SAAK,UAAW,CAAE,aAAc;AAC/B,YAAM,EAAE,KAAK,IAAI;AACjB,UAAK,KAAK,WAAY,SAAU,GAAI;AACnC,eAAQ;AAAA,UACP,SAAS,SAAS,SAAS;AAAA,UAC3B,MAAM;AAAA,UACN;AAAA,UACA;AAAA,QACD,CAAE;AAAA,MACH;AAAA,IACD,CAAE;AAAA,EACH;AACD;AAEA,aAAa,WAAW;AACxB,aAAa,WAAW;AAGxB,IAAO,4CAAQ,aAAc,UAAU,YAAa;",
6
+ "names": ["stylelint"]
7
+ }
@@ -0,0 +1,98 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // packages/theme/src/stylelint-plugins/no-unknown-ds-tokens.mjs
30
+ var no_unknown_ds_tokens_exports = {};
31
+ __export(no_unknown_ds_tokens_exports, {
32
+ default: () => no_unknown_ds_tokens_default
33
+ });
34
+ module.exports = __toCommonJS(no_unknown_ds_tokens_exports);
35
+ var import_stylelint = __toESM(require("stylelint"), 1);
36
+ var import_design_tokens = __toESM(require("../prebuilt/js/design-tokens.mjs"), 1);
37
+ var DS_TOKEN_PREFIX = "wpds-";
38
+ function extractCSSVariables(value, prefix = "") {
39
+ const regex = /--[\w-]+/g;
40
+ const variables = /* @__PURE__ */ new Set();
41
+ let match;
42
+ while ((match = regex.exec(value)) !== null) {
43
+ const variableName = match[0];
44
+ if (variableName.startsWith(`--${prefix}`)) {
45
+ variables.add(variableName);
46
+ }
47
+ }
48
+ return variables;
49
+ }
50
+ var knownTokens = new Set(import_design_tokens.default);
51
+ var wpdsTokensRegex = new RegExp(`[^\\w]--${DS_TOKEN_PREFIX}`, "i");
52
+ var {
53
+ createPlugin,
54
+ utils: { report, ruleMessages, validateOptions }
55
+ } = import_stylelint.default;
56
+ var ruleName = "plugin-wpds/no-unknown-ds-tokens";
57
+ var messages = ruleMessages(ruleName, {
58
+ rejected: (tokenNames) => `The following CSS variables are not valid Design System tokens: ${tokenNames}`
59
+ });
60
+ var ruleFunction = (primary) => {
61
+ return (root, result) => {
62
+ const validOptions = validateOptions(result, ruleName, {
63
+ actual: primary,
64
+ possible: [true]
65
+ });
66
+ if (!validOptions) {
67
+ return;
68
+ }
69
+ root.walkDecls((ruleNode) => {
70
+ const { value } = ruleNode;
71
+ if (wpdsTokensRegex.test(value)) {
72
+ const usedTokens = extractCSSVariables(
73
+ value,
74
+ DS_TOKEN_PREFIX
75
+ );
76
+ const unknownTokens = new Set(
77
+ [...usedTokens].filter(
78
+ (token) => !knownTokens.has(token)
79
+ )
80
+ );
81
+ if (unknownTokens.size > 0) {
82
+ report({
83
+ message: messages.rejected(
84
+ Array.from(unknownTokens).map((token) => `'${token}'`).join(", ")
85
+ ),
86
+ node: ruleNode,
87
+ result,
88
+ ruleName
89
+ });
90
+ }
91
+ }
92
+ });
93
+ };
94
+ };
95
+ ruleFunction.ruleName = ruleName;
96
+ ruleFunction.messages = messages;
97
+ var no_unknown_ds_tokens_default = createPlugin(ruleName, ruleFunction);
98
+ //# sourceMappingURL=no-unknown-ds-tokens.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/stylelint-plugins/no-unknown-ds-tokens.mjs"],
4
+ "sourcesContent": ["import stylelint from 'stylelint';\nimport tokenList from '../prebuilt/js/design-tokens.mjs';\n\nconst DS_TOKEN_PREFIX = 'wpds-';\n\n/**\n * Extracts all unique CSS custom properties (variables) from a given CSS value string,\n * including those in fallback positions, optionally filtering by a specific prefix.\n *\n * @param {string} value - The CSS value string to search for variables.\n * @param {string} [prefix=''] - Optional prefix to filter variables (e.g., 'wpds-').\n * @return {Set<string>} A Set of unique matched CSS variable names (e.g., Set { '--wpds-token' }).\n *\n * @example\n * extractCSSVariables(\n * 'border: 1px solid var(--wpds-border-color, var(--wpds-border-fallback)); ' +\n * 'color: var(--wpds-color-fg, black); ' +\n * 'background: var(--unrelated-bg);',\n * 'wpds'\n * );\n * // \u2192 Set { '--wpds-border-color', '--wpds-border-fallback', '--wpds-color-fg' }\n */\nfunction extractCSSVariables( value, prefix = '' ) {\n\tconst regex = /--[\\w-]+/g;\n\t/** @type {Set<string>} */\n\tconst variables = new Set();\n\n\tlet match;\n\twhile ( ( match = regex.exec( value ) ) !== null ) {\n\t\tconst variableName = match[ 0 ];\n\t\tif ( variableName.startsWith( `--${ prefix }` ) ) {\n\t\t\tvariables.add( variableName );\n\t\t}\n\t}\n\n\treturn variables;\n}\n\nconst knownTokens = new Set( tokenList );\nconst wpdsTokensRegex = new RegExp( `[^\\\\w]--${ DS_TOKEN_PREFIX }`, 'i' );\n\nconst {\n\tcreatePlugin,\n\tutils: { report, ruleMessages, validateOptions },\n} = stylelint;\n\nconst ruleName = 'plugin-wpds/no-unknown-ds-tokens';\n\nconst messages = ruleMessages( ruleName, {\n\trejected: ( tokenNames ) =>\n\t\t`The following CSS variables are not valid Design System tokens: ${ tokenNames }`,\n} );\n\n/** @type {import('stylelint').Rule} */\nconst ruleFunction = ( primary ) => {\n\treturn ( root, result ) => {\n\t\tconst validOptions = validateOptions( result, ruleName, {\n\t\t\tactual: primary,\n\t\t\tpossible: [ true ],\n\t\t} );\n\n\t\tif ( ! validOptions ) {\n\t\t\treturn;\n\t\t}\n\n\t\troot.walkDecls( ( ruleNode ) => {\n\t\t\tconst { value } = ruleNode;\n\t\t\t// Early match for WPDS tokens to avoid unnecessary processing.\n\t\t\tif ( wpdsTokensRegex.test( value ) ) {\n\t\t\t\tconst usedTokens = extractCSSVariables(\n\t\t\t\t\tvalue,\n\t\t\t\t\tDS_TOKEN_PREFIX\n\t\t\t\t);\n\t\t\t\tconst unknownTokens = new Set(\n\t\t\t\t\t[ ...usedTokens ].filter(\n\t\t\t\t\t\t( token ) => ! knownTokens.has( token )\n\t\t\t\t\t)\n\t\t\t\t);\n\n\t\t\t\tif ( unknownTokens.size > 0 ) {\n\t\t\t\t\treport( {\n\t\t\t\t\t\tmessage: messages.rejected(\n\t\t\t\t\t\t\tArray.from( unknownTokens )\n\t\t\t\t\t\t\t\t.map( ( token ) => `'${ token }'` )\n\t\t\t\t\t\t\t\t.join( ', ' )\n\t\t\t\t\t\t),\n\t\t\t\t\t\tnode: ruleNode,\n\t\t\t\t\t\tresult,\n\t\t\t\t\t\truleName,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t};\n};\n\nruleFunction.ruleName = ruleName;\nruleFunction.messages = messages;\n\n/** @type {import('stylelint').Plugin} */\nexport default createPlugin( ruleName, ruleFunction );\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AACtB,2BAAsB;AAEtB,IAAM,kBAAkB;AAmBxB,SAAS,oBAAqB,OAAO,SAAS,IAAK;AAClD,QAAM,QAAQ;AAEd,QAAM,YAAY,oBAAI,IAAI;AAE1B,MAAI;AACJ,UAAU,QAAQ,MAAM,KAAM,KAAM,OAAQ,MAAO;AAClD,UAAM,eAAe,MAAO,CAAE;AAC9B,QAAK,aAAa,WAAY,KAAM,MAAO,EAAG,GAAI;AACjD,gBAAU,IAAK,YAAa;AAAA,IAC7B;AAAA,EACD;AAEA,SAAO;AACR;AAEA,IAAM,cAAc,IAAI,IAAK,qBAAAA,OAAU;AACvC,IAAM,kBAAkB,IAAI,OAAQ,WAAY,eAAgB,IAAI,GAAI;AAExE,IAAM;AAAA,EACL;AAAA,EACA,OAAO,EAAE,QAAQ,cAAc,gBAAgB;AAChD,IAAI,iBAAAC;AAEJ,IAAM,WAAW;AAEjB,IAAM,WAAW,aAAc,UAAU;AAAA,EACxC,UAAU,CAAE,eACX,mEAAoE,UAAW;AACjF,CAAE;AAGF,IAAM,eAAe,CAAE,YAAa;AACnC,SAAO,CAAE,MAAM,WAAY;AAC1B,UAAM,eAAe,gBAAiB,QAAQ,UAAU;AAAA,MACvD,QAAQ;AAAA,MACR,UAAU,CAAE,IAAK;AAAA,IAClB,CAAE;AAEF,QAAK,CAAE,cAAe;AACrB;AAAA,IACD;AAEA,SAAK,UAAW,CAAE,aAAc;AAC/B,YAAM,EAAE,MAAM,IAAI;AAElB,UAAK,gBAAgB,KAAM,KAAM,GAAI;AACpC,cAAM,aAAa;AAAA,UAClB;AAAA,UACA;AAAA,QACD;AACA,cAAM,gBAAgB,IAAI;AAAA,UACzB,CAAE,GAAG,UAAW,EAAE;AAAA,YACjB,CAAE,UAAW,CAAE,YAAY,IAAK,KAAM;AAAA,UACvC;AAAA,QACD;AAEA,YAAK,cAAc,OAAO,GAAI;AAC7B,iBAAQ;AAAA,YACP,SAAS,SAAS;AAAA,cACjB,MAAM,KAAM,aAAc,EACxB,IAAK,CAAE,UAAW,IAAK,KAAM,GAAI,EACjC,KAAM,IAAK;AAAA,YACd;AAAA,YACA,MAAM;AAAA,YACN;AAAA,YACA;AAAA,UACD,CAAE;AAAA,QACH;AAAA,MACD;AAAA,IACD,CAAE;AAAA,EACH;AACD;AAEA,aAAa,WAAW;AACxB,aAAa,WAAW;AAGxB,IAAO,+BAAQ,aAAc,UAAU,YAAa;",
6
+ "names": ["tokenList", "stylelint"]
7
+ }
@@ -23,8 +23,8 @@ __export(theme_provider_exports, {
23
23
  });
24
24
  module.exports = __toCommonJS(theme_provider_exports);
25
25
  var import_element = require("@wordpress/element");
26
- var import_context = require("./context");
27
- var import_use_theme_provider_styles = require("./use-theme-provider-styles");
26
+ var import_context = require("./context.cjs");
27
+ var import_use_theme_provider_styles = require("./use-theme-provider-styles.cjs");
28
28
 
29
29
  // packages/theme/src/style.module.css
30
30
  var css = `.style-module__root__26kw6 {
@@ -93,4 +93,4 @@ var ThemeProvider = ({
93
93
  0 && (module.exports = {
94
94
  ThemeProvider
95
95
  });
96
- //# sourceMappingURL=theme-provider.js.map
96
+ //# sourceMappingURL=theme-provider.cjs.map
@@ -15,4 +15,4 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
15
15
  // packages/theme/src/types.ts
16
16
  var types_exports = {};
17
17
  module.exports = __toCommonJS(types_exports);
18
- //# sourceMappingURL=types.js.map
18
+ //# sourceMappingURL=types.cjs.map
@@ -35,10 +35,10 @@ module.exports = __toCommonJS(use_theme_provider_styles_exports);
35
35
  var import_fn = require("colorjs.io/fn");
36
36
  var import_memize = __toESM(require("memize"));
37
37
  var import_element = require("@wordpress/element");
38
- var import_register_color_spaces = require("./color-ramps/lib/register-color-spaces");
39
- var import_context = require("./context");
40
- var import_color_tokens = __toESM(require("./prebuilt/ts/color-tokens"));
41
- var import_color_ramps = require("./color-ramps");
38
+ var import_register_color_spaces = require("./color-ramps/lib/register-color-spaces.cjs");
39
+ var import_context = require("./context.cjs");
40
+ var import_color_tokens = __toESM(require("./prebuilt/ts/color-tokens.cjs"));
41
+ var import_color_ramps = require("./color-ramps/index.cjs");
42
42
  var getCachedBgRamp = (0, import_memize.default)(import_color_ramps.buildBgRamp, { maxSize: 10 });
43
43
  var getCachedAccentRamp = (0, import_memize.default)(import_color_ramps.buildAccentRamp, { maxSize: 10 });
44
44
  var legacyWpComponentsOverridesCSS = [
@@ -98,43 +98,27 @@ var legacyWpComponentsOverridesCSS = [
98
98
  ];
99
99
  function customRgbFormat(color) {
100
100
  const rgb = (0, import_fn.to)(color, import_fn.sRGB);
101
- return [(0, import_fn.get)(rgb, "srgb.r"), (0, import_fn.get)(rgb, "srgb.g"), (0, import_fn.get)(rgb, "srgb.b")].map((n) => Math.round(n * 255)).join(", ");
101
+ return rgb.coords.map((n) => Math.round((n ?? 0) * 255)).join(", ");
102
102
  }
103
103
  function legacyWpAdminThemeOverridesCSS(accent) {
104
- const parsedAccent = (0, import_fn.to)((0, import_fn.parse)(accent), import_fn.HSL);
105
- const coords = parsedAccent.coords;
106
- const darker10 = (0, import_fn.to)(
107
- {
108
- space: import_fn.HSL,
109
- coords: [
110
- coords[0],
111
- // h
112
- coords[1],
113
- // s
114
- Math.max(0, Math.min(100, coords[2] - 5))
115
- // l (reduced by 5%)
116
- ]
117
- },
118
- import_fn.sRGB
104
+ const parsedAccent = (0, import_fn.to)(accent, import_fn.HSL);
105
+ const parsedL = parsedAccent.coords[2] ?? 0;
106
+ const darker10 = (0, import_fn.set)(
107
+ (0, import_fn.clone)(parsedAccent),
108
+ [import_fn.HSL, "l"],
109
+ Math.max(0, parsedL - 5)
110
+ // L reduced by 5%
119
111
  );
120
- const darker20 = (0, import_fn.to)(
121
- {
122
- space: import_fn.HSL,
123
- coords: [
124
- coords[0],
125
- // h
126
- coords[1],
127
- // s
128
- Math.max(0, Math.min(100, coords[2] - 10))
129
- // l (reduced by 10%)
130
- ]
131
- },
132
- import_fn.sRGB
112
+ const darker20 = (0, import_fn.set)(
113
+ (0, import_fn.clone)(parsedAccent),
114
+ [import_fn.HSL, "l"],
115
+ Math.max(0, parsedL - 10)
116
+ // L reduced by 10%
133
117
  );
134
118
  return [
135
119
  [
136
120
  "--wp-admin-theme-color",
137
- (0, import_fn.serialize)((0, import_fn.to)(parsedAccent, import_fn.sRGB), { format: "hex" })
121
+ (0, import_fn.serialize)(parsedAccent, { format: "hex" })
138
122
  ],
139
123
  ["--wp-admin-theme-color--rgb", customRgbFormat(parsedAccent)],
140
124
  [
@@ -229,4 +213,4 @@ function useThemeProviderStyles({
229
213
  0 && (module.exports = {
230
214
  useThemeProviderStyles
231
215
  });
232
- //# sourceMappingURL=use-theme-provider-styles.js.map
216
+ //# sourceMappingURL=use-theme-provider-styles.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/use-theme-provider-styles.ts"],
4
+ "sourcesContent": ["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\nimport {\n\tclone,\n\tset,\n\tto,\n\tserialize,\n\tsRGB,\n\tHSL,\n\ttype PlainColorObject,\n} from 'colorjs.io/fn';\nimport memoize from 'memize';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport './color-ramps/lib/register-color-spaces';\nimport { ThemeContext } from './context';\nimport colorTokens from './prebuilt/ts/color-tokens';\nimport {\n\tbuildBgRamp,\n\tbuildAccentRamp,\n\tDEFAULT_SEED_COLORS,\n\ttype RampResult,\n} from './color-ramps';\nimport type { ThemeProviderProps } from './types';\n\ntype Entry = [ string, string ];\n\nconst getCachedBgRamp = memoize( buildBgRamp, { maxSize: 10 } );\nconst getCachedAccentRamp = memoize( buildAccentRamp, { maxSize: 10 } );\n\nconst legacyWpComponentsOverridesCSS: Entry[] = [\n\t[ '--wp-components-color-accent', 'var(--wp-admin-theme-color)' ],\n\t[\n\t\t'--wp-components-color-accent-darker-10',\n\t\t'var(--wp-admin-theme-color-darker-10)',\n\t],\n\t[\n\t\t'--wp-components-color-accent-darker-20',\n\t\t'var(--wp-admin-theme-color-darker-20)',\n\t],\n\t[\n\t\t'--wp-components-color-accent-inverted',\n\t\t'var(--wpds-color-fg-interactive-brand-strong)',\n\t],\n\t[\n\t\t'--wp-components-color-background',\n\t\t'var(--wpds-color-bg-surface-neutral-strong)',\n\t],\n\t[\n\t\t'--wp-components-color-foreground',\n\t\t'var(--wpds-color-fg-content-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-foreground-inverted',\n\t\t'var(--wpds-color-bg-surface-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-100',\n\t\t'var(--wpds-color-bg-surface-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-200',\n\t\t'var(--wpds-color-stroke-surface-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-300',\n\t\t'var(--wpds-color-stroke-surface-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-400',\n\t\t'var(--wpds-color-stroke-interactive-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-600',\n\t\t'var(--wpds-color-stroke-interactive-neutral)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-700',\n\t\t'var(--wpds-color-fg-content-neutral-weak)',\n\t],\n\t[\n\t\t'--wp-components-color-gray-800',\n\t\t'var(--wpds-color-fg-content-neutral)',\n\t],\n];\n\nfunction customRgbFormat( color: PlainColorObject ): string {\n\tconst rgb = to( color, sRGB );\n\treturn rgb.coords\n\t\t.map( ( n ) => Math.round( ( n ?? 0 ) * 255 ) )\n\t\t.join( ', ' );\n}\n\nfunction legacyWpAdminThemeOverridesCSS( accent: string ): Entry[] {\n\tconst parsedAccent = to( accent, HSL );\n\tconst parsedL = parsedAccent.coords[ 2 ] ?? 0;\n\n\t// Create darker version of accent \u2014\n\tconst darker10 = set(\n\t\tclone( parsedAccent ),\n\t\t[ HSL, 'l' ],\n\t\tMath.max( 0, parsedL - 5 ) // L reduced by 5%\n\t);\n\tconst darker20 = set(\n\t\tclone( parsedAccent ),\n\t\t[ HSL, 'l' ],\n\t\tMath.max( 0, parsedL - 10 ) // L reduced by 10%\n\t);\n\n\treturn [\n\t\t[\n\t\t\t'--wp-admin-theme-color',\n\t\t\tserialize( parsedAccent, { format: 'hex' } ),\n\t\t],\n\t\t[ '--wp-admin-theme-color--rgb', customRgbFormat( parsedAccent ) ],\n\t\t[\n\t\t\t'--wp-admin-theme-color-darker-10',\n\t\t\tserialize( darker10, { format: 'hex' } ),\n\t\t],\n\t\t[\n\t\t\t'--wp-admin-theme-color-darker-10--rgb',\n\t\t\tcustomRgbFormat( darker10 ),\n\t\t],\n\t\t[\n\t\t\t'--wp-admin-theme-color-darker-20',\n\t\t\tserialize( darker20, { format: 'hex' } ),\n\t\t],\n\t\t[\n\t\t\t'--wp-admin-theme-color-darker-20--rgb',\n\t\t\tcustomRgbFormat( darker20 ),\n\t\t],\n\t];\n}\n\nfunction colorTokensCSS(\n\tcomputedColorRamps: Map< string, RampResult >\n): Entry[] {\n\tconst entries: Entry[] = [];\n\n\tfor ( const [ rampName, { ramp } ] of computedColorRamps ) {\n\t\tfor ( const [ tokenName, tokenValue ] of Object.entries( ramp ) ) {\n\t\t\tconst key = `${ rampName }-${ tokenName }`;\n\t\t\tconst aliasedBy = colorTokens[ key ] ?? [];\n\t\t\tfor ( const aliasedId of aliasedBy ) {\n\t\t\t\tentries.push( [ `--wpds-color-${ aliasedId }`, tokenValue ] );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn entries;\n}\n\nfunction generateStyles( {\n\tprimary,\n\tcomputedColorRamps,\n}: {\n\tprimary: string;\n\tcomputedColorRamps: Map< string, RampResult >;\n} ): CSSProperties {\n\treturn Object.fromEntries(\n\t\t[\n\t\t\t// Semantic color tokens\n\t\t\tcolorTokensCSS( computedColorRamps ),\n\t\t\t// Legacy overrides\n\t\t\tlegacyWpAdminThemeOverridesCSS( primary ),\n\t\t\tlegacyWpComponentsOverridesCSS,\n\t\t].flat()\n\t);\n}\n\nexport function useThemeProviderStyles( {\n\tcolor = {},\n}: {\n\tcolor?: ThemeProviderProps[ 'color' ];\n} = {} ) {\n\tconst { resolvedSettings: inheritedSettings } = useContext( ThemeContext );\n\n\t// Compute settings:\n\t// - used provided prop value;\n\t// - otherwise, use inherited value from parent instance;\n\t// - otherwise, use fallback value (where applicable).\n\tconst primary =\n\t\tcolor.primary ??\n\t\tinheritedSettings.color?.primary ??\n\t\tDEFAULT_SEED_COLORS.primary;\n\tconst bg =\n\t\tcolor.bg ?? inheritedSettings.color?.bg ?? DEFAULT_SEED_COLORS.bg;\n\n\tconst resolvedSettings = useMemo(\n\t\t() => ( {\n\t\t\tcolor: {\n\t\t\t\tprimary,\n\t\t\t\tbg,\n\t\t\t},\n\t\t} ),\n\t\t[ primary, bg ]\n\t);\n\n\tconst themeProviderStyles = useMemo( () => {\n\t\t// Determine which seeds are needed for generating ramps.\n\t\tconst seeds = {\n\t\t\t...DEFAULT_SEED_COLORS,\n\t\t\tbg,\n\t\t\tprimary,\n\t\t};\n\n\t\t// Generate ramps.\n\t\tconst computedColorRamps = new Map< string, RampResult >();\n\t\tconst bgRamp = getCachedBgRamp( seeds.bg );\n\t\tObject.entries( seeds ).forEach( ( [ rampName, seed ] ) => {\n\t\t\tif ( rampName === 'bg' ) {\n\t\t\t\tcomputedColorRamps.set( rampName, bgRamp );\n\t\t\t} else {\n\t\t\t\tcomputedColorRamps.set(\n\t\t\t\t\trampName,\n\t\t\t\t\tgetCachedAccentRamp( seed, bgRamp )\n\t\t\t\t);\n\t\t\t}\n\t\t} );\n\n\t\treturn generateStyles( {\n\t\t\tprimary: seeds.primary,\n\t\t\tcomputedColorRamps,\n\t\t} );\n\t}, [ primary, bg ] );\n\n\treturn {\n\t\tresolvedSettings,\n\t\tthemeProviderStyles,\n\t};\n}\n"],
5
+ "mappings": "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",
6
+ "names": ["memoize", "colorTokens"]
7
+ }
@@ -1,12 +1,12 @@
1
1
  // packages/theme/src/color-ramps/index.ts
2
- import { get, OKLCH, parse } from "colorjs.io/fn";
3
- import "./lib/register-color-spaces";
4
- import { buildRamp } from "./lib/index";
5
- import { clampAccentScaleReferenceLightness } from "./lib/utils";
6
- import { BG_RAMP_CONFIG, ACCENT_RAMP_CONFIG } from "./lib/ramp-configs";
7
- import { getContrast } from "./lib/color-utils";
8
- import { CONTRAST_COMBINATIONS } from "./lib/constants";
9
- import { DEFAULT_SEED_COLORS } from "./lib/constants";
2
+ import { get, OKLCH } from "colorjs.io/fn";
3
+ import "./lib/register-color-spaces.mjs";
4
+ import { buildRamp } from "./lib/index.mjs";
5
+ import { clampAccentScaleReferenceLightness } from "./lib/utils.mjs";
6
+ import { BG_RAMP_CONFIG, ACCENT_RAMP_CONFIG } from "./lib/ramp-configs.mjs";
7
+ import { getContrast } from "./lib/color-utils.mjs";
8
+ import { CONTRAST_COMBINATIONS } from "./lib/constants.mjs";
9
+ import { DEFAULT_SEED_COLORS } from "./lib/constants.mjs";
10
10
  function buildBgRamp(seed) {
11
11
  if (typeof seed !== "string" || seed.trim() === "") {
12
12
  throw new Error("Seed color must be a non-empty string");
@@ -20,7 +20,7 @@ function getBgRampInfo(ramp) {
20
20
  pinLightness: {
21
21
  stepName: STEP_TO_PIN,
22
22
  value: clampAccentScaleReferenceLightness(
23
- get(parse(ramp.ramp[STEP_TO_PIN]), [OKLCH, "l"]),
23
+ get(ramp.ramp[STEP_TO_PIN], [OKLCH, "l"]),
24
24
  ramp.direction
25
25
  )
26
26
  }
@@ -88,4 +88,4 @@ export {
88
88
  buildBgRamp,
89
89
  checkAccessibleCombinations
90
90
  };
91
- //# sourceMappingURL=index.js.map
91
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/color-ramps/index.ts"],
4
+ "sourcesContent": ["/**\n * External dependencies\n */\nimport { get, OKLCH } from 'colorjs.io/fn';\n\n/**\n * Internal dependencies\n */\nimport './lib/register-color-spaces';\nimport { buildRamp } from './lib/index';\nimport { clampAccentScaleReferenceLightness } from './lib/utils';\nimport { BG_RAMP_CONFIG, ACCENT_RAMP_CONFIG } from './lib/ramp-configs';\nimport type {\n\tRampResult as InternalRampResult,\n\tRampDirection,\n\tRamp,\n} from './lib/types';\nimport { getContrast } from './lib/color-utils';\nimport { CONTRAST_COMBINATIONS } from './lib/constants';\nexport { DEFAULT_SEED_COLORS } from './lib/constants';\n\n/**\n * Creates a background ramp.\n * @param seed The seed color for the background ramp.\n */\nexport function buildBgRamp( seed: string ) {\n\tif ( typeof seed !== 'string' || seed.trim() === '' ) {\n\t\tthrow new Error( 'Seed color must be a non-empty string' );\n\t}\n\n\treturn buildRamp( seed, BG_RAMP_CONFIG );\n}\n\nconst STEP_TO_PIN = 'surface2';\nfunction getBgRampInfo( ramp: InternalRampResult ): {\n\tmainDirection: RampDirection;\n\tpinLightness: {\n\t\tstepName: keyof Ramp;\n\t\tvalue: number;\n\t};\n} {\n\treturn {\n\t\tmainDirection: ramp.direction,\n\t\tpinLightness: {\n\t\t\tstepName: STEP_TO_PIN,\n\t\t\tvalue: clampAccentScaleReferenceLightness(\n\t\t\t\tget( ramp.ramp[ STEP_TO_PIN ], [ OKLCH, 'l' ] ),\n\t\t\t\tramp.direction\n\t\t\t),\n\t\t},\n\t};\n}\n\n/**\n * Creates an accent ramp (ie used by primary, success, info, warning and error\n * ramps).\n * @param seed The seed color for the accent ramp.\n * @param bgRamp The ramp of the background on which the accent is shown.\n */\nexport function buildAccentRamp(\n\tseed: string,\n\tbgRamp?: InternalRampResult\n): InternalRampResult {\n\tif ( typeof seed !== 'string' || seed.trim() === '' ) {\n\t\tthrow new Error( 'Seed color must be a non-empty string' );\n\t}\n\n\tconst bgRampInfo = bgRamp ? getBgRampInfo( bgRamp ) : undefined;\n\treturn buildRamp( seed, ACCENT_RAMP_CONFIG, bgRampInfo );\n}\n\n/**\n * Checks that all bg/fg combinations generated by the ramps meet contrast\n * targets.\n * @param params\n * @param params.bgRamp\n * @param params.accentRamps\n */\nexport function checkAccessibleCombinations( {\n\tbgRamp,\n\taccentRamps = [],\n}: {\n\tbgRamp: InternalRampResult;\n\taccentRamps?: InternalRampResult[];\n} ) {\n\tconst unmetTargets: {\n\t\tbgName: keyof Ramp;\n\t\tbgColor: string;\n\t\tfgName: keyof Ramp;\n\t\tfgColor: string;\n\t\tunmetContrast: number;\n\t\tachievedContrast: number;\n\t}[] = [];\n\n\t// Assess combinations within each ramp\n\t[ bgRamp, ...accentRamps ].forEach( ( ramp ) => {\n\t\tCONTRAST_COMBINATIONS.forEach( ( { bgs, fgs, target } ) => {\n\t\t\tfor ( const bg of bgs ) {\n\t\t\t\tfor ( const fg of fgs ) {\n\t\t\t\t\tconst bgColor = ramp.ramp[ bg ];\n\t\t\t\t\tconst fgColor = ramp.ramp[ fg ];\n\t\t\t\t\tconst achievedContrast = getContrast( bgColor, fgColor );\n\t\t\t\t\tif ( achievedContrast < target ) {\n\t\t\t\t\t\tunmetTargets.push( {\n\t\t\t\t\t\t\tbgName: bg,\n\t\t\t\t\t\t\tbgColor,\n\t\t\t\t\t\t\tfgName: fg,\n\t\t\t\t\t\t\tfgColor,\n\t\t\t\t\t\t\tunmetContrast: target,\n\t\t\t\t\t\t\tachievedContrast,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t} );\n\t// Assess each accent ramp's fg color against bg ramp\n\taccentRamps.forEach( ( ramp ) => {\n\t\tCONTRAST_COMBINATIONS.forEach( ( { bgs, fgs, target } ) => {\n\t\t\tfor ( const bg of bgs ) {\n\t\t\t\tfor ( const fg of fgs ) {\n\t\t\t\t\tconst bgColor = bgRamp.ramp[ bg ];\n\t\t\t\t\tconst fgColor = ramp.ramp[ fg ];\n\t\t\t\t\tconst achievedContrast = getContrast( bgColor, fgColor );\n\t\t\t\t\tif ( achievedContrast < target ) {\n\t\t\t\t\t\tunmetTargets.push( {\n\t\t\t\t\t\t\tbgName: bg,\n\t\t\t\t\t\t\tbgColor,\n\t\t\t\t\t\t\tfgName: fg,\n\t\t\t\t\t\t\tfgColor,\n\t\t\t\t\t\t\tunmetContrast: target,\n\t\t\t\t\t\t\tachievedContrast,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\t} );\n\n\treturn unmetTargets;\n}\n\nexport type RampResult = InternalRampResult;\n"],
5
+ "mappings": ";AAGA,SAAS,KAAK,aAAa;AAK3B,OAAO;AACP,SAAS,iBAAiB;AAC1B,SAAS,0CAA0C;AACnD,SAAS,gBAAgB,0BAA0B;AAMnD,SAAS,mBAAmB;AAC5B,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AAM7B,SAAS,YAAa,MAAe;AAC3C,MAAK,OAAO,SAAS,YAAY,KAAK,KAAK,MAAM,IAAK;AACrD,UAAM,IAAI,MAAO,uCAAwC;AAAA,EAC1D;AAEA,SAAO,UAAW,MAAM,cAAe;AACxC;AAEA,IAAM,cAAc;AACpB,SAAS,cAAe,MAMtB;AACD,SAAO;AAAA,IACN,eAAe,KAAK;AAAA,IACpB,cAAc;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,QACN,IAAK,KAAK,KAAM,WAAY,GAAG,CAAE,OAAO,GAAI,CAAE;AAAA,QAC9C,KAAK;AAAA,MACN;AAAA,IACD;AAAA,EACD;AACD;AAQO,SAAS,gBACf,MACA,QACqB;AACrB,MAAK,OAAO,SAAS,YAAY,KAAK,KAAK,MAAM,IAAK;AACrD,UAAM,IAAI,MAAO,uCAAwC;AAAA,EAC1D;AAEA,QAAM,aAAa,SAAS,cAAe,MAAO,IAAI;AACtD,SAAO,UAAW,MAAM,oBAAoB,UAAW;AACxD;AASO,SAAS,4BAA6B;AAAA,EAC5C;AAAA,EACA,cAAc,CAAC;AAChB,GAGI;AACH,QAAM,eAOA,CAAC;AAGP,GAAE,QAAQ,GAAG,WAAY,EAAE,QAAS,CAAE,SAAU;AAC/C,0BAAsB,QAAS,CAAE,EAAE,KAAK,KAAK,OAAO,MAAO;AAC1D,iBAAY,MAAM,KAAM;AACvB,mBAAY,MAAM,KAAM;AACvB,gBAAM,UAAU,KAAK,KAAM,EAAG;AAC9B,gBAAM,UAAU,KAAK,KAAM,EAAG;AAC9B,gBAAM,mBAAmB,YAAa,SAAS,OAAQ;AACvD,cAAK,mBAAmB,QAAS;AAChC,yBAAa,KAAM;AAAA,cAClB,QAAQ;AAAA,cACR;AAAA,cACA,QAAQ;AAAA,cACR;AAAA,cACA,eAAe;AAAA,cACf;AAAA,YACD,CAAE;AAAA,UACH;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAE;AAAA,EACH,CAAE;AAEF,cAAY,QAAS,CAAE,SAAU;AAChC,0BAAsB,QAAS,CAAE,EAAE,KAAK,KAAK,OAAO,MAAO;AAC1D,iBAAY,MAAM,KAAM;AACvB,mBAAY,MAAM,KAAM;AACvB,gBAAM,UAAU,OAAO,KAAM,EAAG;AAChC,gBAAM,UAAU,KAAK,KAAM,EAAG;AAC9B,gBAAM,mBAAmB,YAAa,SAAS,OAAQ;AACvD,cAAK,mBAAmB,QAAS;AAChC,yBAAa,KAAM;AAAA,cAClB,QAAQ;AAAA,cACR;AAAA,cACA,QAAQ;AAAA,cACR;AAAA,cACA,eAAe;AAAA,cACf;AAAA,YACD,CAAE;AAAA,UACH;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAE;AAAA,EACH,CAAE;AAEF,SAAO;AACR;",
6
+ "names": []
7
+ }
@@ -7,9 +7,9 @@ import {
7
7
  sRGB,
8
8
  OKLCH
9
9
  } from "colorjs.io/fn";
10
- import "./register-color-spaces";
10
+ import "./register-color-spaces.mjs";
11
11
  function getColorString(color) {
12
- return serialize(to(color, sRGB), { format: "hex", inGamut: true });
12
+ return serialize(color, { format: "hex", inGamut: true });
13
13
  }
14
14
  function getContrast(colorA, colorB) {
15
15
  return contrastWCAG21(colorA, colorB);
@@ -22,4 +22,4 @@ export {
22
22
  getColorString,
23
23
  getContrast
24
24
  };
25
- //# sourceMappingURL=color-utils.js.map
25
+ //# sourceMappingURL=color-utils.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/color-ramps/lib/color-utils.ts"],
4
+ "sourcesContent": ["/**\n * External dependencies\n */\nimport {\n\tto,\n\ttoGamut,\n\tserialize,\n\tcontrastWCAG21,\n\tsRGB,\n\tOKLCH,\n\ttype ColorTypes,\n} from 'colorjs.io/fn';\n\n/**\n * Internal dependencies\n */\nimport './register-color-spaces';\n\n/**\n * Get string representation of a color\n * @param color Color object to stringify\n * @return String representation\n */\nexport function getColorString( color: ColorTypes ): string {\n\treturn serialize( color, { format: 'hex', inGamut: true } );\n}\n\n/**\n * Get contrast value between two colors\n * @param colorA First color\n * @param colorB Second color\n * @return WCAG 2.1 contrast ratio\n */\nexport function getContrast( colorA: ColorTypes, colorB: ColorTypes ): number {\n\treturn contrastWCAG21( colorA, colorB );\n}\n\n/**\n * Make sure that a color is valid in the sRGB gamut and convert it to OKLCH.\n * @param c\n */\nexport function clampToGamut( c: ColorTypes ) {\n\t// map into sRGB using CSS OKLCH method\n\treturn to( toGamut( c, { space: sRGB, method: 'css' } ), OKLCH );\n}\n"],
5
+ "mappings": ";AAGA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEM;AAKP,OAAO;AAOA,SAAS,eAAgB,OAA4B;AAC3D,SAAO,UAAW,OAAO,EAAE,QAAQ,OAAO,SAAS,KAAK,CAAE;AAC3D;AAQO,SAAS,YAAa,QAAoB,QAA6B;AAC7E,SAAO,eAAgB,QAAQ,MAAO;AACvC;AAMO,SAAS,aAAc,GAAgB;AAE7C,SAAO,GAAI,QAAS,GAAG,EAAE,OAAO,MAAM,QAAQ,MAAM,CAAE,GAAG,KAAM;AAChE;",
6
+ "names": []
7
+ }
@@ -1,6 +1,6 @@
1
1
  // packages/theme/src/color-ramps/lib/constants.ts
2
2
  import { to, OKLCH } from "colorjs.io/fn";
3
- import "./register-color-spaces";
3
+ import "./register-color-spaces.mjs";
4
4
  var WHITE = to("white", OKLCH);
5
5
  var BLACK = to("black", OKLCH);
6
6
  var UNIVERSAL_CONTRAST_TOPUP = 0.02;
@@ -63,4 +63,4 @@ export {
63
63
  WHITE,
64
64
  WHITE_TEXT_CONTRAST_MARGIN
65
65
  };
66
- //# sourceMappingURL=constants.js.map
66
+ //# sourceMappingURL=constants.mjs.map
@@ -193,4 +193,4 @@ var DEFAULT_RAMPS = {
193
193
  export {
194
194
  DEFAULT_RAMPS
195
195
  };
196
- //# sourceMappingURL=default-ramps.js.map
196
+ //# sourceMappingURL=default-ramps.mjs.map
@@ -1,10 +1,10 @@
1
1
  // packages/theme/src/color-ramps/lib/find-color-with-constraints.ts
2
2
  import { get, OKLCH } from "colorjs.io/fn";
3
- import "./register-color-spaces";
4
- import { solveWithBisect } from "./utils";
5
- import { WHITE, BLACK, CONTRAST_EPSILON } from "./constants";
6
- import { clampToGamut, getContrast } from "./color-utils";
7
- import { taperChroma } from "./taper-chroma";
3
+ import "./register-color-spaces.mjs";
4
+ import { solveWithBisect } from "./utils.mjs";
5
+ import { WHITE, BLACK, CONTRAST_EPSILON } from "./constants.mjs";
6
+ import { clampToGamut, getContrast } from "./color-utils.mjs";
7
+ import { taperChroma } from "./taper-chroma.mjs";
8
8
  function cdiff(c1, c2) {
9
9
  return Math.log(c1 / c2);
10
10
  }
@@ -83,4 +83,4 @@ function findColorMeetingRequirements(reference, seed, target, direction, {
83
83
  export {
84
84
  findColorMeetingRequirements
85
85
  };
86
- //# sourceMappingURL=find-color-with-constraints.js.map
86
+ //# sourceMappingURL=find-color-with-constraints.mjs.map
@@ -3,20 +3,19 @@ import {
3
3
  clone,
4
4
  get,
5
5
  OKLCH,
6
- parse,
7
6
  set
8
7
  } from "colorjs.io/fn";
9
- import "./register-color-spaces";
10
- import { clampToGamut, getContrast, getColorString } from "./color-utils";
11
- import { findColorMeetingRequirements } from "./find-color-with-constraints";
8
+ import "./register-color-spaces.mjs";
9
+ import { clampToGamut, getContrast, getColorString } from "./color-utils.mjs";
10
+ import { findColorMeetingRequirements } from "./find-color-with-constraints.mjs";
12
11
  import {
13
12
  sortByDependency,
14
13
  computeBetterFgColorDirection,
15
14
  adjustContrastTarget,
16
15
  stepsForStep,
17
16
  solveWithBisect
18
- } from "./utils";
19
- import { CONTRAST_EPSILON } from "./constants";
17
+ } from "./utils.mjs";
18
+ import { CONTRAST_EPSILON } from "./constants.mjs";
20
19
  function calculateRamp({
21
20
  seed,
22
21
  sortedSteps,
@@ -132,7 +131,7 @@ function buildRamp(seedArg, config, {
132
131
  } = {}) {
133
132
  let seed;
134
133
  try {
135
- seed = clampToGamut(parse(seedArg));
134
+ seed = clampToGamut(seedArg);
136
135
  } catch (error) {
137
136
  throw new Error(
138
137
  `Invalid seed color "${seedArg}": ${error instanceof Error ? error.message : "Unknown error"}`
@@ -214,4 +213,4 @@ function buildRamp(seedArg, config, {
214
213
  export {
215
214
  buildRamp
216
215
  };
217
- //# sourceMappingURL=index.js.map
216
+ //# sourceMappingURL=index.mjs.map