@pantheon-systems/pds-toolkit-react 2.0.0-alpha.34 → 2.0.0-alpha.35

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 (47) hide show
  1. package/bin/pds-codemod.cjs +58 -0
  2. package/codemods/v1-to-v2/mappings.json +1258 -0
  3. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/basic.input.tsx +36 -0
  4. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/basic.output.tsx +36 -0
  5. package/codemods/v1-to-v2/transforms/__tests__/prop-value-standardization.test.js +6 -0
  6. package/codemods/v1-to-v2/transforms/prop-value-standardization.js +112 -0
  7. package/dist/components/Table/Table.d.ts +107 -1
  8. package/dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +6 -5
  9. package/dist/components/icons/Icon/generated-icon-data.d.ts +16 -2
  10. package/dist/css/component-css/pds-button-nav.css +1 -1
  11. package/dist/css/component-css/pds-datepicker.css +1 -1
  12. package/dist/css/component-css/pds-drawer.css +1 -1
  13. package/dist/css/component-css/pds-dropdown-menu.css +1 -1
  14. package/dist/css/component-css/pds-index.css +19 -15
  15. package/dist/css/component-css/pds-menu-button.css +1 -1
  16. package/dist/css/component-css/pds-nav-menu.css +1 -1
  17. package/dist/css/component-css/pds-navbar.css +1 -1
  18. package/dist/css/component-css/pds-pagination-mini.css +1 -1
  19. package/dist/css/component-css/pds-panel-list.css +1 -1
  20. package/dist/css/component-css/pds-panel.css +1 -1
  21. package/dist/css/component-css/pds-segmented-button.css +1 -1
  22. package/dist/css/component-css/pds-side-nav-global.css +1 -1
  23. package/dist/css/component-css/pds-side-nav.css +1 -1
  24. package/dist/css/component-css/pds-site-footer.css +1 -1
  25. package/dist/css/component-css/pds-sortable-list.css +1 -1
  26. package/dist/css/component-css/pds-status-checker.css +1 -1
  27. package/dist/css/component-css/pds-stepper.css +3 -1
  28. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  29. package/dist/css/component-css/pds-table.css +3 -1
  30. package/dist/css/component-css/pds-tally.css +1 -1
  31. package/dist/css/component-css/pds-theme-switcher.css +1 -1
  32. package/dist/css/component-css/pds-tree-nav.css +1 -1
  33. package/dist/css/component-css/pds-user-menu.css +2 -2
  34. package/dist/css/component-css/pds-utility-button.css +1 -1
  35. package/dist/css/component-css/pds-workspace-selector.css +1 -1
  36. package/dist/css/design-tokens/variables.dark.css +31 -21
  37. package/dist/css/design-tokens/variables.light.css +32 -22
  38. package/dist/css/pds-components.css +19 -15
  39. package/dist/css/pds-core.css +2 -2
  40. package/dist/index.css +1 -1
  41. package/dist/index.js +227 -133
  42. package/dist/index.js.map +1 -1
  43. package/dist/libs/types/layout-types.d.ts +1 -1
  44. package/dist/svg/anglesDown.svg +3 -0
  45. package/dist/svg/anglesUp.svg +3 -0
  46. package/dist/utilities/FlexContainer/FlexContainer.d.ts +2 -1
  47. package/package.json +17 -2
package/dist/css/design-tokens/variables.light.css CHANGED
@@ -28,7 +28,7 @@
28
28
  --pds-color-badge-rose-muted-background: oklch(0.9106 0.0331 351.20);
29
29
  --pds-color-badge-rose-muted-foreground: oklch(0.3361 0.1343 13.26);
30
30
  --pds-color-badge-orange-background: oklch(0.5874 0.1832 40.31);
31
- --pds-color-badge-orange-foreground: oklch(1 0 0);
31
+ --pds-color-badge-orange-foreground: oklch(1.0000 0 0);
32
32
  --pds-color-badge-orange-muted-background: oklch(0.9175 0.0328 49.33);
33
33
  --pds-color-badge-orange-muted-foreground: oklch(0.3445 0.1414 29.23);
