@wordpress/theme 0.10.0 → 0.11.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 (61) hide show
  1. package/CHANGELOG.md +15 -1
  2. package/README.md +51 -22
  3. package/build/color-ramps/lib/constants.cjs +1 -1
  4. package/build/color-ramps/lib/constants.cjs.map +1 -1
  5. package/build/color-ramps/lib/default-ramps.cjs +50 -50
  6. package/build/color-ramps/lib/default-ramps.cjs.map +1 -1
  7. package/build/postcss-plugins/add-fallback-to-var.cjs +3 -1
  8. package/build/postcss-plugins/add-fallback-to-var.cjs.map +2 -2
  9. package/build/postcss-plugins/ds-token-fallbacks.cjs +3 -1
  10. package/build/postcss-plugins/ds-token-fallbacks.cjs.map +2 -2
  11. package/build/prebuilt/js/design-token-fallbacks.cjs +50 -50
  12. package/build/prebuilt/js/design-token-fallbacks.cjs.map +2 -2
  13. package/build/prebuilt/js/design-tokens.cjs +17 -17
  14. package/build/prebuilt/js/design-tokens.cjs.map +1 -1
  15. package/build/stylelint-plugins/no-unknown-ds-tokens.cjs.map +1 -1
  16. package/build/use-theme-provider-styles.cjs +7 -7
  17. package/build/use-theme-provider-styles.cjs.map +1 -1
  18. package/build-module/color-ramps/lib/constants.mjs +1 -1
  19. package/build-module/color-ramps/lib/constants.mjs.map +1 -1
  20. package/build-module/color-ramps/lib/default-ramps.mjs +50 -50
  21. package/build-module/color-ramps/lib/default-ramps.mjs.map +1 -1
  22. package/build-module/postcss-plugins/add-fallback-to-var.mjs +3 -1
  23. package/build-module/postcss-plugins/add-fallback-to-var.mjs.map +2 -2
  24. package/build-module/postcss-plugins/ds-token-fallbacks.mjs +3 -1
  25. package/build-module/postcss-plugins/ds-token-fallbacks.mjs.map +2 -2
  26. package/build-module/prebuilt/js/design-token-fallbacks.mjs +50 -50
  27. package/build-module/prebuilt/js/design-token-fallbacks.mjs.map +2 -2
  28. package/build-module/prebuilt/js/design-tokens.mjs +17 -17
  29. package/build-module/prebuilt/js/design-tokens.mjs.map +1 -1
  30. package/build-module/stylelint-plugins/no-unknown-ds-tokens.mjs.map +1 -1
  31. package/build-module/use-theme-provider-styles.mjs +7 -7
  32. package/build-module/use-theme-provider-styles.mjs.map +1 -1
  33. package/build-types/color-ramps/test/index.test.d.ts +5 -0
  34. package/build-types/color-ramps/test/index.test.d.ts.map +1 -0
  35. package/build-types/postcss-plugins/add-fallback-to-var.d.ts.map +1 -1
  36. package/build-types/postcss-plugins/ds-token-fallbacks.d.mts.map +1 -1
  37. package/build-types/postcss-plugins/test/add-fallback-to-var.test.d.ts +2 -0
  38. package/build-types/postcss-plugins/test/add-fallback-to-var.test.d.ts.map +1 -0
  39. package/build-types/postcss-plugins/test/ds-token-fallbacks.test.d.ts +2 -0
  40. package/build-types/postcss-plugins/test/ds-token-fallbacks.test.d.ts.map +1 -0
  41. package/build-types/prebuilt/js/design-token-fallbacks.d.mts +17 -17
  42. package/build-types/stylelint-plugins/test/no-setting-wpds-custom-properties.test.d.ts +2 -0
  43. package/build-types/stylelint-plugins/test/no-setting-wpds-custom-properties.test.d.ts.map +1 -0
  44. package/build-types/stylelint-plugins/test/no-token-fallback-values.test.d.ts +2 -0
  45. package/build-types/stylelint-plugins/test/no-token-fallback-values.test.d.ts.map +1 -0
  46. package/build-types/stylelint-plugins/test/no-unknown-ds-tokens.test.d.ts +2 -0
  47. package/build-types/stylelint-plugins/test/no-unknown-ds-tokens.test.d.ts.map +1 -0
  48. package/build-types/stylelint-plugins/test/utils/index.d.ts +8 -0
  49. package/build-types/stylelint-plugins/test/utils/index.d.ts.map +1 -0
  50. package/package.json +4 -4
  51. package/src/color-ramps/lib/constants.ts +1 -1
  52. package/src/color-ramps/lib/default-ramps.ts +50 -50
  53. package/src/color-ramps/test/__snapshots__/index.test.ts.snap +21 -21
  54. package/src/postcss-plugins/add-fallback-to-var.ts +5 -1
  55. package/src/postcss-plugins/ds-token-fallbacks.mjs +5 -1
  56. package/src/postcss-plugins/test/add-fallback-to-var.test.ts +10 -9
  57. package/src/postcss-plugins/test/ds-token-fallbacks.test.ts +39 -0
  58. package/src/prebuilt/css/design-tokens.css +55 -53
  59. package/src/prebuilt/js/design-token-fallbacks.mjs +51 -50
  60. package/src/prebuilt/js/design-tokens.mjs +17 -17
  61. package/src/stylelint-plugins/no-unknown-ds-tokens.mjs +3 -3
