@sprinklrjs/spaceweb-themes 12.33.2 → 14.11.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 (92) hide show
  1. package/_hds_internal_cheatsheetConfig.js +6908 -0
  2. package/common-theme/theme.d.ts +26 -4
  3. package/common-theme/theme.js +53 -33
  4. package/common-theme/utilities.d.ts +1260 -1206
  5. package/common-theme/utilities.js +657 -639
  6. package/hyperspace/dark/index.d.ts +1879 -1535
  7. package/hyperspace/dark/index.js +4 -4
  8. package/hyperspace/dark/theme.d.ts +370 -270
  9. package/hyperspace/dark/theme.js +270 -191
  10. package/hyperspace/dark/utilities.d.ts +1509 -1265
  11. package/hyperspace/dark/utilities.js +130 -57
  12. package/hyperspace/light/index.d.ts +1944 -1600
  13. package/hyperspace/light/index.js +4 -4
  14. package/hyperspace/light/theme.d.ts +383 -283
  15. package/hyperspace/light/theme.js +273 -194
  16. package/hyperspace/light/utilities.d.ts +1522 -1278
  17. package/hyperspace/light/utilities.js +133 -62
  18. package/hyperspace/themeVars.css +228 -101
  19. package/hyperspace/themeVars.min.css +1 -1
  20. package/hyperspace-15/common-theme/theme.d.ts +369 -0
  21. package/hyperspace-15/common-theme/theme.js +333 -0
  22. package/hyperspace-15/common-theme/utilities.d.ts +5352 -0
  23. package/hyperspace-15/common-theme/utilities.js +1641 -0
  24. package/{space → hyperspace-15/hyperspace}/dark/index.d.ts +1935 -1537
  25. package/hyperspace-15/hyperspace/dark/index.js +8 -0
  26. package/{space/light → hyperspace-15/hyperspace/dark}/theme.d.ts +383 -232
  27. package/hyperspace-15/hyperspace/dark/theme.js +403 -0
  28. package/{space → hyperspace-15/hyperspace}/dark/utilities.d.ts +1522 -1275
  29. package/hyperspace-15/hyperspace/dark/utilities.js +225 -0
  30. package/{space → hyperspace-15/hyperspace}/light/index.d.ts +1903 -1505
  31. package/hyperspace-15/hyperspace/light/index.js +8 -0
  32. package/{space/dark → hyperspace-15/hyperspace/light}/theme.d.ts +386 -235
  33. package/hyperspace-15/hyperspace/light/theme.js +403 -0
  34. package/{space → hyperspace-15/hyperspace}/light/utilities.d.ts +1519 -1272
  35. package/hyperspace-15/hyperspace/light/utilities.js +225 -0
  36. package/hyperspace-15/hyperspace/themeVars.css +403 -0
  37. package/hyperspace-15/hyperspace/themeVars.min.css +1 -0
  38. package/hyperspace-15/styles/tailwind-media.css +2472 -0
  39. package/hyperspace-15/styles/tailwind-media.min.css +1 -0
  40. package/hyperspace-15/styles/tailwind.css +11504 -0
  41. package/hyperspace-15/styles/tailwind.min.css +1 -0
  42. package/hyperspace-16/common-theme/theme.d.ts +369 -0
  43. package/hyperspace-16/common-theme/theme.js +333 -0
  44. package/hyperspace-16/common-theme/utilities.d.ts +5352 -0
  45. package/hyperspace-16/common-theme/utilities.js +1641 -0
  46. package/hyperspace-16/hyperspace/dark/index.d.ts +6896 -0
  47. package/hyperspace-16/hyperspace/dark/index.js +8 -0
  48. package/hyperspace-16/hyperspace/dark/theme.d.ts +961 -0
  49. package/hyperspace-16/hyperspace/dark/theme.js +403 -0
  50. package/hyperspace-16/hyperspace/dark/utilities.d.ts +5934 -0
  51. package/hyperspace-16/hyperspace/dark/utilities.js +225 -0
  52. package/hyperspace-16/hyperspace/light/index.d.ts +6896 -0
  53. package/hyperspace-16/hyperspace/light/index.js +8 -0
  54. package/hyperspace-16/hyperspace/light/theme.d.ts +961 -0
  55. package/hyperspace-16/hyperspace/light/theme.js +403 -0
  56. package/hyperspace-16/hyperspace/light/utilities.d.ts +5934 -0
  57. package/hyperspace-16/hyperspace/light/utilities.js +225 -0
  58. package/hyperspace-16/hyperspace/themeVars.css +403 -0
  59. package/hyperspace-16/hyperspace/themeVars.min.css +1 -0
  60. package/hyperspace-16/styles/tailwind-media.css +2472 -0
  61. package/hyperspace-16/styles/tailwind-media.min.css +1 -0
  62. package/hyperspace-16/styles/tailwind.css +11504 -0
  63. package/hyperspace-16/styles/tailwind.min.css +1 -0
  64. package/package.json +12 -12
  65. package/polyfill/countryflagEmoji.ts +12 -0
  66. package/styles/additionals.css +1042 -0
  67. package/styles/additionals.min.css +1 -0
  68. package/styles/breakpoints.scss +34 -0
  69. package/styles/normalize.css +350 -69
  70. package/styles/normalize.min.css +1 -1
  71. package/styles/spaceweb.css +6 -0
  72. package/styles/tailwind-media.css +2472 -0
  73. package/styles/tailwind-media.min.css +1 -0
  74. package/styles/tailwind-rtl.css +79 -0
  75. package/styles/tailwind-rtl.min.css +1 -0
  76. package/styles/tailwind-test-classes.css +7789 -0
  77. package/styles/tailwind.css +8544 -6217
  78. package/styles/tailwind.min.css +1 -1
  79. package/styles/tokens.scss +6 -6
  80. package/types.d.ts +133 -83
  81. package/utilities.css +135 -54
  82. package/utilities.min.css +1 -1
  83. package/space/dark/index.js +0 -8
  84. package/space/dark/theme.js +0 -301
  85. package/space/dark/utilities.js +0 -149
  86. package/space/light/index.js +0 -8
  87. package/space/light/theme.js +0 -301
  88. package/space/light/utilities.js +0 -149
  89. package/space/themeVars.css +0 -274
  90. package/space/themeVars.min.css +0 -1
  91. package/styles/globals.css +0 -80
  92. package/styles/globals.min.css +0 -1
