@sdata/web-vue 4.7.2 → 5.1.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 (224) hide show
  1. package/dist/sd.css +4010 -3956
  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/dropdown-panel.vue.d.ts +6 -4
  65. package/es/dropdown/dropdown-panel.vue_vue_type_script_setup_true_lang.js +10 -3
  66. package/es/dropdown/dropdown.vue.d.ts +5 -3
  67. package/es/dropdown/dropdown.vue_vue_type_script_setup_true_lang.js +11 -2
  68. package/es/dropdown/index.d.ts +2 -0
  69. package/es/dropdown/style/index.css +30 -23
  70. package/es/dropdown/style/index.scss +12 -2
  71. package/es/dropdown/style/token.scss +123 -0
  72. package/es/ellipsis/ellipsis.vue_vue_type_script_setup_true_lang.js +3 -3
  73. package/es/ellipsis/interface.d.ts +1 -0
  74. package/es/ellipsis/style/index.css +2 -2
  75. package/es/ellipsis/style/token.scss +5 -0
  76. package/es/empty/style/index.css +7 -7
  77. package/es/empty/style/token.scss +35 -0
  78. package/es/file-previewer/style/index.css +44 -44
  79. package/es/file-previewer/style/token.scss +198 -0
  80. package/es/form/style/index.css +113 -113
  81. package/es/form/style/token.scss +340 -0
  82. package/es/image/style/index.css +83 -83
  83. package/es/image/style/token.scss +451 -0
  84. package/es/index.css +4010 -3956
  85. package/es/index.d.ts +3 -0
  86. package/es/index.js +4 -1
  87. package/es/input/style/index.css +104 -104
  88. package/es/input/style/input.scss +2 -8
  89. package/es/input/style/size.scss +4 -4
  90. package/es/input/style/token.scss +327 -0
  91. package/es/input-mask/style/index.css +1 -1
  92. package/es/input-mask/style/token.scss +8 -0
  93. package/es/input-number/style/index.css +19 -19
  94. package/es/input-number/style/token.scss +82 -0
  95. package/es/input-tag/style/index.css +209 -209
  96. package/es/input-tag/style/token.scss +226 -0
  97. package/es/json-form/style/index.css +2 -2
  98. package/es/json-form/style/token.scss +21 -0
  99. package/es/kv-list/style/index.css +13 -13
  100. package/es/kv-list/style/token.scss +29 -0
  101. package/es/layout/style/index.css +38 -38
  102. package/es/layout/style/token.scss +100 -0
  103. package/es/link/style/index.css +28 -28
  104. package/es/link/style/token.scss +117 -0
  105. package/es/list/style/index.css +27 -27
  106. package/es/list/style/token.scss +178 -0
  107. package/es/mention/style/token.scss +22 -0
  108. package/es/menu/style/index.css +153 -120
  109. package/es/menu/style/index.scss +12 -4
  110. package/es/menu/style/token.scss +390 -0
  111. package/es/message/style/index.css +33 -33
  112. package/es/message/style/token.scss +218 -0
  113. package/es/modal/style/index.css +21 -21
  114. package/es/modal/style/token.scss +115 -0
  115. package/es/model-selector/style/index.css +2 -2
  116. package/es/model-selector/style/index.scss +2 -1
  117. package/es/notification/style/index.css +44 -44
  118. package/es/notification/style/token.scss +241 -0
  119. package/es/number-flow/style/index.css +5 -5
  120. package/es/number-flow/style/token.scss +19 -0
  121. package/es/page-header/style/index.css +25 -25
  122. package/es/page-header/style/token.scss +139 -0
  123. package/es/pagination/style/index.css +85 -85
  124. package/es/pagination/style/token.scss +303 -0
  125. package/es/panel-group/style/index.css +7 -7
  126. package/es/panel-group/style/token.scss +28 -0
  127. package/es/popconfirm/style/index.css +18 -18
  128. package/es/popconfirm/style/token.scss +83 -0
  129. package/es/popover/style/index.css +12 -12
  130. package/es/popover/style/token.scss +58 -0
  131. package/es/progress/style/index.css +55 -55
  132. package/es/progress/style/token.scss +253 -0
  133. package/es/qr-code/style/index.css +18 -21
  134. package/es/qr-code/style/index.scss +4 -6
  135. package/es/qr-code/style/token.scss +59 -0
  136. package/es/radio/style/index.css +44 -44
  137. package/es/radio/style/token.scss +185 -0
  138. package/es/rate/style/index.css +8 -8
  139. package/es/rate/style/token.scss +19 -0
  140. package/es/regex-vis/style/index.css +51 -51
  141. package/es/regex-vis/style/token.scss +170 -0
  142. package/es/result/style/index.css +26 -26
  143. package/es/result/style/token.scss +139 -0
  144. package/es/rich-text-editor/style/index.css +31 -31
  145. package/es/rich-text-editor/style/token.scss +120 -0
  146. package/es/scrollbar/style/index.css +14 -14
  147. package/es/scrollbar/style/token.scss +33 -0
  148. package/es/secret/style/index.css +6 -6
  149. package/es/secret/style/token.scss +30 -0
  150. package/es/select/style/index.css +27 -27
  151. package/es/select/style/token.scss +151 -0
  152. package/es/selectable-card/style/index.css +53 -51
  153. package/es/selectable-card/style/index.scss +6 -2
  154. package/es/selectable-card/style/token.scss +60 -0
  155. package/es/sender/style/index.css +54 -54
  156. package/es/sender/style/token.scss +155 -0
  157. package/es/skeleton/style/index.css +12 -12
  158. package/es/skeleton/style/token.scss +60 -0
  159. package/es/slider/style/index.css +34 -34
  160. package/es/slider/style/token.scss +144 -0
  161. package/es/spin/style/index.css +11 -11
  162. package/es/spin/style/token.scss +60 -0
  163. package/es/split/style/index.css +2 -2
  164. package/es/split/style/token.scss +18 -0
  165. package/es/statistic/style/index.css +13 -13
  166. package/es/statistic/style/token.scss +73 -0
  167. package/es/steps/style/index.css +98 -98
  168. package/es/steps/style/token.scss +464 -0
  169. package/es/style/color/css-variables.scss +382 -381
  170. package/es/style/theme/css-variables.scss +329 -135
  171. package/es/style/theme/global.scss +5 -5
  172. package/es/style/theme/index.scss +1 -1
  173. package/es/style/theme/runtime.scss +29 -0
  174. package/es/switch/style/index.css +37 -37
  175. package/es/switch/style/token.scss +135 -0
  176. package/es/table/style/index.css +127 -127
  177. package/es/table/style/token.scss +425 -0
  178. package/es/tabs/style/index.css +196 -190
  179. package/es/tabs/style/index.scss +27 -17
  180. package/es/tabs/style/token.scss +534 -0
  181. package/es/tag/index.d.ts +13 -0
  182. package/es/tag/interface.d.ts +1 -0
  183. package/es/tag/style/index.css +159 -159
  184. package/es/tag/style/token.scss +513 -0
  185. package/es/tag/tag.vue.d.ts +13 -3
  186. package/es/tag/tag.vue_vue_type_script_setup_true_lang.js +35 -8
  187. package/es/tag-group/style/index.css +3 -3
  188. package/es/tag-group/style/token.scss +9 -0
  189. package/es/textarea/style/index.css +40 -40
  190. package/es/time-picker/style/index.css +12 -12
  191. package/es/time-picker/style/token.scss +50 -0
  192. package/es/timeline/style/index.css +22 -22
  193. package/es/timeline/style/token.scss +75 -0
  194. package/es/toolbar/style/index.css +6 -6
  195. package/es/toolbar/style/token.scss +45 -0
  196. package/es/tooltip/style/index.css +8 -8
  197. package/es/tooltip/style/token.scss +46 -0
  198. package/es/tour/style/index.css +28 -28
  199. package/es/tour/style/token.scss +65 -0
  200. package/es/transfer/style/index.css +46 -45
  201. package/es/transfer/style/index.scss +4 -1
  202. package/es/transfer/style/token.scss +199 -0
  203. package/es/tree/style/index.css +43 -36
  204. package/es/tree/style/index.scss +10 -0
  205. package/es/tree/style/token.scss +163 -0
  206. package/es/tree-select/style/index.css +9 -9
  207. package/es/tree-select/style/token.scss +21 -0
  208. package/es/trigger/style/index.css +7 -7
  209. package/es/trigger/style/token.scss +19 -0
  210. package/es/typography/style/index.css +40 -40
  211. package/es/typography/style/token.scss +220 -0
  212. package/es/upload/index.d.ts +3 -0
  213. package/es/upload/style/index.css +95 -95
  214. package/es/upload/style/token.scss +470 -0
  215. package/es/upload/upload.vue.d.ts +2 -0
  216. package/es/upload/upload.vue_vue_type_script_setup_true_lang.js +109 -16
  217. package/json/vetur-attributes.json +7 -0
  218. package/json/vetur-tags.json +4 -1
  219. package/json/web-types.json +18 -2
  220. package/package.json +7 -2
  221. package/es/style/color/palette-dark.d.ts +0 -4
  222. package/es/style/color/palette-dark.js +0 -10
  223. package/es/style/color/palette.d.ts +0 -4
  224. package/es/style/color/palette.js +0 -10
