@demos-europe/demosplan-ui 0.3.21 → 0.3.24

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 (54) hide show
  1. package/.idea/shelf/Uncommitted_changes_before_Checkout_at_26_07_2024_16_29_[Changes]/shelved.patch +30800 -0
  2. package/.idea/shelf/Uncommitted_changes_before_Checkout_at_26_07_2024_16_29__Changes_.xml +4 -0
  3. package/.idea/workspace.xml +129 -46
  4. package/.yarn/install-state.gz +0 -0
  5. package/CHANGELOG.md +21 -0
  6. package/dist/demosplan-ui.umd.js +1 -1
  7. package/package.json +19 -6
  8. package/scripts/buildTokens.js +118 -0
  9. package/scripts/utils/transformTokens.js +249 -0
  10. package/src/components/DpDataTable/DpDataTable.vue +6 -2
  11. package/src/components/DpDataTable/DpTableHeader.vue +6 -2
  12. package/src/components/DpEditor/libs/editorCustomLink.js +3 -0
  13. package/src/lib/DpApi.js +2 -2
  14. package/tailwind.config.js +20 -50
  15. package/tokens/dist/js/boxShadow.js +10 -10
  16. package/tokens/dist/js/breakpoints.js +1 -1
  17. package/tokens/dist/js/color.brand.js +1 -1
  18. package/tokens/dist/js/color.data.js +1 -1
  19. package/tokens/dist/js/color.palette.js +1 -1
  20. package/tokens/dist/js/color.ui-tailwind.js +1 -1
  21. package/tokens/dist/js/color.ui.js +68 -68
  22. package/tokens/dist/js/fontSize.js +86 -98
  23. package/tokens/dist/js/rounded.js +1 -1
  24. package/tokens/dist/js/space.js +1 -1
  25. package/tokens/dist/js/zIndex.js +18 -18
  26. package/tokens/dist/scss/_boxShadow.scss +1 -1
  27. package/tokens/dist/scss/_breakpoints.scss +1 -1
  28. package/tokens/dist/scss/_color.brand.scss +1 -1
  29. package/tokens/dist/scss/_color.data.scss +1 -1
  30. package/tokens/dist/scss/_color.palette.scss +1 -1
  31. package/tokens/dist/scss/_color.ui.scss +1 -1
  32. package/tokens/dist/scss/_fontSize.scss +13 -7
  33. package/tokens/dist/scss/_rounded.scss +1 -1
  34. package/tokens/dist/scss/_space.scss +1 -1
  35. package/tokens/dist/scss/_zIndex.scss +1 -1
  36. package/tokens/dist/tailwind/backgroundColor.js +22 -22
  37. package/tokens/dist/tailwind/borderColor.js +7 -7
  38. package/tokens/dist/tailwind/boxShadow.js +6 -0
  39. package/tokens/dist/tailwind/breakpoints.js +6 -0
  40. package/tokens/dist/tailwind/color.js +37 -3
  41. package/tokens/dist/tailwind/fontSize.js +16 -0
  42. package/tokens/dist/tailwind/rounded.js +8 -0
  43. package/tokens/dist/tailwind/space.js +20 -0
  44. package/tokens/dist/tailwind/textColor.js +35 -35
  45. package/tokens/dist/tailwind/zIndex.js +10 -0
  46. package/tokens/src/boxShadow.json +5 -5
  47. package/tokens/src/color/color.ui.json +397 -0
  48. package/tokens/src/fontSize.json +47 -23
  49. package/tokens/src/zIndex.json +1 -1
  50. package/yarn-error.log +13974 -0
  51. package/.idea/shelf/Uncommitted_changes_before_Update_at_17_07_2024_15_21_[Changes]/shelved.patch +0 -36
  52. package/.idea/shelf/Uncommitted_changes_before_Update_at_17_07_2024_15_21__Changes_.xml +0 -4
  53. package/buildTokens.js +0 -240
  54. package/tokens/src/color/color.ui-tailwind.json +0 -401
package/tokens/dist/scss/_color.ui.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 22 Jul 2024 09:37:27 GMT
3
+ // Generated on Mon, 29 Jul 2024 13:31:38 GMT
4
4
 
5
5
 
6
6
  $dp-color-background-medium: $dp-color-neutral-light-3 !default;
package/tokens/dist/scss/_fontSize.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 22 Jul 2024 09:37:27 GMT
3
+ // Generated on Mon, 29 Jul 2024 13:31:38 GMT
4
4
 
