@sdata/web-vue 4.7.1 → 5.0.0

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 (219) hide show
  1. package/dist/sd.css +4004 -3955
  2. package/dist/sd.min.css +13 -13
  3. package/es/_components/input-label/style/index.css +47 -47
  4. package/es/_components/select-view/style/index.css +256 -256
  5. package/es/alert/style/index.css +48 -48
  6. package/es/alert/style/token.scss +257 -0
  7. package/es/anchor/style/index.css +18 -18
  8. package/es/anchor/style/token.scss +74 -0
  9. package/es/auto-complete/style/index.css +18 -18
  10. package/es/auto-complete/style/token.scss +94 -0
  11. package/es/avatar/style/index.css +31 -31
  12. package/es/avatar/style/token.scss +118 -0
  13. package/es/back-top/style/index.css +11 -11
  14. package/es/back-top/style/token.scss +60 -0
  15. package/es/badge/style/index.css +35 -35
  16. package/es/badge/style/token.scss +148 -0
  17. package/es/basic-crud-table/style/index.css +4 -4
  18. package/es/basic-crud-table/style/token.scss +20 -0
  19. package/es/bloom-menu/style/index.css +33 -34
  20. package/es/bloom-menu/style/index.scss +5 -5
  21. package/es/bloom-menu/style/token.scss +99 -0
  22. package/es/border-beam/style/token.scss +28 -0
  23. package/es/breadcrumb/style/index.css +17 -17
  24. package/es/breadcrumb/style/token.scss +97 -0
  25. package/es/button/style/index.css +379 -379
  26. package/es/button/style/index.scss +3 -3
  27. package/es/button/style/token.scss +1604 -0
  28. package/es/card/style/index.css +36 -36
  29. package/es/card/style/token.scss +162 -0
  30. package/es/carousel/style/index.css +41 -41
  31. package/es/carousel/style/token.scss +101 -0
  32. package/es/cascader/style/index.css +58 -58
  33. package/es/cascader/style/token.scss +89 -0
  34. package/es/checkbox/style/index.css +28 -28
  35. package/es/checkbox/style/token.scss +134 -0
  36. package/es/collapse/style/index.css +24 -24
  37. package/es/collapse/style/token.scss +136 -0
  38. package/es/color-picker/style/index.css +50 -50
  39. package/es/color-picker/style/token.scss +200 -0
  40. package/es/comment/style/index.css +15 -15
  41. package/es/comment/style/token.scss +83 -0
  42. package/es/config-provider/algorithms.d.ts +11 -0
  43. package/es/config-provider/algorithms.js +53 -0
  44. package/es/config-provider/global-theme.js +7 -4
  45. package/es/config-provider/theme-config.d.ts +11 -0
  46. package/es/config-provider/theme-config.js +114 -0
  47. package/es/config-provider/theme-provider.vue_vue_type_script_setup_true_lang.js +46 -11
  48. package/es/config-provider/theme.d.ts +4 -1
  49. package/es/config-provider/theme.js +6 -5
  50. package/es/config-provider/token-key.d.ts +1 -0
  51. package/es/config-provider/token-key.js +6 -0
  52. package/es/copy/style/index.css +1 -1
  53. package/es/copy/style/token.scss +9 -0
  54. package/es/cropper/style/index.css +7 -7
  55. package/es/cropper/style/token.scss +24 -0
  56. package/es/date-picker/style/index.css +73 -73
  57. package/es/date-picker/style/token.scss +229 -0
  58. package/es/descriptions/style/index.css +45 -45
  59. package/es/descriptions/style/token.scss +191 -0
  60. package/es/divider/style/index.css +11 -11
  61. package/es/divider/style/token.scss +60 -0
  62. package/es/drawer/style/index.css +13 -13
  63. package/es/drawer/style/token.scss +68 -0
  64. package/es/dropdown/style/index.css +24 -23
  65. package/es/dropdown/style/index.scss +4 -2
  66. package/es/dropdown/style/token.scss +123 -0
  67. package/es/ellipsis/ellipsis.vue_vue_type_script_setup_true_lang.js +3 -3
  68. package/es/ellipsis/interface.d.ts +1 -0
  69. package/es/ellipsis/style/index.css +2 -2
  70. package/es/ellipsis/style/token.scss +5 -0
  71. package/es/empty/style/index.css +7 -7
  72. package/es/empty/style/token.scss +35 -0
  73. package/es/file-previewer/style/index.css +44 -44
  74. package/es/file-previewer/style/token.scss +198 -0
  75. package/es/form/style/index.css +113 -113
  76. package/es/form/style/token.scss +340 -0
  77. package/es/image/style/index.css +83 -83
  78. package/es/image/style/token.scss +451 -0
  79. package/es/index.css +4004 -3955
  80. package/es/index.d.ts +3 -0
  81. package/es/index.js +4 -1
  82. package/es/input/style/index.css +104 -104
  83. package/es/input/style/input.scss +2 -8
  84. package/es/input/style/size.scss +4 -4
  85. package/es/input/style/token.scss +327 -0
  86. package/es/input-mask/style/index.css +1 -1
  87. package/es/input-mask/style/token.scss +8 -0
  88. package/es/input-number/style/index.css +19 -19
  89. package/es/input-number/style/token.scss +82 -0
  90. package/es/input-tag/style/index.css +209 -209
  91. package/es/input-tag/style/token.scss +226 -0
  92. package/es/json-form/style/index.css +2 -2
  93. package/es/json-form/style/token.scss +21 -0
  94. package/es/kv-list/style/index.css +13 -13
  95. package/es/kv-list/style/token.scss +29 -0
  96. package/es/layout/style/index.css +38 -38
  97. package/es/layout/style/token.scss +100 -0
  98. package/es/link/style/index.css +28 -28
  99. package/es/link/style/token.scss +117 -0
  100. package/es/list/style/index.css +27 -27
  101. package/es/list/style/token.scss +178 -0
  102. package/es/mention/style/token.scss +22 -0
  103. package/es/menu/style/index.css +153 -120
  104. package/es/menu/style/index.scss +12 -4
  105. package/es/menu/style/token.scss +390 -0
  106. package/es/message/style/index.css +33 -33
  107. package/es/message/style/token.scss +218 -0
  108. package/es/modal/style/index.css +21 -21
  109. package/es/modal/style/token.scss +115 -0
  110. package/es/model-selector/style/index.css +1 -1
  111. package/es/notification/style/index.css +44 -44
  112. package/es/notification/style/token.scss +241 -0
  113. package/es/number-flow/style/index.css +5 -5
  114. package/es/number-flow/style/token.scss +19 -0
  115. package/es/page-header/style/index.css +25 -25
  116. package/es/page-header/style/token.scss +139 -0
  117. package/es/pagination/style/index.css +85 -85
  118. package/es/pagination/style/token.scss +303 -0
  119. package/es/panel-group/style/index.css +7 -7
  120. package/es/panel-group/style/token.scss +28 -0
  121. package/es/popconfirm/style/index.css +18 -18
  122. package/es/popconfirm/style/token.scss +83 -0
  123. package/es/popover/style/index.css +12 -12
  124. package/es/popover/style/token.scss +58 -0
  125. package/es/progress/style/index.css +55 -55
  126. package/es/progress/style/token.scss +253 -0
  127. package/es/qr-code/style/index.css +18 -21
  128. package/es/qr-code/style/index.scss +4 -6
  129. package/es/qr-code/style/token.scss +59 -0
  130. package/es/radio/style/index.css +45 -44
  131. package/es/radio/style/index.scss +1 -0
  132. package/es/radio/style/token.scss +185 -0
  133. package/es/rate/style/index.css +8 -8
  134. package/es/rate/style/token.scss +19 -0
  135. package/es/regex-vis/style/index.css +51 -51
  136. package/es/regex-vis/style/token.scss +170 -0
  137. package/es/result/style/index.css +26 -26
  138. package/es/result/style/token.scss +139 -0
  139. package/es/rich-text-editor/style/index.css +31 -31
  140. package/es/rich-text-editor/style/token.scss +120 -0
  141. package/es/scrollbar/style/index.css +14 -14
  142. package/es/scrollbar/style/token.scss +33 -0
  143. package/es/secret/style/index.css +6 -6
  144. package/es/secret/style/token.scss +30 -0
  145. package/es/select/style/index.css +27 -27
  146. package/es/select/style/token.scss +151 -0
  147. package/es/selectable-card/style/index.css +53 -51
  148. package/es/selectable-card/style/index.scss +6 -2
  149. package/es/selectable-card/style/token.scss +60 -0
  150. package/es/sender/style/index.css +54 -54
  151. package/es/sender/style/token.scss +155 -0
  152. package/es/skeleton/style/index.css +12 -12
  153. package/es/skeleton/style/token.scss +60 -0
  154. package/es/slider/style/index.css +34 -34
  155. package/es/slider/style/token.scss +144 -0
  156. package/es/spin/style/index.css +11 -11
  157. package/es/spin/style/token.scss +60 -0
  158. package/es/split/style/index.css +2 -2
  159. package/es/split/style/token.scss +18 -0
  160. package/es/statistic/style/index.css +13 -13
  161. package/es/statistic/style/token.scss +73 -0
  162. package/es/steps/style/index.css +98 -98
  163. package/es/steps/style/token.scss +464 -0
  164. package/es/style/color/css-variables.scss +382 -381
  165. package/es/style/theme/css-variables.scss +329 -135
  166. package/es/style/theme/global.scss +5 -5
  167. package/es/style/theme/index.scss +1 -1
  168. package/es/style/theme/runtime.scss +29 -0
  169. package/es/switch/style/index.css +37 -37
  170. package/es/switch/style/token.scss +135 -0
  171. package/es/table/style/index.css +127 -127
  172. package/es/table/style/token.scss +425 -0
  173. package/es/tabs/style/index.css +196 -190
  174. package/es/tabs/style/index.scss +27 -17
  175. package/es/tabs/style/token.scss +534 -0
  176. package/es/tag/index.d.ts +13 -0
  177. package/es/tag/interface.d.ts +1 -0
  178. package/es/tag/style/index.css +159 -159
  179. package/es/tag/style/token.scss +513 -0
  180. package/es/tag/tag.vue.d.ts +13 -3
  181. package/es/tag/tag.vue_vue_type_script_setup_true_lang.js +35 -8
  182. package/es/tag-group/style/index.css +3 -3
  183. package/es/tag-group/style/token.scss +9 -0
  184. package/es/textarea/style/index.css +40 -40
  185. package/es/time-picker/style/index.css +12 -12
  186. package/es/time-picker/style/token.scss +50 -0
  187. package/es/timeline/style/index.css +22 -22
  188. package/es/timeline/style/token.scss +75 -0
  189. package/es/toolbar/style/index.css +6 -6
  190. package/es/toolbar/style/token.scss +45 -0
  191. package/es/tooltip/style/index.css +8 -8
  192. package/es/tooltip/style/token.scss +46 -0
  193. package/es/tour/style/index.css +28 -28
  194. package/es/tour/style/token.scss +65 -0
  195. package/es/transfer/style/index.css +46 -45
  196. package/es/transfer/style/index.scss +4 -1
  197. package/es/transfer/style/token.scss +199 -0
  198. package/es/tree/style/index.css +43 -36
  199. package/es/tree/style/index.scss +10 -0
  200. package/es/tree/style/token.scss +163 -0
  201. package/es/tree-select/style/index.css +9 -9
  202. package/es/tree-select/style/token.scss +21 -0
  203. package/es/trigger/style/index.css +7 -7
  204. package/es/trigger/style/token.scss +19 -0
  205. package/es/typography/style/index.css +40 -40
  206. package/es/typography/style/token.scss +220 -0
  207. package/es/upload/index.d.ts +3 -0
  208. package/es/upload/style/index.css +95 -95
  209. package/es/upload/style/token.scss +470 -0
  210. package/es/upload/upload.vue.d.ts +2 -0
  211. package/es/upload/upload.vue_vue_type_script_setup_true_lang.js +109 -16
  212. package/json/vetur-attributes.json +7 -0
  213. package/json/vetur-tags.json +4 -1
  214. package/json/web-types.json +18 -2
  215. package/package.json +7 -2
  216. package/es/style/color/palette-dark.d.ts +0 -4
  217. package/es/style/color/palette-dark.js +0 -10
  218. package/es/style/color/palette.d.ts +0 -4
  219. package/es/style/color/palette.js +0 -10