34
34
  --pds-color-badge-lime-background: oklch(0.5540 0.1620 135.05);
@@ -40,7 +40,7 @@
40
40
  --pds-color-badge-sky-muted-background: oklch(0.9144 0.0264 224.25);
41
41
  --pds-color-badge-sky-muted-foreground: oklch(0.3083 0.1049 255.90);
42
42
  --pds-color-badge-indigo-background: oklch(0.4574 0.1942 275.52);
43
- --pds-color-badge-indigo-foreground: oklch(1 0 0);
43
+ --pds-color-badge-indigo-foreground: oklch(1.0000 0 0);
44
44
  --pds-color-badge-indigo-muted-background: oklch(0.9364 0.0311 281.82);
45
45
  --pds-color-badge-indigo-muted-foreground: oklch(0.3152 0.1990 274.45);
46
46
  --pds-color-badge-ink-background: oklch(0.2178 0 0);
@@ -87,19 +87,13 @@
87
87
  --pds-color-datepicker-range-foreground: oklch(0.2178 0 0);
88
88
  --pds-color-datepicker-selected-background: oklch(0.5256 0.1988 268.04);
89
89
  --pds-color-datepicker-selected-foreground: oklch(1.0000 0 0);
90
- --pds-color-log-row-standard-background-default: oklch(0.2178 0 0);
91
- --pds-color-log-row-standard-background-hover: oklch(0.5173 0 0);
92
- --pds-color-log-row-warning-background-default: oklch(0.9665 0.0199 70.00);
93
- --pds-color-log-row-error-background-default: oklch(0.9740 0.0075 17.42);
94
90
  --pds-color-pagination-foreground-hover: oklch(0.2178 0 0);
95
91
  --pds-color-pagination-foreground-active: var(--pds-color-interactive-link-active);
96
- --pds-color-pagination-foreground-current: oklch(1 0 0);
92
+ --pds-color-pagination-foreground-current: var(--pds-color-interactive-background-current-foreground);
97
93
  --pds-color-pagination-background-hover: oklch(0.9702 0 0);
98
94
  --pds-color-pagination-background-active: oklch(0.9500 0.0300 268.00);
99
95
  --pds-color-pagination-background-current: oklch(0.5256 0.1988 268.04);
100
96
  --pds-color-panel-sunken-background: oklch(0.9702 0 0);
101
- --pds-color-panel-raised-background: oklch(0.9702 0 0);
102
- --pds-color-panel-overlay-background: oklch(0.9702 0 0);
103
97
  --pds-color-expansion-panel-hover: oklch(0.9702 0 0);
104
98
  --pds-color-expansion-panel-open: oklch(0.9702 0 0);
105
99
  --pds-color-popover-border: oklch(0.9430 0 0);
@@ -115,7 +109,7 @@
115
109
  --pds-color-spinner-mono-1: #171717;
116
110
  --pds-color-spinner-mono-2: #66666680;
117
111
  --pds-color-spinner-mono-3: transparent;
118
- --pds-color-spinner-mono-reverse-1: #FFFFFF;
112
+ --pds-color-spinner-mono-reverse-1: var(--pds-color-foreground-reverse);
119
113
  --pds-color-spinner-mono-reverse-2: #ffffff80;
120
114
  --pds-color-spinner-mono-reverse-3: transparent;
121
115
  --pds-color-spinner-critical-secondary-1: #DE2E21;
@@ -171,6 +165,16 @@
171
165
  --pds-color-tag-info-solid-foreground: oklch(1.0000 0 0);
172
166
  --pds-color-tag-discovery-solid-background: oklch(0.4277 0.1065 303.89);
173
167
  --pds-color-tag-discovery-solid-foreground: oklch(1.0000 0 0);
