@channel.io/bezier-react 3.5.2-beta.5 → 3.5.2-beta.7

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 (79) hide show
  1. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/darkTheme.js +725 -725
  2. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/darkTheme.js.map +1 -1
  3. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/global.js +322 -322
  4. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/global.js.map +1 -1
  5. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/lightTheme.js +730 -730
  6. package/dist/cjs/packages/bezier-tokens/dist/beta/esm/lightTheme.js.map +1 -1
  7. package/dist/cjs/styles.css +1 -1
  8. package/dist/cjs/utils/style.js +7 -8
  9. package/dist/cjs/utils/style.js.map +1 -1
  10. package/dist/esm/packages/bezier-tokens/dist/beta/esm/darkTheme.mjs +725 -725
  11. package/dist/esm/packages/bezier-tokens/dist/beta/esm/darkTheme.mjs.map +1 -1
  12. package/dist/esm/packages/bezier-tokens/dist/beta/esm/global.mjs +322 -322
  13. package/dist/esm/packages/bezier-tokens/dist/beta/esm/global.mjs.map +1 -1
  14. package/dist/esm/packages/bezier-tokens/dist/beta/esm/lightTheme.mjs +730 -730
  15. package/dist/esm/packages/bezier-tokens/dist/beta/esm/lightTheme.mjs.map +1 -1
  16. package/dist/esm/styles.css +1 -1
  17. package/dist/esm/utils/style.mjs +7 -8
  18. package/dist/esm/utils/style.mjs.map +1 -1
  19. package/dist/types/types/beta-tokens.d.ts +6 -6
  20. package/dist/types/types/beta-tokens.d.ts.map +1 -1
  21. package/dist/types/types/props-helpers.d.ts +2 -2
  22. package/dist/types/utils/style.d.ts +2 -2
  23. package/dist/types/utils/style.d.ts.map +1 -1
  24. package/package.json +2 -2
  25. package/src/components/AlphaAvatar/Avatar.module.scss +1 -1
  26. package/src/components/AlphaAvatar/Avatar.test.tsx +1 -1
  27. package/src/components/AlphaAvatarGroup/AvatarGroup.module.scss +2 -2
  28. package/src/components/AlphaButton/Button.module.scss +54 -54
  29. package/src/components/AlphaFloatingButton/FloatingButton.module.scss +37 -37
  30. package/src/components/AlphaFloatingIconButton/FloatingIconButton.module.scss +36 -36
  31. package/src/components/AlphaIconButton/IconButton.module.scss +58 -58
  32. package/src/components/AlphaLoader/Loader.module.scss +6 -6
  33. package/src/components/AlphaStatusBadge/StatusBadge.module.scss +4 -4
  34. package/src/components/AlphaToggleButton/ToggleButton.module.scss +19 -19
  35. package/src/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.module.scss +9 -9
  36. package/src/components/Avatar/Avatar.module.scss +1 -1
  37. package/src/components/Avatar/Avatar.test.tsx +1 -1
  38. package/src/components/AvatarGroup/AvatarGroup.module.scss +2 -2
  39. package/src/components/Banner/Banner.module.scss +17 -17
  40. package/src/components/BaseButton/BaseButton.module.scss +1 -1
  41. package/src/components/BaseTagBadge/BaseTagBadge.module.scss +30 -30
  42. package/src/components/Button/Button.module.scss +55 -61
  43. package/src/components/CheckableAvatar/CheckableAvatar.module.scss +5 -5
  44. package/src/components/Checkbox/Checkbox.module.scss +9 -9
  45. package/src/components/Divider/Divider.module.scss +1 -1
  46. package/src/components/Help/Help.module.scss +1 -1
  47. package/src/components/Icon/Icon.module.scss +1 -1
  48. package/src/components/Icon/Icon.test.tsx +1 -1
  49. package/src/components/KeyValueItem/KeyValueItem.module.scss +6 -6
  50. package/src/components/LegacyStack/LegacyStack.stories.tsx +1 -1
  51. package/src/components/LegacyTooltip/LegacyTooltip.module.scss +5 -5
  52. package/src/components/ListItem/ListItem.module.scss +24 -24
  53. package/src/components/Modal/Modal.module.scss +8 -8
  54. package/src/components/NavItem/NavItem.module.scss +5 -5
  55. package/src/components/OutlineItem/OutlineItem.module.scss +8 -8
  56. package/src/components/Overlay/Overlay.module.scss +4 -4
  57. package/src/components/Overlay/Overlay.stories.tsx +3 -3
  58. package/src/components/ProgressBar/ProgressBar.module.scss +12 -12
  59. package/src/components/RadioGroup/RadioGroup.module.scss +9 -9
  60. package/src/components/SegmentedControl/SegmentedControl.module.scss +21 -21
  61. package/src/components/Select/Select.module.scss +16 -16
  62. package/src/components/Slider/Slider.module.scss +13 -13
  63. package/src/components/SmoothCornersBox/SmoothCornersBox.test.tsx +2 -2
  64. package/src/components/Status/Status.module.scss +4 -4
  65. package/src/components/Switch/Switch.module.scss +12 -12
  66. package/src/components/Tabs/Tabs.module.scss +20 -20
  67. package/src/components/Tag/Tag.module.scss +1 -1
  68. package/src/components/TextArea/TextArea.module.scss +13 -13
  69. package/src/components/TextField/TextField.module.scss +16 -16
  70. package/src/components/Toast/Toast.module.scss +17 -17
  71. package/src/components/Tooltip/Tooltip.module.scss +4 -4
  72. package/src/styles/_base.scss +10 -10
  73. package/src/styles/components/elevation.module.scss +1 -1
  74. package/src/styles/components/radius.module.scss +1 -1
  75. package/src/styles/components/z-index.module.scss +1 -1
  76. package/src/styles/mixins/_typography.scss +31 -31
  77. package/src/types/beta-tokens.ts +6 -7
  78. package/src/utils/style.test.ts +10 -12
  79. package/src/utils/style.ts +8 -9
