@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/switch/style/index.css CHANGED
@@ -42,13 +42,13 @@
42
42
  .sd-switch {
43
43
  position: relative;
44
44
  box-sizing: border-box;
45
- min-width: 40px;
45
+ min-width: var(--component-switch-switch-circle-default-width, var(--component-switch-circle-default-width, var(--size-10, 40px)));
46
46
  height: 24px;
47
47
  padding: 0;
48
48
  overflow: hidden;
49
49
  line-height: 24px;
50
50
  vertical-align: middle;
51
- background-color: var(--sd-color-fill-4);
51
+ background-color: var(--component-switch-switch-color-bg-off, var(--component-switch-color-bg-off, var(--sd-color-fill-4)));
52
52
  border: none;
53
53
  border-radius: 12px;
54
54
  outline: none;
@@ -64,83 +64,83 @@
64
64
  justify-content: center;
65
65
  width: 16px;
66
66
  height: 16px;
67
- color: var(--sd-color-neutral-3);
67
+ color: var(--component-switch-switch-color-dot-icon-off, var(--component-switch-color-dot-icon-off, var(--sd-color-neutral-3)));
68
68
  font-size: 12px;
69
- background-color: var(--sd-color-bg-white);
69
+ background-color: var(--component-switch-switch-color-dot-bg, var(--component-switch-color-dot-bg, var(--sd-color-bg-white)));
70
70
  border-radius: 50%;
71
71
  transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
72
72
  }
73
73
  .sd-switch-checked {
74
- background-color: rgb(var(--sd-primary-6));
74
+ background-color: var(--component-switch-switch-color-bg-on, var(--component-switch-color-bg-on, var(--color-primary-6, var(--sd-color-primary-6, rgb(var(--sd-primary-6))))));
75
75
  }
76
76
  .sd-switch-checked .sd-switch-handle {
77
77
  left: calc(100% - 16px - 4px);
78
- color: rgb(var(--sd-primary-6));
78
+ color: var(--component-switch-switch-color-dot-icon-on, var(--component-switch-color-dot-icon-on, var(--color-primary-6, var(--sd-color-primary-6, rgb(var(--sd-primary-6))))));
79
79
  }
80
80
  .sd-switch[disabled] .sd-switch-handle {
81
- color: var(--sd-color-fill-2);
81
+ color: var(--component-switch-switch-color-dot-icon-off-disabled, var(--component-switch-color-dot-icon-off-disabled, var(--sd-color-fill-2)));
82
82
  }
83
83
  .sd-switch[disabled].sd-switch-checked .sd-switch-handle {
84
- color: var(--sd-color-primary-light-3);
84
+ color: var(--component-switch-switch-color-dot-icon-on-disabled, var(--component-switch-color-dot-icon-on-disabled, var(--sd-color-primary-light-3)));
85
85
  }
86
86
  .sd-switch[disabled] .sd-switch-handle {
87
- color: var(--sd-color-fill-2);
87
+ color: var(--component-switch-switch-color-dot-icon-off-disabled, var(--component-switch-color-dot-icon-off-disabled, var(--sd-color-fill-2)));
88
88
  }
89
89
  .sd-switch[disabled].sd-switch-checked .sd-switch-handle {
90
- color: var(--sd-color-primary-light-3);
90
+ color: var(--component-switch-switch-color-dot-icon-on-disabled, var(--component-switch-color-dot-icon-on-disabled, var(--sd-color-primary-light-3)));
91
91
  }
92
92
  .sd-switch-text-holder {
93
93
  margin: 0 8px 0 26px;
94
- font-size: 12px;
94
+ font-size: var(--component-switch-switch-font-size-text, var(--component-switch-font-size-text, var(--font-size-caption, 12px)));
95
95
  opacity: 0;
96
96
  }
97
97
  .sd-switch-text {
98
98
  position: absolute;
99
99
  top: 0;
100
100
  left: 26px;
101
- color: var(--sd-color-white);
102
- font-size: 12px;
101
+ color: var(--component-switch-switch-color-text-off, var(--component-switch-color-text-off, var(--sd-color-white)));
102
+ font-size: var(--component-switch-switch-font-size-text, var(--component-switch-font-size-text, var(--font-size-caption, 12px)));
103
103
  }
104
104
  .sd-switch-checked .sd-switch-text-holder {
105
105
  margin: 0 26px 0 8px;
106
106
  }
107
107
  .sd-switch-checked .sd-switch-text {
108
108
  left: 8px;
109
- color: var(--sd-color-white);
109
+ color: var(--component-switch-switch-color-text-on, var(--component-switch-color-text-on, var(--sd-color-white)));
110
110
  }