168
+ --pds-color-tally-success-background: oklch(0.5670 0.1201 132.73);
169
+ --pds-color-tally-success-foreground: oklch(1.0000 0 0);
170
+ --pds-color-tally-warning-background: oklch(0.5658 0.1338 53.43);
171
+ --pds-color-tally-warning-foreground: oklch(1.0000 0 0);
172
+ --pds-color-tally-critical-background: oklch(0.4501 0.1581 26.35);
173
+ --pds-color-tally-critical-foreground: oklch(1.0000 0 0);
174
+ --pds-color-tally-info-background: oklch(0.4662 0.0924 245.48);
175
+ --pds-color-tally-info-foreground: oklch(1.0000 0 0);
176
+ --pds-color-tally-discovery-background: oklch(0.4277 0.1065 303.89);
177
+ --pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
174
178
  --pds-color-surface-default: oklch(1.0000 0 0);
175
179
  --pds-color-surface-default-secondary: oklch(0.9702 0 0);
176
180
  --pds-color-surface-reverse: oklch(0.2178 0 0);
@@ -200,7 +204,7 @@
200
204
  --pds-color-button-highlight-background-default: oklch(0.5256 0.1988 268.04);
201
205
  --pds-color-button-highlight-background-hover: oklch(0.4293 0.1892 266.63);
202
206
  --pds-color-button-highlight-background-active: oklch(0.3864 0.1703 266.63);
203
- --pds-color-button-highlight-foreground: oklch(1.0000 0 0);
207
+ --pds-color-button-highlight-foreground: var(--pds-color-foreground-reverse);
204
208
  --pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
205
209
  --pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
206
210
  --pds-color-button-critical-background-active: oklch(0.4051 0.1423 26.35);
@@ -241,9 +245,9 @@
241
245
  --pds-color-split-button-primary-separator: oklch(0.5173 0 0);
242
246
  --pds-color-split-button-secondary-separator: oklch(0.8761 0 0);
243
247
  --pds-color-segmented-button-background-inactive: oklch(0.9702 0 0);
244
- --pds-color-segmented-button-background-active: oklch(1.0000 0 0);
248
+ --pds-color-segmented-button-background-active: oklch(0.5256 0.1988 268.04);
245
249
  --pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
246
- --pds-color-segmented-button-foreground-active: var(--pds-color-foreground-default);
250
+ --pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
247
251
  --pds-color-category-ai-foreground: oklch(0.5200 0.1177 303.12);
248
252
  --pds-color-category-ai-utility: oklch(0.6777 0.0966 309.02);
249
253
  --pds-color-category-ai-background: oklch(0.9559 0.0143 308.29);
@@ -325,25 +329,26 @@
325
329
  --pds-color-input-tag-foreground-hover: oklch(0.2178 0 0);
326
330
  --pds-color-input-tag-foreground-active: oklch(0.5256 0.1988 268.04);
327
331
  --pds-color-input-tag-outline-active: oklch(0.5256 0.1988 268.04);
328
- --pds-color-interactive-background-hover: oklch(0.9702 0 0);
329
- --pds-color-interactive-background-active: oklch(0.9430 0 0);
330
332
  --pds-color-interactive-focus: oklch(0.5256 0.1988 268.04);
331
333
  --pds-color-interactive-link-default: oklch(0.5256 0.1988 268.04);
332
334
  --pds-color-interactive-link-hover: oklch(0.6015 0.1484 35.70);
333
335
  --pds-color-interactive-link-active: oklch(0.5093 0.1241 35.58);
334
336
  --pds-color-interactive-link-visited: oklch(0.5256 0.1988 268.04);
335
- --pds-color-interactive-ui-hover: oklch(0.5256 0.1988 268.04);
336
- --pds-color-interactive-ui-active: oklch(0.5256 0.1988 268.04);
337
- --pds-color-interactive-ui-current: oklch(0.5256 0.1988 268.04);
338
- --pds-color-interactive-ui-background-hover: oklch(0.9702 0 0);
339
- --pds-color-interactive-ui-background-active: oklch(0.9430 0 0);
340
- --pds-color-interactive-ui-background-selected: oklch(0.9500 0.0300 268.00);
337
+ --pds-color-interactive-foreground-current: oklch(0.5256 0.1988 268.04);
338
+ --pds-color-interactive-foreground-hover: oklch(0.5256 0.1988 268.04);
339
+ --pds-color-interactive-foreground-active: oklch(0.5256 0.1988 268.04);
340
+ --pds-color-interactive-foreground-inactive: oklch(0.8047 0 0);
341
+ --pds-color-interactive-background-current: oklch(0.5256 0.1988 268.04);
342
+ --pds-color-interactive-background-current-foreground: oklch(1.0000 0 0);
343
+ --pds-color-interactive-background-hover: oklch(0.9702 0 0);
344
+ --pds-color-interactive-background-active: oklch(0.9430 0 0);
345
+ --pds-color-interactive-background-selected: oklch(0.9500 0.0300 268.00);
341
346
  --pds-color-interactive-reverse-focus: oklch(0.6496 0.1590 270.95);