5
5
 
6
6
  $dp-font-size-7: 50px !default;
@@ -11,12 +11,12 @@ $dp-font-size-3: 16px !default;
11
11
  $dp-font-size-2: 14px !default;
12
12
  $dp-font-size-1: 12px !default;
13
13
  $dp-font-size-0: 11px !default;
14
- $dp-font-size-smallest: $dp-font-size-0 !default;
15
- $dp-font-size-smaller: $dp-font-size-1 !default;
16
- $dp-font-size-small: $dp-font-size-2 !default;
17
- $dp-font-size-medium: $dp-font-size-3 !default;
18
- $dp-font-size-large: $dp-font-size-4 !default;
19
- $dp-font-size-larger: $dp-font-size-5 !default;
14
+ $dp-font-size-xxs: $dp-font-size-0;
15
+ $dp-font-size-xs: $dp-font-size-1;
16
+ $dp-font-size-sm: $dp-font-size-2;
17
+ $dp-font-size-base: $dp-font-size-3;
18
+ $dp-font-size-lg: $dp-font-size-4;
19
+ $dp-font-size-xl: $dp-font-size-5;
20
20
  $dp-font-size-h6: $dp-font-size-1 !default;
21
21
  $dp-font-size-h5: $dp-font-size-2 !default;
22
22
  $dp-font-size-h4: $dp-font-size-3 !default;
@@ -25,3 +25,9 @@ $dp-font-size-h2: $dp-font-size-5 !default;
25
25
  $dp-font-size-h1: $dp-font-size-6 !default;
26
26
  $dp-font-size-header: $dp-font-size-5 !default;
27
27
  $dp-font-size-hero: $dp-font-size-7 !default;
28
+ $dp-font-size-smallest: $dp-font-size-xxs !default;
29
+ $dp-font-size-smaller: $dp-font-size-xs !default;
30
+ $dp-font-size-small: $dp-font-size-sm !default;
31
+ $dp-font-size-medium: $dp-font-size-base !default;
32
+ $dp-font-size-large: $dp-font-size-lg !default;
33
+ $dp-font-size-larger: $dp-font-size-xl !default;
package/tokens/dist/scss/_rounded.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 22 Jul 2024 09:37:27 GMT
3
+ // Generated on Mon, 29 Jul 2024 13:31:38 GMT
4
4
 
5
5
 
6
6
  $dp-rounded-full: 9999px;
package/tokens/dist/scss/_space.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 22 Jul 2024 09:37:27 GMT
3
+ // Generated on Mon, 29 Jul 2024 13:31:38 GMT
4
4
 
5
5
 
6
6
  $dp-space-1_5: 9px;
package/tokens/dist/scss/_zIndex.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 22 Jul 2024 09:37:27 GMT
3
+ // Generated on Mon, 29 Jul 2024 13:31:38 GMT
4
4
 
5
5
 
6
6
  $dp-z-ultimate: 10000;
