@patternfly/design-tokens 1.14.2 → 1.14.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/build/css/tokens-charts-dark.scss +1 -1
  2. package/build/css/tokens-charts.scss +1 -1
  3. package/build/css/tokens-dark.scss +2 -1
  4. package/build/css/tokens-default.scss +7 -5
  5. package/build/css/tokens-highcontrast-dark.scss +2 -1
  6. package/build/css/tokens-highcontrast.scss +7 -5
  7. package/build/css/tokens-palette.scss +1 -1
  8. package/build.js +5 -2
  9. package/package.json +1 -1
  10. package/patternfly-docs/content/token-layers-dark.json +455 -297
  11. package/patternfly-docs/content/token-layers-default.json +451 -297
  12. package/tokens/dark/charts.dark.json +4 -4
  13. package/tokens/dark/semantic.dark.json +6 -0
  14. package/tokens/default/charts.json +4 -4
  15. package/tokens/default/semantic.dimension.json +32 -26
  16. package/tokens/default/semantic.json +6 -0
  17. package/tokens/default/semantic.motion.json +14 -14
  18. package/tokens/highcontrast/semantic.dimension.highcontrast.json +32 -26
  19. package/tokens/highcontrast/semantic.highcontrast.json +6 -0
  20. package/tokens/highcontrast-dark/semantic.highcontrast.dark.json +6 -0
package/build/css/tokens-charts-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Aug 2025 19:01:51 GMT
3
+ // Generated on Wed, 10 Sep 2025 22:53:00 GMT
4
4
 
5
5
  :root {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/build/css/tokens-charts.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Aug 2025 19:01:51 GMT
3
+ // Generated on Wed, 10 Sep 2025 22:53:00 GMT
4
4
 
5
5
  :root {
6
6
  --pf-t--chart--global--BorderWidth--lg: 8;
package/build/css/tokens-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Aug 2025 19:01:51 GMT
3
+ // Generated on Wed, 10 Sep 2025 22:53:00 GMT
4
4
 
5
5
  :root {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
@@ -236,6 +236,7 @@
236
236
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
237
237
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
238
238
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
239
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
239
240
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
240
241
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
241
242
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
package/build/css/tokens-default.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Aug 2025 19:01:51 GMT
3
+ // Generated on Wed, 10 Sep 2025 22:52:59 GMT
4
4
 
5
5
  :root {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -72,10 +72,10 @@
72
72
  --pf-t--global--duration--50: 50ms;
73
73
  --pf-t--global--duration--500: 500ms;
74
74
  --pf-t--global--duration--600: 600ms;
75
- --pf-t--global--focus-ring--position--inset: -4;
76
- --pf-t--global--focus-ring--position--offset: 2;
77
- --pf-t--global--focus-ring--width--inset: 3;
78
- --pf-t--global--focus-ring--width--offset: 2;
75
+ --pf-t--global--focus-ring--position--inset: -4px;
76
+ --pf-t--global--focus-ring--position--offset: 2px;
77
+ --pf-t--global--focus-ring--width--inset: 3px;
78
+ --pf-t--global--focus-ring--width--offset: 2px;
79
79
  --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
80
80
  --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
81
81
  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
@@ -157,6 +157,7 @@
157
157
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
158
158
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
159
159
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
160
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--400);
160
161
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
161
162
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
162
163
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
@@ -573,6 +574,7 @@
573
574
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
574
575
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
575
576
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
577
+ --pf-t--global--border--color--main--default: var(--pf-t--global--background--color--primary--default);
576
578
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
577
579
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
578
580
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
package/build/css/tokens-highcontrast-dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Aug 2025 19:01:51 GMT
3
+ // Generated on Wed, 10 Sep 2025 22:53:00 GMT
4
4
 
5
5
  :root {
6
6
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
@@ -236,6 +236,7 @@
236
236
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
237
237
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
238
238
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
239
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
239
240
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
240
241
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
241
242
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
package/build/css/tokens-highcontrast.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Aug 2025 19:01:51 GMT
3
+ // Generated on Wed, 10 Sep 2025 22:53:00 GMT
4
4
 
5
5
  :root {
6
6
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -55,10 +55,10 @@
55
55
  --pf-t--global--breakpoint--600: 90.625rem;
56
56
  --pf-t--global--color--nonstatus--green--400: #3d7019;
57
57
  --pf-t--global--color--status--success--150: #3d7019;
58
- --pf-t--global--focus-ring--position--inset: -4;
59
- --pf-t--global--focus-ring--position--offset: 2;
60
- --pf-t--global--focus-ring--width--inset: 3;
61
- --pf-t--global--focus-ring--width--offset: 2;
58
+ --pf-t--global--focus-ring--position--inset: -4px;
59
+ --pf-t--global--focus-ring--position--offset: 2px;
60
+ --pf-t--global--focus-ring--width--inset: 3px;
61
+ --pf-t--global--focus-ring--width--offset: 2px;
62
62
  --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
63
63
  --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
64
64
  --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
@@ -141,6 +141,7 @@
141
141
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
142
142
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
143
143
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
144
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
144
145
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
145
146
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
146
147
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
@@ -551,6 +552,7 @@
551
552
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
552
553
  --pf-t--global--border--color--brand--hover: var(--pf-t--global--color--brand--hover);
553
554
  --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
555
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
554
556
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
555
557
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
556
558
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
package/build/css/tokens-palette.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 13 Aug 2025 19:01:51 GMT
3
+ // Generated on Wed, 10 Sep 2025 22:53:00 GMT
4
4
 
5
5
  :root {
6
6
  --pf-t--color--black: #000000;
package/build.js CHANGED
@@ -84,7 +84,7 @@ const build = (selector) => {
84
84
  name: 'patternfly/global/px',
85
85
  type: 'value',
86
86
  matcher: (token) =>
87
- (token.attributes.type === 'border' && token.original.type === 'number') ||
87
+ (['border', 'focus-ring'].includes(token.attributes.type) && token.original.type === 'number') ||
88
88
  (token.attributes.type === 'box-shadow' && token.attributes.item !== 'color'),
89
89
  transformer: (token) => `${token.value}px`
90
90
  });
@@ -114,7 +114,10 @@ const build = (selector) => {
114
114
  name: 'patternfly/global/round-decimel',
115
115
  type: 'value',
116
116
  matcher: (token) => token.type === 'number',
117
- transformer: (token) => { console.log(token); return Math.round(parseFloat(token.value) * 100) / 100 }
117
+ transformer: (token) => {
118
+ console.log(token);
119
+ return Math.round(parseFloat(token.value) * 100) / 100;
120
+ }
118
121
  });
119
122
 
120
123
  // Reigster custom transform group
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/design-tokens",
3
- "version": "1.14.2",
3
+ "version": "1.14.3",
4
4
  "description": "Define the design tokens for patternfly design system and component library",
5
5
  "main": "dist/esm/index.js",
6
6
  "module": "dist/esm/index.js",