111
111
  .sd-switch[disabled] {
112
- background-color: var(--sd-color-fill-2);
112
+ background-color: var(--component-switch-switch-color-bg-off-disabled, var(--component-switch-color-bg-off-disabled, var(--sd-color-fill-2)));
113
113
  cursor: not-allowed;
114
114
  }
115
115
  .sd-switch[disabled] .sd-switch-text {
116
- color: var(--sd-color-white);
116
+ color: var(--component-switch-switch-color-text-off-disabled, var(--component-switch-color-text-off-disabled, var(--sd-color-white)));
117
117
  }
118
118
  .sd-switch[disabled].sd-switch-checked {
119
- background-color: var(--sd-color-primary-light-3);
119
+ background-color: var(--component-switch-switch-color-bg-on-disabled, var(--component-switch-color-bg-on-disabled, var(--sd-color-primary-light-3)));
120
120
  }
121
121
  .sd-switch[disabled].sd-switch-checked .sd-switch-text {
122
- color: var(--sd-color-white);
122
+ color: var(--component-switch-switch-color-text-on-disabled, var(--component-switch-color-text-on-disabled, var(--sd-color-white)));
123
123
  }
124
124
  .sd-switch-loading {
125
- background-color: var(--sd-color-fill-2);
125
+ background-color: var(--component-switch-switch-color-bg-off-loading, var(--component-switch-color-bg-off-loading, var(--sd-color-fill-2)));
126
126
  }
127
127
  .sd-switch-loading .sd-switch-handle {
128
- color: var(--sd-color-neutral-3);
128
+ color: var(--component-switch-switch-color-dot-icon-off-loading, var(--component-switch-color-dot-icon-off-loading, var(--sd-color-neutral-3)));
129
129
  }
130
130
  .sd-switch-loading .sd-switch-text {
131
- color: var(--sd-color-white);
131
+ color: var(--component-switch-switch-color-text-off-loading, var(--component-switch-color-text-off-loading, var(--sd-color-white)));
132
132
  }
133
133
  .sd-switch-loading.sd-switch-checked {
134
- background-color: var(--sd-color-primary-light-3);
134
+ background-color: var(--component-switch-switch-color-bg-on-loading, var(--component-switch-color-bg-on-loading, var(--sd-color-primary-light-3)));
135
135
  }
136
136
  .sd-switch-loading.sd-switch-checked .sd-switch-handle {
137
- color: var(--sd-color-primary-light-3);
137
+ color: var(--component-switch-switch-color-dot-icon-on-loading, var(--component-switch-color-dot-icon-on-loading, var(--sd-color-primary-light-3)));
138
138
  }
139
139
  .sd-switch-loading.sd-switch-checked .sd-switch-text {
140
- color: var(--sd-color-primary-light-1);
140
+ color: var(--component-switch-switch-color-text-on-loading, var(--component-switch-color-text-on-loading, var(--sd-color-primary-light-1)));
141
141
  }
142
142
  .sd-switch-small {
143
- min-width: 28px;
143
+ min-width: var(--component-switch-switch-circle-small-width, var(--component-switch-circle-small-width, var(--size-7, 28px)));
144
144
  height: 16px;
145
145
  line-height: 16px;
146
146
  }
@@ -165,14 +165,14 @@
165
165
  }
166
166
 
167
167
  .sd-switch-type-round {
168
- min-width: 40px;
168
+ min-width: var(--component-switch-switch-round-default-width, var(--component-switch-round-default-width, var(--size-10, 40px)));
169
169
  border-radius: var(--sd-border-radius-small);
170
170
  }
171
171
  .sd-switch-type-round .sd-switch-handle {
172
172
  border-radius: 2px;
173
173
  }
174
174
  .sd-switch-type-round.sd-switch-small {
175
- min-width: 28px;
175
+ min-width: var(--component-switch-switch-round-small-width, var(--component-switch-round-small-width, var(--size-7, 28px)));
176
176
  height: 16px;
177
177
  line-height: 16px;
178
178
  border-radius: 2px;
@@ -182,7 +182,7 @@
182
182
  }
183
183
 
184
184
  .sd-switch-type-line {
185
- min-width: 36px;
185
+ min-width: var(--component-switch-switch-line-default-width, var(--component-switch-line-default-width, var(--size-9, 36px)));
186
186
  overflow: unset;
187
187
  background-color: transparent;
188
188
  }
@@ -190,7 +190,7 @@
190
190
  display: block;
191
191
  width: 100%;
192
192
  height: 6px;
