@wordpress/theme 0.3.1-next.6deb34194.0 → 0.4.1-next.738bb1424.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 (105) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +114 -40
  3. package/build/color-ramps/{index.js → index.cjs} +8 -8
  4. package/build/color-ramps/lib/{color-utils.js → color-utils.cjs} +2 -2
  5. package/build/color-ramps/lib/{constants.js → constants.cjs} +2 -2
  6. package/build/color-ramps/lib/{default-ramps.js → default-ramps.cjs} +1 -1
  7. package/build/color-ramps/lib/{find-color-with-constraints.js → find-color-with-constraints.cjs} +6 -6
  8. package/build/color-ramps/lib/{index.js → index.cjs} +6 -6
  9. package/build/color-ramps/lib/{ramp-configs.js → ramp-configs.cjs} +1 -1
  10. package/build/color-ramps/lib/{register-color-spaces.js → register-color-spaces.cjs} +1 -1
  11. package/build/color-ramps/lib/{taper-chroma.js → taper-chroma.cjs} +2 -2
  12. package/build/color-ramps/lib/{types.js → types.cjs} +1 -1
  13. package/build/color-ramps/lib/{utils.js → utils.cjs} +4 -4
  14. package/build/{context.js → context.cjs} +1 -1
  15. package/build/{index.js → index.cjs} +2 -2
  16. package/build/index.cjs.map +7 -0
  17. package/build/{lock-unlock.js → lock-unlock.cjs} +1 -1
  18. package/build/prebuilt/js/{design-tokens.js → design-tokens.cjs} +18 -2
  19. package/build/prebuilt/js/design-tokens.cjs.map +7 -0
  20. package/build/prebuilt/ts/{color-tokens.js → color-tokens.cjs} +36 -14
  21. package/build/prebuilt/ts/color-tokens.cjs.map +7 -0
  22. package/build/{token-id.js → prebuilt/ts/token-types.cjs} +4 -16
  23. package/build/prebuilt/ts/token-types.cjs.map +7 -0
  24. package/build/{private-apis.js → private-apis.cjs} +4 -4
  25. package/build/{theme-provider.js → theme-provider.cjs} +3 -3
  26. package/build/{types.js → types.cjs} +1 -1
  27. package/build/{use-theme-provider-styles.js → use-theme-provider-styles.cjs} +6 -6
  28. package/build-module/color-ramps/index.js +7 -7
  29. package/build-module/color-ramps/lib/color-utils.js +1 -1
  30. package/build-module/color-ramps/lib/constants.js +1 -1
  31. package/build-module/color-ramps/lib/find-color-with-constraints.js +5 -5
  32. package/build-module/color-ramps/lib/index.js +5 -5
  33. package/build-module/color-ramps/lib/taper-chroma.js +1 -1
  34. package/build-module/color-ramps/lib/utils.js +3 -3
  35. package/build-module/index.js +1 -1
  36. package/build-module/index.js.map +2 -2
  37. package/build-module/prebuilt/js/design-tokens.js +17 -1
  38. package/build-module/prebuilt/js/design-tokens.js.map +2 -2
  39. package/build-module/prebuilt/ts/color-tokens.js +35 -13
  40. package/build-module/prebuilt/ts/color-tokens.js.map +2 -2
  41. package/build-module/prebuilt/ts/token-types.js +1 -0
  42. package/build-module/prebuilt/ts/token-types.js.map +7 -0
  43. package/build-module/private-apis.js +3 -3
  44. package/build-module/theme-provider.js +2 -2
  45. package/build-module/use-theme-provider-styles.js +4 -4
  46. package/build-types/index.d.ts +2 -0
  47. package/build-types/index.d.ts.map +1 -1
  48. package/build-types/prebuilt/ts/color-tokens.d.ts.map +1 -1
  49. package/build-types/prebuilt/ts/token-types.d.ts +49 -0
  50. package/build-types/prebuilt/ts/token-types.d.ts.map +1 -0
  51. package/package.json +15 -7
  52. package/src/index.ts +2 -1
  53. package/src/prebuilt/css/design-tokens.css +18 -2
  54. package/src/prebuilt/js/design-tokens.js +17 -1
  55. package/src/prebuilt/ts/color-tokens.ts +31 -9
  56. package/src/prebuilt/ts/token-types.ts +125 -0
  57. package/bin/generate-default-ramps/index.ts +0 -49
  58. package/bin/generate-primitive-tokens/index.ts +0 -120
  59. package/bin/terrazzo-plugin-ds-tokens-docs/index.ts +0 -84
  60. package/bin/terrazzo-plugin-figma-ds-token-manager/index.ts +0 -217
  61. package/bin/terrazzo-plugin-figma-ds-token-manager/lib.ts +0 -1
  62. package/bin/terrazzo-plugin-inline-alias-values/index.ts +0 -113
  63. package/bin/terrazzo-plugin-known-wpds-css-variables/index.ts +0 -52
  64. package/build/index.js.map +0 -7
  65. package/build/prebuilt/js/design-tokens.js.map +0 -7
  66. package/build/prebuilt/json/figma.json +0 -787
  67. package/build/prebuilt/ts/color-tokens.js.map +0 -7
  68. package/build/token-id.js.map +0 -7
  69. package/build-module/prebuilt/json/figma.json +0 -787
  70. package/build-module/token-id.js +0 -6
  71. package/build-module/token-id.js.map +0 -7
  72. package/build-types/token-id.d.ts +0 -9
  73. package/build-types/token-id.d.ts.map +0 -1
  74. package/docs/ds-tokens.md +0 -160
  75. package/src/prebuilt/json/figma.json +0 -787
  76. package/src/test/token-id.test.ts +0 -12
  77. package/src/token-id.ts +0 -9
  78. package/terrazzo.config.ts +0 -126
  79. package/tokens/border.json +0 -56
  80. package/tokens/color.json +0 -1029
  81. package/tokens/dimension.json +0 -171
  82. package/tokens/elevation.json +0 -201
  83. package/tokens/typography.json +0 -93
  84. package/tsconfig.bin.json +0 -13
  85. package/tsconfig.bin.tsbuildinfo +0 -1
  86. package/tsconfig.json +0 -11
  87. package/tsconfig.src.json +0 -9
  88. package/tsconfig.src.tsbuildinfo +0 -1
  89. /package/build/color-ramps/{index.js.map → index.cjs.map} +0 -0
  90. /package/build/color-ramps/lib/{color-utils.js.map → color-utils.cjs.map} +0 -0
  91. /package/build/color-ramps/lib/{constants.js.map → constants.cjs.map} +0 -0
  92. /package/build/color-ramps/lib/{default-ramps.js.map → default-ramps.cjs.map} +0 -0
  93. /package/build/color-ramps/lib/{find-color-with-constraints.js.map → find-color-with-constraints.cjs.map} +0 -0
  94. /package/build/color-ramps/lib/{index.js.map → index.cjs.map} +0 -0
  95. /package/build/color-ramps/lib/{ramp-configs.js.map → ramp-configs.cjs.map} +0 -0
  96. /package/build/color-ramps/lib/{register-color-spaces.js.map → register-color-spaces.cjs.map} +0 -0
  97. /package/build/color-ramps/lib/{taper-chroma.js.map → taper-chroma.cjs.map} +0 -0
  98. /package/build/color-ramps/lib/{types.js.map → types.cjs.map} +0 -0
  99. /package/build/color-ramps/lib/{utils.js.map → utils.cjs.map} +0 -0
  100. /package/build/{context.js.map → context.cjs.map} +0 -0
  101. /package/build/{lock-unlock.js.map → lock-unlock.cjs.map} +0 -0
  102. /package/build/{private-apis.js.map → private-apis.cjs.map} +0 -0
  103. /package/build/{theme-provider.js.map → theme-provider.cjs.map} +0 -0
  104. /package/build/{types.js.map → types.cjs.map} +0 -0
  105. /package/build/{use-theme-provider-styles.js.map → use-theme-provider-styles.cjs.map} +0 -0