package/es/image/style/token.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use '@style/theme/runtime.scss' as theme-runtime;
1
2
  @use '@style/theme/index.scss' as global;
2
3
 
3
4
  @forward '@style/theme/index.scss';
@@ -137,3 +138,453 @@ $image-trigger-color-bg: var(string.unquote('#{$sd-cssvars-prefix}-color-bg-5'))
137
138
  $image-trigger-color-border: var(string.unquote('#{$sd-cssvars-prefix}-color-neutral-3'));
138
139
  $image-trigger-size-border: 1px;
139
140
  $image-trigger-radius: 4px;
141
+
142
+ // @generated runtime tokens — pnpm theme:generate
143
+ $image-radius: theme-runtime.token('image', 'image-radius', $radius-small);
144
+ $image-font-size-title: theme-runtime.token('image', 'image-font-size-title', $font-size-title-1);
145
+ $image-font-weight-title: theme-runtime.token('image', 'image-font-weight-title', $font-weight-500);
146
+ $image-font-size-description: theme-runtime.token(
147
+ 'image',
148
+ 'image-font-size-description',
149
+ $font-size-body-3
150
+ );
151
+ $image-color-title_footer_outer-text: theme-runtime.token(
152
+ 'image',
153
+ 'image-color-title-footer-outer-text',
154
+ $image-color-title_footer_outer-text
155
+ );
156
+ $image-color-title_footer_inner-text: theme-runtime.token(
157
+ 'image',
158
+ 'image-color-title-footer-inner-text',
159
+ $image-color-title_footer_inner-text
160
+ );
161
+ $image-color-description_footer_inner-text: theme-runtime.token(
162
+ 'image',
163
+ 'image-color-description-footer-inner-text',
164
+ $image-color-description_footer_inner-text
165
+ );
166
+ $image-color-description_footer_outer-text: theme-runtime.token(
167
+ 'image',
168
+ 'image-color-description-footer-outer-text',
169
+ $image-color-description_footer_outer-text
170
+ );
171
+ $image-spacing-actions-left: theme-runtime.token('image', 'image-spacing-actions-left', $spacing-6);
172
+ $image-font-size-actions-item: theme-runtime.token(
173
+ 'image',
174
+ 'image-font-size-actions-item',
175
+ $image-font-size-actions-item
176
+ );
177
+ $image-padding-actions-item-vertical: theme-runtime.token(
178
+ 'image',
179
+ 'image-padding-actions-item-vertical',
180
+ $spacing-none
181
+ );
182
+ $image-padding-actions-item-horizontal: theme-runtime.token(
183
+ 'image',
184
+ 'image-padding-actions-item-horizontal',
185
+ $spacing-none
186
+ );
187
+ $image-spacing-actions-item-left: theme-runtime.token(
188
+ 'image',
189
+ 'image-spacing-actions-item-left',
190
+ $spacing-6
191
+ );
192
+ $image-radius-actions-item: theme-runtime.token(
193
+ 'image',
194
+ 'image-radius-actions-item',
195
+ $radius-small
196
+ );
197
+ $image-color-actions-item_footer_inner_hover-bg: theme-runtime.token(
198
+ 'image',
199
+ 'image-color-actions-item-footer-inner-hover-bg',
200
+ $image-color-actions-item_footer_inner_hover-bg
201
+ );
202
+ $image-color-actions-item_footer_outer_hover-bg: theme-runtime.token(
203
+ 'image',
204
+ 'image-color-actions-item-footer-outer-hover-bg',
205
+ $image-color-actions-item_footer_outer_hover-bg
206
+ );
207
+ $image-color-actions-item_trigger-text: theme-runtime.token(
208
+ 'image',
209
+ 'image-color-actions-item-trigger-text',
210
+ $image-color-actions-item_trigger-text
211
+ );
212
+ $image-color-actions-item_trigger_hover-bg: theme-runtime.token(
213
+ 'image',
214
+ 'image-color-actions-item-trigger-hover-bg',
215
+ $image-color-actions-item_trigger_hover-bg
216
+ );
217
+ $image-spacing-actions-trigger-item-vertical: theme-runtime.token(
218
+ 'image',
219
+ 'image-spacing-actions-trigger-item-vertical',
220
+ $image-spacing-actions-trigger-item-vertical
221
+ );
222
+ $image-spacing-actions-trigger-item-horizontal: theme-runtime.token(
223
+ 'image',
224
+ 'image-spacing-actions-trigger-item-horizontal',
225
+ $image-spacing-actions-trigger-item-horizontal
226
+ );
227
+ $image-color-footer_inner-bg: theme-runtime.token(
228
+ 'image',
229
+ 'image-color-footer-inner-bg',
230
+ $image-color-footer_inner-bg
231
+ );
232
+ $image-color-footer_inner-text: theme-runtime.token(
233
+ 'image',
234
+ 'image-color-footer-inner-text',
235
+ $image-color-footer_inner-text
236
+ );
237
+ $image-padding-footer_inner_vertical: theme-runtime.token(
238
+ 'image',
239
+ 'image-padding-footer-inner-vertical',
240
+ $image-padding-footer_inner_vertical
241
+ );
242
+ $image-padding-footer_inner_horizontal: theme-runtime.token(
243
+ 'image',
244
+ 'image-padding-footer-inner-horizontal',
245
+ $image-padding-footer_inner_horizontal
246
+ );
247
+ $image-spacing-footer_inner_simple-vertical: theme-runtime.token(
248
+ 'image',
249
+ 'image-spacing-footer-inner-simple-vertical',
250
+ $spacing-6
251
+ );
252
+ $image-spacing-footer_inner_simple-horizontal: theme-runtime.token(
253
+ 'image',
254
+ 'image-spacing-footer-inner-simple-horizontal',
255
+ $spacing-7
256
+ );
257
+ $image-color-footer_outer-text: theme-runtime.token(
258
+ 'image',
259
+ 'image-color-footer-outer-text',
260
+ $image-color-footer_outer-text
261
+ );
262
+ $image-spacing-footer-top: theme-runtime.token('image', 'image-spacing-footer-top', $spacing-2);
263
+ $image-color-error-bg: theme-runtime.token('image', 'image-color-error-bg', $image-color-error-bg);
264
+ $image-color-error-text: theme-runtime.token(
265
+ 'image',
266
+ 'image-color-error-text',
267
+ $image-color-error-text
268
+ );
269
+ $image-font-size-error-icon: theme-runtime.token(
270
+ 'image',
271
+ 'image-font-size-error-icon',
272
+ $image-font-size-error-icon
273
+ );
274
+ $image-font-size-error-text: theme-runtime.token(
275
+ 'image',
276
+ 'image-font-size-error-text',
277
+ $font-size-body-1
278
+ );
279
+ $image-line-height-error-text: theme-runtime.token(
280
+ 'image',
281
+ 'image-line-height-error-text',
282
+ $image-line-height-error-text
283
+ );
284
+ $image-size-error-min-height: theme-runtime.token(
285
+ 'image',
286
+ 'image-size-error-min-height',
287
+ $image-size-error-min-height
288
+ );
289
+ $image-color-loader-bg: theme-runtime.token(
290
+ 'image',
291
+ 'image-color-loader-bg',
292
+ $image-color-loader-bg
293
+ );
294
+ $image-size-loader-min-height: theme-runtime.token(
295
+ 'image',
296
+ 'image-size-loader-min-height',
297
+ $image-size-loader-min-height
298
+ );
299
+ $image-font-size-loader-spin: theme-runtime.token(
300
+ 'image',
301
+ 'image-font-size-loader-spin',
302
+ $image-font-size-loader-spin
303
+ );
304
+ $image-color-loader-spin-text: theme-runtime.token(
305
+ 'image',
306
+ 'image-color-loader-spin-text',
307
+ $color-primary-6
308
+ );
309
+ $image-color-loader-spin-text-text: theme-runtime.token(
310
+ 'image',
311
+ 'image-color-loader-spin-text-text',
312
+ $image-color-loader-spin-text-text
313
+ );
314
+ $image-font-size-loader-spin-text: theme-runtime.token(
315
+ 'image',
316
+ 'image-font-size-loader-spin-text',
317
+ $font-size-title-1
318
+ );
319
+ $image-preview-color-mask-bg: theme-runtime.token(
320
+ 'image',
321
+ 'image-preview-color-mask-bg',
322
+ $image-preview-color-mask-bg
323
+ );
324
+ $image-preview-size-scale-value-height: theme-runtime.token(
325
+ 'image',
326
+ 'image-preview-size-scale-value-height',
327
+ $image-preview-size-scale-value-height
328
+ );
329
+ $image-preview-spacing-scale-value-vertical: theme-runtime.token(
330
+ 'image',
331
+ 'image-preview-spacing-scale-value-vertical',
332
+ $image-preview-spacing-scale-value-vertical
333
+ );
334
+ $image-preview-spacing-scale-value-horizontal: theme-runtime.token(
335
+ 'image',
336
+ 'image-preview-spacing-scale-value-horizontal',
337
+ $image-preview-spacing-scale-value-horizontal
338
+ );
339
+ $image-preview-font-size-scale-value: theme-runtime.token(
340
+ 'image',
341
+ 'image-preview-font-size-scale-value',
342
+ $font-size-body-1
343
+ );
344
+ $image-preview-color-scale-value-text: theme-runtime.token(
345
+ 'image',
346
+ 'image-preview-color-scale-value-text',
347
+ $image-preview-color-scale-value-text
348
+ );
349
+ $image-preview-color-scale-value-bg: theme-runtime.token(
350
+ 'image',
351
+ 'image-preview-color-scale-value-bg',
352
+ $image-preview-color-scale-value-bg
353
+ );
354
+ $image-preview-color-toolbar-bg: theme-runtime.token(
355
+ 'image',
356
+ 'image-preview-color-toolbar-bg',
357
+ $image-preview-color-toolbar-bg
358
+ );
359
+ $image-preview-radius-toolbar: theme-runtime.token(
360
+ 'image',
361
+ 'image-preview-radius-toolbar',
362
+ $radius-medium
363
+ );
364
+ $image-preview-spacing-toolbar-vertical: theme-runtime.token(
365
+ 'image',
366
+ 'image-preview-spacing-toolbar-vertical',
367
+ $spacing-2
368
+ );
369
+ $image-preview-spacing-toolbar-horizontal: theme-runtime.token(
370
+ 'image',
371
+ 'image-preview-spacing-toolbar-horizontal',
372
+ $spacing-7
373
+ );
374
+ $image-preview-spacing-toolbar-horizontal_simple: theme-runtime.token(
375
+ 'image',
376
+ 'image-preview-spacing-toolbar-horizontal-simple',
377
+ $spacing-2
378
+ );
379
+ $image-preview-spacing-toolbar-vertical_simple: theme-runtime.token(
380
+ 'image',
381
+ 'image-preview-spacing-toolbar-vertical-simple',
382
+ $spacing-2
383
+ );
384
+ $image-preview-position-toolbar-bottom: theme-runtime.token(
385
+ 'image',
386
+ 'image-preview-position-toolbar-bottom',
387
+ $image-preview-position-toolbar-bottom
388
+ );
389
+ $image-preview-font-size-action: theme-runtime.token(
390
+ 'image',
391
+ 'image-preview-font-size-action',
392
+ $image-preview-font-size-action
393
+ );
394
+ $image-preview-color-action-text: theme-runtime.token(
395
+ 'image',
396
+ 'image-preview-color-action-text',
397
+ $image-preview-color-action-text
398
+ );
399
+ $image-preview-radius-action: theme-runtime.token(
400
+ 'image',
401
+ 'image-preview-radius-action',
402
+ $radius-small
403
+ );
404
+ $image-preview-color-action-bg: theme-runtime.token(
405
+ 'image',
406
+ 'image-preview-color-action-bg',
407
+ $color-transparent
408
+ );
409
+ $image-preview-color-action_hover-bg: theme-runtime.token(
410
+ 'image',
411
+ 'image-preview-color-action-hover-bg',
412
+ $image-preview-color-action_hover-bg
413
+ );
414
+ $image-preview-color-action_hover-text: theme-runtime.token(
415
+ 'image',
416
+ 'image-preview-color-action-hover-text',
417
+ $color-primary-6
418
+ );
419
+ $image-preview-color-action_disabled-bg: theme-runtime.token(
420
+ 'image',
421
+ 'image-preview-color-action-disabled-bg',
422
+ $image-preview-color-action_disabled-bg
423
+ );
424
+ $image-preview-color-action_disabled-text: theme-runtime.token(
425
+ 'image',
426
+ 'image-preview-color-action-disabled-text',
427
+ $image-preview-color-action_disabled-text
428
+ );
429
+ $image-preview-font-size-action-name: theme-runtime.token(
430
+ 'image',
431
+ 'image-preview-font-size-action-name',
432
+ $font-size-body-1
433
+ );
434
+ $image-preview-spacing-action-name-right: theme-runtime.token(
435
+ 'image',
436
+ 'image-preview-spacing-action-name-right',
437
+ $spacing-6
438
+ );
439
+ $image-preview-padding-action-content: theme-runtime.token(
440
+ 'image',
441
+ 'image-preview-padding-action-content',
442
+ $image-preview-padding-action-content
443
+ );
444
+ $image-preview-margin-action-right: theme-runtime.token(
445
+ 'image',
446
+ 'image-preview-margin-action-right',
447
+ $spacing-none
448
+ );
449
+ $image-preview-spacing-trigger-padding-vertical: theme-runtime.token(
450
+ 'image',
451
+ 'image-preview-spacing-trigger-padding-vertical',
452
+ $spacing-6
453
+ );
454
+ $image-preview-spacing-trigger-padding-horizontal: theme-runtime.token(
455
+ 'image',
456
+ 'image-preview-spacing-trigger-padding-horizontal',
457
+ $spacing-7
458
+ );
459
+ $image-preview-margin-action-bottom: theme-runtime.token(
460
+ 'image',
461
+ 'image-preview-margin-action-bottom',
462
+ $spacing-none
463
+ );
464
+ $image-preview-color-loading-text: theme-runtime.token(
465
+ 'image',
466
+ 'image-preview-color-loading-text',
467
+ $color-primary-6
468
+ );
469
+ $image-preview-color-loading-bg: theme-runtime.token(
470
+ 'image',
471
+ 'image-preview-color-loading-bg',
472
+ $image-preview-color-loading-bg
473
+ );
474
+ $image-preview-font-size-loading: theme-runtime.token(
475
+ 'image',
476
+ 'image-preview-font-size-loading',
477
+ $image-preview-font-size-loading
478
+ );
479
+ $image-preview-spacing-loading-padding: theme-runtime.token(
480
+ 'image',
481
+ 'image-preview-spacing-loading-padding',
482
+ $spacing-5
483
+ );
484
+ $image-preview-size-loading-width: theme-runtime.token(
485
+ 'image',
486
+ 'image-preview-size-loading-width',
487
+ $image-preview-size-loading-width
488
+ );
489
+ $image-preview-size-loading-height: theme-runtime.token(
490
+ 'image',
491
+ 'image-preview-size-loading-height',
492
+ $image-preview-size-loading-height
493
+ );
494
+ $image-preview-radius-loading: theme-runtime.token(
495
+ 'image',
496
+ 'image-preview-radius-loading',
497
+ $radius-medium
498
+ );
499
+ $image-preview-size-close-btn-width: theme-runtime.token(
500
+ 'image',
501
+ 'image-preview-size-close-btn-width',
502
+ $image-preview-size-close-btn-width
503
+ );
504
+ $image-preview-size-close-icon: theme-runtime.token(
505
+ 'image',
506
+ 'image-preview-size-close-icon',
507
+ $image-preview-size-close-icon
508
+ );
509
+ $image-preview-color-close-btn-bg: theme-runtime.token(
510
+ 'image',
511
+ 'image-preview-color-close-btn-bg',
512
+ $image-preview-color-close-btn-bg
513
+ );
514
+ $image-preview-color-close-btn-text: theme-runtime.token(
515
+ 'image',
516
+ 'image-preview-color-close-btn-text',
517
+ $image-preview-color-close-btn-text
518
+ );
519
+ $image-preview-position-close-btn-right: theme-runtime.token(
520
+ 'image',
521
+ 'image-preview-position-close-btn-right',
522
+ $image-preview-position-close-btn-right
523
+ );
524
+ $image-preview-position-close-btn-top: theme-runtime.token(
525
+ 'image',
526
+ 'image-preview-position-close-btn-top',
527
+ $image-preview-position-close-btn-top
528
+ );
529
+ $image-preview-arrow-position: theme-runtime.token(
530
+ 'image',
531
+ 'image-preview-arrow-position',
532
+ $spacing-8
533
+ );
534
+ $image-preview-arrow-size: theme-runtime.token('image', 'image-preview-arrow-size', $size-8);
535
+ $image-preview-arrow-font-size: theme-runtime.token(
536
+ 'image',
537
+ 'image-preview-arrow-font-size',
538
+ $size-4
539
+ );
540
+ $image-preview-arrow-color-icon: theme-runtime.token(
541
+ 'image',
542
+ 'image-preview-arrow-color-icon',
543
+ $image-preview-arrow-color-icon
544
+ );
545
+ $image-preview-arrow-color-icon_disabled: theme-runtime.token(
546
+ 'image',
547
+ 'image-preview-arrow-color-icon-disabled',
548
+ $image-preview-arrow-color-icon_disabled
549
+ );
550
+ $image-preview-arrow-color-bg: theme-runtime.token(
551
+ 'image',
552
+ 'image-preview-arrow-color-bg',
553
+ $image-preview-arrow-color-bg
554
+ );
555
+ $image-preview-arrow-color-bg_hover: theme-runtime.token(
556
+ 'image',
557
+ 'image-preview-arrow-color-bg-hover',
558
+ $image-preview-arrow-color-bg_hover
559
+ );
560
+ $image-preview-arrow-color-bg_disabled: theme-runtime.token(
561
+ 'image',
562
+ 'image-preview-arrow-color-bg-disabled',
563
+ $image-preview-arrow-color-bg_disabled
564
+ );
565
+ $image-trigger-spacing-padding-vertical: theme-runtime.token(
566
+ 'image',
567
+ 'image-trigger-spacing-padding-vertical',
568
+ $image-trigger-spacing-padding-vertical
569
+ );
570
+ $image-trigger-spacing-padding-horizontal: theme-runtime.token(
571
+ 'image',
572
+ 'image-trigger-spacing-padding-horizontal',
573
+ $image-trigger-spacing-padding-horizontal
574
+ );
575
+ $image-trigger-color-bg: theme-runtime.token(
576
+ 'image',
577
+ 'image-trigger-color-bg',
578
+ $image-trigger-color-bg
579
+ );
580
+ $image-trigger-color-border: theme-runtime.token(
581
+ 'image',
582
+ 'image-trigger-color-border',
583
+ $image-trigger-color-border
584
+ );
585
+ $image-trigger-size-border: theme-runtime.token(
586
+ 'image',
587
+ 'image-trigger-size-border',
588
+ $image-trigger-size-border
589
+ );
590
+ $image-trigger-radius: theme-runtime.token('image', 'image-trigger-radius', $image-trigger-radius);