package/tokens/dist/tailwind/backgroundColor.js CHANGED
@@ -1,24 +1,24 @@
1
1
  module.exports = {
2
- "interactive-subtle-hover": "var(--dp-backgroundColor-interactive-subtle-hover, var(--dp-color-neutral-light-4, #f5f5f5));",
3
- "interactive-subtle-active": "var(--dp-backgroundColor-interactive-subtle-active, var(--dp-color-neutral-light-3, #ebe9e9));",
4
- "interactive-muted": "var(--dp-backgroundColor-interactive-muted, var(--dp-color-neutral-light-1, #aeaeae));",
5
- "message-info": "var(--dp-backgroundColor-message-info, var(--dp-color-blue-light-3, #cee6fb));",
6
- "message-warning": "var(--dp-backgroundColor-message-warning, var(--dp-color-yellow-light-3, #ffefca));",
7
- "message-severe": "var(--dp-backgroundColor-message-severe, var(--dp-color-red-light-3, #fcdddd));",
8
- "message-success": "var(--dp-backgroundColor-message-success, var(--dp-color-green-light-3, #def7de));",
9
- "message-debug": "var(--dp-backgroundColor-message-debug, var(--dp-color-purple-light-3, #dfcced));",
10
- "selected": "var(--dp-backgroundColor-selected, var(--dp-color-blue-light-3, #cee6fb));",
11
- "status-progress": "var(--dp-backgroundColor-status-progress, var(--dp-color-blue-base, #006fd0));",
12
- "status-changed": "var(--dp-backgroundColor-status-changed, var(--dp-color-yellow-base, #ffbe24));",
13
- "status-failed": "var(--dp-backgroundColor-status-failed, var(--dp-color-red-base, #e52222));",
14
- "status-complete": "var(--dp-backgroundColor-status-complete, var(--dp-color-green-base, #228b22));",
15
- "status-neutral": "var(--dp-backgroundColor-status-neutral, var(--dp-color-neutral-dark-1, #595959));",
16
- "surface": "var(--dp-backgroundColor-surface, var(--dp-color-white, #ffffff));",
17
- "surface-light": "var(--dp-backgroundColor-surface-light, var(--dp-color-neutral-light-4, #f5f5f5));",
18
- "surface-medium": "var(--dp-backgroundColor-surface-medium, var(--dp-color-neutral-light-3, #ebe9e9));",
19
- "text-deleted": "var(--dp-backgroundColor-text-deleted, var(--dp-color-yellow-light-2, #ffe5a7));",
20
- "text-deleted-muted": "var(--dp-backgroundColor-text-deleted-muted, var(--dp-color-yellow-light-3, #ffefca));",
21
- "text-inserted": "var(--dp-backgroundColor-text-inserted, var(--dp-color-blue-light-3, #cee6fb));",
22
- "text-inserted-muted": "var(--dp-backgroundColor-text-inserted-muted, var(--dp-color-blue-light-4, #ebf5ff));",
23
- "text-marked": "var(--dp-backgroundColor-text-marked, var(--dp-color-blue-light-3, #cee6fb));"
2
+ "interactive-subtle-hover": "var(--dp-backgroundColor-interactive-subtle-hover, var(--dp-color-neutral-light-4, #f5f5f5))",
3
+ "interactive-subtle-active": "var(--dp-backgroundColor-interactive-subtle-active, var(--dp-color-neutral-light-3, #ebe9e9))",
4
+ "interactive-muted": "var(--dp-backgroundColor-interactive-muted, var(--dp-color-neutral-light-1, #aeaeae))",
5
+ "message-info": "var(--dp-backgroundColor-message-info, var(--dp-color-blue-light-3, #cee6fb))",
6
+ "message-warning": "var(--dp-backgroundColor-message-warning, var(--dp-color-yellow-light-3, #ffefca))",
7
+ "message-severe": "var(--dp-backgroundColor-message-severe, var(--dp-color-red-light-3, #fcdddd))",
8
+ "message-success": "var(--dp-backgroundColor-message-success, var(--dp-color-green-light-3, #def7de))",
9
+ "message-debug": "var(--dp-backgroundColor-message-debug, var(--dp-color-purple-light-3, #dfcced))",
10
+ "selected": "var(--dp-backgroundColor-selected, var(--dp-color-blue-light-3, #cee6fb))",
11
+ "status-progress": "var(--dp-backgroundColor-status-progress, var(--dp-color-blue-base, #006fd0))",
12
+ "status-changed": "var(--dp-backgroundColor-status-changed, var(--dp-color-yellow-base, #ffbe24))",
13
+ "status-failed": "var(--dp-backgroundColor-status-failed, var(--dp-color-red-base, #e52222))",
14
+ "status-complete": "var(--dp-backgroundColor-status-complete, var(--dp-color-green-base, #228b22))",
15
+ "status-neutral": "var(--dp-backgroundColor-status-neutral, var(--dp-color-neutral-dark-1, #595959))",
16
+ "surface": "var(--dp-backgroundColor-surface, var(--dp-color-white, #ffffff))",
17
+ "surface-light": "var(--dp-backgroundColor-surface-light, var(--dp-color-neutral-light-4, #f5f5f5))",
18
+ "surface-medium": "var(--dp-backgroundColor-surface-medium, var(--dp-color-neutral-light-3, #ebe9e9))",
19
+ "text-deleted": "var(--dp-backgroundColor-text-deleted, var(--dp-color-yellow-light-2, #ffe5a7))",
20
+ "text-deleted-muted": "var(--dp-backgroundColor-text-deleted-muted, var(--dp-color-yellow-light-3, #ffefca))",
21
+ "text-inserted": "var(--dp-backgroundColor-text-inserted, var(--dp-color-blue-light-3, #cee6fb))",
22
+ "text-inserted-muted": "var(--dp-backgroundColor-text-inserted-muted, var(--dp-color-blue-light-4, #ebf5ff))",
23
+ "text-marked": "var(--dp-backgroundColor-text-marked, var(--dp-color-blue-light-3, #cee6fb))"
24
24
  };