package/es/file-previewer/style/index.css CHANGED
@@ -19,7 +19,7 @@
19
19
  position: relative;
20
20
  width: 100%;
21
21
  height: 100%;
22
- min-height: 240px;
22
+ min-height: var(--component-file-previewer-file-previewer-size-inline-min-height, var(--component-file-previewer-size-inline-min-height, 240px));
23
23
  }
24
24
  .sd-file-previewer-fullscreen {
25
25
  inset: 0;
@@ -27,12 +27,12 @@
27
27
  }
28
28
  .sd-file-previewer-inline {
29
29
  overflow: hidden;
30
- color: var(--sd-color-text-1);
30
+ color: var(--component-file-previewer-file-previewer-color-content-text, var(--component-file-previewer-color-content-text, var(--sd-color-text-1)));
31
31
  }
32
32
  .sd-file-previewer-mask {
33
33
  position: absolute;
34
34
  inset: 0;
35
- background-color: var(--sd-color-mask-bg);
35
+ background-color: var(--component-file-previewer-file-previewer-color-mask-bg, var(--component-file-previewer-color-mask-bg, var(--sd-color-mask-bg)));
36
36
  }
37
37
  .sd-file-previewer-content {
38
38
  z-index: 1;
@@ -43,27 +43,27 @@
43
43
  }