package/dist/cjs/packages/bezier-tokens/dist/beta/esm/darkTheme.js CHANGED
@@ -4,1582 +4,1582 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var darkTheme = Object.freeze({
6
6
  "backdrop": Object.freeze({
7
- "beta-backdrop-large": Object.freeze({
7
+ "backdrop-large": Object.freeze({
8
8
  "value": "60px",
9
- "ref": "beta-dimension-60"
9
+ "ref": "dimension-60"
10
10
  }),
11
- "beta-backdrop-small": Object.freeze({
11
+ "backdrop-small": Object.freeze({
12
12
  "value": "6px",
13
- "ref": "beta-dimension-6"
13
+ "ref": "dimension-6"
14
14
  })
15
15
  }),
16
16
  "border": Object.freeze({
17
- "beta-border-default": Object.freeze({
17
+ "border-default": Object.freeze({
18
18
  "value": "0 0 0 1px #ffffff1f",
19
- "ref": "0 0 0 beta-dimension-1 beta-color-border-neutral"
19
+ "ref": "0 0 0 dimension-1 color-border-neutral"
20
20
  }),
21
- "beta-border-bottom": Object.freeze({
21
+ "border-bottom": Object.freeze({
22
22
  "value": "0 -1px 0 0 #ffffff1f",
23
- "ref": "0 beta-dimension-1-m 0 0 beta-color-border-neutral"
23
+ "ref": "0 dimension-1-m 0 0 color-border-neutral"
24
24
  }),
25
- "beta-border-right": Object.freeze({
25
+ "border-right": Object.freeze({
26
26
  "value": "-1px 0 0 0 #ffffff1f",
27
- "ref": "beta-dimension-1-m 0 0 0 beta-color-border-neutral"
27
+ "ref": "dimension-1-m 0 0 0 color-border-neutral"
28
28
  }),
29
- "beta-border-left": Object.freeze({
29
+ "border-left": Object.freeze({
30
30
  "value": "1px 0 0 0 #ffffff1f",
31
- "ref": "beta-dimension-1 0 0 0 beta-color-border-neutral"
31
+ "ref": "dimension-1 0 0 0 color-border-neutral"
32
32
  }),
33
- "beta-border-top": Object.freeze({
33
+ "border-top": Object.freeze({
34
34
  "value": "0 1px 0 0 #ffffff1f",
35
- "ref": "0 beta-dimension-1 0 0 beta-color-border-neutral"
35
+ "ref": "0 dimension-1 0 0 color-border-neutral"
36
36
  }),
37
- "beta-border-white-high": Object.freeze({
37
+ "border-white-high": Object.freeze({
38
38
  "value": "0 0 0 1px #2a2a2dff",
39
- "ref": "0 0 0 beta-dimension-1 beta-color-surface-high"
39
+ "ref": "0 0 0 dimension-1 color-surface-high"
40
40
  }),
41
- "beta-border-white-higher": Object.freeze({
41
+ "border-white-higher": Object.freeze({
42
42
  "value": "0 0 0 1px #303035ff",
43
- "ref": "0 0 0 beta-dimension-1 beta-color-surface-higher"
43
+ "ref": "0 0 0 dimension-1 color-surface-higher"
44
44
  }),
45
- "beta-border-white-highest": Object.freeze({
45
+ "border-white-highest": Object.freeze({
46
46
  "value": "0 0 0 1px #37373cff",
47
- "ref": "0 0 0 beta-dimension-1 beta-color-surface-highest"
47
+ "ref": "0 0 0 dimension-1 color-surface-highest"
48
48
  })
49
49
  }),
50
50
  "elevation": Object.freeze({
51
- "beta-elevation-1": Object.freeze({
51
+ "elevation-1": Object.freeze({
52
52
  "value": "0 1px 2px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f",
53
- "ref": "0 beta-dimension-1 beta-dimension-2 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner"
53
+ "ref": "0 dimension-1 dimension-2 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner"
54
54
  }),
55
- "beta-elevation-2": Object.freeze({
55
+ "elevation-2": Object.freeze({
56
56
  "value": "0 2px 6px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f",
57
- "ref": "0 beta-dimension-2 beta-dimension-6 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner"
57
+ "ref": "0 dimension-2 dimension-6 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner"
58
58
  }),
59
- "beta-elevation-3": Object.freeze({
59
+ "elevation-3": Object.freeze({
60
60
  "value": "0 4px 12px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f",
61
- "ref": "0 beta-dimension-4 beta-dimension-12 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner"
61
+ "ref": "0 dimension-4 dimension-12 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner"
62
62
  }),
63
- "beta-elevation-4": Object.freeze({
63
+ "elevation-4": Object.freeze({
64
64
  "value": "0 4px 24px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f",
65
- "ref": "0 beta-dimension-4 beta-dimension-24 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner"
65
+ "ref": "0 dimension-4 dimension-24 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner"
66
66
  }),
67
- "beta-elevation-5": Object.freeze({
67
+ "elevation-5": Object.freeze({
68
68
  "value": "0 6px 40px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f",
69
- "ref": "0 beta-dimension-6 beta-dimension-40 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner"
69
+ "ref": "0 dimension-6 dimension-40 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner"
70
70
  }),
71
- "beta-elevation-6": Object.freeze({
71
+ "elevation-6": Object.freeze({
72
72
  "value": "0 12px 60px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f",
73
- "ref": "0 beta-dimension-12 beta-dimension-60 0 beta-color-elevation-small, 0 0 beta-dimension-2 beta-dimension-1 beta-color-elevation-base, inset 0 0 beta-dimension-2 0 beta-color-elevation-base-inner"
73
+ "ref": "0 dimension-12 dimension-60 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner"
74
74
  })
75
75
  }),
76
76
  "layer": Object.freeze({
77
- "beta-layer-z-index-base": Object.freeze({
77
+ "layer-z-index-base": Object.freeze({
78
78
  "value": "0",
79
- "ref": "beta-layer-depth-0"
79
+ "ref": "layer-depth-0"
80
80
  }),
81
- "beta-layer-z-index-floating": Object.freeze({
81
+ "layer-z-index-floating": Object.freeze({
82
82
  "value": "1",
83
- "ref": "beta-layer-depth-1"
83
+ "ref": "layer-depth-1"
84
84
  }),
85
- "beta-layer-z-index-overlay": Object.freeze({
85
+ "layer-z-index-overlay": Object.freeze({
86
86
  "value": "1000",
87
- "ref": "beta-layer-depth-1000"
87
+ "ref": "layer-depth-1000"
88
88
  }),
89
- "beta-layer-z-index-modal": Object.freeze({
89
+ "layer-z-index-modal": Object.freeze({
90
90
  "value": "1100",
91
- "ref": "beta-layer-depth-1100"
91
+ "ref": "layer-depth-1100"
92
92
  }),
93
- "beta-layer-z-index-toast": Object.freeze({
93
+ "layer-z-index-toast": Object.freeze({
94
94
  "value": "1200",
95
- "ref": "beta-layer-depth-1200"
95
+ "ref": "layer-depth-1200"
96
96
  }),
97
- "beta-layer-z-index-tooltip": Object.freeze({
97
+ "layer-z-index-tooltip": Object.freeze({
98
98
  "value": "1300",
99
- "ref": "beta-layer-depth-1300"
99
+ "ref": "layer-depth-1300"
100
100
  }),
101
- "beta-layer-z-index-hidden": Object.freeze({
101
+ "layer-z-index-hidden": Object.freeze({
102
102
  "value": "-1",
103
- "ref": "beta-layer-depth-1-m"
103
+ "ref": "layer-depth-1-m"
104
104
  }),
105
- "beta-layer-z-index-important": Object.freeze({
105
+ "layer-z-index-important": Object.freeze({
106
106
  "value": "2000",
107
- "ref": "beta-layer-depth-2000"
107
+ "ref": "layer-depth-2000"
108
108
  })
109
109
  }),
110
110
  "motion": Object.freeze({
111
- "beta-motion-transition-fast": Object.freeze({
111
+ "motion-transition-fast": Object.freeze({
112
112
  "value": "150ms cubic-bezier(0.3, 0, 0, 1)",
113
- "ref": "beta-motion-duration-150 beta-motion-timing-function-easing"
113
+ "ref": "motion-duration-150 motion-timing-function-easing"
114
114
  }),
115
- "beta-motion-transition-default": Object.freeze({
115
+ "motion-transition-default": Object.freeze({
116
116
  "value": "300ms cubic-bezier(0.3, 0, 0, 1)",
117
- "ref": "beta-motion-duration-300 beta-motion-timing-function-easing"
117
+ "ref": "motion-duration-300 motion-timing-function-easing"
118
118
  }),
119
- "beta-motion-transition-slow": Object.freeze({
119
+ "motion-transition-slow": Object.freeze({
120
120
  "value": "450ms cubic-bezier(0.3, 0, 0, 1)",
121
- "ref": "beta-motion-duration-450 beta-motion-timing-function-easing"
121
+ "ref": "motion-duration-450 motion-timing-function-easing"
122
122
  })
123
123
  }),
124
124
  "opacity": Object.freeze({
125
- "beta-opacity-disabled": Object.freeze({
125
+ "opacity-disabled": Object.freeze({
126
126
  "value": "40%",
127
- "ref": "beta-dimension-40-p"
127
+ "ref": "dimension-40-p"
128
128
  })
129
129
  }),
130
130
  "radius": Object.freeze({
131
- "beta-radius-2": Object.freeze({
131
+ "radius-2": Object.freeze({
132
132
  "value": "2px",
133
- "ref": "beta-dimension-2"
133
+ "ref": "dimension-2"
134
134
  }),
135
- "beta-radius-3": Object.freeze({
135
+ "radius-3": Object.freeze({
136
136
  "value": "3px",
137
- "ref": "beta-dimension-3"
137
+ "ref": "dimension-3"
138
138
  }),
139
- "beta-radius-4": Object.freeze({
139
+ "radius-4": Object.freeze({
140
140
  "value": "4px",
141
- "ref": "beta-dimension-4"
141
+ "ref": "dimension-4"
142
142
  }),
143
- "beta-radius-6": Object.freeze({
143
+ "radius-6": Object.freeze({
144
144
  "value": "6px",
145
- "ref": "beta-dimension-6"
145
+ "ref": "dimension-6"
146
146
  }),
147
- "beta-radius-7": Object.freeze({
147
+ "radius-7": Object.freeze({
148
148
  "value": "7px",
149
- "ref": "beta-dimension-7"
149
+ "ref": "dimension-7"
150
150
  }),
151
- "beta-radius-8": Object.freeze({
151
+ "radius-8": Object.freeze({
152
152
  "value": "8px",
153
- "ref": "beta-dimension-8"
153
+ "ref": "dimension-8"
154
154
  }),
155
- "beta-radius-10": Object.freeze({
155
+ "radius-10": Object.freeze({
156
156
  "value": "10px",
157
- "ref": "beta-dimension-10"
157
+ "ref": "dimension-10"
158
158
  }),
159
- "beta-radius-12": Object.freeze({
159
+ "radius-12": Object.freeze({
160
160
  "value": "12px",
161
- "ref": "beta-dimension-12"
161
+ "ref": "dimension-12"
162
162
  }),
163
- "beta-radius-14": Object.freeze({
163
+ "radius-14": Object.freeze({
164
164
  "value": "14px",
165
- "ref": "beta-dimension-14"
165
+ "ref": "dimension-14"
166
166
  }),
167
- "beta-radius-16": Object.freeze({
167
+ "radius-16": Object.freeze({
168
168
  "value": "16px",
169
- "ref": "beta-dimension-16"
169
+ "ref": "dimension-16"
170
170
  }),
171
- "beta-radius-20": Object.freeze({
171
+ "radius-20": Object.freeze({
172
172
  "value": "20px",
173
- "ref": "beta-dimension-20"
173
+ "ref": "dimension-20"
174
174
  }),
175
- "beta-radius-32": Object.freeze({
175
+ "radius-32": Object.freeze({
176
176
  "value": "32px",
177
- "ref": "beta-dimension-32"
177
+ "ref": "dimension-32"
178
178
  })
179
179
  }),
180
180
  "state": Object.freeze({
181
- "beta-state-error": Object.freeze({
181
+ "state-error": Object.freeze({
182
182
  "value": "0 0 0 1px #f79847ff",
183
- "ref": "0 0 0 beta-dimension-1 beta-color-state-warning"
183
+ "ref": "0 0 0 dimension-1 color-state-warning"
184
184
  }),
185
- "beta-state-active": Object.freeze({
185
+ "state-active": Object.freeze({
186
186
  "value": "0 0 0 1px #6b6effff",
187
- "ref": "0 0 0 beta-dimension-1 beta-color-state-action"
187
+ "ref": "0 0 0 dimension-1 color-state-action"
188
188
  }),
189
- "beta-state-input-default": Object.freeze({
190
- "value": "0 1px 2px 0 #0000000d, inset 0 0 0 1px #ffffff33",
191
- "ref": "0 beta-dimension-1 beta-dimension-2 0 beta-color-elevation-base, inset 0 0 0 beta-dimension-1 beta-color-state-default"
189
+ "state-input-default": Object.freeze({
190
+ "value": "0 1px 2px 0 #0000000d, inset 0 0 0 1px #fff3",
191
+ "ref": "0 dimension-1 dimension-2 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-default"
192
192
  }),
193
- "beta-state-input-hovered": Object.freeze({
193
+ "state-input-hovered": Object.freeze({
194
194
  "value": "0 2px 6px 0 #0000000d, inset 0 0 0 1px #6b6effff",
195
- "ref": "0 beta-dimension-2 beta-dimension-6 0 beta-color-elevation-base, inset 0 0 0 beta-dimension-1 beta-color-state-action"
195
+ "ref": "0 dimension-2 dimension-6 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-action"
196
196
  }),
197
- "beta-state-input-active": Object.freeze({
197
+ "state-input-active": Object.freeze({
198
198
  "value": "0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #6b6effff",
199
- "ref": "0 beta-dimension-2 beta-dimension-6 0 beta-color-elevation-base, 0 0 0 beta-dimension-3 beta-color-state-action-light, inset 0 0 0 beta-dimension-1 beta-color-state-action"
199
+ "ref": "0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-action-light, inset 0 0 0 dimension-1 color-state-action"
200
200
  }),
201
- "beta-state-input-error": Object.freeze({
201
+ "state-input-error": Object.freeze({
202
202
  "value": "0 2px 6px 0 #0000000d, 0 0 0 3px #f798474d, inset 0 0 0 1px #f79847ff",
203
- "ref": "0 beta-dimension-2 beta-dimension-6 0 beta-color-elevation-base, 0 0 0 beta-dimension-3 beta-color-state-warning-light, inset 0 0 0 beta-dimension-1 beta-color-state-warning"
203
+ "ref": "0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-warning-light, inset 0 0 0 dimension-1 color-state-warning"
204
204
  })
205
205
  }),
206
206
  "typography": Object.freeze({
207
- "beta-typography-heading-font-family": Object.freeze({
207
+ "typography-heading-font-family": Object.freeze({
208
208
  "value": "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'",
209
- "ref": "beta-typography-font-family-sans-kr"
209
+ "ref": "typography-font-family-sans-kr"
210
210
  }),
211
- "beta-typography-heading-size-xlarge": Object.freeze({
211
+ "typography-heading-size-xlarge": Object.freeze({
212
212
  "value": "24px",
213
- "ref": "beta-typography-font-size-24"
213
+ "ref": "typography-font-size-24"
214
214
  }),
215
- "beta-typography-heading-size-large": Object.freeze({
215
+ "typography-heading-size-large": Object.freeze({
216
216
  "value": "22px",
217
- "ref": "beta-typography-font-size-22"
217
+ "ref": "typography-font-size-22"
218
218
  }),
219
- "beta-typography-heading-size-medium": Object.freeze({
219
+ "typography-heading-size-medium": Object.freeze({
220
220
  "value": "18px",
221
- "ref": "beta-typography-font-size-18"
221
+ "ref": "typography-font-size-18"
222
222
  }),
223
- "beta-typography-heading-size-small": Object.freeze({
223
+ "typography-heading-size-small": Object.freeze({
224
224
  "value": "17px",
225
- "ref": "beta-typography-font-size-17"
225
+ "ref": "typography-font-size-17"
226
226
  }),
227
- "beta-typography-heading-size-xsmall": Object.freeze({
227
+ "typography-heading-size-xsmall": Object.freeze({
228
228
  "value": "16px",
229
- "ref": "beta-typography-font-size-16"
229
+ "ref": "typography-font-size-16"
230
230
  }),
231
- "beta-typography-heading-size-2xsmall": Object.freeze({
231
+ "typography-heading-size-2xsmall": Object.freeze({
232
232
  "value": "15px",
233
- "ref": "beta-typography-font-size-15"
233
+ "ref": "typography-font-size-15"
234
234
  }),
235
- "beta-typography-heading-weight-bold": Object.freeze({
235
+ "typography-heading-weight-bold": Object.freeze({
236
236
  "value": "700",
237
- "ref": "beta-typography-font-weight-700"
237
+ "ref": "typography-font-weight-700"
238
238
  }),
239
- "beta-typography-heading-letter-spacing": Object.freeze({
239
+ "typography-heading-letter-spacing": Object.freeze({
240
240
  "value": "0",
241
- "ref": "beta-typography-letter-spacing-0"
241
+ "ref": "typography-letter-spacing-0"
242
242
  }),
243
- "beta-typography-heading-letter-spacing-tight": Object.freeze({
243
+ "typography-heading-letter-spacing-tight": Object.freeze({
244
244
  "value": "-0.1px",
245
- "ref": "beta-typography-letter-spacing-0-1"
245
+ "ref": "typography-letter-spacing-0-1"
246
246
  }),
247
- "beta-typography-heading-letter-spacing-tighter": Object.freeze({
247
+ "typography-heading-letter-spacing-tighter": Object.freeze({
248
248
  "value": "-0.4px",
249
- "ref": "beta-typography-letter-spacing-0-4"
249
+ "ref": "typography-letter-spacing-0-4"
250
250
  }),
251
- "beta-typography-heading-line-height-xlarge": Object.freeze({
251
+ "typography-heading-line-height-xlarge": Object.freeze({
252
252
  "value": "32px",
253
- "ref": "beta-typography-line-height-32"
253
+ "ref": "typography-line-height-32"
254
254
  }),
255
- "beta-typography-heading-line-height-large": Object.freeze({
255
+ "typography-heading-line-height-large": Object.freeze({
256
256
  "value": "28px",
257
- "ref": "beta-typography-line-height-28"
257
+ "ref": "typography-line-height-28"
258
258
  }),
259
- "beta-typography-heading-line-height-medium": Object.freeze({
259
+ "typography-heading-line-height-medium": Object.freeze({
260
260
  "value": "24px",
261
- "ref": "beta-typography-line-height-24"
261
+ "ref": "typography-line-height-24"
262
262
  }),
263
- "beta-typography-heading-line-height-small": Object.freeze({
263
+ "typography-heading-line-height-small": Object.freeze({
264
264
  "value": "24px",
265
- "ref": "beta-typography-line-height-24"
265
+ "ref": "typography-line-height-24"
266
266
  }),
267
- "beta-typography-heading-line-height-xsmall": Object.freeze({
267
+ "typography-heading-line-height-xsmall": Object.freeze({
268
268
  "value": "24px",
269
- "ref": "beta-typography-line-height-24"
269
+ "ref": "typography-line-height-24"
270
270
  }),
271
- "beta-typography-heading-line-height-2xsmall": Object.freeze({
271
+ "typography-heading-line-height-2xsmall": Object.freeze({
272
272
  "value": "20px",
273
- "ref": "beta-typography-line-height-20"
273
+ "ref": "typography-line-height-20"
274
274
  }),
275
- "beta-typography-text-font-family": Object.freeze({
275
+ "typography-text-font-family": Object.freeze({
276
276
  "value": "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'",
277
- "ref": "beta-typography-font-family-sans-kr"
277
+ "ref": "typography-font-family-sans-kr"
278
278
  }),
279
- "beta-typography-text-size-2xlarge": Object.freeze({
279
+ "typography-text-size-2xlarge": Object.freeze({
280
280
  "value": "17px",
281
- "ref": "beta-typography-font-size-17"
281
+ "ref": "typography-font-size-17"
282
282
  }),
283
- "beta-typography-text-size-xlarge": Object.freeze({
283
+ "typography-text-size-xlarge": Object.freeze({
284
284
  "value": "16px",
285
- "ref": "beta-typography-font-size-16"
285
+ "ref": "typography-font-size-16"
286
286
  }),
287
- "beta-typography-text-size-large": Object.freeze({
287
+ "typography-text-size-large": Object.freeze({
288
288
  "value": "15px",
289
- "ref": "beta-typography-font-size-15"
289
+ "ref": "typography-font-size-15"
290
290
  }),
291
- "beta-typography-text-size-medium": Object.freeze({
291
+ "typography-text-size-medium": Object.freeze({
292
292
  "value": "14px",
293
- "ref": "beta-typography-font-size-14"
293
+ "ref": "typography-font-size-14"
294
294
  }),
295
- "beta-typography-text-size-small": Object.freeze({
295
+ "typography-text-size-small": Object.freeze({
296
296
  "value": "13px",
297
- "ref": "beta-typography-font-size-13"
297
+ "ref": "typography-font-size-13"
298
298
  }),
299
- "beta-typography-text-size-xsmall": Object.freeze({
299
+ "typography-text-size-xsmall": Object.freeze({
300
300
  "value": "12px",
301
- "ref": "beta-typography-font-size-12"
301
+ "ref": "typography-font-size-12"
302
302
  }),
303
- "beta-typography-text-size-2xsmall": Object.freeze({
303
+ "typography-text-size-2xsmall": Object.freeze({
304
304
  "value": "11px",
305
- "ref": "beta-typography-font-size-11"
305
+ "ref": "typography-font-size-11"
306
306
  }),
307
- "beta-typography-text-weight-bold": Object.freeze({
307
+ "typography-text-weight-bold": Object.freeze({
308
308
  "value": "700",
309
- "ref": "beta-typography-font-weight-700"
309
+ "ref": "typography-font-weight-700"
310
310
  }),
311
- "beta-typography-text-weight-regular": Object.freeze({
311
+ "typography-text-weight-regular": Object.freeze({
312
312
  "value": "400",
313
- "ref": "beta-typography-font-weight-400"
313
+ "ref": "typography-font-weight-400"
314
314
  }),
315
- "beta-typography-text-letter-spacing": Object.freeze({
315
+ "typography-text-letter-spacing": Object.freeze({
316
316
  "value": "0",
317
- "ref": "beta-typography-letter-spacing-0"
317
+ "ref": "typography-letter-spacing-0"
318
318
  }),
319
- "beta-typography-text-letter-spacing-tight": Object.freeze({
319
+ "typography-text-letter-spacing-tight": Object.freeze({
320
320
  "value": "-0.1px",
321
- "ref": "beta-typography-letter-spacing-0-1"
321
+ "ref": "typography-letter-spacing-0-1"
322
322
  }),
323
- "beta-typography-text-line-height-2xlarge": Object.freeze({
323
+ "typography-text-line-height-2xlarge": Object.freeze({
324
324
  "value": "24px",
325
- "ref": "beta-typography-line-height-24"
325
+ "ref": "typography-line-height-24"
326
326
  }),
327
- "beta-typography-text-line-height-xlarge": Object.freeze({
327
+ "typography-text-line-height-xlarge": Object.freeze({
328
328
  "value": "24px",
329
- "ref": "beta-typography-line-height-24"
329
+ "ref": "typography-line-height-24"
330
330
  }),
331
- "beta-typography-text-line-height-large": Object.freeze({
331
+ "typography-text-line-height-large": Object.freeze({
332
332
  "value": "20px",
333
- "ref": "beta-typography-line-height-20"
333
+ "ref": "typography-line-height-20"
334
334
  }),
335
- "beta-typography-text-line-height-medium": Object.freeze({
335
+ "typography-text-line-height-medium": Object.freeze({
336
336
  "value": "18px",
337
- "ref": "beta-typography-line-height-18"
337
+ "ref": "typography-line-height-18"
338
338
  }),
339
- "beta-typography-text-line-height-small": Object.freeze({
339
+ "typography-text-line-height-small": Object.freeze({
340
340
  "value": "18px",
341
- "ref": "beta-typography-line-height-18"
341
+ "ref": "typography-line-height-18"
342
342
  }),
343
- "beta-typography-text-line-height-xsmall": Object.freeze({
343
+ "typography-text-line-height-xsmall": Object.freeze({
344
344
  "value": "16px",
345
- "ref": "beta-typography-line-height-16"
345
+ "ref": "typography-line-height-16"
346
346
  }),
347
- "beta-typography-text-line-height-2xsmall": Object.freeze({
347
+ "typography-text-line-height-2xsmall": Object.freeze({
348
348
  "value": "16px",
349
- "ref": "beta-typography-line-height-16"
349
+ "ref": "typography-line-height-16"
350
350
  }),
351
- "beta-typography-display-font-family": Object.freeze({
351
+ "typography-display-font-family": Object.freeze({
352
352
  "value": "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'",
353
- "ref": "beta-typography-font-family-sans-kr"
353
+ "ref": "typography-font-family-sans-kr"
354
354
  }),
355
- "beta-typography-display-size-large": Object.freeze({
355
+ "typography-display-size-large": Object.freeze({
356
356
  "value": "36px",
357
- "ref": "beta-typography-font-size-36"
357
+ "ref": "typography-font-size-36"
358
358
  }),
359
- "beta-typography-display-size-medium": Object.freeze({
359
+ "typography-display-size-medium": Object.freeze({
360
360
  "value": "30px",
361
- "ref": "beta-typography-font-size-30"
361
+ "ref": "typography-font-size-30"
362
362
  }),
363
- "beta-typography-display-weight-bold": Object.freeze({
363
+ "typography-display-weight-bold": Object.freeze({
364
364
  "value": "700",
365
- "ref": "beta-typography-font-weight-700"
365
+ "ref": "typography-font-weight-700"
366
366
  }),
367
- "beta-typography-display-letter-spacing-tighter": Object.freeze({
367
+ "typography-display-letter-spacing-tighter": Object.freeze({
368
368
  "value": "-0.4px",
369
- "ref": "beta-typography-letter-spacing-0-4"
369
+ "ref": "typography-letter-spacing-0-4"
370
370
  }),
371
- "beta-typography-display-line-height-large": Object.freeze({
371
+ "typography-display-line-height-large": Object.freeze({
372
372
  "value": "44px",
373
- "ref": "beta-typography-line-height-44"
373
+ "ref": "typography-line-height-44"
374
374
  }),
375
- "beta-typography-display-line-height-medium": Object.freeze({
375
+ "typography-display-line-height-medium": Object.freeze({
376
376
  "value": "36px",
377
- "ref": "beta-typography-line-height-36"
377
+ "ref": "typography-line-height-36"
378
378
  }),
379
- "beta-typography-code-font-family": Object.freeze({
379
+ "typography-code-font-family": Object.freeze({
380
380
  "value": "'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'",
381
- "ref": "beta-typography-font-family-monospace"
381
+ "ref": "typography-font-family-monospace"
382
382
  }),
383
- "beta-typography-code-size-medium": Object.freeze({
383
+ "typography-code-size-medium": Object.freeze({
384
384
  "value": "14px",
385
- "ref": "beta-typography-font-size-14"
385
+ "ref": "typography-font-size-14"
386
386
  }),
387
- "beta-typography-code-size-small": Object.freeze({
387
+ "typography-code-size-small": Object.freeze({
388
388
  "value": "13px",
389
- "ref": "beta-typography-font-size-13"
389
+ "ref": "typography-font-size-13"
390
390
  }),
391
- "beta-typography-code-weight-regular": Object.freeze({
391
+ "typography-code-weight-regular": Object.freeze({
392
392
  "value": "400",
393
- "ref": "beta-typography-font-weight-400"
393
+ "ref": "typography-font-weight-400"
394
394
  }),
395
- "beta-typography-code-letter-spacing": Object.freeze({
395
+ "typography-code-letter-spacing": Object.freeze({
396
396
  "value": "0",
397
- "ref": "beta-typography-letter-spacing-0"
397
+ "ref": "typography-letter-spacing-0"
398
398
  }),
399
- "beta-typography-code-line-height-medium": Object.freeze({
399
+ "typography-code-line-height-medium": Object.freeze({
400
400
  "value": "18px",
401
- "ref": "beta-typography-line-height-18"
401
+ "ref": "typography-line-height-18"
402
402
  }),
403
- "beta-typography-code-line-height-small": Object.freeze({
403
+ "typography-code-line-height-small": Object.freeze({
404
404
  "value": "18px",
405
- "ref": "beta-typography-line-height-18"
405
+ "ref": "typography-line-height-18"
406
406
  })
407
407
  }),
408
408
  "color": Object.freeze({
409
- "beta-color-text-action": Object.freeze({
409
+ "color-text-action": Object.freeze({
410
410
  "value": "#6b6effff",
411
- "ref": "beta-color-blue-300"
411
+ "ref": "color-blue-300"
412
412
  }),
413
- "beta-color-text-action-hovered": Object.freeze({
413
+ "color-text-action-hovered": Object.freeze({
414
414
  "value": "#8184ffff"
415
415
  }),
416
- "beta-color-text-success": Object.freeze({
416
+ "color-text-success": Object.freeze({
417
417
  "value": "#4bc16cff",
418
- "ref": "beta-color-green-300"
418
+ "ref": "color-green-300"
419
419
  }),
420
- "beta-color-text-success-hovered": Object.freeze({
420
+ "color-text-success-hovered": Object.freeze({
421
421
  "value": "#56cc77ff"
422
422
  }),
423
- "beta-color-text-highlight": Object.freeze({
423
+ "color-text-highlight": Object.freeze({
424
424
  "value": "#5cadefff",
425
- "ref": "beta-color-cobalt-300"
425
+ "ref": "color-cobalt-300"
426
426
  }),
427
- "beta-color-text-highlight-hovered": Object.freeze({
427
+ "color-text-highlight-hovered": Object.freeze({
428
428
  "value": "#6cb8f5ff"
429
429
  }),
430
- "beta-color-text-warning": Object.freeze({
430
+ "color-text-warning": Object.freeze({
431
431
  "value": "#f79847ff",
432
- "ref": "beta-color-orange-300"
432
+ "ref": "color-orange-300"
433
433
  }),
434
- "beta-color-text-warning-hovered": Object.freeze({
434
+ "color-text-warning-hovered": Object.freeze({
435
435
  "value": "#f8a45cff"
436
436
  }),
437
- "beta-color-text-critical": Object.freeze({
437
+ "color-text-critical": Object.freeze({
438
438
  "value": "#f26060ff",
439
- "ref": "beta-color-red-300"
439
+ "ref": "color-red-300"
440
440
  }),
441
- "beta-color-text-critical-hovered": Object.freeze({
441
+ "color-text-critical-hovered": Object.freeze({
442
442
  "value": "#f77171ff"
443
443
  }),
444
- "beta-color-text-neutral-heaviest": Object.freeze({
445
- "value": "#ffffffff",
446
- "ref": "beta-color-white-100"
444
+ "color-text-neutral-heaviest": Object.freeze({
445
+ "value": "#ffff",
446
+ "ref": "color-white-100"
447
447
  }),
448
- "beta-color-text-neutral-heaviest-hovered": Object.freeze({
448
+ "color-text-neutral-heaviest-hovered": Object.freeze({
449
449
  "value": "#edededff"
450
450
  }),
451
- "beta-color-text-neutral": Object.freeze({
452
- "value": "#ffffffcc",
453
- "ref": "beta-color-white-80"
451
+ "color-text-neutral": Object.freeze({
452
+ "value": "#fffc",
453
+ "ref": "color-white-80"
454
454
  }),
455
- "beta-color-text-neutral-hovered": Object.freeze({
455
+ "color-text-neutral-hovered": Object.freeze({
456
456
  "value": "#edededcc"
457
457
  }),
458
- "beta-color-text-neutral-light": Object.freeze({
459
- "value": "#ffffff99",
460
- "ref": "beta-color-white-60"
458
+ "color-text-neutral-light": Object.freeze({
459
+ "value": "#fff9",
460
+ "ref": "color-white-60"
461
461
  }),
462
- "beta-color-text-neutral-light-hovered": Object.freeze({
462
+ "color-text-neutral-light-hovered": Object.freeze({
463
463
  "value": "#ededed99"
464
464
  }),
465
- "beta-color-text-neutral-lighter": Object.freeze({
466
- "value": "#ffffff66",
467
- "ref": "beta-color-white-40"
465
+ "color-text-neutral-lighter": Object.freeze({
466
+ "value": "#fff6",
467
+ "ref": "color-white-40"
468
468
  }),
469
- "beta-color-text-neutral-lighter-hovered": Object.freeze({
469
+ "color-text-neutral-lighter-hovered": Object.freeze({
470
470
  "value": "#ededed66"
471
471
  }),
472
- "beta-color-text-accent-blue": Object.freeze({
472
+ "color-text-accent-blue": Object.freeze({
473
473
  "value": "#6b6effff",
474
- "ref": "beta-color-blue-300"
474
+ "ref": "color-blue-300"
475
475
  }),
476
- "beta-color-text-accent-blue-hovered": Object.freeze({
476
+ "color-text-accent-blue-hovered": Object.freeze({
477
477
  "value": "#8184ffff"
478
478
  }),
479
- "beta-color-text-accent-cobalt": Object.freeze({
479
+ "color-text-accent-cobalt": Object.freeze({
480
480
  "value": "#5cadefff",
481
- "ref": "beta-color-cobalt-300"
481
+ "ref": "color-cobalt-300"
482
482
  }),
483
- "beta-color-text-accent-cobalt-hovered": Object.freeze({
483
+ "color-text-accent-cobalt-hovered": Object.freeze({
484
484
  "value": "#6cb8f5ff"
485
485
  }),
486
- "beta-color-text-accent-green": Object.freeze({
486
+ "color-text-accent-green": Object.freeze({
487
487
  "value": "#4bc16cff",
488
- "ref": "beta-color-green-300"
488
+ "ref": "color-green-300"
489
489
  }),
490
- "beta-color-text-accent-green-hovered": Object.freeze({
490
+ "color-text-accent-green-hovered": Object.freeze({
491
491
  "value": "#56cc77ff"
492
492
  }),
493
- "beta-color-text-accent-red": Object.freeze({
493
+ "color-text-accent-red": Object.freeze({
494
494
  "value": "#f26060ff",
495
- "ref": "beta-color-red-300"
495
+ "ref": "color-red-300"
496
496
  }),
497
- "beta-color-text-accent-red-hovered": Object.freeze({
497
+ "color-text-accent-red-hovered": Object.freeze({
498
498
  "value": "#f77171ff"
499
499
  }),
500
- "beta-color-text-accent-orange": Object.freeze({
500
+ "color-text-accent-orange": Object.freeze({
501
501
  "value": "#f79847ff",
502
- "ref": "beta-color-orange-300"
502
+ "ref": "color-orange-300"
503
503
  }),
504
- "beta-color-text-accent-orange-hovered": Object.freeze({
504
+ "color-text-accent-orange-hovered": Object.freeze({
505
505
  "value": "#f8a45cff"
506
506
  }),
507
- "beta-color-text-accent-yellow": Object.freeze({
507
+ "color-text-accent-yellow": Object.freeze({
508
508
  "value": "#f0be27ff",
509
- "ref": "beta-color-yellow-300"
509
+ "ref": "color-yellow-300"
510
510
  }),
511
- "beta-color-text-accent-yellow-hovered": Object.freeze({
511
+ "color-text-accent-yellow-hovered": Object.freeze({
512
512
  "value": "#f7c736ff"
513
513
  }),
514
- "beta-color-text-accent-teal": Object.freeze({
514
+ "color-text-accent-teal": Object.freeze({
515
515
  "value": "#40d3c5ff",
516
- "ref": "beta-color-teal-300"
516
+ "ref": "color-teal-300"
517
517
  }),
518
- "beta-color-text-accent-teal-hovered": Object.freeze({
518
+ "color-text-accent-teal-hovered": Object.freeze({
519
519
  "value": "#4cdccfff"
520
520
  }),
521
- "beta-color-text-accent-navy": Object.freeze({
521
+ "color-text-accent-navy": Object.freeze({
522
522
  "value": "#6f7bc8ff",
523
- "ref": "beta-color-navy-300"
523
+ "ref": "color-navy-300"
524
524
  }),
525
- "beta-color-text-accent-navy-hovered": Object.freeze({
525
+ "color-text-accent-navy-hovered": Object.freeze({
526
526
  "value": "#7b86d3ff"
527
527
  }),
528
- "beta-color-text-accent-purple": Object.freeze({
528
+ "color-text-accent-purple": Object.freeze({
529
529
  "value": "#a970ffff",
530
- "ref": "beta-color-purple-300"
530
+ "ref": "color-purple-300"
531
531
  }),
532
- "beta-color-text-accent-purple-hovered": Object.freeze({
532
+ "color-text-accent-purple-hovered": Object.freeze({
533
533
  "value": "#b686ffff"
534
534
  }),
535
- "beta-color-text-accent-pink": Object.freeze({
535
+ "color-text-accent-pink": Object.freeze({
536
536
  "value": "#ec6fd3ff",
537
- "ref": "beta-color-pink-300"
537
+ "ref": "color-pink-300"
538
538
  }),
539
- "beta-color-text-accent-pink-hovered": Object.freeze({
539
+ "color-text-accent-pink-hovered": Object.freeze({
540
540
  "value": "#f27fdbff"
541
541
  }),
542
- "beta-color-text-absolute-white": Object.freeze({
543
- "value": "#ffffffff",
544
- "ref": "beta-color-white-100"
542
+ "color-text-absolute-white": Object.freeze({
543
+ "value": "#ffff",
544
+ "ref": "color-white-100"
545
545
  }),
546
- "beta-color-text-absolute-white-hovered": Object.freeze({
546
+ "color-text-absolute-white-hovered": Object.freeze({
547
547
  "value": "#edededff"
548
548
  }),
549
- "beta-color-text-absolute-black": Object.freeze({
550
- "value": "#000000ff",
551
- "ref": "beta-color-black-100"
549
+ "color-text-absolute-black": Object.freeze({
550
+ "value": "#000f",
551
+ "ref": "color-black-100"
552
552
  }),
553
- "beta-color-text-absolute-black-hovered": Object.freeze({
553
+ "color-text-absolute-black-hovered": Object.freeze({
554
554
  "value": "#0a0a0aff"
555
555
  }),
556
- "beta-color-icon-action": Object.freeze({
556
+ "color-icon-action": Object.freeze({
557
557
  "value": "#6b6effff",
558
- "ref": "beta-color-blue-300"
558
+ "ref": "color-blue-300"
559
559
  }),
560
- "beta-color-icon-action-hovered": Object.freeze({
560
+ "color-icon-action-hovered": Object.freeze({
561
561
  "value": "#8184ffff"
562
562
  }),
563
- "beta-color-icon-success": Object.freeze({
563
+ "color-icon-success": Object.freeze({
564
564
  "value": "#4bc16cff",
565
- "ref": "beta-color-green-300"
565
+ "ref": "color-green-300"
566
566
  }),
567
- "beta-color-icon-success-hovered": Object.freeze({
567
+ "color-icon-success-hovered": Object.freeze({
568
568
  "value": "#56cc77ff"
569
569
  }),
570
- "beta-color-icon-highlight": Object.freeze({
570
+ "color-icon-highlight": Object.freeze({
571
571
  "value": "#5cadefff",
572
- "ref": "beta-color-cobalt-300"
572
+ "ref": "color-cobalt-300"
573
573
  }),
574
- "beta-color-icon-highlight-hovered": Object.freeze({
574
+ "color-icon-highlight-hovered": Object.freeze({
575
575
  "value": "#6cb8f5ff"
576
576
  }),
577
- "beta-color-icon-warning": Object.freeze({
577
+ "color-icon-warning": Object.freeze({
578
578
  "value": "#f79847ff",
579
- "ref": "beta-color-orange-300"
579
+ "ref": "color-orange-300"
580
580
  }),
581
- "beta-color-icon-warning-hovered": Object.freeze({
581
+ "color-icon-warning-hovered": Object.freeze({
582
582
  "value": "#f8a45cff"
583
583
  }),
584
- "beta-color-icon-critical": Object.freeze({
584
+ "color-icon-critical": Object.freeze({
585
585
  "value": "#f26060ff",
586
- "ref": "beta-color-red-300"
586
+ "ref": "color-red-300"
587
587
  }),
588
- "beta-color-icon-critical-hovered": Object.freeze({
588
+ "color-icon-critical-hovered": Object.freeze({
589
589
  "value": "#f77171ff"
590
590
  }),
591
- "beta-color-icon-neutral": Object.freeze({
592
- "value": "#ffffff66",
593
- "ref": "beta-color-white-40"
591
+ "color-icon-neutral": Object.freeze({
592
+ "value": "#fff6",
593
+ "ref": "color-white-40"
594
594
  }),
595
- "beta-color-icon-neutral-hovered": Object.freeze({
595
+ "color-icon-neutral-hovered": Object.freeze({
596
596
  "value": "#ededed66"
597
597
  }),
598
- "beta-color-icon-neutral-heavy": Object.freeze({
599
- "value": "#ffffff99",
600
- "ref": "beta-color-white-60"
598
+ "color-icon-neutral-heavy": Object.freeze({
599
+ "value": "#fff9",
600
+ "ref": "color-white-60"
601
601
  }),
602
- "beta-color-icon-neutral-heavy-hovered": Object.freeze({
602
+ "color-icon-neutral-heavy-hovered": Object.freeze({
603
603
  "value": "#ededed99"
604
604
  }),
605
- "beta-color-icon-neutral-heavier": Object.freeze({
606
- "value": "#ffffffcc",
607
- "ref": "beta-color-white-80"
605
+ "color-icon-neutral-heavier": Object.freeze({
606
+ "value": "#fffc",
607
+ "ref": "color-white-80"
608
608
  }),
609
- "beta-color-icon-neutral-heavier-hovered": Object.freeze({
609
+ "color-icon-neutral-heavier-hovered": Object.freeze({
610
610
  "value": "#edededcc"
611
611
  }),
612
- "beta-color-icon-accent-blue": Object.freeze({
612
+ "color-icon-accent-blue": Object.freeze({
613
613
  "value": "#6b6effff",
614
- "ref": "beta-color-blue-300"
614
+ "ref": "color-blue-300"
615
615
  }),
616
- "beta-color-icon-accent-blue-hovered": Object.freeze({
616
+ "color-icon-accent-blue-hovered": Object.freeze({
617
617
  "value": "#8184ffff"
618
618
  }),
619
- "beta-color-icon-accent-cobalt": Object.freeze({
619
+ "color-icon-accent-cobalt": Object.freeze({
620
620
  "value": "#5cadefff",
621
- "ref": "beta-color-cobalt-300"
621
+ "ref": "color-cobalt-300"
622
622
  }),
623
- "beta-color-icon-accent-cobalt-hovered": Object.freeze({
623
+ "color-icon-accent-cobalt-hovered": Object.freeze({
624
624
  "value": "#6cb8f5ff"
625
625
  }),
626
- "beta-color-icon-accent-green": Object.freeze({
626
+ "color-icon-accent-green": Object.freeze({
627
627
  "value": "#4bc16cff",
628
- "ref": "beta-color-green-300"
628
+ "ref": "color-green-300"
629
629
  }),
630
- "beta-color-icon-accent-green-hovered": Object.freeze({
630
+ "color-icon-accent-green-hovered": Object.freeze({
631
631
  "value": "#56cc77ff"
632
632
  }),
633
- "beta-color-icon-accent-red": Object.freeze({
633
+ "color-icon-accent-red": Object.freeze({
634
634
  "value": "#f26060ff",
635
- "ref": "beta-color-red-300"
635
+ "ref": "color-red-300"
636
636
  }),
637
- "beta-color-icon-accent-red-hovered": Object.freeze({
637
+ "color-icon-accent-red-hovered": Object.freeze({
638
638
  "value": "#f77171ff"
639
639
  }),
640
- "beta-color-icon-accent-orange": Object.freeze({
640
+ "color-icon-accent-orange": Object.freeze({
641
641
  "value": "#f79847ff",
642
- "ref": "beta-color-orange-300"
642
+ "ref": "color-orange-300"
643
643
  }),
644
- "beta-color-icon-accent-orange-hovered": Object.freeze({
644
+ "color-icon-accent-orange-hovered": Object.freeze({
645
645
  "value": "#f8a45cff"
646
646
  }),
647
- "beta-color-icon-accent-yellow": Object.freeze({
647
+ "color-icon-accent-yellow": Object.freeze({
648
648
  "value": "#f0be27ff",
649
- "ref": "beta-color-yellow-300"
649
+ "ref": "color-yellow-300"
650
650
  }),
651
- "beta-color-icon-accent-yellow-hovered": Object.freeze({
651
+ "color-icon-accent-yellow-hovered": Object.freeze({
652
652
  "value": "#f7c736ff"
653
653
  }),
654
- "beta-color-icon-accent-olive": Object.freeze({
654
+ "color-icon-accent-olive": Object.freeze({
655
655
  "value": "#b7c427ff",
656
- "ref": "beta-color-olive-300"
656
+ "ref": "color-olive-300"
657
657
  }),
658
- "beta-color-icon-accent-olive-hovered": Object.freeze({
658
+ "color-icon-accent-olive-hovered": Object.freeze({
659
659
  "value": "#ccdb25ff"
660
660
  }),
661
- "beta-color-icon-accent-teal": Object.freeze({
661
+ "color-icon-accent-teal": Object.freeze({
662
662
  "value": "#40d3c5ff",
663
- "ref": "beta-color-teal-300"
663
+ "ref": "color-teal-300"
664
664
  }),
665
- "beta-color-icon-accent-teal-hovered": Object.freeze({
665
+ "color-icon-accent-teal-hovered": Object.freeze({
666
666
  "value": "#4cdccfff"
667
667
  }),
668
- "beta-color-icon-accent-navy": Object.freeze({
668
+ "color-icon-accent-navy": Object.freeze({
669
669
  "value": "#6f7bc8ff",
670
- "ref": "beta-color-navy-300"
670
+ "ref": "color-navy-300"
671
671
  }),
672
- "beta-color-icon-accent-navy-hovered": Object.freeze({
672
+ "color-icon-accent-navy-hovered": Object.freeze({
673
673
  "value": "#7b86d3ff"
674
674
  }),
675
- "beta-color-icon-accent-purple": Object.freeze({
675
+ "color-icon-accent-purple": Object.freeze({
676
676
  "value": "#a970ffff",
677
- "ref": "beta-color-purple-300"
677
+ "ref": "color-purple-300"
678
678
  }),
679
- "beta-color-icon-accent-purple-hovered": Object.freeze({
679
+ "color-icon-accent-purple-hovered": Object.freeze({
680
680
  "value": "#b686ffff"
681
681
  }),
682
- "beta-color-icon-accent-pink": Object.freeze({
682
+ "color-icon-accent-pink": Object.freeze({
683
683
  "value": "#ec6fd3ff",
684
- "ref": "beta-color-pink-300"
684
+ "ref": "color-pink-300"
685
685
  }),
686
- "beta-color-icon-accent-pink-hovered": Object.freeze({
686
+ "color-icon-accent-pink-hovered": Object.freeze({
687
687
  "value": "#f27fdbff"
688
688
  }),
689
- "beta-color-icon-absolute-white": Object.freeze({
690
- "value": "#ffffffff",
691
- "ref": "beta-color-white-100"
689
+ "color-icon-absolute-white": Object.freeze({
690
+ "value": "#ffff",
691
+ "ref": "color-white-100"
692
692
  }),
693
- "beta-color-icon-absolute-white-hovered": Object.freeze({
693
+ "color-icon-absolute-white-hovered": Object.freeze({
694
694
  "value": "#edededff"
695
695
  }),
696
- "beta-color-icon-absolute-black": Object.freeze({
697
- "value": "#000000ff",
698
- "ref": "beta-color-black-100"
696
+ "color-icon-absolute-black": Object.freeze({
697
+ "value": "#000f",
698
+ "ref": "color-black-100"
699
699
  }),
700
- "beta-color-icon-absolute-black-hovered": Object.freeze({
700
+ "color-icon-absolute-black-hovered": Object.freeze({
701
701
  "value": "#0a0a0aff"
702
702
  }),
703
- "beta-color-fill-neutral-heaviest": Object.freeze({
703
+ "color-fill-neutral-heaviest": Object.freeze({
704
704
  "value": "#ffffffe6",
705
- "ref": "beta-color-white-90"
705
+ "ref": "color-white-90"
706
706
  }),
707
- "beta-color-fill-neutral-heaviest-hovered": Object.freeze({
707
+ "color-fill-neutral-heaviest-hovered": Object.freeze({
708
708
  "value": "#ededede6"
709
709
  }),
710
- "beta-color-fill-neutral-heavier": Object.freeze({
711
- "value": "#ffffff66",
712
- "ref": "beta-color-white-40"
710
+ "color-fill-neutral-heavier": Object.freeze({
711
+ "value": "#fff6",
712
+ "ref": "color-white-40"
713
713
  }),
714
- "beta-color-fill-neutral-heavier-hovered": Object.freeze({
714
+ "color-fill-neutral-heavier-hovered": Object.freeze({
715
715
  "value": "#ededed66"
716
716
  }),
717
- "beta-color-fill-neutral-heavy": Object.freeze({
718
- "value": "#ffffff33",
719
- "ref": "beta-color-white-20"
717
+ "color-fill-neutral-heavy": Object.freeze({
718
+ "value": "#fff3",
719
+ "ref": "color-white-20"
720
720
  }),
721
- "beta-color-fill-neutral-heavy-hovered": Object.freeze({
721
+ "color-fill-neutral-heavy-hovered": Object.freeze({
722
722
  "value": "#ededed4d"
723
723
  }),
724
- "beta-color-fill-neutral-light": Object.freeze({
724
+ "color-fill-neutral-light": Object.freeze({
725
725
  "value": "#ffffff14",
726
- "ref": "beta-color-white-8"
726
+ "ref": "color-white-8"
727
727
  }),
728
- "beta-color-fill-neutral-light-hovered": Object.freeze({
728
+ "color-fill-neutral-light-hovered": Object.freeze({
729
729
  "value": "#ededed1e"
730
730
  }),
731
- "beta-color-fill-neutral-lighter": Object.freeze({
731
+ "color-fill-neutral-lighter": Object.freeze({
732
732
  "value": "#ffffff0d",
733
- "ref": "beta-color-white-5"
733
+ "ref": "color-white-5"
734
734
  }),
735
- "beta-color-fill-neutral-lighter-hovered": Object.freeze({
735
+ "color-fill-neutral-lighter-hovered": Object.freeze({
736
736
  "value": "#ededed14"
737
737
  }),
738
- "beta-color-fill-neutral-lightest": Object.freeze({
738
+ "color-fill-neutral-lightest": Object.freeze({
739
739
  "value": "#ffffff08",
740
- "ref": "beta-color-white-3"
740
+ "ref": "color-white-3"
741
741
  }),
742
- "beta-color-fill-neutral-lightest-hovered": Object.freeze({
742
+ "color-fill-neutral-lightest-hovered": Object.freeze({
743
743
  "value": "#ededed0c"
744
744
  }),
745
- "beta-color-fill-neutral-transparent": Object.freeze({
746
- "value": "#ffffff00",
747
- "ref": "beta-color-white-0"
745
+ "color-fill-neutral-transparent": Object.freeze({
746
+ "value": "#fff0",
747
+ "ref": "color-white-0"
748
748
  }),
749
- "beta-color-fill-neutral-transparent-hovered": Object.freeze({
749
+ "color-fill-neutral-transparent-hovered": Object.freeze({
750
750
  "value": "#ffffff0d"
751
751
  }),
752
- "beta-color-fill-action": Object.freeze({
752
+ "color-fill-action": Object.freeze({
753
753
  "value": "#6b6effff",
754
- "ref": "beta-color-blue-300"
754
+ "ref": "color-blue-300"
755
755
  }),
756
- "beta-color-fill-action-hovered": Object.freeze({
756
+ "color-fill-action-hovered": Object.freeze({
757
757
  "value": "#8184ffff"
758
758
  }),
759
- "beta-color-fill-action-light": Object.freeze({
759
+ "color-fill-action-light": Object.freeze({
760
760
  "value": "#6b6eff4d",
761
- "ref": "beta-color-blue-300-30"
761
+ "ref": "color-blue-300-30"
762
762
  }),
763
- "beta-color-fill-action-light-hovered": Object.freeze({
763
+ "color-fill-action-light-hovered": Object.freeze({
764
764
  "value": "#8184ff4d"
765
765
  }),
766
- "beta-color-fill-action-lighter": Object.freeze({
766
+ "color-fill-action-lighter": Object.freeze({
767
767
  "value": "#6b6eff2e",
768
- "ref": "beta-color-blue-300-18"
768
+ "ref": "color-blue-300-18"
769
769
  }),
770
- "beta-color-fill-action-lighter-hovered": Object.freeze({
770
+ "color-fill-action-lighter-hovered": Object.freeze({
771
771
  "value": "#8184ff45"
772
772
  }),
773
- "beta-color-fill-action-transparent": Object.freeze({
773
+ "color-fill-action-transparent": Object.freeze({
774
774
  "value": "#6b6eff00",
775
- "ref": "beta-color-blue-300-0"
775
+ "ref": "color-blue-300-0"
776
776
  }),
777
- "beta-color-fill-action-transparent-hovered": Object.freeze({
777
+ "color-fill-action-transparent-hovered": Object.freeze({
778
778
  "value": "#6b6eff1a"
779
779
  }),
780
- "beta-color-fill-success": Object.freeze({
780
+ "color-fill-success": Object.freeze({
781
781
  "value": "#4bc16cff",
782
- "ref": "beta-color-green-300"
782
+ "ref": "color-green-300"
783
783
  }),
784
- "beta-color-fill-success-hovered": Object.freeze({
784
+ "color-fill-success-hovered": Object.freeze({
785
785
  "value": "#56cc77ff"
786
786
  }),
787
- "beta-color-fill-success-light": Object.freeze({
787
+ "color-fill-success-light": Object.freeze({
788
788
  "value": "#4bc16c4d",
789
- "ref": "beta-color-green-300-30"
789
+ "ref": "color-green-300-30"
790
790
  }),
791
- "beta-color-fill-success-light-hovered": Object.freeze({
791
+ "color-fill-success-light-hovered": Object.freeze({
792
792
  "value": "#56cc774d"
793
793
  }),
794
- "beta-color-fill-success-lighter": Object.freeze({
794
+ "color-fill-success-lighter": Object.freeze({
795
795
  "value": "#4bc16c2e",
796
- "ref": "beta-color-green-300-18"
796
+ "ref": "color-green-300-18"
797
797
  }),
798
- "beta-color-fill-success-lighter-hovered": Object.freeze({
798
+ "color-fill-success-lighter-hovered": Object.freeze({
799
799
  "value": "#56cc7745"
800
800
  }),
801
- "beta-color-fill-success-transparent": Object.freeze({
801
+ "color-fill-success-transparent": Object.freeze({
802
802
  "value": "#4bc16c00",
803
- "ref": "beta-color-green-300-0"
803
+ "ref": "color-green-300-0"
804
804
  }),
805
- "beta-color-fill-success-transparent-hovered": Object.freeze({
805
+ "color-fill-success-transparent-hovered": Object.freeze({
806
806
  "value": "#4bc16c1a"
807
807
  }),
808
- "beta-color-fill-highlight": Object.freeze({
808
+ "color-fill-highlight": Object.freeze({
809
809
  "value": "#5cadefff",
810
- "ref": "beta-color-cobalt-300"
810
+ "ref": "color-cobalt-300"
811
811
  }),
812
- "beta-color-fill-highlight-hovered": Object.freeze({
812
+ "color-fill-highlight-hovered": Object.freeze({
813
813
  "value": "#6cb8f5ff"
814
814
  }),
815
- "beta-color-fill-highlight-light": Object.freeze({
815
+ "color-fill-highlight-light": Object.freeze({
816
816
  "value": "#5cadef4d",
817
- "ref": "beta-color-cobalt-300-30"
817
+ "ref": "color-cobalt-300-30"
818
818
  }),
819
- "beta-color-fill-highlight-light-hovered": Object.freeze({
819
+ "color-fill-highlight-light-hovered": Object.freeze({
820
820
  "value": "#6cb8f54d"
821
821
  }),
822
- "beta-color-fill-highlight-lighter": Object.freeze({
822
+ "color-fill-highlight-lighter": Object.freeze({
823
823
  "value": "#5cadef2e",
824
- "ref": "beta-color-cobalt-300-18"
824
+ "ref": "color-cobalt-300-18"
825
825
  }),
826
- "beta-color-fill-highlight-lighter-hovered": Object.freeze({
826
+ "color-fill-highlight-lighter-hovered": Object.freeze({
827
827
  "value": "#6cb8f545"
828
828
  }),
829
- "beta-color-fill-highlight-transparent": Object.freeze({
829
+ "color-fill-highlight-transparent": Object.freeze({
830
830
  "value": "#5cadef00",
831
- "ref": "beta-color-cobalt-300-0"
831
+ "ref": "color-cobalt-300-0"
832
832
  }),
833
- "beta-color-fill-highlight-transparent-hovered": Object.freeze({
833
+ "color-fill-highlight-transparent-hovered": Object.freeze({
834
834
  "value": "#5cadef1a"
835
835
  }),
836
- "beta-color-fill-warning": Object.freeze({
836
+ "color-fill-warning": Object.freeze({
837
837
  "value": "#f79847ff",
838
- "ref": "beta-color-orange-300"
838
+ "ref": "color-orange-300"
839
839
  }),
840
- "beta-color-fill-warning-hovered": Object.freeze({
840
+ "color-fill-warning-hovered": Object.freeze({
841
841
  "value": "#f8a45cff"
842
842
  }),
843
- "beta-color-fill-warning-light": Object.freeze({
843
+ "color-fill-warning-light": Object.freeze({
844
844
  "value": "#f798474d",
845
- "ref": "beta-color-orange-300-30"
845
+ "ref": "color-orange-300-30"
846
846
  }),
847
- "beta-color-fill-warning-light-hovered": Object.freeze({
847
+ "color-fill-warning-light-hovered": Object.freeze({
848
848
  "value": "#f8a45c4d"
849
849
  }),
850
- "beta-color-fill-warning-lighter": Object.freeze({
850
+ "color-fill-warning-lighter": Object.freeze({
851
851
  "value": "#f798472e",
852
- "ref": "beta-color-orange-300-18"
852
+ "ref": "color-orange-300-18"
853
853
  }),
854
- "beta-color-fill-warning-lighter-hovered": Object.freeze({
854
+ "color-fill-warning-lighter-hovered": Object.freeze({
855
855
  "value": "#f8a45c45"
856
856
  }),
857
- "beta-color-fill-warning-transparent": Object.freeze({
857
+ "color-fill-warning-transparent": Object.freeze({
858
858
  "value": "#f7984700",
859
- "ref": "beta-color-orange-300-0"
859
+ "ref": "color-orange-300-0"
860
860
  }),
861
- "beta-color-fill-warning-transparent-hovered": Object.freeze({
861
+ "color-fill-warning-transparent-hovered": Object.freeze({
862
862
  "value": "#f798471a"
863
863
  }),
864
- "beta-color-fill-critical": Object.freeze({
864
+ "color-fill-critical": Object.freeze({
865
865
  "value": "#f26060ff",
866
- "ref": "beta-color-red-300"
866
+ "ref": "color-red-300"
867
867
  }),
868
- "beta-color-fill-critical-hovered": Object.freeze({
868
+ "color-fill-critical-hovered": Object.freeze({
869
869
  "value": "#f77171ff"
870
870
  }),
871
- "beta-color-fill-critical-light": Object.freeze({
871
+ "color-fill-critical-light": Object.freeze({
872
872
  "value": "#f260604d",
873
- "ref": "beta-color-red-300-30"
873
+ "ref": "color-red-300-30"
874
874
  }),
875
- "beta-color-fill-critical-light-hovered": Object.freeze({
875
+ "color-fill-critical-light-hovered": Object.freeze({
876
876
  "value": "#f771714d"
877
877
  }),
878
- "beta-color-fill-critical-lighter": Object.freeze({
878
+ "color-fill-critical-lighter": Object.freeze({
879
879
  "value": "#f260602e",
880
- "ref": "beta-color-red-300-18"
880
+ "ref": "color-red-300-18"
881
881
  }),
882
- "beta-color-fill-critical-lighter-hovered": Object.freeze({
882
+ "color-fill-critical-lighter-hovered": Object.freeze({
883
883
  "value": "#f7717145"
884
884
  }),
885
- "beta-color-fill-critical-transparent": Object.freeze({
885
+ "color-fill-critical-transparent": Object.freeze({
886
886
  "value": "#f2606000",
887
- "ref": "beta-color-red-300-0"
887
+ "ref": "color-red-300-0"
888
888
  }),
889
- "beta-color-fill-critical-transparent-hovered": Object.freeze({
889
+ "color-fill-critical-transparent-hovered": Object.freeze({
890
890
  "value": "#f260601a"
891
891
  }),
892
- "beta-color-fill-grey": Object.freeze({
892
+ "color-fill-grey": Object.freeze({
893
893
  "value": "#2a2a2dff",
894
- "ref": "beta-color-grey-850"
894
+ "ref": "color-grey-850"
895
895
  }),
896
- "beta-color-fill-grey-hovered": Object.freeze({
896
+ "color-fill-grey-hovered": Object.freeze({
897
897
  "value": "#343438ff"
898
898
  }),
899
- "beta-color-fill-grey-heavy": Object.freeze({
899
+ "color-fill-grey-heavy": Object.freeze({
900
900
  "value": "#303035ff",
901
- "ref": "beta-color-grey-800"
901
+ "ref": "color-grey-800"
902
902
  }),
903
- "beta-color-fill-grey-heavy-hovered": Object.freeze({
903
+ "color-fill-grey-heavy-hovered": Object.freeze({
904
904
  "value": "#3a3a40ff"
905
905
  }),
906
- "beta-color-fill-grey-heavier": Object.freeze({
906
+ "color-fill-grey-heavier": Object.freeze({
907
907
  "value": "#37373cff",
908
- "ref": "beta-color-grey-750"
908
+ "ref": "color-grey-750"
909
909
  }),
910
- "beta-color-fill-grey-heavier-hovered": Object.freeze({
910
+ "color-fill-grey-heavier-hovered": Object.freeze({
911
911
  "value": "#414147ff"
912
912
  }),
913
- "beta-color-fill-accent-blue": Object.freeze({
913
+ "color-fill-accent-blue": Object.freeze({
914
914
  "value": "#6b6eff2e",
915
- "ref": "beta-color-blue-300-18"
915
+ "ref": "color-blue-300-18"
916
916
  }),
917
- "beta-color-fill-accent-blue-hovered": Object.freeze({
917
+ "color-fill-accent-blue-hovered": Object.freeze({
918
918
  "value": "#8184ff45"
919
919
  }),
920
- "beta-color-fill-accent-blue-heavy": Object.freeze({
920
+ "color-fill-accent-blue-heavy": Object.freeze({
921
921
  "value": "#6b6eff4d",
922
- "ref": "beta-color-blue-300-30"
922
+ "ref": "color-blue-300-30"
923
923
  }),
924
- "beta-color-fill-accent-blue-heavy-hovered": Object.freeze({
924
+ "color-fill-accent-blue-heavy-hovered": Object.freeze({
925
925
  "value": "#8184ff4d"
926
926
  }),
927
- "beta-color-fill-accent-blue-heavier": Object.freeze({
927
+ "color-fill-accent-blue-heavier": Object.freeze({
928
928
  "value": "#6b6effff",
929
- "ref": "beta-color-blue-300"
929
+ "ref": "color-blue-300"
930
930
  }),
931
- "beta-color-fill-accent-blue-heavier-hovered": Object.freeze({
931
+ "color-fill-accent-blue-heavier-hovered": Object.freeze({
932
932
  "value": "#8184ffff"
933
933
  }),
934
- "beta-color-fill-accent-blue-transparent": Object.freeze({
934
+ "color-fill-accent-blue-transparent": Object.freeze({
935
935
  "value": "#6b6eff00",
936
- "ref": "beta-color-blue-300-0"
936
+ "ref": "color-blue-300-0"
937
937
  }),
938
- "beta-color-fill-accent-blue-transparent-hovered": Object.freeze({
938
+ "color-fill-accent-blue-transparent-hovered": Object.freeze({
939
939
  "value": "#6b6eff1a"
940
940
  }),
941
- "beta-color-fill-accent-cobalt": Object.freeze({
941
+ "color-fill-accent-cobalt": Object.freeze({
942
942
  "value": "#5cadef2e",
943
- "ref": "beta-color-cobalt-300-18"
943
+ "ref": "color-cobalt-300-18"
944
944
  }),
945
- "beta-color-fill-accent-cobalt-hovered": Object.freeze({
945
+ "color-fill-accent-cobalt-hovered": Object.freeze({
946
946
  "value": "#6cb8f545"
947
947
  }),
948
- "beta-color-fill-accent-cobalt-heavy": Object.freeze({
948
+ "color-fill-accent-cobalt-heavy": Object.freeze({
949
949
  "value": "#5cadef4d",
950
- "ref": "beta-color-cobalt-300-30"
950
+ "ref": "color-cobalt-300-30"
951
951
  }),
952
- "beta-color-fill-accent-cobalt-heavy-hovered": Object.freeze({
952
+ "color-fill-accent-cobalt-heavy-hovered": Object.freeze({
953
953
  "value": "#6cb8f54d"
954
954
  }),
955
- "beta-color-fill-accent-cobalt-heavier": Object.freeze({
955
+ "color-fill-accent-cobalt-heavier": Object.freeze({
956
956
  "value": "#5cadefff",
957
- "ref": "beta-color-cobalt-300"
957
+ "ref": "color-cobalt-300"
958
958
  }),
959
- "beta-color-fill-accent-cobalt-heavier-hovered": Object.freeze({
959
+ "color-fill-accent-cobalt-heavier-hovered": Object.freeze({
960
960
  "value": "#6cb8f5ff"
961
961
  }),
962
- "beta-color-fill-accent-cobalt-transparent": Object.freeze({
962
+ "color-fill-accent-cobalt-transparent": Object.freeze({
963
963
  "value": "#5cadef00",
964
- "ref": "beta-color-cobalt-300-0"
964
+ "ref": "color-cobalt-300-0"
965
965
  }),
966
- "beta-color-fill-accent-cobalt-transparent-hovered": Object.freeze({
966
+ "color-fill-accent-cobalt-transparent-hovered": Object.freeze({
967
967
  "value": "#5cadef1a"
968
968
  }),
969
- "beta-color-fill-accent-green": Object.freeze({
969
+ "color-fill-accent-green": Object.freeze({
970
970
  "value": "#4bc16c2e",
971
- "ref": "beta-color-green-300-18"
971
+ "ref": "color-green-300-18"
972
972
  }),
973
- "beta-color-fill-accent-green-hovered": Object.freeze({
973
+ "color-fill-accent-green-hovered": Object.freeze({
974
974
  "value": "#56cc7745"
975
975
  }),
976
- "beta-color-fill-accent-green-heavy": Object.freeze({
976
+ "color-fill-accent-green-heavy": Object.freeze({
977
977
  "value": "#4bc16c4d",
978
- "ref": "beta-color-green-300-30"
978
+ "ref": "color-green-300-30"
979
979
  }),
980
- "beta-color-fill-accent-green-heavy-hovered": Object.freeze({
980
+ "color-fill-accent-green-heavy-hovered": Object.freeze({
981
981
  "value": "#56cc774d"
982
982
  }),
983
- "beta-color-fill-accent-green-heavier": Object.freeze({
983
+ "color-fill-accent-green-heavier": Object.freeze({
984
984
  "value": "#4bc16cff",
985
- "ref": "beta-color-green-300"
985
+ "ref": "color-green-300"
986
986
  }),
987
- "beta-color-fill-accent-green-heavier-hovered": Object.freeze({
987
+ "color-fill-accent-green-heavier-hovered": Object.freeze({
988
988
  "value": "#56cc77ff"
989
989
  }),
990
- "beta-color-fill-accent-green-transparent": Object.freeze({
990
+ "color-fill-accent-green-transparent": Object.freeze({
991
991
  "value": "#4bc16c00",
992
- "ref": "beta-color-green-300-0"
992
+ "ref": "color-green-300-0"
993
993
  }),
994
- "beta-color-fill-accent-green-transparent-hovered": Object.freeze({
994
+ "color-fill-accent-green-transparent-hovered": Object.freeze({
995
995
  "value": "#4bc16c1a"
996
996
  }),
997
- "beta-color-fill-accent-red": Object.freeze({
997
+ "color-fill-accent-red": Object.freeze({
998
998
  "value": "#f260602e",
999
- "ref": "beta-color-red-300-18"
999
+ "ref": "color-red-300-18"
1000
1000
  }),
1001
- "beta-color-fill-accent-red-hovered": Object.freeze({
1001
+ "color-fill-accent-red-hovered": Object.freeze({
1002
1002
  "value": "#f7717145"
1003
1003
  }),
1004
- "beta-color-fill-accent-red-heavy": Object.freeze({
1004
+ "color-fill-accent-red-heavy": Object.freeze({
1005
1005
  "value": "#f260604d",
1006
- "ref": "beta-color-red-300-30"
1006
+ "ref": "color-red-300-30"
1007
1007
  }),
1008
- "beta-color-fill-accent-red-heavy-hovered": Object.freeze({
1008
+ "color-fill-accent-red-heavy-hovered": Object.freeze({
1009
1009
  "value": "#f771714d"
1010
1010
  }),
1011
- "beta-color-fill-accent-red-heavier": Object.freeze({
1011
+ "color-fill-accent-red-heavier": Object.freeze({
1012
1012
  "value": "#f26060ff",
1013
- "ref": "beta-color-red-300"
1013
+ "ref": "color-red-300"
1014
1014
  }),
1015
- "beta-color-fill-accent-red-heavier-hovered": Object.freeze({
1015
+ "color-fill-accent-red-heavier-hovered": Object.freeze({
1016
1016
  "value": "#f77171ff"
1017
1017
  }),
1018
- "beta-color-fill-accent-red-transparent": Object.freeze({
1018
+ "color-fill-accent-red-transparent": Object.freeze({
1019
1019
  "value": "#f2606000",
1020
- "ref": "beta-color-red-300-0"
1020
+ "ref": "color-red-300-0"
1021
1021
  }),
1022
- "beta-color-fill-accent-red-transparent-hovered": Object.freeze({
1022
+ "color-fill-accent-red-transparent-hovered": Object.freeze({
1023
1023
  "value": "#f260601a"
1024
1024
  }),
1025
- "beta-color-fill-accent-orange": Object.freeze({
1025
+ "color-fill-accent-orange": Object.freeze({
1026
1026
  "value": "#f798472e",
1027
- "ref": "beta-color-orange-300-18"
1027
+ "ref": "color-orange-300-18"
1028
1028
  }),
1029
- "beta-color-fill-accent-orange-hovered": Object.freeze({
1029
+ "color-fill-accent-orange-hovered": Object.freeze({
1030
1030
  "value": "#f8a45c45"
1031
1031
  }),
1032
- "beta-color-fill-accent-orange-heavy": Object.freeze({
1032
+ "color-fill-accent-orange-heavy": Object.freeze({
1033
1033
  "value": "#f798474d",
1034
- "ref": "beta-color-orange-300-30"
1034
+ "ref": "color-orange-300-30"
1035
1035
  }),
1036
- "beta-color-fill-accent-orange-heavy-hovered": Object.freeze({
1036
+ "color-fill-accent-orange-heavy-hovered": Object.freeze({
1037
1037
  "value": "#f8a45c4d"
1038
1038
  }),
1039
- "beta-color-fill-accent-orange-heavier": Object.freeze({
1039
+ "color-fill-accent-orange-heavier": Object.freeze({
1040
1040
  "value": "#f79847ff",
1041
- "ref": "beta-color-orange-300"
1041
+ "ref": "color-orange-300"
1042
1042
  }),
1043
- "beta-color-fill-accent-orange-heavier-hovered": Object.freeze({
1043
+ "color-fill-accent-orange-heavier-hovered": Object.freeze({
1044
1044
  "value": "#f8a45cff"
1045
1045
  }),
1046
- "beta-color-fill-accent-orange-transparent": Object.freeze({
1046
+ "color-fill-accent-orange-transparent": Object.freeze({
1047
1047
  "value": "#f7984700",
1048
- "ref": "beta-color-orange-300-0"
1048
+ "ref": "color-orange-300-0"
1049
1049
  }),
1050
- "beta-color-fill-accent-orange-transparent-hovered": Object.freeze({
1050
+ "color-fill-accent-orange-transparent-hovered": Object.freeze({
1051
1051
  "value": "#f798471a"
1052
1052
  }),
1053
- "beta-color-fill-accent-yellow": Object.freeze({
1053
+ "color-fill-accent-yellow": Object.freeze({
1054
1054
  "value": "#f0be272e",
1055
- "ref": "beta-color-yellow-300-18"
1055
+ "ref": "color-yellow-300-18"
1056
1056
  }),
1057
- "beta-color-fill-accent-yellow-hovered": Object.freeze({
1057
+ "color-fill-accent-yellow-hovered": Object.freeze({
1058
1058
  "value": "#f7c73645"
1059
1059
  }),
1060
- "beta-color-fill-accent-yellow-heavy": Object.freeze({
1060
+ "color-fill-accent-yellow-heavy": Object.freeze({
1061
1061
  "value": "#f0be274d",
1062
- "ref": "beta-color-yellow-300-30"
1062
+ "ref": "color-yellow-300-30"
1063
1063
  }),
1064
- "beta-color-fill-accent-yellow-heavy-hovered": Object.freeze({
1064
+ "color-fill-accent-yellow-heavy-hovered": Object.freeze({
1065
1065
  "value": "#f7c7364d"
1066
1066
  }),
1067
- "beta-color-fill-accent-yellow-heavier": Object.freeze({
1067
+ "color-fill-accent-yellow-heavier": Object.freeze({
1068
1068
  "value": "#f0be27ff",
1069
- "ref": "beta-color-yellow-300"
1069
+ "ref": "color-yellow-300"
1070
1070
  }),
1071
- "beta-color-fill-accent-yellow-heavier-hovered": Object.freeze({
1071
+ "color-fill-accent-yellow-heavier-hovered": Object.freeze({
1072
1072
  "value": "#f7c736ff"
1073
1073
  }),
1074
- "beta-color-fill-accent-yellow-transparent": Object.freeze({
1074
+ "color-fill-accent-yellow-transparent": Object.freeze({
1075
1075
  "value": "#f0be2700",
1076
- "ref": "beta-color-yellow-300-0"
1076
+ "ref": "color-yellow-300-0"
1077
1077
  }),
1078
- "beta-color-fill-accent-yellow-transparent-hovered": Object.freeze({
1078
+ "color-fill-accent-yellow-transparent-hovered": Object.freeze({
1079
1079
  "value": "#f0be271a"
1080
1080
  }),
1081
- "beta-color-fill-accent-olive": Object.freeze({
1081
+ "color-fill-accent-olive": Object.freeze({
1082
1082
  "value": "#b7c4272e",
1083
- "ref": "beta-color-olive-300-18"
1083
+ "ref": "color-olive-300-18"
1084
1084
  }),
1085
- "beta-color-fill-accent-olive-hovered": Object.freeze({
1085
+ "color-fill-accent-olive-hovered": Object.freeze({
1086
1086
  "value": "#ccdb2545"
1087
1087
  }),
1088
- "beta-color-fill-accent-olive-heavy": Object.freeze({
1088
+ "color-fill-accent-olive-heavy": Object.freeze({
1089
1089
  "value": "#b7c4274d",
1090
- "ref": "beta-color-olive-300-30"
1090
+ "ref": "color-olive-300-30"
1091
1091
  }),
1092
- "beta-color-fill-accent-olive-heavy-hovered": Object.freeze({
1092
+ "color-fill-accent-olive-heavy-hovered": Object.freeze({
1093
1093
  "value": "#ccdb254d"
1094
1094
  }),
1095
- "beta-color-fill-accent-olive-heavier": Object.freeze({
1095
+ "color-fill-accent-olive-heavier": Object.freeze({
1096
1096
  "value": "#b7c427ff",
1097
- "ref": "beta-color-olive-300"
1097
+ "ref": "color-olive-300"
1098
1098
  }),
1099
- "beta-color-fill-accent-olive-heavier-hovered": Object.freeze({
1099
+ "color-fill-accent-olive-heavier-hovered": Object.freeze({
1100
1100
  "value": "#ccdb25ff"
1101
1101
  }),
1102
- "beta-color-fill-accent-olive-transparent": Object.freeze({
1102
+ "color-fill-accent-olive-transparent": Object.freeze({
1103
1103
  "value": "#b7c42700",
1104
- "ref": "beta-color-olive-300-0"
1104
+ "ref": "color-olive-300-0"
1105
1105
  }),
1106
- "beta-color-fill-accent-olive-transparent-hovered": Object.freeze({
1106
+ "color-fill-accent-olive-transparent-hovered": Object.freeze({
1107
1107
  "value": "#b7c4271a"
1108
1108
  }),
1109
- "beta-color-fill-accent-teal": Object.freeze({
1109
+ "color-fill-accent-teal": Object.freeze({
1110
1110
  "value": "#40d3c52e",
1111
- "ref": "beta-color-teal-300-18"
1111
+ "ref": "color-teal-300-18"
1112
1112
  }),
1113
- "beta-color-fill-accent-teal-hovered": Object.freeze({
1113
+ "color-fill-accent-teal-hovered": Object.freeze({
1114
1114
  "value": "#4cdccf45"
1115
1115
  }),
1116
- "beta-color-fill-accent-teal-heavy": Object.freeze({
1116
+ "color-fill-accent-teal-heavy": Object.freeze({
1117
1117
  "value": "#40d3c54d",
1118
- "ref": "beta-color-teal-300-30"
1118
+ "ref": "color-teal-300-30"
1119
1119
  }),
1120
- "beta-color-fill-accent-teal-heavy-hovered": Object.freeze({
1120
+ "color-fill-accent-teal-heavy-hovered": Object.freeze({
1121
1121
  "value": "#4cdccf4d"
1122
1122
  }),
1123
- "beta-color-fill-accent-teal-heavier": Object.freeze({
1123
+ "color-fill-accent-teal-heavier": Object.freeze({
1124
1124
  "value": "#40d3c5ff",
1125
- "ref": "beta-color-teal-300"
1125
+ "ref": "color-teal-300"
1126
1126
  }),
1127
- "beta-color-fill-accent-teal-heavier-hovered": Object.freeze({
1127
+ "color-fill-accent-teal-heavier-hovered": Object.freeze({
1128
1128
  "value": "#4cdccfff"
1129
1129
  }),
1130
- "beta-color-fill-accent-teal-transparent": Object.freeze({
1130
+ "color-fill-accent-teal-transparent": Object.freeze({
1131
1131
  "value": "#40d3c500",
1132
- "ref": "beta-color-teal-300-0"
1132
+ "ref": "color-teal-300-0"
1133
1133
  }),
1134
- "beta-color-fill-accent-teal-transparent-hovered": Object.freeze({
1134
+ "color-fill-accent-teal-transparent-hovered": Object.freeze({
1135
1135
  "value": "#40d3c51a"
1136
1136
  }),
1137
- "beta-color-fill-accent-navy": Object.freeze({
1137
+ "color-fill-accent-navy": Object.freeze({
1138
1138
  "value": "#6f7bc82e",
1139
- "ref": "beta-color-navy-300-18"
1139
+ "ref": "color-navy-300-18"
1140
1140
  }),
1141
- "beta-color-fill-accent-navy-hovered": Object.freeze({
1141
+ "color-fill-accent-navy-hovered": Object.freeze({
1142
1142
  "value": "#7b86d345"
1143
1143
  }),
1144
- "beta-color-fill-accent-navy-heavy": Object.freeze({
1144
+ "color-fill-accent-navy-heavy": Object.freeze({
1145
1145
  "value": "#6f7bc84d",
1146
- "ref": "beta-color-navy-300-30"
1146
+ "ref": "color-navy-300-30"
1147
1147
  }),
1148
- "beta-color-fill-accent-navy-heavy-hovered": Object.freeze({
1148
+ "color-fill-accent-navy-heavy-hovered": Object.freeze({
1149
1149
  "value": "#7b86d34d"
1150
1150
  }),
1151
- "beta-color-fill-accent-navy-heavier": Object.freeze({
1151
+ "color-fill-accent-navy-heavier": Object.freeze({
1152
1152
  "value": "#6f7bc8ff",
1153
- "ref": "beta-color-navy-300"
1153
+ "ref": "color-navy-300"
1154
1154
  }),
1155
- "beta-color-fill-accent-navy-heavier-hovered": Object.freeze({
1155
+ "color-fill-accent-navy-heavier-hovered": Object.freeze({
1156
1156
  "value": "#7b86d3ff"
1157
1157
  }),
1158
- "beta-color-fill-accent-navy-transparent": Object.freeze({
1158
+ "color-fill-accent-navy-transparent": Object.freeze({
1159
1159
  "value": "#6f7bc800",
1160
- "ref": "beta-color-navy-300-0"
1160
+ "ref": "color-navy-300-0"
1161
1161
  }),
1162
- "beta-color-fill-accent-navy-transparent-hovered": Object.freeze({
1162
+ "color-fill-accent-navy-transparent-hovered": Object.freeze({
1163
1163
  "value": "#6f7bc81a"
1164
1164
  }),
1165
- "beta-color-fill-accent-purple": Object.freeze({
1165
+ "color-fill-accent-purple": Object.freeze({
1166
1166
  "value": "#a970ff2e",
1167
- "ref": "beta-color-purple-300-18"
1167
+ "ref": "color-purple-300-18"
1168
1168
  }),
1169
- "beta-color-fill-accent-purple-hovered": Object.freeze({
1169
+ "color-fill-accent-purple-hovered": Object.freeze({
1170
1170
  "value": "#b686ff45"
1171
1171
  }),
1172
- "beta-color-fill-accent-purple-heavy": Object.freeze({
1172
+ "color-fill-accent-purple-heavy": Object.freeze({
1173
1173
  "value": "#a970ff4d",
1174
- "ref": "beta-color-purple-300-30"
1174
+ "ref": "color-purple-300-30"
1175
1175
  }),
1176
- "beta-color-fill-accent-purple-heavy-hovered": Object.freeze({
1176
+ "color-fill-accent-purple-heavy-hovered": Object.freeze({
1177
1177
  "value": "#b686ff4d"
1178
1178
  }),
1179
- "beta-color-fill-accent-purple-heavier": Object.freeze({
1179
+ "color-fill-accent-purple-heavier": Object.freeze({
1180
1180
  "value": "#a970ffff",
1181
- "ref": "beta-color-purple-300"
1181
+ "ref": "color-purple-300"
1182
1182
  }),
1183
- "beta-color-fill-accent-purple-heavier-hovered": Object.freeze({
1183
+ "color-fill-accent-purple-heavier-hovered": Object.freeze({
1184
1184
  "value": "#b686ffff"
1185
1185
  }),
1186
- "beta-color-fill-accent-purple-transparent": Object.freeze({
1186
+ "color-fill-accent-purple-transparent": Object.freeze({
1187
1187
  "value": "#a970ff00",
1188
- "ref": "beta-color-purple-300-0"
1188
+ "ref": "color-purple-300-0"
1189
1189
  }),
1190
- "beta-color-fill-accent-purple-transparent-hovered": Object.freeze({
1190
+ "color-fill-accent-purple-transparent-hovered": Object.freeze({
1191
1191
  "value": "#a970ff1a"
1192
1192
  }),
1193
- "beta-color-fill-accent-pink": Object.freeze({
1193
+ "color-fill-accent-pink": Object.freeze({
1194
1194
  "value": "#ec6fd32e",
1195
- "ref": "beta-color-pink-300-18"
1195
+ "ref": "color-pink-300-18"
1196
1196
  }),
1197
- "beta-color-fill-accent-pink-hovered": Object.freeze({
1197
+ "color-fill-accent-pink-hovered": Object.freeze({
1198
1198
  "value": "#f27fdb45"
1199
1199
  }),
1200
- "beta-color-fill-accent-pink-heavy": Object.freeze({
1200
+ "color-fill-accent-pink-heavy": Object.freeze({
1201
1201
  "value": "#ec6fd34d",
1202
- "ref": "beta-color-pink-300-30"
1202
+ "ref": "color-pink-300-30"
1203
1203
  }),
1204
- "beta-color-fill-accent-pink-heavy-hovered": Object.freeze({
1204
+ "color-fill-accent-pink-heavy-hovered": Object.freeze({
1205
1205
  "value": "#f27fdb4d"
1206
1206
  }),
1207
- "beta-color-fill-accent-pink-heavier": Object.freeze({
1207
+ "color-fill-accent-pink-heavier": Object.freeze({
1208
1208
  "value": "#ec6fd3ff",
1209
- "ref": "beta-color-pink-300"
1209
+ "ref": "color-pink-300"
1210
1210
  }),
1211
- "beta-color-fill-accent-pink-heavier-hovered": Object.freeze({
1211
+ "color-fill-accent-pink-heavier-hovered": Object.freeze({
1212
1212
  "value": "#f27fdbff"
1213
1213
  }),
1214
- "beta-color-fill-accent-pink-transparent": Object.freeze({
1214
+ "color-fill-accent-pink-transparent": Object.freeze({
1215
1215
  "value": "#ec6fd300",
1216
- "ref": "beta-color-pink-300-0"
1216
+ "ref": "color-pink-300-0"
1217
1217
  }),
1218
- "beta-color-fill-accent-pink-transparent-hovered": Object.freeze({
1218
+ "color-fill-accent-pink-transparent-hovered": Object.freeze({
1219
1219
  "value": "#ec6fd31a"
1220
1220
  }),
1221
- "beta-color-fill-absolute-white": Object.freeze({
1222
- "value": "#ffffffff",
1223
- "ref": "beta-color-white-100"
1221
+ "color-fill-absolute-white": Object.freeze({
1222
+ "value": "#ffff",
1223
+ "ref": "color-white-100"
1224
1224
  }),
1225
- "beta-color-fill-absolute-white-hovered": Object.freeze({
1225
+ "color-fill-absolute-white-hovered": Object.freeze({
1226
1226
  "value": "#edededff"
1227
1227
  }),
1228
- "beta-color-fill-absolute-white-light": Object.freeze({
1229
- "value": "#ffffff33",
1230
- "ref": "beta-color-white-20"
1228
+ "color-fill-absolute-white-light": Object.freeze({
1229
+ "value": "#fff3",
1230
+ "ref": "color-white-20"
1231
1231
  }),
1232
- "beta-color-fill-absolute-white-light-hovered": Object.freeze({
1232
+ "color-fill-absolute-white-light-hovered": Object.freeze({
1233
1233
  "value": "#ededed4d"
1234
1234
  }),
1235
- "beta-color-fill-absolute-white-transparent": Object.freeze({
1236
- "value": "#ffffff00",
1237
- "ref": "beta-color-white-0"
1235
+ "color-fill-absolute-white-transparent": Object.freeze({
1236
+ "value": "#fff0",
1237
+ "ref": "color-white-0"
1238
1238
  }),
1239
- "beta-color-fill-absolute-white-transparent-hovered": Object.freeze({
1239
+ "color-fill-absolute-white-transparent-hovered": Object.freeze({
1240
1240
  "value": "#ffffff0d"
1241
1241
  }),
1242
- "beta-color-fill-absolute-black": Object.freeze({
1243
- "value": "#000000ff",
1244
- "ref": "beta-color-black-100"
1242
+ "color-fill-absolute-black": Object.freeze({
1243
+ "value": "#000f",
1244
+ "ref": "color-black-100"
1245
1245
  }),
1246
- "beta-color-fill-absolute-black-hovered": Object.freeze({
1246
+ "color-fill-absolute-black-hovered": Object.freeze({
1247
1247
  "value": "#0a0a0aff"
1248
1248
  }),
1249
- "beta-color-fill-absolute-black-light": Object.freeze({
1250
- "value": "#00000033",
1251
- "ref": "beta-color-black-20"
1249
+ "color-fill-absolute-black-light": Object.freeze({
1250
+ "value": "#0003",
1251
+ "ref": "color-black-20"
1252
1252
  }),
1253
- "beta-color-fill-absolute-black-light-hovered": Object.freeze({
1253
+ "color-fill-absolute-black-light-hovered": Object.freeze({
1254
1254
  "value": "#0a0a0a4d"
1255
1255
  }),
1256
- "beta-color-fill-absolute-black-transparent": Object.freeze({
1257
- "value": "#00000000",
1258
- "ref": "beta-color-black-0"
1256
+ "color-fill-absolute-black-transparent": Object.freeze({
1257
+ "value": "#0000",
1258
+ "ref": "color-black-0"
1259
1259
  }),
1260
- "beta-color-fill-absolute-black-transparent-hovered": Object.freeze({
1260
+ "color-fill-absolute-black-transparent-hovered": Object.freeze({
1261
1261
  "value": "#0000000d"
1262
1262
  }),
1263
- "beta-color-border-neutral": Object.freeze({
1263
+ "color-border-neutral": Object.freeze({
1264
1264
  "value": "#ffffff1f",
1265
- "ref": "beta-color-white-12"
1265
+ "ref": "color-white-12"
1266
1266
  }),
1267
- "beta-color-border-neutral-hovered": Object.freeze({
1267
+ "color-border-neutral-hovered": Object.freeze({
1268
1268
  "value": "#ededed2f"
1269
1269
  }),
1270
- "beta-color-border-neutral-heavy": Object.freeze({
1271
- "value": "#ffffff33",
1272
- "ref": "beta-color-white-20"
1270
+ "color-border-neutral-heavy": Object.freeze({
1271
+ "value": "#fff3",
1272
+ "ref": "color-white-20"
1273
1273
  }),
1274
- "beta-color-border-neutral-heavy-hovered": Object.freeze({
1274
+ "color-border-neutral-heavy-hovered": Object.freeze({
1275
1275
  "value": "#ededed4d"
1276
1276
  }),
1277
- "beta-color-border-neutral-heavier": Object.freeze({
1278
- "value": "#ffffff66",
1279
- "ref": "beta-color-white-40"
1277
+ "color-border-neutral-heavier": Object.freeze({
1278
+ "value": "#fff6",
1279
+ "ref": "color-white-40"
1280
1280
  }),
1281
- "beta-color-border-neutral-heavier-hovered": Object.freeze({
1281
+ "color-border-neutral-heavier-hovered": Object.freeze({
1282
1282
  "value": "#ededed66"
1283
1283
  }),
1284
- "beta-color-border-detach": Object.freeze({
1284
+ "color-border-detach": Object.freeze({
1285
1285
  "value": "#242428ff",
1286
- "ref": "beta-color-grey-900"
1286
+ "ref": "color-grey-900"
1287
1287
  }),
1288
- "beta-color-border-detach-hovered": Object.freeze({
1288
+ "color-border-detach-hovered": Object.freeze({
1289
1289
  "value": "#2e2e33ff"
1290
1290
  }),
1291
- "beta-color-border-detach-highest": Object.freeze({
1291
+ "color-border-detach-highest": Object.freeze({
1292
1292
  "value": "#454549ff",
1293
- "ref": "beta-color-grey-700"
1293
+ "ref": "color-grey-700"
1294
1294
  }),
1295
- "beta-color-border-detach-highest-hovered": Object.freeze({
1295
+ "color-border-detach-highest-hovered": Object.freeze({
1296
1296
  "value": "#4f4f54ff"
1297
1297
  }),
1298
- "beta-color-border-detach-higher": Object.freeze({
1298
+ "color-border-detach-higher": Object.freeze({
1299
1299
  "value": "#303035ff",
1300
- "ref": "beta-color-grey-800"
1300
+ "ref": "color-grey-800"
1301
1301
  }),
1302
- "beta-color-border-detach-higher-hovered": Object.freeze({
1302
+ "color-border-detach-higher-hovered": Object.freeze({
1303
1303
  "value": "#3a3a40ff"
1304
1304
  }),
1305
- "beta-color-border-detach-high": Object.freeze({
1305
+ "color-border-detach-high": Object.freeze({
1306
1306
  "value": "#2a2a2dff",
1307
- "ref": "beta-color-grey-850"
1307
+ "ref": "color-grey-850"
1308
1308
  }),
1309
- "beta-color-border-detach-high-hovered": Object.freeze({
1309
+ "color-border-detach-high-hovered": Object.freeze({
1310
1310
  "value": "#343438ff"
1311
1311
  }),
1312
- "beta-color-border-detach-low": Object.freeze({
1312
+ "color-border-detach-low": Object.freeze({
1313
1313
  "value": "#1a1a1cff",
1314
- "ref": "beta-color-grey-950"
1314
+ "ref": "color-grey-950"
1315
1315
  }),
1316
- "beta-color-border-detach-low-hovered": Object.freeze({
1316
+ "color-border-detach-low-hovered": Object.freeze({
1317
1317
  "value": "#242427ff"
1318
1318
  }),
1319
- "beta-color-border-absolute-white": Object.freeze({
1320
- "value": "#ffffffff",
1321
- "ref": "beta-color-white-100"
1319
+ "color-border-absolute-white": Object.freeze({
1320
+ "value": "#ffff",
1321
+ "ref": "color-white-100"
1322
1322
  }),
1323
- "beta-color-border-absolute-white-hovered": Object.freeze({
1323
+ "color-border-absolute-white-hovered": Object.freeze({
1324
1324
  "value": "#edededff"
1325
1325
  }),
1326
- "beta-color-surface": Object.freeze({
1326
+ "color-surface": Object.freeze({
1327
1327
  "value": "#242428ff",
1328
- "ref": "beta-color-grey-900"
1328
+ "ref": "color-grey-900"
1329
1329
  }),
1330
- "beta-color-surface-hovered": Object.freeze({
1330
+ "color-surface-hovered": Object.freeze({
1331
1331
  "value": "#2e2e33ff"
1332
1332
  }),
1333
- "beta-color-surface-highest": Object.freeze({
1333
+ "color-surface-highest": Object.freeze({
1334
1334
  "value": "#37373cff",
1335
- "ref": "beta-color-grey-750"
1335
+ "ref": "color-grey-750"
1336
1336
  }),
1337
- "beta-color-surface-highest-hovered": Object.freeze({
1337
+ "color-surface-highest-hovered": Object.freeze({
1338
1338
  "value": "#414147ff"
1339
1339
  }),
1340
- "beta-color-surface-higher": Object.freeze({
1340
+ "color-surface-higher": Object.freeze({
1341
1341
  "value": "#303035ff",
1342
- "ref": "beta-color-grey-800"
1342
+ "ref": "color-grey-800"
1343
1343
  }),
1344
- "beta-color-surface-higher-hovered": Object.freeze({
1344
+ "color-surface-higher-hovered": Object.freeze({
1345
1345
  "value": "#3a3a40ff"
1346
1346
  }),
1347
- "beta-color-surface-high": Object.freeze({
1347
+ "color-surface-high": Object.freeze({
1348
1348
  "value": "#2a2a2dff",
1349
- "ref": "beta-color-grey-850"
1349
+ "ref": "color-grey-850"
1350
1350
  }),
1351
- "beta-color-surface-high-hovered": Object.freeze({
1351
+ "color-surface-high-hovered": Object.freeze({
1352
1352
  "value": "#343438ff"
1353
1353
  }),
1354
- "beta-color-surface-low": Object.freeze({
1354
+ "color-surface-low": Object.freeze({
1355
1355
  "value": "#1a1a1cff",
1356
- "ref": "beta-color-grey-950"
1356
+ "ref": "color-grey-950"
1357
1357
  }),
1358
- "beta-color-surface-low-hovered": Object.freeze({
1358
+ "color-surface-low-hovered": Object.freeze({
1359
1359
  "value": "#242427ff"
1360
1360
  }),
1361
- "beta-color-surface-glass": Object.freeze({
1361
+ "color-surface-glass": Object.freeze({
1362
1362
  "value": "#303035e6",
1363
- "ref": "beta-color-grey-800-90"
1363
+ "ref": "color-grey-800-90"
1364
1364
  }),
1365
- "beta-color-surface-glass-hovered": Object.freeze({
1365
+ "color-surface-glass-hovered": Object.freeze({
1366
1366
  "value": "#3a3a40e6"
1367
1367
  }),
1368
- "beta-color-surface-glass-highest": Object.freeze({
1368
+ "color-surface-glass-highest": Object.freeze({
1369
1369
  "value": "#454549e6",
1370
- "ref": "beta-color-grey-700-90"
1370
+ "ref": "color-grey-700-90"
1371
1371
  }),
1372
- "beta-color-surface-glass-highest-hovered": Object.freeze({
1372
+ "color-surface-glass-highest-hovered": Object.freeze({
1373
1373
  "value": "#4f4f54e6"
1374
1374
  }),
1375
- "beta-color-surface-glass-higher": Object.freeze({
1375
+ "color-surface-glass-higher": Object.freeze({
1376
1376
  "value": "#303035e6",
1377
- "ref": "beta-color-grey-800-90"
1377
+ "ref": "color-grey-800-90"
1378
1378
  }),
1379
- "beta-color-surface-glass-higher-hovered": Object.freeze({
1379
+ "color-surface-glass-higher-hovered": Object.freeze({
1380
1380
  "value": "#3a3a40e6"
1381
1381
  }),
1382
- "beta-color-surface-glass-high": Object.freeze({
1382
+ "color-surface-glass-high": Object.freeze({
1383
1383
  "value": "#2a2a2de6",
1384
- "ref": "beta-color-grey-850-90"
1384
+ "ref": "color-grey-850-90"
1385
1385
  }),
1386
- "beta-color-surface-glass-high-hovered": Object.freeze({
1386
+ "color-surface-glass-high-hovered": Object.freeze({
1387
1387
  "value": "#343438e6"
1388
1388
  }),
1389
- "beta-color-surface-accent-blue": Object.freeze({
1389
+ "color-surface-accent-blue": Object.freeze({
1390
1390
  "value": "#6b6effff",
1391
- "ref": "beta-color-blue-300"
1391
+ "ref": "color-blue-300"
1392
1392
  }),
1393
- "beta-color-surface-accent-blue-hovered": Object.freeze({
1393
+ "color-surface-accent-blue-hovered": Object.freeze({
1394
1394
  "value": "#8184ffff"
1395
1395
  }),
1396
- "beta-color-surface-accent-cobalt": Object.freeze({
1396
+ "color-surface-accent-cobalt": Object.freeze({
1397
1397
  "value": "#5cadefff",
1398
- "ref": "beta-color-cobalt-300"
1398
+ "ref": "color-cobalt-300"
1399
1399
  }),
1400
- "beta-color-surface-accent-cobalt-hovered": Object.freeze({
1400
+ "color-surface-accent-cobalt-hovered": Object.freeze({
1401
1401
  "value": "#6cb8f5ff"
1402
1402
  }),
1403
- "beta-color-surface-accent-green": Object.freeze({
1403
+ "color-surface-accent-green": Object.freeze({
1404
1404
  "value": "#4bc16cff",
1405
- "ref": "beta-color-green-300"
1405
+ "ref": "color-green-300"
1406
1406
  }),
1407
- "beta-color-surface-accent-green-hovered": Object.freeze({
1407
+ "color-surface-accent-green-hovered": Object.freeze({
1408
1408
  "value": "#56cc77ff"
1409
1409
  }),
1410
- "beta-color-surface-accent-red": Object.freeze({
1410
+ "color-surface-accent-red": Object.freeze({
1411
1411
  "value": "#f26060ff",
1412
- "ref": "beta-color-red-300"
1412
+ "ref": "color-red-300"
1413
1413
  }),
1414
- "beta-color-surface-accent-red-hovered": Object.freeze({
1414
+ "color-surface-accent-red-hovered": Object.freeze({
1415
1415
  "value": "#f77171ff"
1416
1416
  }),
1417
- "beta-color-surface-accent-orange": Object.freeze({
1417
+ "color-surface-accent-orange": Object.freeze({
1418
1418
  "value": "#f79847ff",
1419
- "ref": "beta-color-orange-300"
1419
+ "ref": "color-orange-300"
1420
1420
  }),
1421
- "beta-color-surface-accent-orange-hovered": Object.freeze({
1421
+ "color-surface-accent-orange-hovered": Object.freeze({
1422
1422
  "value": "#f8a45cff"
1423
1423
  }),
1424
- "beta-color-surface-accent-yellow": Object.freeze({
1424
+ "color-surface-accent-yellow": Object.freeze({
1425
1425
  "value": "#f0be27ff",
1426
- "ref": "beta-color-yellow-300"
1426
+ "ref": "color-yellow-300"
1427
1427
  }),
1428
- "beta-color-surface-accent-yellow-hovered": Object.freeze({
1428
+ "color-surface-accent-yellow-hovered": Object.freeze({
1429
1429
  "value": "#f7c736ff"
1430
1430
  }),
1431
- "beta-color-surface-accent-olive": Object.freeze({
1431
+ "color-surface-accent-olive": Object.freeze({
1432
1432
  "value": "#b7c427ff",
1433
- "ref": "beta-color-olive-300"
1433
+ "ref": "color-olive-300"
1434
1434
  }),
1435
- "beta-color-surface-accent-olive-hovered": Object.freeze({
1435
+ "color-surface-accent-olive-hovered": Object.freeze({
1436
1436
  "value": "#ccdb25ff"
1437
1437
  }),
1438
- "beta-color-surface-accent-teal": Object.freeze({
1438
+ "color-surface-accent-teal": Object.freeze({
1439
1439
  "value": "#40d3c5ff",
1440
- "ref": "beta-color-teal-300"
1440
+ "ref": "color-teal-300"
1441
1441
  }),
1442
- "beta-color-surface-accent-teal-hovered": Object.freeze({
1442
+ "color-surface-accent-teal-hovered": Object.freeze({
1443
1443
  "value": "#4cdccfff"
1444
1444
  }),
1445
- "beta-color-surface-accent-navy": Object.freeze({
1445
+ "color-surface-accent-navy": Object.freeze({
1446
1446
  "value": "#6f7bc8ff",
1447
- "ref": "beta-color-navy-300"
1447
+ "ref": "color-navy-300"
1448
1448
  }),
1449
- "beta-color-surface-accent-navy-hovered": Object.freeze({
1449
+ "color-surface-accent-navy-hovered": Object.freeze({
1450
1450
  "value": "#7b86d3ff"
1451
1451
  }),
1452
- "beta-color-surface-accent-purple": Object.freeze({
1452
+ "color-surface-accent-purple": Object.freeze({
1453
1453
  "value": "#a970ffff",
1454
- "ref": "beta-color-purple-300"
1454
+ "ref": "color-purple-300"
1455
1455
  }),
1456
- "beta-color-surface-accent-purple-hovered": Object.freeze({
1456
+ "color-surface-accent-purple-hovered": Object.freeze({
1457
1457
  "value": "#b686ffff"
1458
1458
  }),
1459
- "beta-color-surface-accent-pink": Object.freeze({
1459
+ "color-surface-accent-pink": Object.freeze({
1460
1460
  "value": "#ec6fd3ff",
1461
- "ref": "beta-color-pink-300"
1461
+ "ref": "color-pink-300"
1462
1462
  }),
1463
- "beta-color-surface-accent-pink-hovered": Object.freeze({
1463
+ "color-surface-accent-pink-hovered": Object.freeze({
1464
1464
  "value": "#f27fdbff"
1465
1465
  }),
1466
- "beta-color-dim-absolute-black": Object.freeze({
1467
- "value": "#00000066",
1468
- "ref": "beta-color-black-40"
1466
+ "color-dim-absolute-black": Object.freeze({
1467
+ "value": "#0006",
1468
+ "ref": "color-black-40"
1469
1469
  }),
1470
- "beta-color-dim-absolute-black-hovered": Object.freeze({
1470
+ "color-dim-absolute-black-hovered": Object.freeze({
1471
1471
  "value": "#0a0a0a66"
1472
1472
  }),
1473
- "beta-color-dim-absolute-black-heavy": Object.freeze({
1474
- "value": "#00000099",
1475
- "ref": "beta-color-black-60"
1473
+ "color-dim-absolute-black-heavy": Object.freeze({
1474
+ "value": "#0009",
1475
+ "ref": "color-black-60"
1476
1476
  }),
1477
- "beta-color-dim-absolute-black-heavy-hovered": Object.freeze({
1477
+ "color-dim-absolute-black-heavy-hovered": Object.freeze({
1478
1478
  "value": "#0a0a0a99"
1479
1479
  }),
1480
- "beta-color-dim-absolute-white": Object.freeze({
1481
- "value": "#ffffff66",
1482
- "ref": "beta-color-white-40"
1480
+ "color-dim-absolute-white": Object.freeze({
1481
+ "value": "#fff6",
1482
+ "ref": "color-white-40"
1483
1483
  }),
1484
- "beta-color-dim-absolute-white-hovered": Object.freeze({
1484
+ "color-dim-absolute-white-hovered": Object.freeze({
1485
1485
  "value": "#ededed66"
1486
1486
  }),
1487
- "beta-color-dim-absolute-white-heavy": Object.freeze({
1488
- "value": "#ffffff99",
1489
- "ref": "beta-color-white-60"
1487
+ "color-dim-absolute-white-heavy": Object.freeze({
1488
+ "value": "#fff9",
1489
+ "ref": "color-white-60"
1490
1490
  }),
1491
- "beta-color-dim-absolute-white-heavy-hovered": Object.freeze({
1491
+ "color-dim-absolute-white-heavy-hovered": Object.freeze({
1492
1492
  "value": "#ededed99"
1493
1493
  }),
1494
- "beta-color-gradient-green": Object.freeze({
1494
+ "color-gradient-green": Object.freeze({
1495
1495
  "value": "#20ab55ff",
1496
- "ref": "beta-color-green-400"
1496
+ "ref": "color-green-400"
1497
1497
  }),
1498
- "beta-color-gradient-green-hovered": Object.freeze({
1498
+ "color-gradient-green-hovered": Object.freeze({
1499
1499
  "value": "#1ec35dff"
1500
1500
  }),
1501
- "beta-color-gradient-green-heavy": Object.freeze({
1501
+ "color-gradient-green-heavy": Object.freeze({
1502
1502
  "value": "#4bc16cff",
1503
- "ref": "beta-color-green-300"
1503
+ "ref": "color-green-300"
1504
1504
  }),
1505
- "beta-color-gradient-green-heavy-hovered": Object.freeze({
1505
+ "color-gradient-green-heavy-hovered": Object.freeze({
1506
1506
  "value": "#56cc77ff"
1507
1507
  }),
1508
- "beta-color-state-default": Object.freeze({
1509
- "value": "#ffffff33",
1510
- "ref": "beta-color-white-20"
1508
+ "color-state-default": Object.freeze({
1509
+ "value": "#fff3",
1510
+ "ref": "color-white-20"
1511
1511
  }),
1512
- "beta-color-state-default-hovered": Object.freeze({
1512
+ "color-state-default-hovered": Object.freeze({
1513
1513
  "value": "#ededed4d"
1514
1514
  }),
1515
- "beta-color-state-action": Object.freeze({
1515
+ "color-state-action": Object.freeze({
1516
1516
  "value": "#6b6effff",
1517
- "ref": "beta-color-blue-300"
1517
+ "ref": "color-blue-300"
1518
1518
  }),
1519
- "beta-color-state-action-hovered": Object.freeze({
1519
+ "color-state-action-hovered": Object.freeze({
1520
1520
  "value": "#8184ffff"
1521
1521
  }),
1522
- "beta-color-state-action-light": Object.freeze({
1522
+ "color-state-action-light": Object.freeze({
1523
1523
  "value": "#6b6eff73",
1524
- "ref": "beta-color-blue-300-45"
1524
+ "ref": "color-blue-300-45"
1525
1525
  }),
1526
- "beta-color-state-action-light-hovered": Object.freeze({
1526
+ "color-state-action-light-hovered": Object.freeze({
1527
1527
  "value": "#8184ff73"
1528
1528
  }),
1529
- "beta-color-state-warning": Object.freeze({
1529
+ "color-state-warning": Object.freeze({
1530
1530
  "value": "#f79847ff",
1531
- "ref": "beta-color-orange-300"
1531
+ "ref": "color-orange-300"
1532
1532
  }),
1533
- "beta-color-state-warning-hovered": Object.freeze({
1533
+ "color-state-warning-hovered": Object.freeze({
1534
1534
  "value": "#f8a45cff"
1535
1535
  }),
1536
- "beta-color-state-warning-light": Object.freeze({
1536
+ "color-state-warning-light": Object.freeze({
1537
1537
  "value": "#f798474d",
1538
- "ref": "beta-color-orange-300-30"
1538
+ "ref": "color-orange-300-30"
1539
1539
  }),
1540
- "beta-color-state-warning-light-hovered": Object.freeze({
1540
+ "color-state-warning-light-hovered": Object.freeze({
1541
1541
  "value": "#f8a45c4d"
1542
1542
  }),
1543
- "beta-color-elevation-xlarge": Object.freeze({
1543
+ "color-elevation-xlarge": Object.freeze({
1544
1544
  "value": "#0000004d",
1545
- "ref": "beta-color-black-30"
1545
+ "ref": "color-black-30"
1546
1546
  }),
1547
- "beta-color-elevation-xlarge-hovered": Object.freeze({
1547
+ "color-elevation-xlarge-hovered": Object.freeze({
1548
1548
  "value": "#0a0a0a4d"
1549
1549
  }),
1550
- "beta-color-elevation-large": Object.freeze({
1550
+ "color-elevation-large": Object.freeze({
1551
1551
  "value": "#00000038",
1552
- "ref": "beta-color-black-22"
1552
+ "ref": "color-black-22"
1553
1553
  }),
1554
- "beta-color-elevation-large-hovered": Object.freeze({
1554
+ "color-elevation-large-hovered": Object.freeze({
1555
1555
  "value": "#0a0a0a38"
1556
1556
  }),
1557
- "beta-color-elevation-medium": Object.freeze({
1557
+ "color-elevation-medium": Object.freeze({
1558
1558
  "value": "#00000026",
1559
- "ref": "beta-color-black-15"
1559
+ "ref": "color-black-15"
1560
1560
  }),
1561
- "beta-color-elevation-medium-hovered": Object.freeze({
1561
+ "color-elevation-medium-hovered": Object.freeze({
1562
1562
  "value": "#0a0a0a39"
1563
1563
  }),
1564
- "beta-color-elevation-small": Object.freeze({
1564
+ "color-elevation-small": Object.freeze({
1565
1565
  "value": "#00000014",
1566
- "ref": "beta-color-black-8"
1566
+ "ref": "color-black-8"
1567
1567
  }),
1568
- "beta-color-elevation-small-hovered": Object.freeze({
1568
+ "color-elevation-small-hovered": Object.freeze({
1569
1569
  "value": "#0a0a0a1e"
1570
1570
  }),
1571
- "beta-color-elevation-base": Object.freeze({
1571
+ "color-elevation-base": Object.freeze({
1572
1572
  "value": "#0000000d",
1573
- "ref": "beta-color-black-5"
1573
+ "ref": "color-black-5"
1574
1574
  }),
1575
- "beta-color-elevation-base-hovered": Object.freeze({
1575
+ "color-elevation-base-hovered": Object.freeze({
1576
1576
  "value": "#0a0a0a14"
1577
1577
  }),
1578
- "beta-color-elevation-base-inner": Object.freeze({
1578
+ "color-elevation-base-inner": Object.freeze({
1579
1579
  "value": "#ffffff1f",
1580
- "ref": "beta-color-white-12"
1580
+ "ref": "color-white-12"
1581
1581
  }),
1582
- "beta-color-elevation-base-inner-hovered": Object.freeze({
1582
+ "color-elevation-base-inner-hovered": Object.freeze({
1583
1583
  "value": "#ededed2f"
1584
1584
  })
1585
1585
  })