193
- background-color: var(--sd-color-fill-4);
193
+ background-color: var(--component-switch-switch-color-bg-off, var(--component-switch-color-bg-off, var(--sd-color-fill-4)));
194
194
  border-radius: 3px;
195
195
  transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
196
196
  content: "";
@@ -200,15 +200,15 @@
200
200
  left: 0;
201
201
  width: 20px;
202
202
  height: 20px;
203
- background-color: var(--sd-color-bg-white);
203
+ background-color: var(--component-switch-switch-color-dot-bg, var(--component-switch-color-dot-bg, var(--sd-color-bg-white)));
204
204
  border-radius: 10px;
205
- box-shadow: 0 1px 3px var(--sd-color-neutral-6);
205
+ box-shadow: 0 1px 3px var(--component-switch-switch-line-color-dot-shadow, var(--component-switch-line-color-dot-shadow, var(--sd-color-neutral-6)));
206
206
  }
207
207
  .sd-switch-type-line.sd-switch-checked {
208
208
  background-color: transparent;
209
209
  }
210
210
  .sd-switch-type-line.sd-switch-checked::after {
211
- background-color: rgb(var(--sd-primary-6));
211
+ background-color: var(--component-switch-switch-color-bg-on, var(--component-switch-color-bg-on, var(--color-primary-6, var(--sd-color-primary-6, rgb(var(--sd-primary-6))))));
212
212
  }
213
213
  .sd-switch-type-line.sd-switch-custom-color {
214
214
  --custom-color: $switch-color-bg_off;
@@ -227,28 +227,28 @@
227
227
  cursor: not-allowed;
228
228
  }
229
229
  .sd-switch-type-line[disabled]::after {
230
- background-color: var(--sd-color-fill-2);
230
+ background-color: var(--component-switch-switch-color-bg-off-disabled, var(--component-switch-color-bg-off-disabled, var(--sd-color-fill-2)));
231
231
  }
232
232
  .sd-switch-type-line[disabled].sd-switch-checked {
233
233
  background-color: transparent;
234
234
  }
235
235
  .sd-switch-type-line[disabled].sd-switch-checked::after {
236
- background-color: var(--sd-color-primary-light-3);
236
+ background-color: var(--component-switch-switch-color-bg-on-disabled, var(--component-switch-color-bg-on-disabled, var(--sd-color-primary-light-3)));
237
237
  }
238
238
  .sd-switch-type-line.sd-switch-loading {
239
239
  background-color: transparent;
240
240
  }
241
241
  .sd-switch-type-line.sd-switch-loading::after {
242
- background-color: var(--sd-color-fill-2);
242
+ background-color: var(--component-switch-switch-color-bg-off-loading, var(--component-switch-color-bg-off-loading, var(--sd-color-fill-2)));
243
243
  }
244
244
  .sd-switch-type-line.sd-switch-loading.sd-switch-checked {
245
245
  background-color: transparent;
246
246
  }
247
247
  .sd-switch-type-line.sd-switch-loading.sd-switch-checked::after {
248
- background-color: var(--sd-color-primary-light-3);
248
+ background-color: var(--component-switch-switch-color-bg-on-loading, var(--component-switch-color-bg-on-loading, var(--sd-color-primary-light-3)));
249
249
  }
250
250
  .sd-switch-type-line.sd-switch-small {
251
- min-width: 28px;
251
+ min-width: var(--component-switch-switch-line-small-width, var(--component-switch-line-small-width, var(--size-7, 28px)));
252
252
  height: 16px;
253
253
  line-height: 16px;
254
254
  }