44
44
  .sd-file-previewer-content-fullscreen {
45
45
  position: absolute;
46
- inset: 40px;
46
+ inset: var(--component-file-previewer-file-previewer-spacing-viewport-padding, var(--component-file-previewer-spacing-viewport-padding, 40px));
47
47
  }
48
48
  .sd-file-previewer-content-inline {
49
49
  position: relative;
50
50
  width: 100%;
51
51
  height: 100%;
52
- min-height: 240px;
52
+ min-height: var(--component-file-previewer-file-previewer-size-inline-min-height, var(--component-file-previewer-size-inline-min-height, 240px));
53
53
  }
54
54
  .sd-file-previewer-fullscreen .sd-file-previewer-content-audio {
55
55
  inset: 50% auto auto 50%;
56
- width: min(560px, 100% - 40px * 2);
57
- max-height: 78vh;
58
- background: var(--sd-color-bg-2);
59
- border-radius: var(--sd-border-radius-medium);
56
+ width: min(var(--component-file-previewer-file-previewer-size-audio-width, var(--component-file-previewer-size-audio-width, 560px)), 100% - var(--component-file-previewer-file-previewer-spacing-viewport-padding, var(--component-file-previewer-spacing-viewport-padding, 40px)) * 2);
57
+ max-height: var(--component-file-previewer-file-previewer-size-media-height, var(--component-file-previewer-size-media-height, 78vh));
58
+ background: var(--component-file-previewer-file-previewer-color-content-bg, var(--component-file-previewer-color-content-bg, var(--sd-color-bg-2)));
59
+ border-radius: var(--component-file-previewer-file-previewer-radius-panel, var(--component-file-previewer-radius-panel, var(--sd-border-radius-medium)));
60
60
  transform: translate(-50%, -50%);
61
61
  }