package/build-module/token-id.js DELETED
@@ -1,6 +0,0 @@
1
- // packages/theme/src/token-id.ts
2
- var publicTokenId = (id) => id.replace(/\.(normal|resting|semantic|primitive)/g, "");
3
- export {
4
- publicTokenId
5
- };
6
- //# sourceMappingURL=token-id.js.map
package/build-module/token-id.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/token-id.ts"],
4
- "sourcesContent": ["/**\n * Normalizes a token ID by removing default states and visibility identifiers,\n * making it human-readable as a publicly-accessible variable name.\n *\n * @param id The token ID to normalize.\n * @return The normalized token ID.\n */\nexport const publicTokenId = ( id: string ) =>\n\tid.replace( /\\.(normal|resting|semantic|primitive)/g, '' );\n"],
5
- "mappings": ";AAOO,IAAM,gBAAgB,CAAE,OAC9B,GAAG,QAAS,0CAA0C,EAAG;",
6
- "names": []
7
- }
package/build-types/token-id.d.ts DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Normalizes a token ID by removing default states and visibility identifiers,
3
- * making it human-readable as a publicly-accessible variable name.
4
- *
5
- * @param id The token ID to normalize.
6
- * @return The normalized token ID.
7
- */
8
- export declare const publicTokenId: (id: string) => string;
9
- //# sourceMappingURL=token-id.d.ts.map
package/build-types/token-id.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"token-id.d.ts","sourceRoot":"","sources":["../src/token-id.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAK,IAAI,MAAM,WACkB,CAAC"}
package/docs/ds-tokens.md DELETED
@@ -1,160 +0,0 @@
1
- <!--
2
- This file is generated by @terrazzo/terrazzo-plugin-ds-tokens-docs.
3
- Do not edit directly.
4
- -->
5
-
6
- # DS Tokens reference
7
-
8
- ## Semantic tokens
9
-
10
- ### Border
11
-
12
- | Variable name | Description |
13
- | --------------------------------------- | ------------------------------- |
14
- | `--wpds-border-radius-surface-xs` | Extra small radius for surfaces |
15
- | `--wpds-border-radius-surface-sm` | Small radius for surfaces |
16
- | `--wpds-border-radius-surface-md` | Medium radius for surfaces |
17
- | `--wpds-border-radius-surface-lg` | Large radius for surfaces |
18
- | `--wpds-border-width-surface-xs` | Extra small width for surfaces |
19
- | `--wpds-border-width-surface-sm` | Small width for surfaces |
20
- | `--wpds-border-width-surface-md` | Medium width for surfaces |
21
- | `--wpds-border-width-surface-lg` | Large width for surfaces |
22
- | `--wpds-border-width-interactive-focus` | Border width for focus ring |
23
-
24
- ### Color
25
-
26
- | Variable name | Description |
27
- | ----------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
28
- | `--wpds-color-bg-surface-neutral` | Background color for surfaces with normal emphasis. |
29
- | `--wpds-color-bg-surface-neutral-strong` | Background color for surfaces with strong emphasis. |
30
- | `--wpds-color-bg-surface-neutral-weak` | Background color for surfaces with weak emphasis. |
31
- | `--wpds-color-bg-surface-brand` | Background color for surfaces with brand tone and normal emphasis. |
32
- | `--wpds-color-bg-surface-success` | Background color for surfaces with success tone and normal emphasis. |
33
- | `--wpds-color-bg-surface-success-weak` | Background color for surfaces with success tone and weak emphasis. |
34
- | `--wpds-color-bg-surface-info` | Background color for surfaces with info tone and normal emphasis. |
35
- | `--wpds-color-bg-surface-info-weak` | Background color for surfaces with info tone and weak emphasis. |
36
- | `--wpds-color-bg-surface-warning` | Background color for surfaces with warning tone and normal emphasis. |
37
- | `--wpds-color-bg-surface-warning-weak` | Background color for surfaces with warning tone and weak emphasis. |
38
- | `--wpds-color-bg-surface-caution` | Background color for surfaces with caution tone and normal emphasis. |
39
- | `--wpds-color-bg-surface-caution-weak` | Background color for surfaces with caution tone and weak emphasis. |
40
- | `--wpds-color-bg-surface-error` | Background color for surfaces with error tone and normal emphasis. |
41
- | `--wpds-color-bg-surface-error-weak` | Background color for surfaces with error tone and weak emphasis. |
42
- | `--wpds-color-bg-interactive-neutral` | Background color for interactive elements with neutral tone and normal emphasis. |
43
- | `--wpds-color-bg-interactive-neutral-active` | Background color for interactive elements with neutral tone and normal emphasis that are hovered, focused, or active. |
44
- | `--wpds-color-bg-interactive-neutral-disabled` | Background color for interactive elements with neutral tone and normal emphasis, in their disabled state. |
45
- | `--wpds-color-bg-interactive-neutral-strong` | Background color for interactive elements with neutral tone and strong emphasis. |
46
- | `--wpds-color-bg-interactive-neutral-strong-active` | Background color for interactive elements with neutral tone and strong emphasis that are hovered, focused, or active. |
47
- | `--wpds-color-bg-interactive-neutral-strong-disabled` | Background color for interactive elements with neutral tone and strong emphasis, in their disabled state. |
48
- | `--wpds-color-bg-interactive-neutral-weak` | Background color for interactive elements with neutral tone and weak emphasis. |
49
- | `--wpds-color-bg-interactive-neutral-weak-active` | Background color for interactive elements with neutral tone and weak emphasis that are hovered, focused, or active. |
50
- | `--wpds-color-bg-interactive-neutral-weak-disabled` | Background color for interactive elements with neutral tone and weak emphasis, in their disabled state. |
51
- | `--wpds-color-bg-interactive-brand` | Background color for interactive elements with brand tone and normal emphasis. |
52
- | `--wpds-color-bg-interactive-brand-active` | Background color for interactive elements with brand tone and normal emphasis that are hovered, focused, or active. |
53
- | `--wpds-color-bg-interactive-brand-disabled` | Background color for interactive elements with brand tone and normal emphasis, in their disabled state. |
54
- | `--wpds-color-bg-interactive-brand-strong` | Background color for interactive elements with brand tone and strong emphasis. |
55
- | `--wpds-color-bg-interactive-brand-strong-active` | Background color for interactive elements with brand tone and strong emphasis that are hovered, focused, or active. |
56
- | `--wpds-color-bg-interactive-brand-strong-disabled` | Background color for interactive elements with brand tone and strong emphasis, in their disabled state. |
57
- | `--wpds-color-bg-interactive-brand-weak` | Background color for interactive elements with brand tone and weak emphasis. |
58
- | `--wpds-color-bg-interactive-brand-weak-active` | Background color for interactive elements with brand tone and weak emphasis that are hovered, focused, or active. |
59
- | `--wpds-color-bg-interactive-brand-weak-disabled` | Background color for interactive elements with brand tone and weak emphasis, in their disabled state. |
60
- | `--wpds-color-bg-track-neutral-weak` | Background color for tracks with a neutral tone and weak emphasis (eg. scrollbar track). |
61
- | `--wpds-color-bg-track-neutral` | Background color for tracks with a neutral tone and normal emphasis (eg. slider or progressbar track). |
62
- | `--wpds-color-bg-thumb-neutral-weak` | Background color for thumbs with a neutral tone and weak emphasis (eg. scrollbar thumb). |
63
- | `--wpds-color-bg-thumb-neutral-weak-active` | Background color for thumbs with a neutral tone and weak emphasis (eg. scrollbar thumb) that are hovered, focused, or active. |
64
- | `--wpds-color-bg-thumb-brand` | Background color for thumbs with a brand tone and normal emphasis (eg. slider thumb and filled track). |
65
- | `--wpds-color-bg-thumb-brand-active` | Background color for thumbs with a brand tone and normal emphasis (eg. slider thumb and filled track) that are hovered, focused, or active. |
66
- | `--wpds-color-bg-thumb-brand-disabled` | Background color for thumbs with a brand tone and normal emphasis (eg. slider thumb and filled track), in their disabled state. |
67
- | `--wpds-color-fg-content-neutral` | Foreground color for content like text with normal emphasis. |
68
- | `--wpds-color-fg-content-neutral-weak` | Foreground color for content like text with weak emphasis. |
69
- | `--wpds-color-fg-content-success` | Foreground color for content like text with success tone and normal emphasis. |
70
- | `--wpds-color-fg-content-success-weak` | Foreground color for content like text with success tone and weak emphasis. |
71
- | `--wpds-color-fg-content-info` | Foreground color for content like text with info tone and normal emphasis. |
72
- | `--wpds-color-fg-content-info-weak` | Foreground color for content like text with info tone and weak emphasis. |
73
- | `--wpds-color-fg-content-warning` | Foreground color for content like text with warning tone and normal emphasis. |
74
- | `--wpds-color-fg-content-warning-weak` | Foreground color for content like text with warning tone and weak emphasis. |
75
- | `--wpds-color-fg-content-caution` | Foreground color for content like text with caution tone and normal emphasis. |
76
- | `--wpds-color-fg-content-caution-weak` | Foreground color for content like text with caution tone and weak emphasis. |
77
- | `--wpds-color-fg-content-error` | Foreground color for content like text with error tone and normal emphasis. |
78
- | `--wpds-color-fg-content-error-weak` | Foreground color for content like text with error tone and weak emphasis. |
79
- | `--wpds-color-fg-interactive-neutral` | Foreground color for interactive elements with neutral tone and normal emphasis. |
80
- | `--wpds-color-fg-interactive-neutral-active` | Foreground color for interactive elements with neutral tone and normal emphasis that are hovered, focused, or active. |
81
- | `--wpds-color-fg-interactive-neutral-disabled` | Foreground color for interactive elements with neutral tone and normal emphasis, in their disabled state. |
82
- | `--wpds-color-fg-interactive-neutral-strong` | Foreground color for interactive elements with neutral tone and strong emphasis. |
83
- | `--wpds-color-fg-interactive-neutral-strong-active` | Foreground color for interactive elements with neutral tone and strong emphasis that are hovered, focused, or active. |
84
- | `--wpds-color-fg-interactive-neutral-strong-disabled` | Foreground color for interactive elements with neutral tone and strong emphasis, in their disabled state. |
85
- | `--wpds-color-fg-interactive-neutral-weak` | Foreground color for interactive elements with neutral tone and weak emphasis. |
86
- | `--wpds-color-fg-interactive-neutral-weak-disabled` | Foreground color for interactive elements with neutral tone and weak emphasis, in their disabled state. |
87
- | `--wpds-color-fg-interactive-brand` | Foreground color for interactive elements with brand tone and normal emphasis. |
88
- | `--wpds-color-fg-interactive-brand-active` | Foreground color for interactive elements with brand tone and normal emphasis that are hovered, focused, or active. |
89
- | `--wpds-color-fg-interactive-brand-disabled` | Foreground color for interactive elements with brand tone and normal emphasis, in their disabled state. |
90
- | `--wpds-color-fg-interactive-brand-strong` | Foreground color for interactive elements with brand tone and strong emphasis. |
91
- | `--wpds-color-fg-interactive-brand-strong-active` | Foreground color for interactive elements with brand tone and strong emphasis that are hovered, focused, or active. |
92
- | `--wpds-color-fg-interactive-brand-strong-disabled` | Foreground color for interactive elements with brand tone and strong emphasis, in their disabled state. |
93
- | `--wpds-color-stroke-surface-neutral` | Decorative stroke color used to define neutrally-toned surface boundaries with normal emphasis. |
94
- | `--wpds-color-stroke-surface-neutral-weak` | Decorative stroke color used to define neutrally-toned surface boundaries with weak emphasis. |
95
- | `--wpds-color-stroke-surface-neutral-strong` | Decorative stroke color used to define neutrally-toned surface boundaries with strong emphasis. |
96
- | `--wpds-color-stroke-surface-brand` | Decorative stroke color used to define brand-toned surface boundaries with normal emphasis. |
97
- | `--wpds-color-stroke-surface-brand-strong` | Decorative stroke color used to define neutrally-toned surface boundaries with strong emphasis. |
98
- | `--wpds-color-stroke-surface-success` | Decorative stroke color used to define success-toned surface boundaries with normal emphasis. |
99
- | `--wpds-color-stroke-surface-success-strong` | Decorative stroke color used to define success-toned surface boundaries with strong emphasis. |
100
- | `--wpds-color-stroke-surface-info` | Decorative stroke color used to define info-toned surface boundaries with normal emphasis. |
101
- | `--wpds-color-stroke-surface-info-strong` | Decorative stroke color used to define info-toned surface boundaries with strong emphasis. |
102
- | `--wpds-color-stroke-surface-warning` | Decorative stroke color used to define warning-toned surface boundaries with normal emphasis. |
103
- | `--wpds-color-stroke-surface-warning-strong` | Decorative stroke color used to define warning-toned surface boundaries with strong emphasis. |
104
- | `--wpds-color-stroke-surface-error` | Decorative stroke color used to define error-toned surface boundaries with normal emphasis. |
105
- | `--wpds-color-stroke-surface-error-strong` | Decorative stroke color used to define error-toned surface boundaries with strong emphasis. |
106
- | `--wpds-color-stroke-interactive-neutral` | Accessible stroke color used for interactive neutrally-toned elements with normal emphasis. |
107
- | `--wpds-color-stroke-interactive-neutral-active` | Accessible stroke color used for interactive neutrally-toned elements with normal emphasis that are hovered, focused, or active. |
108
- | `--wpds-color-stroke-interactive-neutral-disabled` | Accessible stroke color used for interactive neutrally-toned elements with normal emphasis, in their disabled state. |
109
- | `--wpds-color-stroke-interactive-neutral-strong` | Accessible stroke color used for interactive neutrally-toned elements with strong emphasis. |
110
- | `--wpds-color-stroke-interactive-brand` | Accessible stroke color used for interactive brand-toned elements with normal emphasis. |
111
- | `--wpds-color-stroke-interactive-brand-active` | Accessible stroke color used for interactive brand-toned elements with normal emphasis that are hovered, focused, or active. |
112
- | `--wpds-color-stroke-interactive-brand-disabled` | Accessible stroke color used for interactive brand-toned elements with normal emphasis, in their disabled state. |
113
- | `--wpds-color-stroke-interactive-error-strong` | Accessible stroke color used for interactive error-toned elements with strong emphasis. |
114
- | `--wpds-color-stroke-focus-brand` | Accessible stroke color applied to focus rings. |
115
-
116
- ### Dimension
117
-
118
- | Variable name | Description |
119
- | -------------------------------------- | ----------------------------------- |
120
- | `--wpds-dimension-base` | Base dimension unit |
121
- | `--wpds-dimension-padding-surface-2xs` | 2x extra small spacing for surfaces |
122
- | `--wpds-dimension-padding-surface-xs` | Extra small spacing for surfaces |
123
- | `--wpds-dimension-padding-surface-sm` | Small spacing for surfaces |
124
- | `--wpds-dimension-padding-surface-md` | Medium spacing for surfaces |
125
- | `--wpds-dimension-padding-surface-lg` | Large spacing for surfaces |
126
- | `--wpds-dimension-gap-2xs` | 2x extra small gap |
127
- | `--wpds-dimension-gap-xs` | Extra small gap |
128
- | `--wpds-dimension-gap-sm` | Small gap |
129
- | `--wpds-dimension-gap-md` | Medium gap |
130
- | `--wpds-dimension-gap-lg` | Large gap |
131
- | `--wpds-dimension-gap-xl` | Extra large gap |
132
-
133
- ### Elevation
134
-
135
- | Variable name | Description |
136
- | -------------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
137
- | `--wpds-elevation-x-small` | For sections and containers that group related content and controls, which may overlap other content. Example: Preview Frame. |
138
- | `--wpds-elevation-small` | For components that provide contextual feedback without being intrusive. Generally non-interruptive. Example: Tooltips, Snackbar. |
139
- | `--wpds-elevation-medium` | For components that offer additional actions. Example: Menus, Command Palette |
140
- | `--wpds-elevation-large` | For components that confirm decisions or handle necessary interruptions. Example: Modals. |
141
-
142
- ### Typography
143
-
144
- | Variable name | Description |
145
- | ---------------------------------- | ----------------------- |
146
- | `--wpds-font-family-heading` | Headings font family |
147
- | `--wpds-font-family-body` | Body font family |
148
- | `--wpds-font-family-mono` | Monospace font family |
149
- | `--wpds-font-size-x-small` | Extra small font size |
150
- | `--wpds-font-size-small` | Small font size |
151
- | `--wpds-font-size-medium` | Medium font size |
152
- | `--wpds-font-size-large` | Large font size |
153
- | `--wpds-font-size-x-large` | Extra large font size |
154
- | `--wpds-font-size-2x-large` | 2X large font size |
155
- | `--wpds-font-line-height-x-small` | Extra small line height |
156
- | `--wpds-font-line-height-small` | Small line height |
157
- | `--wpds-font-line-height-medium` | Medium line height |
158
- | `--wpds-font-line-height-large` | Large line height |
159
- | `--wpds-font-line-height-x-large` | Extra large line height |
160
- | `--wpds-font-line-height-2x-large` | 2X large line height |