@@ -10,10 +10,10 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- exports.__esModule = true;
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
14
  // THIS FILES IS GENERATED USING SCRIPT, DO NOT EDIT DIRECTLY
15
15
  var utilities_1 = require("../../common-theme/utilities");
16
- var _a = utilities_1["default"].longhandUtils, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, margin = _a.margin, padding = _a.padding;
16
+ var _a = utilities_1.default.longhandUtils, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, margin = _a.margin, padding = _a.padding;
17
17
  var utilities = {
18
18
  'typography-h1': { fontSize: '4.2rem', lineHeight: '4.8rem', fontWeight: '600' },
19
19
  'typography-h2': { fontSize: '2.4rem', lineHeight: '2.9rem', fontWeight: '600' },
@@ -34,39 +34,29 @@ var utilities = {
34
34
  'typography-l2': { fontSize: '1.2rem', lineHeight: '1.6rem', fontWeight: '400' },
35
35
  'typography-l3': { fontSize: '1.1rem', lineHeight: '1.6rem', fontWeight: '400' },
36
36
  'typography-l4': { fontSize: '1rem', lineHeight: '1.4rem', fontWeight: '400' },
37
- 'spr-ui-01': { backgroundColor: 'var(--spr-ui-01, #FFFFFF)' },
38
37
  'spr-ui-02': { backgroundColor: 'var(--spr-ui-02, #F8F8FA)' },
39
- 'spr-ui-03': { backgroundColor: 'var(--spr-ui-03, #DBDBDB)' },
40
- 'spr-ui-04': { backgroundColor: 'var(--spr-ui-04, #0E61F6)' },
41
- 'spr-ui-05': { backgroundColor: 'var(--spr-ui-05, #EEF0F1)' },
42
- 'spr-ui-06': { backgroundColor: 'var(--spr-ui-06, #E6E6E9)' },
38
+ 'spr-ui-04': { backgroundColor: 'var(--spr-ui-04, #1250DE)' },
43
39
  'spr-ui-focus': { backgroundColor: 'var(--spr-ui-focus, rgba(8, 40, 204, 0.07))' },
44
40
  'spr-ui-focus-reverse': { backgroundColor: 'var(--spr-ui-focus-reverse, rgba(255, 255, 255, 0.2))' },
45
41
  'spr-ui-hover': { backgroundColor: 'var(--spr-ui-hover, #F8F8FA)' },
46
42
  'spr-ui-hover-reverse': { backgroundColor: 'var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1))' },
47
- 'spr-support-error': { backgroundColor: 'var(--spr-support-error, #C70F5C)' },
48
- 'spr-support-error-highlight': { backgroundColor: 'var(--spr-support-error-highlight, rgba(199, 15, 92, 0.2))' },
49
- 'spr-support-success': { backgroundColor: 'var(--spr-support-success, #6AC96E)' },
50
- 'spr-support-success-highlight': {
51
- backgroundColor: 'var(--spr-support-success-highlight, rgba(106, 201, 110, 0.2))'
52
- },
53
- 'spr-support-warning': { backgroundColor: 'var(--spr-support-warning, #F3BF24)' },
54
- 'spr-support-warning-highlight': { backgroundColor: 'var(--spr-support-warning-highlight, rgba(243, 191, 36, 0.2))' },
43
+ 'spr-support-error-highlight': { backgroundColor: 'var(--spr-support-error-highlight, rgba(220, 38, 37, 0.2))' },
44
+ 'spr-support-success-highlight': { backgroundColor: 'var(--spr-support-success-highlight, rgba(23, 135, 64, 0.2))' },
45
+ 'spr-support-warning-highlight': { backgroundColor: 'var(--spr-support-warning-highlight, rgba(235, 179, 5, 0.2))' },
46
+ 'spr-bg-success-highlight-2': { backgroundColor: 'var(--spr-bg-success-highlight-2, #87EFAC)' },
55
47
  'spr-clr-blue-highlight': { backgroundColor: 'var(--spr-clr-blue-highlight, #E8F0FE)' },
56
48
  'spr-tag': { backgroundColor: 'var(--spr-tag, #F2F2F4)' },
57
49
  'spr-tag-01': { backgroundColor: 'var(--spr-tag-01, #E6E6E9)' },
58
50
  'spr-tag-02': { backgroundColor: 'var(--spr-tag-02, rgba(8, 40, 204, 0.07))' },
59
51
  'spr-field': { backgroundColor: 'var(--spr-field, #DBDBDB)' },
52
+ 'spr-field-border': { borderColor: 'var(--spr-field-border, #DBDBDB)' },
60
53
  'spr-popup': { backgroundColor: 'var(--spr-popup, #FFFFFF)' },
61
54
  'spr-overlay': { backgroundColor: 'var(--spr-overlay, rgba(10, 10, 20, 0.9))' },
62
- 'spr-tooltip-01': { backgroundColor: 'var(--spr-tooltip-01, #0A0A14)' },
63
- 'spr-highlight': { backgroundColor: 'var(--spr-highlight, rgba(255, 231, 173, 0.7))' },
64
55
  'spr-favourite': { backgroundColor: 'var(--spr-favourite, #FF9F21)' },
65
56
  'spr-notification': { backgroundColor: 'var(--spr-notification, #DE336A)' },
66
- 'spr-interactive-01': { backgroundColor: 'var(--spr-interactive-01, #0E61F6)' },
67
- 'spr-interactive-hover': { backgroundColor: 'var(--spr-interactive-hover, #1858CE)' },
57
+ 'spr-interactive-hover-border': { borderColor: 'var(--spr-interactive-hover-border, #1640B1)' },
68
58
  'spr-interactive-disable': { backgroundColor: 'var(--spr-interactive-disable, rgba(255, 255, 255, 0.6))' },
69
- 'spr-interactive-02': { backgroundColor: 'var(--spr-interactive-02, #DBDBDB)' },
59
+ 'spr-interactive-02': { backgroundColor: 'var(--spr-interactive-02, #E3E4E6)' },
70
60
  'spr-clr-blue': { backgroundColor: 'var(--spr-clr-blue, #2EA2FB)' },
71
61
  'spr-clr-green': { backgroundColor: 'var(--spr-clr-green, #33CC99)' },
72
62
  'spr-clr-lavender': { backgroundColor: 'var(--spr-clr-lavender, #7F36F6)' },
@@ -77,7 +67,7 @@ var utilities = {
77
67
  'spr-clr-teal': { backgroundColor: 'var(--spr-clr-teal, #13C18D)' },
78
68
  'spr-clr-yellow': { backgroundColor: 'var(--spr-clr-yellow, #ECAD00)' },
79
69
  'spr-clr-grey': { backgroundColor: 'var(--spr-clr-grey, #D7D7DC)' },
80
- 'spr-interactive-focus': { borderColor: 'var(--spr-interactive-focus, #132a86)' },
70
+ 'spr-interactive-focus': { borderColor: 'var(--spr-interactive-focus, #0E3386)' },
81
71
  'spr-clr-purple': { backgroundColor: 'var(--spr-clr-purple, #8C43FF)' },
82
72
  'spr-clr-lt-yellow': { backgroundColor: 'var(--spr-clr-lt-yellow, #FFD04F)' },
83
73
  'spr-clr-darker-blue': { backgroundColor: 'var(--spr-clr-darker-blue, #327AFD)' },
@@ -89,66 +79,147 @@ var utilities = {
89
79
  'spr-secondary-maroon': { backgroundColor: 'var(--spr-secondary-maroon, #B53471)' },
90
80
  'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #F48749)' },
91
81
  'spr-clr-magenta': { backgroundColor: 'var(--spr-clr-magenta, #CB1CCE)' },
82
+ 'spr-clr-magenta-border': { borderColor: 'var(--spr-clr-magenta-border, #CB1CCE)' },
92
83
  'spr-clr-fuschia': { backgroundColor: 'var(--spr-clr-fuschia, #A70FDC)' },
84
+ 'spr-clr-fuschia-border': { borderColor: 'var(--spr-clr-fuschia-border, #A70FDC)' },
93
85
  'spr-clr-violet': { backgroundColor: 'var(--spr-clr-violet, #8E43FF)' },
86
+ 'spr-clr-violet-border': { borderColor: 'var(--spr-clr-violet-border, #8E43FF)' },
94
87
  'spr-clr-lt-violet': { backgroundColor: 'var(--spr-clr-lt-violet, #E4DFF2)' },
95
- 'spr-icon-01': { fill: 'var(--spr-icon-01, #0A0A14)' },
96
88
  'spr-icon-02': { fill: 'var(--spr-icon-02, #646470)' },
97
- 'spr-icon-03': { fill: 'var(--spr-icon-03, #818192)' },
98
- 'spr-icon-04': { fill: 'var(--spr-icon-04, #0E61F6)' },
99
- 'spr-icon-05': { fill: 'var(--spr-icon-05, #FFFFFF)' },
100
89
  'spr-icon-06': { fill: 'var(--spr-icon-06, rgba(255, 255, 255, 0.6))' },
101
- 'spr-icon-hover': { fill: 'var(--spr-icon-hover, #0A0A14)' },
102
- 'spr-icon-disable': { fill: 'var(--spr-icon-disable, #DBDBDB)' },
103
- 'spr-icon-hover-reverse': { fill: 'var(--spr-icon-hover-reverse, #FFFFFF)' },
104
- 'spr-icon-error': { fill: 'var(--spr-icon-error, #C70F5C)' },
105
- 'spr-link': { color: 'var(--spr-link, #0E61F6)' },
106
- 'spr-text-01': { color: 'var(--spr-text-01, #0A0A14)' },
107
- 'spr-text-02': { color: 'var(--spr-text-02, #434350)' },
108
- 'spr-text-03': { color: 'var(--spr-text-03, #646470)' },
109
- 'spr-text-04': { color: 'var(--spr-text-04, #0E61F6)' },
110
- 'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
111
- 'spr-text-06': { color: 'var(--spr-text-06, #FFFFFF)' },
90
+ 'spr-icon-hover': { fill: 'var(--spr-icon-hover, #1E2022)' },
91
+ 'spr-icon-disable': { fill: 'var(--spr-icon-disable, rgba(28, 28, 31, 0.33))' },
92
+ 'spr-text-disable': { color: 'var(--spr-text-disable, rgba(28, 28, 31, 0.33))' },
112
93
  'spr-text-magenta': { color: 'var(--spr-text-magenta, #CB1CCE)' },
113
- 'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #646470)' },
114
- 'spr-support-error-text': { color: 'var(--spr-support-error-text, #C70F5C)' },
115
- 'spr-support-success-text': { color: 'var(--spr-support-success-text, #6AC96E)' },
116
- 'spr-support-warning-text': { color: 'var(--spr-support-warning-text, #F3BF24)' },
117
- 'spr-hover': { borderColor: 'var(--spr-hover, #0729a0)' },
118
- 'spr-focus-01': { borderColor: 'var(--spr-focus-01, #0E61F6)' },
119
- 'spr-border-01': { borderColor: 'var(--spr-border-01, #EEEEEE)' },
120
- 'spr-border-02': { borderColor: 'var(--spr-border-02, #E6E6E9)' },
121
- 'spr-border-03': { borderColor: 'var(--spr-border-03, #DBDBDB)' },
94
+ 'spr-hover': { borderColor: 'var(--spr-hover, #1640b1)' },
122
95
  'spr-border-04': { borderColor: 'var(--spr-border-04, #818192)' },
123
- 'spr-border-05': { borderColor: 'var(--spr-border-05, #FFFFFF)' },
124
- 'spr-border-06': { borderColor: 'var(--spr-border-06, #0A0A14)' },
125
96
  'spr-card-border': { borderColor: 'var(--spr-card-border, #ECECEF)' },
126
97
  'spr-popup-border': { borderColor: 'var(--spr-popup-border, #D7D7DC)' },
127
98
  'spr-tooltip-border': { borderColor: 'var(--spr-tooltip-border, #0A0A14)' },
128
- 'spr-focus-02': { outline: 'var(--spr-focus-02, 1px solid #0E61F6)' },
129
99
  'spr-shadow-01': { boxShadow: 'var(--spr-shadow-01, 0 1px 4px 0 rgba(10,10,20,0.15))' },
130
100
  'spr-shadow-02': { boxShadow: 'var(--spr-shadow-02, 0 2px 8px 0 rgba(10,10,20,0.20))' },
131
101
  'spr-shadow-03': { boxShadow: 'var(--spr-shadow-03, -2px 9px 12px 0 rgba(10,10,20,0.60))' },
132
102
  'spr-shadow-04': { boxShadow: 'var(--spr-shadow-04, -2px 5px 12px -4px rgba(10,10,20,.20))' },
133
103
  'spr-shadow-05': { boxShadow: 'var(--spr-shadow-05, 0px 3px 4px 0 rgba(0,0,0,0.1))' },
134
104
  'spr-shadow-06': { boxShadow: 'var(--spr-shadow-06, 0px -3px 4px 0 rgba(0,0,0,0.1))' },
105
+ 'spr-bg-primary': { backgroundColor: 'var(--spr-bg-primary, #FFFFFF)' },
106
+ 'spr-bg-secondary': { backgroundColor: 'var(--spr-bg-secondary, #ECEDEE)' },
107
+ 'spr-bg-tertiary': { backgroundColor: 'var(--spr-bg-tertiary, #E3E4E6)' },
108
+ 'spr-bg-quaternary': { backgroundColor: 'var(--spr-bg-quaternary, #F5F6F7)' },
109
+ 'spr-bg-quinary': { backgroundColor: 'var(--spr-bg-quinary, #D8D9DB)' },
110
+ 'spr-bg-inverse': { backgroundColor: 'var(--spr-bg-inverse, #1E2022)' },
111
+ 'spr-bg-error': { backgroundColor: 'var(--spr-bg-error, #DC2625)' },
112
+ 'spr-bg-error-highlight': { backgroundColor: 'var(--spr-bg-error-highlight, #FEE2E1)' },
113
+ 'spr-bg-success': { backgroundColor: 'var(--spr-bg-success, #15823D)' },
114
+ 'spr-bg-success-highlight': { backgroundColor: 'var(--spr-bg-success-highlight, #DCFCE7)' },
115
+ 'spr-bg-warning': { backgroundColor: 'var(--spr-bg-warning, #EBB305)' },
116
+ 'spr-bg-warning-highlight': { backgroundColor: 'var(--spr-bg-warning-highlight, #FEF9C3)' },
117
+ 'spr-bg-neutral': { backgroundColor: 'var(--spr-bg-neutral, #94969A)' },
118
+ 'spr-bg-overlay': { backgroundColor: 'var(--spr-bg-overlay, rgba(18, 18, 20, 0.66))' },
119
+ 'spr-bg-white': { backgroundColor: 'var(--spr-bg-white, #FFFFFF)' },
120
+ 'spr-highlight': { backgroundColor: 'var(--spr-highlight, #FEF9C3)' },
121
+ 'spr-interactive': { backgroundColor: 'var(--spr-interactive, #1250DE)' },
122
+ 'spr-interactive-hover': { backgroundColor: 'var(--spr-interactive-hover, #1640B1)' },
123
+ 'spr-icon-primary': { fill: 'var(--spr-icon-primary, #1E2022)' },
124
+ 'spr-icon-tertiary': { fill: 'var(--spr-icon-tertiary, #94969A)' },
125
+ 'spr-icon-secondary': { fill: 'var(--spr-icon-secondary, #1250DE)' },
126
+ 'spr-icon-inverse': { fill: 'var(--spr-icon-inverse, #FFFFFF)' },
127
+ 'spr-icon-quaternary': { fill: 'var(--spr-icon-quaternary, #8DCAFF)' },
128
+ 'spr-icon-white': { fill: 'var(--spr-icon-white, #FFFFFF)' },
129
+ 'spr-icon-error': { fill: 'var(--spr-icon-error, #DC2625)' },
130
+ 'spr-icon-success': { fill: 'var(--spr-icon-success, #15823D)' },
131
+ 'spr-icon-warning': { fill: 'var(--spr-icon-warning, #EBB305)' },
132
+ 'spr-link': { color: 'var(--spr-link, #1250DE)' },
133
+ 'spr-text-primary': { color: 'var(--spr-text-primary, #1E2022)' },
134
+ 'spr-text-secondary': { color: 'var(--spr-text-secondary, #252627)' },
135
+ 'spr-text-tertiary': { color: 'var(--spr-text-tertiary, #525457)' },
136
+ 'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #757575)' },
137
+ 'spr-text-white': { color: 'var(--spr-text-white, #FFFFFF)' },
138
+ 'spr-text-inverse': { color: 'var(--spr-text-inverse, #FFFFFF)' },
139
+ 'spr-text-error': { color: 'var(--spr-text-error, #DC2625)' },
140
+ 'spr-text-success': { color: 'var(--spr-text-success, #15823D)' },
141
+ 'spr-text-warning': { color: 'var(--spr-text-warning, #EBB305)' },
142
+ 'spr-border-error': { borderColor: 'var(--spr-border-error, #DC2625)' },
143
+ 'spr-border-success': { borderColor: 'var(--spr-border-success, #15823D)' },
144
+ 'spr-border-warning': { borderColor: 'var(--spr-border-warning, #EBB305)' },
145
+ 'spr-border-quinary': { borderColor: 'var(--spr-border-quinary, #1250DE)' },
146
+ 'spr-border-primary': { borderColor: 'var(--spr-border-primary, #D8D9DB)' },
147
+ 'spr-border-secondary': { borderColor: 'var(--spr-border-secondary, #E3E4E6)' },
148
+ 'spr-border-tertiary': { borderColor: 'var(--spr-border-tertiary, #ECEDEE)' },
149
+ 'spr-border-quaternary': { borderColor: 'var(--spr-border-quaternary, #252627)' },
150
+ 'spr-border-inverse': { borderColor: 'var(--spr-border-inverse, #FFFFFF)' },
151
+ 'spr-border-white': { borderColor: 'var(--spr-border-white, #FFFFFF)' },
152
+ 'spr-focus-02': { outline: 'var(--spr-focus-02, 1px solid #1250DE)' },
153
+ 'spr-shadow-100': {
154
+ boxShadow: 'var(--spr-shadow-100, 0 0 0.5px 0 rgba(0, 0, 0, 0.30), 0 2px 4px 0 rgba(0, 0, 0, 0.15))',
155
+ },
156
+ 'spr-shadow-200': {
157
+ boxShadow: 'var(--spr-shadow-200, 0 0 0.5px 0 rgba(0, 0, 0, 0.10), 0 4px 12px 0 rgba(0, 0, 0, 0.10), 0 2px 4px 0 rgba(0, 0, 0, 0.10))',
158
+ },
159
+ 'spr-ui-01': { backgroundColor: 'var(--spr-ui-01, #FFFFFF)' },
160
+ 'spr-ui-05': { backgroundColor: 'var(--spr-ui-05, #ECEDEE)' },
161
+ 'spr-ui-03': { backgroundColor: 'var(--spr-ui-03, #E3E4E6)' },
162
+ 'spr-ui-06': { backgroundColor: 'var(--spr-ui-06, #D8D9DB)' },
163
+ 'spr-tooltip-01': { backgroundColor: 'var(--spr-tooltip-01, #1E2022)' },
164
+ 'spr-support-error': { backgroundColor: 'var(--spr-support-error, #DC2625)' },
165
+ 'spr-support-success': { backgroundColor: 'var(--spr-support-success, #15823D)' },
166
+ 'spr-support-warning': { backgroundColor: 'var(--spr-support-warning, #EBB305)' },
167
+ 'spr-interactive-01': { backgroundColor: 'var(--spr-interactive-01, #1250DE)' },
168
+ 'spr-icon-01': { fill: 'var(--spr-icon-01, #1E2022)' },
169
+ 'spr-icon-03': { fill: 'var(--spr-icon-03, #94969A)' },
170
+ 'spr-icon-04': { fill: 'var(--spr-icon-04, #1250DE)' },
171
+ 'spr-icon-05': { fill: 'var(--spr-icon-05, #FFFFFF)' },
172
+ 'spr-icon-hover-reverse': { fill: 'var(--spr-icon-hover-reverse, #FFFFFF)' },
173
+ 'spr-text-04': { color: 'var(--spr-text-04, #1250DE)' },
174
+ 'spr-text-link-active': { color: 'var(--spr-text-link-active, #1250DE)' },
175
+ 'spr-text-01': { color: 'var(--spr-text-01, #1E2022)' },
176
+ 'spr-text-02': { color: 'var(--spr-text-02, #252627)' },
177
+ 'spr-text-03': { color: 'var(--spr-text-03, #525457)' },
178
+ 'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
179
+ 'spr-text-06': { color: 'var(--spr-text-06, #FFFFFF)' },
180
+ 'spr-support-error-text': { color: 'var(--spr-support-error-text, #DC2625)' },
181
+ 'spr-support-success-text': { color: 'var(--spr-support-success-text, #15823D)' },
182
+ 'spr-support-warning-text': { color: 'var(--spr-support-warning-text, #EBB305)' },
183
+ 'spr-support-error-border': { borderColor: 'var(--spr-support-error-border, #DC2625)' },
184
+ 'spr-support-success-border': { borderColor: 'var(--spr-support-success-border, #15823D)' },
185
+ 'spr-support-warning-border': { borderColor: 'var(--spr-support-warning-border, #EBB305)' },
186
+ 'spr-focus-01': { borderColor: 'var(--spr-focus-01, #1250DE)' },
187
+ 'spr-border-03': { borderColor: 'var(--spr-border-03, #D8D9DB)' },
188
+ 'spr-border-02': { borderColor: 'var(--spr-border-02, #E3E4E6)' },
189
+ 'spr-border-01': { borderColor: 'var(--spr-border-01, #ECEDEE)' },
190
+ 'spr-border-06': { borderColor: 'var(--spr-border-06, #252627)' },
191
+ 'spr-border-05': { borderColor: 'var(--spr-border-05, #FFFFFF)' },
192
+ 'ai-ui-01': { background: 'var(--ai-ui-01, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))' },
193
+ 'ai-ui-02': { background: 'var(--ai-ui-02, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))' },
194
+ 'ai-ui-04': { background: 'var(--ai-ui-04, #1C1C1F)' },
195
+ 'ai-ui-05': { background: 'var(--ai-ui-05, #48484C)' },
196
+ 'ai-ui-06': { background: 'var(--ai-ui-06, #646470)' },
197
+ 'ai-border-01': {
198
+ background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%) border-box',
199
+ borderColor: 'transparent',
200
+ },
201
+ 'ai-border-02': { borderColor: 'var(--ai-border-02, #1C1C1F)' },
202
+ 'ai-border-03': { borderColor: 'var(--ai-border-03, #48484C)' },
203
+ 'ai-border-04': { borderColor: 'var(--ai-border-04, #646470)' },
204
+ 'ai-highlight': { backgroundColor: 'var(--ai-highlight, #C6F7FF)' },
205
+ 'ai-interactive-disable': {
206
+ background: 'var(--ai-interactive-disable, linear-gradient(205.71deg, #BFEAFF 6.61%, #9DF1FE 61.09%, #FFE0A1 100%))',
207
+ },
208
+ 'ai-interactive-loading': {
209
+ background: 'var(--ai-interactive-loading, linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(0deg, #9DF1FE, #9DF1FE))',
210
+ },
211
+ 'ai-bg-gradient': {
212
+ background: 'var(--ai-bg-gradient, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))',
213
+ },
214
+ 'ai-border-gradient': {
215
+ background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(to right, #FFC005 2%, #FFE94F 12%, #8DE76E 21%, #3BE5FF 50%, #44BFFF 85%) border-box',
216
+ borderColor: 'transparent',
217
+ },
218
+ 'ai-ui-03': { background: 'var(--ai-ui-03, linear-gradient(to right, #FFF4DF 0%, #E9FDE6 49%, #E2FBFF 100%))' },
135
219
  'nav-ui-01': { backgroundColor: 'var(--nav-ui-01, rgba(255, 255, 255, 0.2))' },
136
220
  'nav-ui-hover-01': { backgroundColor: 'var(--nav-ui-hover-01, rgba(255, 255, 255, 0.3))' },
137
221
  'nav-icon-01': { fill: 'var(--nav-icon-01, rgba(255, 255, 255, 0.9))' },
138
222
  'nav-icon-focus-01': { fill: 'var(--nav-icon-focus-01, #0E61F6)' },
139
223
  'nav-text-01': { color: 'var(--nav-text-01, rgba(255, 255, 255, 0.9))' },
140
- 'ai-ui-01': { background: 'var(--ai-ui-01, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%))' },
141
- 'ai-ui-02': {
142
- background: 'var(--ai-ui-02, linear-gradient(233.63deg, #FCF0FD 18.56%, #F7F0FE 52.51%, #ECF2FE 87.9%))'
143
- },
144
- 'ai-ui-03': {
145
- background: 'var(--ai-ui-03, linear-gradient(181.44deg, rgba(222, 70, 225, 0.2) -1.57%, rgba(142, 67, 255, 0.2) 79.59%, rgba(14, 97, 246, 0.2) 113.86%))'
146
- },
147
- 'ai-border-01': {
148
- background: 'linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(88.6879deg, #DE46E1, #8E43FF 48.7%, #0E61F6 100%) border-box',
149
- borderColor: 'transparent'
150
- },
151
- 'ai-highlight': { backgroundColor: 'var(--ai-highlight, #E4DFF2)' },
152
- 'outline-01': { outlineStyle: 'solid', outlineWidth: '2px', outlineColor: '#0E61F6', outlineOffset: '2px' }
153
224
  };
154
- exports["default"] = __assign(__assign({}, utilities_1["default"].utilities), utilities);
225
+ exports.default = __assign(__assign({}, utilities_1.default.utilities), utilities);