package/tokens/dist/tailwind/borderColor.js CHANGED
@@ -1,9 +1,9 @@
1
1
  module.exports = {
2
- "message-info": "var(--dp-borderColor-message-info, var(--dp-color-blue-light-1, #44a8ff));",
3
- "message-warning": "var(--dp-borderColor-message-warning, var(--dp-color-yellow-base, #ffbe24));",
4
- "message-severe": "var(--dp-borderColor-message-severe, var(--dp-color-red-light-1, #fc5e5e));",
5
- "message-success": "var(--dp-borderColor-message-success, var(--dp-color-green-light-1, #5cba5c));",
6
- "message-debug": "var(--dp-borderColor-message-debug, var(--dp-color-purple-light-1, #a572cd));",
7
- "neutral": "var(--dp-borderColor-neutral, var(--dp-color-neutral-light-2, #d3d3d3));",
8
- "status-failed": "var(--dp-borderColor-status-failed, var(--dp-color-red-base, #e52222));"
2
+ "message-info": "var(--dp-borderColor-message-info, var(--dp-color-blue-light-1, #44a8ff))",
3
+ "message-warning": "var(--dp-borderColor-message-warning, var(--dp-color-yellow-base, #ffbe24))",
4
+ "message-severe": "var(--dp-borderColor-message-severe, var(--dp-color-red-light-1, #fc5e5e))",
5
+ "message-success": "var(--dp-borderColor-message-success, var(--dp-color-green-light-1, #5cba5c))",
6
+ "message-debug": "var(--dp-borderColor-message-debug, var(--dp-color-purple-light-1, #a572cd))",
7
+ "neutral": "var(--dp-borderColor-neutral, var(--dp-color-neutral-light-2, #d3d3d3))",
8
+ "status-failed": "var(--dp-borderColor-status-failed, var(--dp-color-red-base, #e52222))"
9
9
  };