342
347
  --pds-color-interactive-reverse-link-default: oklch(0.6496 0.1590 270.95);
343
348
  --pds-color-interactive-reverse-link-hover: oklch(0.6707 0.1296 32.99);
344
349
  --pds-color-interactive-reverse-link-active: oklch(0.7480 0.1030 37.44);
345
350
  --pds-color-interactive-reverse-link-visited: oklch(0.6496 0.1590 270.95);
346
- --pds-color-interactive-reverse-ui-hover: oklch(0.6496 0.1590 270.95);
351
+ --pds-color-interactive-reverse-foreground-hover: oklch(0.6496 0.1590 270.95);
347
352
  --pds-color-nav-item-reverse-foreground-hover: oklch(0.8272 0.0507 309.02);
348
353
  --pds-color-nav-item-reverse-foreground-active: oklch(0.8272 0.0507 309.02);
349
354
  --pds-color-overlay: rgba(0, 0, 0, 0.45);
@@ -361,22 +366,27 @@
361
366
  --pds-color-status-success-fill: oklch(0.5670 0.1201 132.73);
362
367
  --pds-color-status-success-border: oklch(0.8774 0.0659 125.63);
363
368
  --pds-color-status-success-background: oklch(0.9656 0.0192 122.83);
369
+ --pds-color-status-success-background-hover: oklch(0.9301 0.0402 124.12);
364
370
  --pds-color-status-warning-foreground: oklch(0.5658 0.1338 53.43);
365
371
  --pds-color-status-warning-fill: oklch(0.6419 0.1457 55.55);
366
372
  --pds-color-status-warning-border: oklch(0.8603 0.0782 67.73);
367
373
  --pds-color-status-warning-background: oklch(0.9665 0.0199 70.00);
374
+ --pds-color-status-warning-background-hover: oklch(0.9208 0.0469 69.27);
368
375
  --pds-color-status-critical-foreground: oklch(0.4501 0.1581 26.35);
369
376
  --pds-color-status-critical-fill: oklch(0.5338 0.1771 25.54);
370
377
  --pds-color-status-critical-border: oklch(0.7978 0.0754 20.67);
371
378
  --pds-color-status-critical-background: oklch(0.9740 0.0075 17.42);
379
+ --pds-color-status-critical-background-hover: oklch(0.8859 0.0414 19.05);
372
380
  --pds-color-status-info-foreground: oklch(0.4662 0.0924 245.48);
373
381
  --pds-color-status-info-fill: oklch(0.5510 0.1014 242.56);
374
382
  --pds-color-status-info-border: oklch(0.8372 0.0459 236.03);
375
383
  --pds-color-status-info-background: oklch(0.9584 0.0134 233.74);
384
+ --pds-color-status-info-background-hover: oklch(0.9123 0.0286 231.46);
376
385
  --pds-color-status-discovery-foreground: oklch(0.4277 0.1065 303.89);
377
386
  --pds-color-status-discovery-fill: oklch(0.5200 0.1177 303.12);
378
387
  --pds-color-status-discovery-border: oklch(0.8272 0.0507 309.02);
379
388
  --pds-color-status-discovery-background: oklch(0.9559 0.0143 308.29);
389
+ --pds-color-status-discovery-background-hover: oklch(0.9077 0.0264 310.39);
380
390
  --pds-color-status-neutral-background: oklch(0.8761 0 0);
381
391
  --pds-color-status-neutral-indicator: oklch(0.5173 0 0);
382
392
  --pds-color-status-frozen-fill: oklch(0.5510 0.1014 242.56);