package/es/switch/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';
@@ -66,3 +67,137 @@ $switch-color-dot-icon_on_loading: var(
66
67
  $switch-color-dot-icon_off_loading: var(
67
68
  string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-3')
68
69
  );
70
+
71
+ // @generated runtime tokens — pnpm theme:generate
72
+ $switch-font-size-text: theme-runtime.token(
73
+ 'switch',
74
+ 'switch-font-size-text',
75
+ $switch-font-size-text,
76
+ 'font-size-caption'
77
+ );
78
+ $switch-circle-default-width: theme-runtime.token(
79
+ 'switch',
80
+ 'switch-circle-default-width',
81
+ $switch-circle-default-width,
82
+ 'size-10'
83
+ );
84
+ $switch-circle-small-width: theme-runtime.token(
85
+ 'switch',
86
+ 'switch-circle-small-width',
87
+ $switch-circle-small-width,
88
+ 'size-7'
89
+ );
90
+ $switch-round-default-width: theme-runtime.token(
91
+ 'switch',
92
+ 'switch-round-default-width',
93
+ $switch-round-default-width,
94
+ 'size-10'
95
+ );
96
+ $switch-round-small-width: theme-runtime.token(
97
+ 'switch',
98
+ 'switch-round-small-width',
99
+ $switch-round-small-width,
100
+ 'size-7'
101
+ );
102
+ $switch-line-default-width: theme-runtime.token(
103
+ 'switch',
104
+ 'switch-line-default-width',
105
+ $switch-line-default-width,
106
+ 'size-9'
107
+ );
108
+ $switch-line-small-width: theme-runtime.token(
109
+ 'switch',
110
+ 'switch-line-small-width',
111
+ $switch-line-small-width,
112
+ 'size-7'
113
+ );
114
+ $switch-line-color-dot-shadow: theme-runtime.token(
115
+ 'switch',
116
+ 'switch-line-color-dot-shadow',
117
+ $switch-line-color-dot-shadow
118
+ );
119
+ $switch-color-bg_on: theme-runtime.token(
120
+ 'switch',
121
+ 'switch-color-bg-on',
122
+ $switch-color-bg_on,
123
+ 'color-primary-6'
124
+ );
125
+ $switch-color-bg_off: theme-runtime.token('switch', 'switch-color-bg-off', $switch-color-bg_off);
126
+ $switch-color-bg_on_disabled: theme-runtime.token(
127
+ 'switch',
128
+ 'switch-color-bg-on-disabled',
129
+ $switch-color-bg_on_disabled
130
+ );
131
+ $switch-color-bg_off_disabled: theme-runtime.token(
132
+ 'switch',
133
+ 'switch-color-bg-off-disabled',
134
+ $switch-color-bg_off_disabled
135
+ );
136
+ $switch-color-bg_on_loading: theme-runtime.token(
137
+ 'switch',
138
+ 'switch-color-bg-on-loading',
139
+ $switch-color-bg_on_loading
140
+ );
141
+ $switch-color-bg_off_loading: theme-runtime.token(
142
+ 'switch',
143
+ 'switch-color-bg-off-loading',
144
+ $switch-color-bg_off_loading
145
+ );
146
+ $switch-color-dot-bg: theme-runtime.token('switch', 'switch-color-dot-bg', $switch-color-dot-bg);
147
+ $switch-color-text_on: theme-runtime.token('switch', 'switch-color-text-on', $switch-color-text_on);
148
+ $switch-color-text_off: theme-runtime.token(
149
+ 'switch',
150
+ 'switch-color-text-off',
151
+ $switch-color-text_off
152
+ );
153
+ $switch-color-text_on_disabled: theme-runtime.token(
154
+ 'switch',
155
+ 'switch-color-text-on-disabled',
156
+ $switch-color-text_on_disabled
157
+ );
158
+ $switch-color-text_off_disabled: theme-runtime.token(
159
+ 'switch',
160
+ 'switch-color-text-off-disabled',
161
+ $switch-color-text_off_disabled
162
+ );
163
+ $switch-color-text_on_loading: theme-runtime.token(
164
+ 'switch',
165
+ 'switch-color-text-on-loading',
166
+ $switch-color-text_on_loading
167
+ );
168
+ $switch-color-text_off_loading: theme-runtime.token(
169
+ 'switch',
170
+ 'switch-color-text-off-loading',
171
+ $switch-color-text_off_loading
172
+ );
173
+ $switch-color-dot-icon_on: theme-runtime.token(
174
+ 'switch',
175
+ 'switch-color-dot-icon-on',
176
+ $switch-color-dot-icon_on,
177
+ 'color-primary-6'
178
+ );
179
+ $switch-color-dot-icon_off: theme-runtime.token(
180
+ 'switch',
181
+ 'switch-color-dot-icon-off',
182
+ $switch-color-dot-icon_off
183
+ );
184
+ $switch-color-dot-icon_on_disabled: theme-runtime.token(
185
+ 'switch',
186
+ 'switch-color-dot-icon-on-disabled',
187
+ $switch-color-dot-icon_on_disabled
188
+ );
189
+ $switch-color-dot-icon_off_disabled: theme-runtime.token(
190
+ 'switch',
191
+ 'switch-color-dot-icon-off-disabled',
192
+ $switch-color-dot-icon_off_disabled
193
+ );
194
+ $switch-color-dot-icon_on_loading: theme-runtime.token(
195
+ 'switch',
196
+ 'switch-color-dot-icon-on-loading',
197
+ $switch-color-dot-icon_on_loading
198
+ );
199
+ $switch-color-dot-icon_off_loading: theme-runtime.token(
200
+ 'switch',
201
+ 'switch-color-dot-icon-off-loading',
202
+ $switch-color-dot-icon_off_loading
203
+ );