62
62
  .sd-file-previewer-header {
63
63
  box-sizing: border-box;
64
- padding: 12px 20px;
65
- color: var(--sd-color-text-1);
66
- font-size: 16px;
64
+ padding: var(--component-file-previewer-file-previewer-spacing-header-padding-vertical, var(--component-file-previewer-spacing-header-padding-vertical, 12px)) var(--component-file-previewer-file-previewer-spacing-header-padding-horizontal, var(--component-file-previewer-spacing-header-padding-horizontal, 20px));
65
+ color: var(--component-file-previewer-file-previewer-color-content-text, var(--component-file-previewer-color-content-text, var(--sd-color-text-1)));
66
+ font-size: var(--component-file-previewer-file-previewer-font-size-title, var(--component-file-previewer-font-size-title, 16px));
67
67
  }
68
68
  .sd-file-previewer-title {
69
69
  display: block;
@@ -92,8 +92,8 @@
92
92
  min-height: 0 !important;
93
93
  }
94
94
  .sd-file-previewer-video-player {
95
- max-width: 1180px;
96
- max-height: 78vh;
95
+ max-width: var(--component-file-previewer-file-previewer-size-media-width, var(--component-file-previewer-size-media-width, 1180px));
96
+ max-height: var(--component-file-previewer-file-previewer-size-media-height, var(--component-file-previewer-size-media-height, 78vh));
97
97
  }