package/tokens/dist/tailwind/boxShadow.js ADDED
@@ -0,0 +1,6 @@
1
+ module.exports = {
2
+ "DEFAULT": "var(--dp-boxShadow, 0 1px 4px rgb(0 0 0 / 22%), 0 1px 2px rgb(0 0 0 / 26%))",
3
+ "md": "var(--dp-boxShadow-md, 0 4px 10px rgb(0 0 0 / 24%), 0 3px 4px rgb(0 0 0 / 25%))",
4
+ "lg": "var(--dp-boxShadow-lg, 0 8px 20px rgb(0 0 0 / 26%), 0 5px 7px rgb(0 0 0 / 24%))",
5
+ "xl": "var(--dp-boxShadow-xl, 0 0 16px rgb(0 0 0 / 20%), 0 0 3px rgb(0 0 0 / 50%))"
6
+ };
package/tokens/dist/tailwind/breakpoints.js ADDED
@@ -0,0 +1,6 @@
1
+ module.exports = {
2
+ "sm": "var(--dp-breakpoints-sm, 620px)",
3
+ "md": "var(--dp-breakpoints-md, 904px)",
4
+ "lg": "var(--dp-breakpoints-lg, 1200px)",
5
+ "xl": "var(--dp-breakpoints-xl, 1400px)"
6
+ };
package/tokens/dist/tailwind/color.js CHANGED
@@ -1,5 +1,39 @@
1
1
  module.exports = {
2
- "interactive": "var(--dp-color-interactive, var(--dp-color-blue-base, #006fd0));",
3
- "interactive-hover": "var(--dp-color-interactive-hover, var(--dp-color-blue-dark-1, #005eb1));",
4
- "interactive-active": "var(--dp-color-interactive-active, var(--dp-color-blue-dark-2, #004078));"
2
+ "main": "var(--dp-color-main, var(--dp-color-blue-base, #006fd0))",
3
+ "main-contrast": "var(--dp-color-main-contrast, var(--dp-color-white, #ffffff))",
4
+ "alt": "var(--dp-color-alt, var(--dp-color-teal-base, #0095b0))",
5
+ "alt-contrast": "var(--dp-color-alt-contrast, var(--dp-color-white, #ffffff))",
6
+ "highlight": "var(--dp-color-highlight, var(--dp-color-red-dark-1, #b20000))",
7
+ "highlight-contrast": "var(--dp-color-highlight-contrast, var(--dp-color-white, #ffffff))",
8
+ "3-1": "var(--dp-color-3-1, #fc8d59)",
9
+ "3-2": "var(--dp-color-3-2, #f1f1a3)",
10
+ "3-3": "var(--dp-color-3-3, #91bfdb)",
11
+ "6-1": "var(--dp-color-6-1, #d73027)",
12
+ "6-2": "var(--dp-color-6-2, #fc8d59)",
13
+ "6-3": "var(--dp-color-6-3, #fee090)",
14
+ "6-4": "var(--dp-color-6-4, #e0f3f8)",
15
+ "6-5": "var(--dp-color-6-5, #91bfdb)",
16
+ "6-6": "var(--dp-color-6-6, #4575b4)",
17
+ "8-1": "var(--dp-color-8-1, #d73027)",
18
+ "8-2": "var(--dp-color-8-2, #f46d43)",
19
+ "8-3": "var(--dp-color-8-3, #fdae61)",
20
+ "8-4": "var(--dp-color-8-4, #fee090)",
21
+ "8-5": "var(--dp-color-8-5, #e0f3f8)",
22
+ "8-6": "var(--dp-color-8-6, #abd9e9)",
23
+ "8-7": "var(--dp-color-8-7, #74add1)",
24
+ "8-8": "var(--dp-color-8-8, #4575b4)",
25
+ "11-1": "var(--dp-color-11-1, #a50026)",
26
+ "11-2": "var(--dp-color-11-2, #d73027)",
27
+ "11-3": "var(--dp-color-11-3, #f46d43)",
28
+ "11-4": "var(--dp-color-11-4, #fdae61)",
29
+ "11-5": "var(--dp-color-11-5, #fee090)",
30
+ "11-6": "var(--dp-color-11-6, #ffffbf)",
31
+ "11-7": "var(--dp-color-11-7, #e0f3f8)",
32
+ "11-8": "var(--dp-color-11-8, #abd9e9)",
33
+ "11-9": "var(--dp-color-11-9, #74add1)",
34
+ "11-10": "var(--dp-color-11-10, #4575b4)",
35
+ "11-11": "var(--dp-color-11-11, #313695)",
36
+ "interactive": "var(--dp-color-interactive, var(--dp-color-blue-base, #006fd0))",
37
+ "interactive-hover": "var(--dp-color-interactive-hover, var(--dp-color-blue-dark-1, #005eb1))",
38
+ "interactive-active": "var(--dp-color-interactive-active, var(--dp-color-blue-dark-2, #004078))"
5
39
  };
