@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
@@ -0,0 +1,403 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ // THIS FILES IS GENERATED USING SCRIPT, DO NOT EDIT DIRECTLY
15
+ var theme_1 = require("../../common-theme/theme");
16
+ var theme = {
17
+ name: 'hyperspace-dark',
18
+ htmlFontSize: '15px',
19
+ typography: {
20
+ h1: { fontSize: '2.8rem', lineHeight: '3.2rem', fontWeight: 600 },
21
+ h2: { fontSize: '1.6rem', lineHeight: '1.933rem', fontWeight: 600 },
22
+ h3: { fontSize: '1.333rem', lineHeight: '1.733rem', fontWeight: 600 },
23
+ h4: { fontSize: '1.067rem', lineHeight: '1.6rem', fontWeight: 600 },
24
+ h5: { fontSize: '1.067rem', lineHeight: '1.467rem', fontWeight: 600 },
25
+ h6: { fontSize: '0.933rem', lineHeight: '1.333rem', fontWeight: 600 },
26
+ h7: { fontSize: '0.867rem', lineHeight: '1.467rem', fontWeight: 600 },
27
+ b1: { fontSize: '0.867rem', lineHeight: '1.2rem', fontWeight: 600 },
28
+ b2: { fontSize: '0.8rem', lineHeight: '1.067rem', fontWeight: 600 },
29
+ bl1: { fontSize: '0.933rem', lineHeight: '1.333rem', fontWeight: 400 },
30
+ bl2: { fontSize: '0.867rem', lineHeight: '1.333rem', fontWeight: 400 },
31
+ bl3: { fontSize: '0.8rem', lineHeight: '1.2rem', fontWeight: 400 },
32
+ bs1: { fontSize: '0.933rem', lineHeight: '1.333rem', fontWeight: 400 },
33
+ bs2: { fontSize: '0.867rem', lineHeight: '1.2rem', fontWeight: 400 },
34
+ bs3: { fontSize: '0.8rem', lineHeight: '1.067rem', fontWeight: 400 },
35
+ l1: { fontSize: '0.867rem', lineHeight: '1.2rem', fontWeight: 400 },
36
+ l2: { fontSize: '0.8rem', lineHeight: '1.067rem', fontWeight: 400 },
37
+ l3: { fontSize: '0.733rem', lineHeight: '1.067rem', fontWeight: 400 },
38
+ l4: { fontSize: '0.667rem', lineHeight: '0.933rem', fontWeight: 400 },
39
+ },
40
+ popover: null,
41
+ button: null,
42
+ iconButton: null,
43
+ input: null,
44
+ multiSelect: null,
45
+ link: null,
46
+ list: null,
47
+ tab: null,
48
+ tag: null,
49
+ deprecatedComponentTheme: {
50
+ popover: { borderRadius: '8px' },
51
+ button: {
52
+ borderRadius: '8px',
53
+ variantSecondary: {
54
+ color: 'var(--spr-text-01, #F5F6F7)',
55
+ hoverBackgroundColor: 'var(--spr-ui-02, #212123)',
56
+ activeBackgroundColor: 'var(--spr-ui-05, #1E2022)',
57
+ },
58
+ sizeXxxs: {
59
+ minWidth: '48px',
60
+ paddingY: '4px',
61
+ paddingX: '6px',
62
+ borderRadius: '5px',
63
+ fontStyles: { fontSize: '12px', lineHeight: '14px', fontWeight: 600 },
64
+ },
65
+ sizeXxs: {
66
+ minWidth: '56px',
67
+ paddingY: '6px',
68
+ paddingX: '11px',
69
+ borderRadius: '6px',
70
+ fontStyles: { fontSize: '12px', lineHeight: '14px', fontWeight: 600 },
71
+ },
72
+ sizeXs: {
73
+ minWidth: '72px',
74
+ paddingY: '7px',
75
+ paddingX: '11px',
76
+ borderRadius: '7px',
77
+ fontStyles: { fontSize: '13px', lineHeight: '16px', fontWeight: 600 },
78
+ },
79
+ sizeSm: {
80
+ minWidth: '88px',
81
+ paddingY: '9px',
82
+ paddingX: '11px',
83
+ fontStyles: { fontSize: '13px', lineHeight: '16px', fontWeight: 600 },
84
+ },
85
+ sizeMd: {
86
+ minWidth: '100px',
87
+ paddingY: '10px',
88
+ paddingX: '15px',
89
+ fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 },
90
+ },
91
+ sizeLg: {
92
+ minWidth: '112px',
93
+ paddingY: '12px',
94
+ paddingX: '15px',
95
+ fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 },
96
+ },
97
+ sizeXl: {
98
+ minWidth: '112px',
99
+ paddingY: '12px',
100
+ paddingX: '15px',
101
+ fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 },
102
+ },
103
+ },
104
+ iconButton: {
105
+ minWidth: '0px',
106
+ sizeXxxxs: { buttonSize: 16, iconSize: 8, squareBorderRadius: 3 },
107
+ sizeXxxs: { buttonSize: 24, iconSize: 10, squareBorderRadius: 5 },
108
+ sizeXxs: { buttonSize: 28, iconSize: 12, squareBorderRadius: 6 },
109
+ sizeXs: { buttonSize: 32, iconSize: 12, squareBorderRadius: 7 },
110
+ sizeSm: { buttonSize: 36, iconSize: 14 },
111
+ sizeMd: { buttonSize: 40, iconSize: 16 },
112
+ sizeLg: { buttonSize: 44, iconSize: 16 },
113
+ sizeXl: { buttonSize: 44, iconSize: 16 },
114
+ shapeRound: {
115
+ color: 'var(--spr-icon-01, #F5F6F7)',
116
+ hoverColor: 'var(--spr-icon-01, #F5F6F7)',
117
+ activeColor: 'var(--spr-icon-04, #1A6AFF)',
118
+ disabledColor: 'var(--spr-icon-disable, rgba(235, 235, 235, 0.5))',
119
+ backgroundColor: 'transparent',
120
+ hoverBackgroundColor: 'var(--spr-ui-05, #1E2022)',
121
+ activeBackgroundColor: 'var(--spr-ui-05, #1E2022)',
122
+ disabledBackgroundColor: 'transparent',
123
+ },
124
+ shapeRoundBordered: {
125
+ hoverColor: 'var(--spr-icon-01, #F5F6F7)',
126
+ activeColor: 'var(--spr-icon-04, #1A6AFF)',
127
+ disabledColor: 'var(--spr-icon-disable, rgba(235, 235, 235, 0.5))',
128
+ backgroundColor: 'var(--spr-ui-01, #101112)',
129
+ hoverBackgroundColor: 'var(--spr-ui-05, #1E2022)',
130
+ activeBackgroundColor: 'var(--spr-ui-01, #101112)',
131
+ disabledBackgroundColor: 'var(--spr-ui-01, #101112)',
132
+ borderColor: 'var(--spr-border-03, #525457)',
133
+ hoverBorderColor: 'var(--spr-border-06, #ECEDEE)',
134
+ activeBorderColor: 'var(--spr-focus-01, #1A6AFF)',
135
+ disabledBorderColor: 'var(--spr-border-03, #525457)',
136
+ },
137
+ shapeSquare: {
138
+ borderRadius: '8px',
139
+ color: 'var(--spr-icon-01, #F5F6F7)',
140
+ hoverColor: 'var(--spr-icon-01, #F5F6F7)',
141
+ activeColor: 'var(--spr-icon-04, #1A6AFF)',
142
+ disabledColor: 'var(--spr-icon-disable, rgba(235, 235, 235, 0.5))',
143
+ backgroundColor: 'transparent',
144
+ hoverBackgroundColor: 'var(--spr-ui-05, #1E2022)',
145
+ activeBackgroundColor: 'var(--spr-ui-05, #1E2022)',
146
+ disabledBackgroundColor: 'transparent',
147
+ },
148
+ shapeSquareBordered: {
149
+ hoverColor: 'var(--spr-icon-01, #F5F6F7)',
150
+ activeColor: 'var(--spr-icon-04, #1A6AFF)',
151
+ disabledColor: 'var(--spr-icon-disable, rgba(235, 235, 235, 0.5))',
152
+ backgroundColor: 'var(--spr-ui-01, #101112)',
153
+ hoverBackgroundColor: 'var(--spr-ui-05, #1E2022)',
154
+ activeBackgroundColor: 'var(--spr-ui-01, #101112)',
155
+ disabledBackgroundColor: 'var(--spr-ui-01, #101112)',
156
+ borderColor: 'var(--spr-border-03, #525457)',
157
+ hoverBorderColor: 'var(--spr-border-06, #ECEDEE)',
158
+ activeBorderColor: 'var(--spr-focus-01, #1A6AFF)',
159
+ disabledBorderColor: 'var(--spr-border-03, #525457)',
160
+ },
161
+ },
162
+ input: {
163
+ borderRadius: '8px',
164
+ disabledBorderColor: 'var(--spr-border-03, #525457)',
165
+ sizeXxxs: { borderRadius: '5px', paddingX: '7px', paddingY: '3px', fontSize: '13px', lineHeight: '16px' },
166
+ sizeXs: { borderRadius: '7px', paddingX: '11px', paddingY: '6px', fontSize: '14px', lineHeight: '18px' },
167
+ sizeSm: { paddingX: '11px', paddingY: '8px', fontSize: '14px', lineHeight: '18px' },
168
+ sizeMd: { paddingX: '11px', paddingY: '10px', fontSize: '14px', lineHeight: '18px' },
169
+ sizeLg: { paddingX: '11px', paddingY: '10px', fontSize: '14px', lineHeight: '18px' },
170
+ },
171
+ multiSelect: {
172
+ sizeXxxs: { paddingX: '2px', paddingY: '1px', tagMarginX: '2px', tagMarginY: '1px' },
173
+ sizeXs: { paddingX: '4px', paddingY: '2px', tagMarginY: '2px', tagMarginX: '4px' },
174
+ sizeSm: { paddingX: '4px', paddingY: '4px', tagMarginY: '2px', tagMarginX: '4px' },
175
+ sizeMd: { paddingX: '4px', paddingY: '6px', tagMarginY: '2px', tagMarginX: '4px' },
176
+ sizeLg: { paddingX: '4px', paddingY: '6px', tagMarginY: '2px', tagMarginX: '4px' },
177
+ },
178
+ link: { fontSize: '16px', lineHeight: '15px' },
179
+ list: { selectedEnhancerBackground: 'transparent', hoverBackgroundColor: 'var(--spr-ui-05, #1E2022)' },
180
+ tab: {
181
+ variantDefault: {
182
+ fontStyles: { fontSize: '18px', lineHeight: '21px', fontWeight: 600 },
183
+ positionTopStyles: { marginLeft: '16px', marginRight: '16px' },
184
+ positionLeftStyles: { marginTop: '12px', marginBottom: '12px' },
185
+ positionRightStyles: { marginTop: '12px', marginBottom: '12px' },
186
+ },
187
+ },
188
+ tag: { actionButtonBorderRadius: '2px', avatarMarginLeft: '4px' },
189
+ },
190
+ app: {
191
+ header: '#000',
192
+ headerTab: 'rgba(44, 44, 47, 0.6)',
193
+ headerTabHover: 'rgba(44, 44, 47, 0.8)',
194
+ headerTabActive: '#3A3A3E',
195
+ headerText: 'rgba(255, 255, 255, 0.6)',
196
+ headerTextHover: '#FFFFFF',
197
+ },
198
+ cht: {
199
+ bg: '#141416',
200
+ border: '#2C2C2F',
201
+ bubbleLeft: '#F8F8FA',
202
+ bubbleRight: '#006CD7',
203
+ bubbleSupportingText: 'rgba(255, 255, 255, 0.7)',
204
+ bubbleTextLeft: '#0A0A14',
205
+ bubbleTextRight: '#FFFFFF',
206
+ bubbleBorder: '#006CD7',
207
+ bubbleIcon1: 'rgba(255, 255, 255, 0.7)',
208
+ bubbleIcon2: 'rgba(255, 255, 255, 0.3)',
209
+ bubbleIcon3: '#FFFFFF',
210
+ bubbleInsert: 'rgba(0, 0, 0, 0.2)',
211
+ bubbleLink: '#3DF6BF',
212
+ bubbleText: 'rgba(255, 255, 255, 0.7)',
213
+ reply: '#141416',
214
+ footer: '#2C2C2F',
215
+ hover: '#1C1C1F',
216
+ read: '#006CD7',
217
+ unread: '#AEAEB2',
218
+ },
219
+ spr: {
220
+ ui02: 'var(--spr-ui-02, #212123)',
221
+ ui04: 'var(--spr-ui-04, #1A6AFF)',
222
+ uiFocus: 'var(--spr-ui-focus, rgba(255, 255, 255, 0.12))',
223
+ uiFocusReverse: 'var(--spr-ui-focus-reverse, rgba(255, 255, 255, 0.2))',
224
+ uiHover: 'var(--spr-ui-hover, #212123)',
225
+ uiHoverReverse: 'var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1))',
226
+ supportErrorHighlight: 'var(--spr-support-error-highlight, rgba(239, 68, 68, 0.3))',
227
+ supportSuccessHighlight: 'var(--spr-support-success-highlight, rgba(34, 197, 93, 0.3))',
228
+ supportWarningHighlight: 'var(--spr-support-warning-highlight, rgba(250, 204, 20, 0.3))',
229
+ bgSuccessHighlight2: 'var(--spr-bg-success-highlight-2, #166434)',
230
+ clrBlueHighlight: 'var(--spr-clr-blue-highlight, #2B3343)',
231
+ tag: 'var(--spr-tag, #48484C)',
232
+ tag01: 'var(--spr-tag-01, #48484C)',
233
+ tag02: 'var(--spr-tag-02, rgba(255, 255, 255, 0.1))',
234
+ field: 'var(--spr-field, #48484C)',
235
+ fieldBorder: 'var(--spr-field-border, #48484C)',
236
+ popup: 'var(--spr-popup, #101112)',
237
+ overlay: 'var(--spr-overlay, rgba(28, 28, 31, 0.85))',
238
+ favourite: 'var(--spr-favourite, #FF9F21)',
239
+ notification: 'var(--spr-notification, #EF4444)',
240
+ interactiveHoverBorder: 'var(--spr-interactive-hover-border, #1250DE)',
241
+ interactiveDisable: 'var(--spr-interactive-disable, rgba(72,72,76,0.8))',
242
+ interactive02: 'var(--spr-interactive-02, #2B2D2E)',
243
+ clrBlue: 'var(--spr-clr-blue, #297AB9)',
244
+ clrGreen: 'var(--spr-clr-green, #097A4B)',
245
+ clrLavender: 'var(--spr-clr-lavender, #9C60FF)',
246
+ clrOrange: 'var(--spr-clr-orange, #FF9F21)',
247
+ clrPink: 'var(--spr-clr-pink, #FFA1BE)',
248
+ clrRed: 'var(--spr-clr-red, #DB334F)',
249
+ clrSea: 'var(--spr-clr-sea, #00C8FF)',
250
+ clrTeal: 'var(--spr-clr-teal, #02D999)',
251
+ clrYellow: 'var(--spr-clr-yellow, #95700D)',
252
+ clrGrey: 'var(--spr-clr-grey, #646469)',
253
+ interactiveFocus: 'var(--spr-interactive-focus, #1640B1)',
254
+ clrPurple: 'var(--spr-clr-purple, #763BD2)',
255
+ clrLtYellow: 'var(--spr-clr-lt-yellow, #846F35)',
256
+ clrDarkerBlue: 'var(--spr-clr-darker-blue, #327AFD)',
257
+ secondaryYellow: 'var(--spr-secondary-yellow, #8D6F18)',
258
+ secondaryGreen: 'var(--spr-secondary-green, #5F732C)',
259
+ secondaryTeal: 'var(--spr-secondary-teal, #168380)',
260
+ secondaryLtPink: 'var(--spr-secondary-lt-pink, #956787)',
261
+ secondaryPink: 'var(--spr-secondary-pink, #B94055)',
262
+ secondaryMaroon: 'var(--spr-secondary-maroon, #962F61)',
263
+ secondaryOrange: 'var(--spr-secondary-orange, #A8623A)',
264
+ clrMagenta: 'var(--spr-clr-magenta, #CB1CCE)',
265
+ clrMagentaBorder: 'var(--spr-clr-magenta-border, #CB1CCE)',
266
+ clrFuschia: 'var(--spr-clr-fuschia, #A70FDC)',
267
+ clrFuschiaBorder: 'var(--spr-clr-fuschia-border, #A70FDC)',
268
+ clrViolet: 'var(--spr-clr-violet, #8E43FF)',
269
+ clrVioletBorder: 'var(--spr-clr-violet-border, #8E43FF)',
270
+ clrLtViolet: 'var(--spr-clr-lt-violet, #E4DFF2)',
271
+ hover: 'var(--spr-hover, #1250DE)',
272
+ border04: 'var(--spr-border-04, #A0A0A8)',
273
+ cardBorder: 'var(--spr-card-border, #3A3A3E)',
274
+ popupBorder: 'var(--spr-popup-border, #1C1C1F)',
275
+ tooltipBorder: 'var(--spr-tooltip-border, rgba(174, 174, 178, 0.2))',
276
+ shadow01: 'var(--spr-shadow-01, 0 1px 4px 0 rgba(10,10,20,0.3))',
277
+ shadow02: 'var(--spr-shadow-02, 1px 1px 7px rgba(255, 255, 255, 0.1))',
278
+ shadow03: 'var(--spr-shadow-03, -2px 5px 12px 0 rgba(10,10,20,0.80))',
279
+ shadow04: 'var(--spr-shadow-04, -2px 5px 12px -4px rgba(0,0,0,1.0))',
280
+ shadow05: 'var(--spr-shadow-05, 0px 3px 4px 0 rgba(0,0,0,0.2))',
281
+ shadow06: 'var(--spr-shadow-06, 0px -3px 4px 0 rgba(0,0,0,0.2))',
282
+ icon02: 'var(--spr-icon-02, #AEAEB2)',
283
+ icon06: 'var(--spr-icon-06, rgba(255, 255, 255, 0.6))',
284
+ iconHover: 'var(--spr-icon-hover, #FFFFFF)',
285
+ iconDisable: 'var(--spr-icon-disable, rgba(235, 235, 235, 0.5))',
286
+ textDisable: 'var(--spr-text-disable, rgba(242, 242, 242, 0.33))',
287
+ textMagenta: 'var(--spr-text-magenta, #CB1CCE)',
288
+ bgPrimary: 'var(--spr-bg-primary, #101112)',
289
+ bgSecondary: 'var(--spr-bg-secondary, #1E2022)',
290
+ bgTertiary: 'var(--spr-bg-tertiary, #2B2D2E)',
291
+ bgQuaternary: 'var(--spr-bg-quaternary, #252627)',
292
+ bgQuinary: 'var(--spr-bg-quinary, #525457)',
293
+ bgInverse: 'var(--spr-bg-inverse, #FFFFFF)',
294
+ bgError: 'var(--spr-bg-error, #EF4444)',
295
+ bgErrorHighlight: 'var(--spr-bg-error-highlight, #7F1C1D)',
296
+ bgSuccess: 'var(--spr-bg-success, #22C55D)',
297
+ bgSuccessHighlight: 'var(--spr-bg-success-highlight, #14532D)',
298
+ bgWarning: 'var(--spr-bg-warning, #FACC14)',
299
+ bgWarningHighlight: 'var(--spr-bg-warning-highlight, #713F11)',
300
+ bgNeutral: 'var(--spr-bg-neutral, #94969A)',
301
+ bgOverlay: 'var(--spr-bg-overlay, rgba(255, 255, 255, 0.5))',
302
+ bgWhite: 'var(--spr-bg-white, #FFFFFF)',
303
+ highlight: 'var(--spr-highlight, #713F11)',
304
+ interactive: 'var(--spr-interactive, #1A6AFF)',
305
+ interactiveHover: 'var(--spr-interactive-hover, #1250DE)',
306
+ iconPrimary: 'var(--spr-icon-primary, #F5F6F7)',
307
+ iconTertiary: 'var(--spr-icon-tertiary, #94969A)',
308
+ iconSecondary: 'var(--spr-icon-secondary, #1A6AFF)',
309
+ iconInverse: 'var(--spr-icon-inverse, #1E2022)',
310
+ iconQuaternary: 'var(--spr-icon-quaternary, #57ABFF)',
311
+ iconWhite: 'var(--spr-icon-white, #FFFFFF)',
312
+ iconError: 'var(--spr-icon-error, #EF4444)',
313
+ iconSuccess: 'var(--spr-icon-success, #22C55D)',
314
+ iconWarning: 'var(--spr-icon-warning, #FACC14)',
315
+ link: 'var(--spr-link, #3188FF)',
316
+ textPrimary: 'var(--spr-text-primary, #F5F6F7)',
317
+ textSecondary: 'var(--spr-text-secondary, #E3E4E6)',
318
+ textTertiary: 'var(--spr-text-tertiary, #B8B9BB)',
319
+ textPlaceholder: 'var(--spr-text-placeholder, #7D7D7D)',
320
+ textWhite: 'var(--spr-text-white, #FFFFFF)',
321
+ textInverse: 'var(--spr-text-inverse, #1E2022)',
322
+ textError: 'var(--spr-text-error, #EF4444)',
323
+ textSuccess: 'var(--spr-text-success, #22C55D)',
324
+ textWarning: 'var(--spr-text-warning, #FACC14)',
325
+ borderError: 'var(--spr-border-error, #EF4444)',
326
+ borderSuccess: 'var(--spr-border-success, #22C55D)',
327
+ borderWarning: 'var(--spr-border-warning, #FACC14)',
328
+ borderQuinary: 'var(--spr-border-quinary, #1A6AFF)',
329
+ borderPrimary: 'var(--spr-border-primary, #525457)',
330
+ borderSecondary: 'var(--spr-border-secondary, #2B2D2E)',
331
+ borderTertiary: 'var(--spr-border-tertiary, #252627)',
332
+ borderQuaternary: 'var(--spr-border-quaternary, #ECEDEE)',
333
+ borderInverse: 'var(--spr-border-inverse, #1E2022)',
334
+ borderWhite: 'var(--spr-border-white, #FFFFFF)',
335
+ focus02: 'var(--spr-focus-02, 1px solid #57ABFF)',
336
+ shadow100: 'var(--spr-shadow-100, 0 0.8px 0 0 rgba(255, 255, 255, 0.08) inset, 0 4px 8px 0 rgba(0, 0, 0, 0.40), 0 0 0.5px 0 rgba(255, 255, 255, 0.30) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.50))',
337
+ shadow200: 'var(--spr-shadow-200, 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset, 0 10px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0.5px 0 rgba(255, 255, 255, 0.35) inset, 0 2px 5px 0 rgba(0, 0, 0, 0.35))',
338
+ ui01: 'var(--spr-ui-01, #101112)',
339
+ ui05: 'var(--spr-ui-05, #1E2022)',
340
+ ui03: 'var(--spr-ui-03, #2B2D2E)',
341
+ ui06: 'var(--spr-ui-06, #525457)',
342
+ tooltip01: 'var(--spr-tooltip-01, #FFFFFF)',
343
+ supportError: 'var(--spr-support-error, #EF4444)',
344
+ supportSuccess: 'var(--spr-support-success, #22C55D)',
345
+ supportWarning: 'var(--spr-support-warning, #FACC14)',
346
+ interactive01: 'var(--spr-interactive-01, #1A6AFF)',
347
+ icon01: 'var(--spr-icon-01, #F5F6F7)',
348
+ icon03: 'var(--spr-icon-03, #94969A)',
349
+ icon04: 'var(--spr-icon-04, #1A6AFF)',
350
+ icon05: 'var(--spr-icon-05, #1E2022)',
351
+ iconHoverReverse: 'var(--spr-icon-hover-reverse, #FFFFFF)',
352
+ text04: 'var(--spr-text-04, #3188FF)',
353
+ textLinkActive: 'var(--spr-text-link-active, #3188FF)',
354
+ text01: 'var(--spr-text-01, #F5F6F7)',
355
+ text02: 'var(--spr-text-02, #E3E4E6)',
356
+ text03: 'var(--spr-text-03, #B8B9BB)',
357
+ text05: 'var(--spr-text-05, #FFFFFF)',
358
+ text06: 'var(--spr-text-06, #1E2022)',
359
+ supportErrorText: 'var(--spr-support-error-text, #EF4444)',
360
+ supportSuccessText: 'var(--spr-support-success-text, #22C55D)',
361
+ supportWarningText: 'var(--spr-support-warning-text, #FACC14)',
362
+ supportErrorBorder: 'var(--spr-support-error-border, #EF4444)',
363
+ supportSuccessBorder: 'var(--spr-support-success-border, #22C55D)',
364
+ supportWarningBorder: 'var(--spr-support-warning-border, #FACC14)',
365
+ focus01: 'var(--spr-focus-01, #1A6AFF)',
366
+ border03: 'var(--spr-border-03, #525457)',
367
+ border02: 'var(--spr-border-02, #2B2D2E)',
368
+ border01: 'var(--spr-border-01, #252627)',
369
+ border06: 'var(--spr-border-06, #ECEDEE)',
370
+ border05: 'var(--spr-border-05, #FFFFFF)',
371
+ },
372
+ ai: {
373
+ ui01: 'var(--ai-ui-01, linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%))',
374
+ ui02: 'var(--ai-ui-02, linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%))',
375
+ ui04: 'var(--ai-ui-04, #F1F1F1)',
376
+ ui05: 'var(--ai-ui-05, #B4B4B4)',
377
+ ui06: 'var(--ai-ui-06, #949494)',
378
+ border01: {
379
+ background: 'linear-gradient(#1C1C1F, #1C1C1F) padding-box, linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%) border-box',
380
+ borderColor: 'transparent',
381
+ },
382
+ border02: 'var(--ai-border-02, #F1F1F1)',
383
+ border03: 'var(--ai-border-03, #B4B4B4)',
384
+ border04: 'var(--ai-border-04, #949494)',
385
+ highlight: 'var(--ai-highlight, rgba(142, 67, 255,0.2))',
386
+ interactiveDisable: 'var(--ai-interactive-disable, linear-gradient(229.68deg, #88578A 5.41%, #715693 58.63%, #4B5E91 105.21%))',
387
+ interactiveLoading: 'var(--ai-interactive-loading, linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(0deg, rgba(142, 67, 255, 0.2), rgba(142, 67, 255, 0.2)))',
388
+ bgGradient: 'var(--ai-bg-gradient, linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%))',
389
+ borderGradient: {
390
+ background: 'linear-gradient(#121214, #121214) padding-box, linear-gradient(to right, #FFC005 2%, #FFE94F 12%, #8DE76E 21%, #3BE5FF 50%, #44BFFF 85%) border-box',
391
+ borderColor: 'transparent',
392
+ },
393
+ ui03: 'var(--ai-ui-03, linear-gradient(to right, #493B21 0%, #2C462B 49%, #22444C 100%))',
394
+ },
395
+ nav: {
396
+ ui01: 'var(--nav-ui-01, rgba(44, 44, 47, 0.7))',
397
+ uiHover01: 'var(--nav-ui-hover-01, rgba(44, 44, 47, 0.9))',
398
+ icon01: 'var(--nav-icon-01, rgba(255, 255, 255, 0.6))',
399
+ iconFocus01: 'var(--nav-icon-focus-01, #2E6BD9)',
400
+ text01: 'var(--nav-text-01, rgba(255, 255, 255, 0.6))',
401
+ },
402
+ };
403
+ exports.default = __assign(__assign({}, theme_1.default), theme);