98
98
  .sd-file-previewer-media-skin {
99
99
  display: block;
@@ -115,7 +115,7 @@
115
115
  .sd-file-previewer-audio-panel {
116
116
  box-sizing: border-box;
117
117
  width: 100%;
118
- padding: 20px;
118
+ padding: var(--component-file-previewer-file-previewer-spacing-panel-padding, var(--component-file-previewer-spacing-panel-padding, 20px));
119
119
  }
120
120
  .sd-file-previewer-audio-player, .sd-file-previewer-audio {
121
121
  display: block;
@@ -124,7 +124,7 @@
124
124
  .sd-file-previewer-pdf {
125
125
  display: flex;
126
126
  flex-direction: column;
127
- gap: 6px;
127
+ gap: var(--component-file-previewer-file-previewer-spacing-pdf-gap, var(--component-file-previewer-spacing-pdf-gap, 6px));
128
128
  width: 100%;
129
129
  height: 100%;
130
130
  }
@@ -136,8 +136,8 @@
136
136
  min-width: 0;
137
137
  min-height: 0;
138
138
  overflow: auto;
139
- background: var(--sd-color-bg-1);
140
- border-radius: var(--sd-border-radius-medium);
139
+ background: var(--component-file-previewer-file-previewer-color-pdf-canvas-bg, var(--component-file-previewer-color-pdf-canvas-bg, var(--sd-color-bg-1)));
140
+ border-radius: var(--component-file-previewer-file-previewer-radius-pdf-canvas, var(--component-file-previewer-radius-pdf-canvas, var(--sd-border-radius-medium)));
141
141
  }
142
142
  .sd-file-previewer-pdf-canvas {
143
143
  display: block;
@@ -145,51 +145,51 @@
145
145
  .sd-file-previewer-pdf-toolbar {
146
146
  display: flex;
147
147
  flex-shrink: 0;
148
- gap: 6px;
148
+ gap: var(--component-file-previewer-file-previewer-spacing-pdf-toolbar-gap, var(--component-file-previewer-spacing-pdf-toolbar-gap, 6px));
149
149
  align-items: center;
150
150
  justify-content: center;
151
- padding: 4px;
152
- color: var(--sd-color-white);
153
- background: rgba(0, 0, 0, 0.5);
154
- border-radius: var(--sd-border-radius-medium);
151
+ padding: var(--component-file-previewer-file-previewer-spacing-pdf-toolbar-padding, var(--component-file-previewer-spacing-pdf-toolbar-padding, 4px));
152
+ color: var(--component-file-previewer-file-previewer-color-pdf-toolbar-text, var(--component-file-previewer-color-pdf-toolbar-text, var(--sd-color-white)));
153
+ background: var(--component-file-previewer-file-previewer-color-pdf-toolbar-bg, var(--component-file-previewer-color-pdf-toolbar-bg, rgba(0, 0, 0, 0.5)));
154
+ border-radius: var(--component-file-previewer-file-previewer-radius-pdf-canvas, var(--component-file-previewer-radius-pdf-canvas, var(--sd-border-radius-medium)));
155
155
  }
156
156
  .sd-file-previewer-pdf-btn {
157
157
  display: inline-flex;
158
158
  align-items: center;
159
159
  justify-content: center;
160
- min-width: 28px;
161
- height: 28px;
162
- padding: 0 6px;
160
+ min-width: var(--component-file-previewer-file-previewer-size-pdf-btn-min-width, var(--component-file-previewer-size-pdf-btn-min-width, 28px));
161
+ height: var(--component-file-previewer-file-previewer-size-pdf-btn, var(--component-file-previewer-size-pdf-btn, 28px));
162
+ padding: 0 var(--component-file-previewer-file-previewer-spacing-pdf-toolbar-gap, var(--component-file-previewer-spacing-pdf-toolbar-gap, 6px));
163
163
  color: inherit;
164
- font-size: 16px;
164
+ font-size: var(--component-file-previewer-file-previewer-font-size-pdf-btn, var(--component-file-previewer-font-size-pdf-btn, 16px));
165
165
  line-height: 1;
166
166
  background: transparent;
167
167
  border: 0;
168
- border-radius: var(--sd-border-radius-small);
168
+ border-radius: var(--component-file-previewer-file-previewer-radius-pdf-btn, var(--component-file-previewer-radius-pdf-btn, var(--sd-border-radius-small)));
169
169
  cursor: pointer;
170
170
  }
171
171
  .sd-file-previewer-pdf-btn:disabled {
172
- color: var(--sd-color-fill-3);
172
+ color: var(--component-file-previewer-file-previewer-color-pdf-btn-disabled, var(--component-file-previewer-color-pdf-btn-disabled, var(--sd-color-fill-3)));
173
173
  cursor: not-allowed;
174
174
  }
175
175
  .sd-file-previewer-pdf-page {
176
176
  min-width: 64px;
177
- font-size: 14px;
177
+ font-size: var(--component-file-previewer-file-previewer-font-size-pdf-page, var(--component-file-previewer-font-size-pdf-page, 14px));
178
178
  text-align: center;
179
179
  }
180
180
  .sd-file-previewer-close-btn {
181
181
  position: absolute;
182
- top: 36px;
183
- right: 36px;
182
+ top: var(--component-file-previewer-file-previewer-position-close-top, var(--component-file-previewer-position-close-top, 36px));
183
+ right: var(--component-file-previewer-file-previewer-position-close-right, var(--component-file-previewer-position-close-right, 36px));
184
184
  z-index: 2;
185
185
  display: flex;
186
186
  align-items: center;
187
187
  justify-content: center;
188
- width: 32px;
189
- height: 32px;
190
- color: var(--sd-color-white);
191
- font-size: 14px;
192
- background: rgba(0, 0, 0, 0.5);
188
+ width: var(--component-file-previewer-file-previewer-size-close, var(--component-file-previewer-size-close, 32px));
189
+ height: var(--component-file-previewer-file-previewer-size-close, var(--component-file-previewer-size-close, 32px));
190
+ color: var(--component-file-previewer-file-previewer-color-close-text, var(--component-file-previewer-color-close-text, var(--sd-color-white)));
191
+ font-size: var(--component-file-previewer-file-previewer-size-close-icon, var(--component-file-previewer-size-close-icon, 14px));
192
+ background: var(--component-file-previewer-file-previewer-color-close-bg, var(--component-file-previewer-color-close-bg, rgba(0, 0, 0, 0.5)));
193
193
  border: 0;
194
194
  border-radius: 50%;
195
195
  cursor: pointer;
@@ -200,11 +200,11 @@
200
200
  align-items: center;
201
201
  justify-content: center;
202
202
  box-sizing: border-box;
203
- width: 48px;
204
- height: 48px;
205
- color: rgb(var(--sd-primary-6));
206
- background-color: #232324;
207
- border-radius: var(--sd-border-radius-medium);
203
+ width: var(--component-file-previewer-file-previewer-size-loading, var(--component-file-previewer-size-loading, 48px));
204
+ height: var(--component-file-previewer-file-previewer-size-loading, var(--component-file-previewer-size-loading, 48px));
205
+ color: var(--component-file-previewer-file-previewer-color-loading-text, var(--component-file-previewer-color-loading-text, rgb(var(--sd-primary-6))));
206
+ background-color: var(--component-file-previewer-file-previewer-color-loading-bg, var(--component-file-previewer-color-loading-bg, #232324));
207
+ border-radius: var(--component-file-previewer-file-previewer-radius-panel, var(--component-file-previewer-radius-panel, var(--sd-border-radius-medium)));
208
208
  position: absolute;
209
209
  top: 50%;
210
210
  left: 50%;
@@ -212,12 +212,12 @@
212
212
  }
213
213
  .sd-file-previewer-error {
214
214
  z-index: 2;
215
- color: var(--sd-color-white);
215
+ color: var(--component-file-previewer-file-previewer-color-error-text, var(--component-file-previewer-color-error-text, var(--sd-color-white)));
216
216
  position: absolute;
217
217
  top: 50%;
218
218
  left: 50%;
219
219
  transform: translate(-50%, -50%);
220
220
  }
221
221
  .sd-file-previewer-inline .sd-file-previewer-error {
222
- color: var(--sd-color-danger-6);
222
+ color: var(--component-file-previewer-file-previewer-color-inline-error-text, var(--component-file-previewer-color-inline-error-text, var(--sd-color-danger-6)));
223
223
  }
package/es/file-previewer/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 *;
2
3
  @use 'sass:string';
3
4
 
@@ -42,3 +43,200 @@ $file-previewer-size-pdf-btn: 28px;
42
43
  $file-previewer-size-pdf-btn-min-width: 28px;
43
44
  $file-previewer-font-size-pdf-btn: 16px;
44
45
  $file-previewer-font-size-pdf-page: $font-size-body-3;
46
+
47
+ // @generated runtime tokens — pnpm theme:generate
48
+ $file-previewer-color-mask-bg: theme-runtime.token(
49
+ 'file-previewer',
50
+ 'file-previewer-color-mask-bg',
51
+ $file-previewer-color-mask-bg
52
+ );
53
+ $file-previewer-color-content-bg: theme-runtime.token(
54
+ 'file-previewer',
55
+ 'file-previewer-color-content-bg',
56
+ $file-previewer-color-content-bg
57
+ );
58
+ $file-previewer-color-content-text: theme-runtime.token(
59
+ 'file-previewer',
60
+ 'file-previewer-color-content-text',
61
+ $file-previewer-color-content-text
62
+ );
63
+ $file-previewer-color-inline-border: theme-runtime.token(
64
+ 'file-previewer',
65
+ 'file-previewer-color-inline-border',
66
+ $file-previewer-color-inline-border
67
+ );
68
+ $file-previewer-color-inline-bg: theme-runtime.token(
69
+ 'file-previewer',
70
+ 'file-previewer-color-inline-bg',
71
+ $file-previewer-color-inline-bg
72
+ );
73
+ $file-previewer-color-close-bg: theme-runtime.token(
74
+ 'file-previewer',
75
+ 'file-previewer-color-close-bg',
76
+ $file-previewer-color-close-bg
77
+ );
78
+ $file-previewer-color-close-text: theme-runtime.token(
79
+ 'file-previewer',
80
+ 'file-previewer-color-close-text',
81
+ $file-previewer-color-close-text
82
+ );
83
+ $file-previewer-color-loading-bg: theme-runtime.token(
84
+ 'file-previewer',
85
+ 'file-previewer-color-loading-bg',
86
+ $file-previewer-color-loading-bg
87
+ );
88
+ $file-previewer-color-loading-text: theme-runtime.token(
89
+ 'file-previewer',
90
+ 'file-previewer-color-loading-text',
91
+ $color-primary-6
92
+ );
93
+ $file-previewer-color-error-text: theme-runtime.token(
94
+ 'file-previewer',
95
+ 'file-previewer-color-error-text',
96
+ $file-previewer-color-error-text
97
+ );
98
+ $file-previewer-color-inline-error-text: theme-runtime.token(
99
+ 'file-previewer',
100
+ 'file-previewer-color-inline-error-text',
101
+ $file-previewer-color-inline-error-text
102
+ );
103
+ $file-previewer-spacing-viewport-padding: theme-runtime.token(
104
+ 'file-previewer',
105
+ 'file-previewer-spacing-viewport-padding',
106
+ $spacing-12
107
+ );
108
+ $file-previewer-spacing-panel-padding: theme-runtime.token(
109
+ 'file-previewer',
110
+ 'file-previewer-spacing-panel-padding',
111
+ $spacing-8
112
+ );
113
+ $file-previewer-spacing-header-padding-vertical: theme-runtime.token(
114
+ 'file-previewer',
115
+ 'file-previewer-spacing-header-padding-vertical',
116
+ $spacing-6
117
+ );
118
+ $file-previewer-spacing-header-padding-horizontal: theme-runtime.token(
119
+ 'file-previewer',
120
+ 'file-previewer-spacing-header-padding-horizontal',
121
+ $spacing-8
122
+ );
123
+ $file-previewer-radius-panel: theme-runtime.token(
124
+ 'file-previewer',
125
+ 'file-previewer-radius-panel',
126
+ $radius-medium
127
+ );
128
+ $file-previewer-size-close: theme-runtime.token(
129
+ 'file-previewer',
130
+ 'file-previewer-size-close',
131
+ $file-previewer-size-close
132
+ );
133
+ $file-previewer-size-close-icon: theme-runtime.token(
134
+ 'file-previewer',
135
+ 'file-previewer-size-close-icon',
136
+ $file-previewer-size-close-icon
137
+ );
138
+ $file-previewer-size-loading: theme-runtime.token(
139
+ 'file-previewer',
140
+ 'file-previewer-size-loading',
141
+ $file-previewer-size-loading
142
+ );
143
+ $file-previewer-size-inline-min-height: theme-runtime.token(
144
+ 'file-previewer',
145
+ 'file-previewer-size-inline-min-height',
146
+ $file-previewer-size-inline-min-height
147
+ );
148
+ $file-previewer-position-close-top: theme-runtime.token(
149
+ 'file-previewer',
150
+ 'file-previewer-position-close-top',
151
+ $file-previewer-position-close-top
152
+ );
153
+ $file-previewer-position-close-right: theme-runtime.token(
154
+ 'file-previewer',
155
+ 'file-previewer-position-close-right',
156
+ $file-previewer-position-close-right
157
+ );
158
+ $file-previewer-font-size-title: theme-runtime.token(
159
+ 'file-previewer',
160
+ 'file-previewer-font-size-title',
161
+ $font-size-title-1
162
+ );
163
+ $file-previewer-size-audio-width: theme-runtime.token(
164
+ 'file-previewer',
165
+ 'file-previewer-size-audio-width',
166
+ $file-previewer-size-audio-width
167
+ );
168
+ $file-previewer-size-media-width: theme-runtime.token(
169
+ 'file-previewer',
170
+ 'file-previewer-size-media-width',
171
+ $file-previewer-size-media-width
172
+ );
173
+ $file-previewer-size-media-height: theme-runtime.token(
174
+ 'file-previewer',
175
+ 'file-previewer-size-media-height',
176
+ $file-previewer-size-media-height
177
+ );
178
+ $file-previewer-color-pdf-canvas-bg: theme-runtime.token(
179
+ 'file-previewer',
180
+ 'file-previewer-color-pdf-canvas-bg',
181
+ $file-previewer-color-pdf-canvas-bg
182
+ );
183
+ $file-previewer-color-pdf-toolbar-bg: theme-runtime.token(
184
+ 'file-previewer',
185
+ 'file-previewer-color-pdf-toolbar-bg',
186
+ $file-previewer-color-pdf-toolbar-bg
187
+ );
188
+ $file-previewer-color-pdf-toolbar-text: theme-runtime.token(
189
+ 'file-previewer',
190
+ 'file-previewer-color-pdf-toolbar-text',
191
+ $file-previewer-color-pdf-toolbar-text
192
+ );
193
+ $file-previewer-color-pdf-btn-disabled: theme-runtime.token(
194
+ 'file-previewer',
195
+ 'file-previewer-color-pdf-btn-disabled',
196
+ $file-previewer-color-pdf-btn-disabled
197
+ );
198
+ $file-previewer-spacing-pdf-gap: theme-runtime.token(
199
+ 'file-previewer',
200
+ 'file-previewer-spacing-pdf-gap',
201
+ $spacing-3
202
+ );
203
+ $file-previewer-spacing-pdf-toolbar-padding: theme-runtime.token(
204
+ 'file-previewer',
205
+ 'file-previewer-spacing-pdf-toolbar-padding',
206
+ $spacing-2
207
+ );
208
+ $file-previewer-spacing-pdf-toolbar-gap: theme-runtime.token(
209
+ 'file-previewer',
210
+ 'file-previewer-spacing-pdf-toolbar-gap',
211
+ $spacing-3
212
+ );
213
+ $file-previewer-radius-pdf-canvas: theme-runtime.token(
214
+ 'file-previewer',
215
+ 'file-previewer-radius-pdf-canvas',
216
+ $radius-medium
217
+ );
218
+ $file-previewer-radius-pdf-btn: theme-runtime.token(
219
+ 'file-previewer',
220
+ 'file-previewer-radius-pdf-btn',
221
+ $radius-small
222
+ );
223
+ $file-previewer-size-pdf-btn: theme-runtime.token(
224
+ 'file-previewer',
225
+ 'file-previewer-size-pdf-btn',
226
+ $file-previewer-size-pdf-btn
227
+ );
228
+ $file-previewer-size-pdf-btn-min-width: theme-runtime.token(
229
+ 'file-previewer',
230
+ 'file-previewer-size-pdf-btn-min-width',
231
+ $file-previewer-size-pdf-btn-min-width
232
+ );
233
+ $file-previewer-font-size-pdf-btn: theme-runtime.token(
234
+ 'file-previewer',
235
+ 'file-previewer-font-size-pdf-btn',
236
+ $file-previewer-font-size-pdf-btn
237
+ );
238
+ $file-previewer-font-size-pdf-page: theme-runtime.token(
239
+ 'file-previewer',
240
+ 'file-previewer-font-size-pdf-page',
241
+ $font-size-body-3
242
+ );