package/tokens/dist/tailwind/fontSize.js ADDED
@@ -0,0 +1,16 @@
1
+ module.exports = {
2
+ "hero": "var(--dp-fontSize-hero, var(--dp-fontSize-7, 50px))",
3
+ "header": "var(--dp-fontSize-header, var(--dp-fontSize-5, 23px))",
4
+ "h1": "var(--dp-fontSize-h1, var(--dp-fontSize-6, 27.65px))",
5
+ "h2": "var(--dp-fontSize-h2, var(--dp-fontSize-5, 23px))",
6
+ "h3": "var(--dp-fontSize-h3, var(--dp-fontSize-4, 19.2px))",
7
+ "h4": "var(--dp-fontSize-h4, var(--dp-fontSize-3, 16px))",
8
+ "h5": "var(--dp-fontSize-h5, var(--dp-fontSize-2, 14px))",
9
+ "h6": "var(--dp-fontSize-h6, var(--dp-fontSize-1, 12px))",
10
+ "xl": "var(--dp-fontSize-xl, var(--dp-fontSize-5, 23px))",
11
+ "lg": "var(--dp-fontSize-lg, var(--dp-fontSize-4, 19.2px))",
12
+ "base": "var(--dp-fontSize-base, var(--dp-fontSize-3, 16px))",
13
+ "sm": "var(--dp-fontSize-sm, var(--dp-fontSize-2, 14px))",
14
+ "xs": "var(--dp-fontSize-xs, var(--dp-fontSize-1, 12px))",
15
+ "xxs": "var(--dp-fontSize-xxs, var(--dp-fontSize-0, 11px))"
16
+ };
package/tokens/dist/tailwind/rounded.js ADDED
@@ -0,0 +1,8 @@
1
+ module.exports = {
2
+ "none": "var(--dp-rounded-none, 0)",
3
+ "sm": "var(--dp-rounded-sm, 2px)",
4
+ "DEFAULT": "var(--dp-rounded, 3px)",
5
+ "md": "var(--dp-rounded-md, 4px)",
6
+ "lg": "var(--dp-rounded-lg, 5px)",
7
+ "full": "var(--dp-rounded-full, 9999px)"
8
+ };
package/tokens/dist/tailwind/space.js ADDED
@@ -0,0 +1,20 @@
1
+ module.exports = {
2
+ "0": "var(--dp-space-0, 0px)",
3
+ "1": "var(--dp-space-1, 6px)",
4
+ "2": "var(--dp-space-2, 12px)",
5
+ "3": "var(--dp-space-3, 18px)",
6
+ "4": "var(--dp-space-4, 24px)",
7
+ "5": "var(--dp-space-5, 36px)",
8
+ "6": "var(--dp-space-6, 48px)",
9
+ "7": "var(--dp-space-7, 65px)",
10
+ "8": "var(--dp-space-8, 90px)",
11
+ "9": "var(--dp-space-9, 125px)",
12
+ "10": "var(--dp-space-10, 170px)",
13
+ "11": "var(--dp-space-11, 230px)",
14
+ "12": "var(--dp-space-12, 320px)",
15
+ "13": "var(--dp-space-13, 440px)",
16
+ "14": "var(--dp-space-14, 600px)",
17
+ "px": "var(--dp-space-px, 1px)",
18
+ "0.5": "var(--dp-space-0-5, 3px)",
19
+ "1.5": "var(--dp-space-1-5, 9px)"
20
+ };
package/tokens/dist/tailwind/textColor.js CHANGED
@@ -1,37 +1,37 @@
1
1
  module.exports = {
2
- "default": "var(--dp-textColor-default, var(--dp-color-neutral-dark-2, #333333));",
3
- "muted": "var(--dp-textColor-muted, var(--dp-color-neutral-base, #757575));",
4
- "on-dark": "var(--dp-textColor-on-dark, var(--dp-color-white, #ffffff));",
5
- "marked": "var(--dp-textColor-marked, var(--dp-color-blue-dark-2, #004078));",
6
- "message-info": "var(--dp-textColor-message-info, var(--dp-color-blue-dark-2, #004078));",
7
- "message-info-icon": "var(--dp-textColor-message-info-icon, var(--dp-color-blue-dark-1, #005eb1));",
8
- "message-info-interactive": "var(--dp-textColor-message-info-interactive, var(--dp-color-blue-base, #006fd0));",
9
- "message-warning": "var(--dp-textColor-message-warning, var(--dp-color-yellow-dark-2, #845d01));",
10
- "message-warning-icon": "var(--dp-textColor-message-warning-icon, var(--dp-color-yellow-dark-2, #845d01));",
11
- "message-warning-interactive": "var(--dp-textColor-message-warning-interactive, var(--dp-color-yellow-dark-2, #845d01));",
12
- "message-severe": "var(--dp-textColor-message-severe, var(--dp-color-red-dark-2, #820000));",
13
- "message-severe-icon": "var(--dp-textColor-message-severe-icon, var(--dp-color-red-dark-1, #b20000));",
14
- "message-severe-interactive": "var(--dp-textColor-message-severe-interactive, var(--dp-color-red-dark-1, #b20000));",
15
- "message-success": "var(--dp-textColor-message-success, var(--dp-color-green-dark-2, #064006));",
16
- "message-success-icon": "var(--dp-textColor-message-success-icon, var(--dp-color-green-dark-1, #186218));",
17
- "message-success-interactive": "var(--dp-textColor-message-success-interactive, var(--dp-color-green-base, #228b22));",
18
- "message-debug": "var(--dp-textColor-message-debug, var(--dp-color-purple-dark-2, #4b0085));",
19
- "message-debug-icon": "var(--dp-textColor-message-debug-icon, var(--dp-color-purple-dark-1, #5e00a6));",
20
- "message-debug-interactive": "var(--dp-textColor-message-debug-interactive, var(--dp-color-purple-dark-1, #5e00a6));",
21
- "selected": "var(--dp-textColor-selected, var(--dp-color-blue-dark-1, #005eb1));",
22
- "status-progress": "var(--dp-textColor-status-progress, var(--dp-color-blue-dark-1, #005eb1));",
23
- "status-progress-fill": "var(--dp-textColor-status-progress-fill, var(--dp-color-blue-base, #006fd0));",
24
- "status-progress-icon": "var(--dp-textColor-status-progress-icon, var(--dp-color-blue-base, #006fd0));",
25
- "status-changed": "var(--dp-textColor-status-changed, var(--dp-color-yellow-dark-2, #845d01));",
26
- "status-changed-fill": "var(--dp-textColor-status-changed-fill, var(--dp-color-yellow-base, #ffbe24));",
27
- "status-changed-icon": "var(--dp-textColor-status-changed-icon, var(--dp-color-yellow-dark-1, #d09200));",
28
- "status-failed": "var(--dp-textColor-status-failed, var(--dp-color-red-dark-1, #b20000));",
29
- "status-failed-fill": "var(--dp-textColor-status-failed-fill, var(--dp-color-red-base, #e52222));",
30
- "status-failed-icon": "var(--dp-textColor-status-failed-icon, var(--dp-color-red-base, #e52222));",
31
- "status-complete": "var(--dp-textColor-status-complete, var(--dp-color-green-dark-1, #186218));",
32
- "status-complete-fill": "var(--dp-textColor-status-complete-fill, var(--dp-color-green-base, #228b22));",
33
- "status-complete-icon": "var(--dp-textColor-status-complete-icon, var(--dp-color-green-base, #228b22));",
34
- "status-neutral": "var(--dp-textColor-status-neutral, var(--dp-color-neutral-dark-1, #595959));",
35
- "status-neutral-fill": "var(--dp-textColor-status-neutral-fill, var(--dp-color-neutral-base, #757575));",
36
- "status-neutral-icon": "var(--dp-textColor-status-neutral-icon, var(--dp-color-neutral-base, #757575));"
2
+ "default": "var(--dp-textColor-default, var(--dp-color-neutral-dark-2, #333333))",
3
+ "muted": "var(--dp-textColor-muted, var(--dp-color-neutral-base, #757575))",
4
+ "on-dark": "var(--dp-textColor-on-dark, var(--dp-color-white, #ffffff))",
5
+ "marked": "var(--dp-textColor-marked, var(--dp-color-blue-dark-2, #004078))",
6
+ "message-info": "var(--dp-textColor-message-info, var(--dp-color-blue-dark-2, #004078))",
7
+ "message-info-icon": "var(--dp-textColor-message-info-icon, var(--dp-color-blue-dark-1, #005eb1))",
8
+ "message-info-interactive": "var(--dp-textColor-message-info-interactive, var(--dp-color-blue-base, #006fd0))",
9
+ "message-warning": "var(--dp-textColor-message-warning, var(--dp-color-yellow-dark-2, #845d01))",
10
+ "message-warning-icon": "var(--dp-textColor-message-warning-icon, var(--dp-color-yellow-dark-2, #845d01))",
11
+ "message-warning-interactive": "var(--dp-textColor-message-warning-interactive, var(--dp-color-yellow-dark-2, #845d01))",
12
+ "message-severe": "var(--dp-textColor-message-severe, var(--dp-color-red-dark-2, #820000))",
13
+ "message-severe-icon": "var(--dp-textColor-message-severe-icon, var(--dp-color-red-dark-1, #b20000))",
14
+ "message-severe-interactive": "var(--dp-textColor-message-severe-interactive, var(--dp-color-red-dark-1, #b20000))",
15
+ "message-success": "var(--dp-textColor-message-success, var(--dp-color-green-dark-2, #064006))",
16
+ "message-success-icon": "var(--dp-textColor-message-success-icon, var(--dp-color-green-dark-1, #186218))",
17
+ "message-success-interactive": "var(--dp-textColor-message-success-interactive, var(--dp-color-green-base, #228b22))",
18
+ "message-debug": "var(--dp-textColor-message-debug, var(--dp-color-purple-dark-2, #4b0085))",
19
+ "message-debug-icon": "var(--dp-textColor-message-debug-icon, var(--dp-color-purple-dark-1, #5e00a6))",
20
+ "message-debug-interactive": "var(--dp-textColor-message-debug-interactive, var(--dp-color-purple-dark-1, #5e00a6))",
21
+ "selected": "var(--dp-textColor-selected, var(--dp-color-blue-dark-1, #005eb1))",
22
+ "status-progress": "var(--dp-textColor-status-progress, var(--dp-color-blue-dark-1, #005eb1))",
23
+ "status-progress-fill": "var(--dp-textColor-status-progress-fill, var(--dp-color-blue-base, #006fd0))",
24
+ "status-progress-icon": "var(--dp-textColor-status-progress-icon, var(--dp-color-blue-base, #006fd0))",
25
+ "status-changed": "var(--dp-textColor-status-changed, var(--dp-color-yellow-dark-2, #845d01))",
26
+ "status-changed-fill": "var(--dp-textColor-status-changed-fill, var(--dp-color-yellow-base, #ffbe24))",
27
+ "status-changed-icon": "var(--dp-textColor-status-changed-icon, var(--dp-color-yellow-dark-1, #d09200))",
28
+ "status-failed": "var(--dp-textColor-status-failed, var(--dp-color-red-dark-1, #b20000))",
29
+ "status-failed-fill": "var(--dp-textColor-status-failed-fill, var(--dp-color-red-base, #e52222))",
30
+ "status-failed-icon": "var(--dp-textColor-status-failed-icon, var(--dp-color-red-base, #e52222))",
31
+ "status-complete": "var(--dp-textColor-status-complete, var(--dp-color-green-dark-1, #186218))",
32
+ "status-complete-fill": "var(--dp-textColor-status-complete-fill, var(--dp-color-green-base, #228b22))",
33
+ "status-complete-icon": "var(--dp-textColor-status-complete-icon, var(--dp-color-green-base, #228b22))",
34
+ "status-neutral": "var(--dp-textColor-status-neutral, var(--dp-color-neutral-dark-1, #595959))",
35
+ "status-neutral-fill": "var(--dp-textColor-status-neutral-fill, var(--dp-color-neutral-base, #757575))",
36
+ "status-neutral-icon": "var(--dp-textColor-status-neutral-icon, var(--dp-color-neutral-base, #757575))"
37
37
  };