package/src/prebuilt/js/design-tokens.mjs CHANGED
@@ -127,21 +127,21 @@ export default [
127
127
  '--wpds-elevation-sm',
128
128
  '--wpds-elevation-md',
129
129
  '--wpds-elevation-lg',
130
- '--wpds-font-family-heading',
131
- '--wpds-font-family-body',
132
- '--wpds-font-family-mono',
133
- '--wpds-font-size-xs',
134
- '--wpds-font-size-sm',
135
- '--wpds-font-size-md',
136
- '--wpds-font-size-lg',
137
- '--wpds-font-size-xl',
138
- '--wpds-font-size-2xl',
139
- '--wpds-font-line-height-xs',
140
- '--wpds-font-line-height-sm',
141
- '--wpds-font-line-height-md',
142
- '--wpds-font-line-height-lg',
143
- '--wpds-font-line-height-xl',
144
- '--wpds-font-line-height-2xl',
145
- '--wpds-font-weight-regular',
146
- '--wpds-font-weight-medium',
130
+ '--wpds-typography-font-family-heading',
131
+ '--wpds-typography-font-family-body',
132
+ '--wpds-typography-font-family-mono',
133
+ '--wpds-typography-font-size-xs',
134
+ '--wpds-typography-font-size-sm',
135
+ '--wpds-typography-font-size-md',
136
+ '--wpds-typography-font-size-lg',
137
+ '--wpds-typography-font-size-xl',
138
+ '--wpds-typography-font-size-2xl',
139
+ '--wpds-typography-line-height-xs',
140
+ '--wpds-typography-line-height-sm',
141
+ '--wpds-typography-line-height-md',
142
+ '--wpds-typography-line-height-lg',
143
+ '--wpds-typography-line-height-xl',
144
+ '--wpds-typography-line-height-2xl',
145
+ '--wpds-typography-font-weight-regular',
146
+ '--wpds-typography-font-weight-medium',
147
147
  ];
package/src/stylelint-plugins/no-unknown-ds-tokens.mjs CHANGED
@@ -13,12 +13,12 @@ const DS_TOKEN_PREFIX = 'wpds-';
13
13
  *
14
14
  * @example
15
15
  * extractCSSVariables(
16
- * 'border: 1px solid var(--wpds-border-color, var(--wpds-border-fallback)); ' +
17
- * 'color: var(--wpds-color-fg, black); ' +
16
+ * 'border: 1px solid var(--wpds-border-radius-sm, var(--wpds-border-radius-md)); ' +
17
+ * 'color: var(--wpds-color-fg-content-neutral, black); ' +
18
18
  * 'background: var(--unrelated-bg);',
19
19
  * 'wpds'
20
20
  * );
21
- * // → Set { '--wpds-border-color', '--wpds-border-fallback', '--wpds-color-fg' }
21
+ * // → Set { '--wpds-border-radius-sm', '--wpds-border-radius-md', '--wpds-color-fg-content-neutral' }
22
22
  */
23
23
  function extractCSSVariables( value, prefix = '' ) {
24
24
  const regex = /--[\w-]+/g;