package/tokens/dist/tailwind/zIndex.js ADDED
@@ -0,0 +1,10 @@
1
+ module.exports = {
2
+ "below-zero": "var(--dp-zIndex-below-zero, -10)",
3
+ "zero": "var(--dp-zIndex-zero, 0)",
4
+ "above-zero": "var(--dp-zIndex-above-zero, 10)",
5
+ "tooltip": "var(--dp-zIndex-tooltip, 2000)",
6
+ "flyout": "var(--dp-zIndex-flyout, 2100)",
7
+ "fixed": "var(--dp-zIndex-fixed, 2200)",
8
+ "modal": "var(--dp-zIndex-modal, 2300)",
9
+ "ultimate": "var(--dp-zIndex-ultimate, 10000)"
10
+ };
package/tokens/src/boxShadow.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "box-shadow": {
2
+ "boxShadow": {
3
3
  "DEFAULT": {
4
4
  "$description": "Default elevation. Use for Cards + Buttons.",
5
5
  "value": "0 1px 4px rgb(0 0 0 / 22%), 0 1px 2px rgb(0 0 0 / 26%)",
@@ -8,7 +8,7 @@
8
8
  },
9
9
  "1": {
10
10
  "$status": "{_status.deprecated}",
11
- "value": "{box-shadow.DEFAULT}",
11
+ "value": "{boxShadow.DEFAULT}",
12
12
  "$type": "shadow"
13
13
  },
14
14
  "md": {
@@ -19,7 +19,7 @@
19
19
  },
20
20
  "2": {
21
21
  "$status": "{_status.deprecated}",
22
- "value": "{box-shadow.md}",
22
+ "value": "{boxShadow.md}",
23
23
  "$type": "shadow"
24
24
  },
25
25
  "lg": {
@@ -30,7 +30,7 @@
30
30
  },
31
31
  "3": {
32
32
  "$status": "{_status.deprecated}",
33
- "value": "{box-shadow.lg}",
33
+ "value": "{boxShadow.lg}",
34
34
  "$type": "shadow"
35
35
  },
36
36
  "xl": {
@@ -41,7 +41,7 @@
41
41
  },
42
42
  "4": {
43
43
  "$status": "{_status.deprecated}",
44
- "value": "{box-shadow.xl}",
44
+ "value": "{boxShadow.xl}",
45
45
  "$type": "shadow"
46
46
  }
47
47
  }