@rainbow-oh/yee-c 0.10.0 → 0.12.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 (193) hide show
  1. package/dist/cjs/Anchor/style/index.less +3 -3
  2. package/dist/cjs/Button/demo/icon.js +1 -1
  3. package/dist/cjs/Button/style/index.less +72 -52
  4. package/dist/cjs/DatePicker/style/mobile.less +1 -1
  5. package/dist/cjs/Descriptions/style/index.less +6 -6
  6. package/dist/cjs/FloatButton/style/index.less +2 -2
  7. package/dist/cjs/Form/style/index.less +21 -21
  8. package/dist/cjs/ImageViewer/style/index.less +13 -13
  9. package/dist/cjs/Input/style/index.less +1 -1
  10. package/dist/cjs/InputNumber/style/index.less +9 -9
  11. package/dist/cjs/Menu/style/index.less +1 -1
  12. package/dist/cjs/PickerPanel/style/index.less +5 -5
  13. package/dist/cjs/RangePicker/style/index.less +53 -52
  14. package/dist/cjs/Rate/style/index.less +1 -1
  15. package/dist/cjs/Search/style/index.less +10 -10
  16. package/dist/cjs/Segmented/style/index.less +2 -2
  17. package/dist/cjs/Selector/selector.js +1 -1
  18. package/dist/cjs/Selector/style/index.less +1 -1
  19. package/dist/cjs/Table/demo/resizable.d.ts +3 -0
  20. package/dist/cjs/Table/demo/resizable.js +143 -0
  21. package/dist/cjs/Table/hooks/useColumnResize.d.ts +30 -0
  22. package/dist/cjs/Table/hooks/useColumnResize.js +217 -0
  23. package/dist/cjs/Table/hooks/useColumns.d.ts +3 -1
  24. package/dist/cjs/Table/hooks/useColumns.js +14 -3
  25. package/dist/cjs/Table/interface.d.ts +49 -0
  26. package/dist/cjs/Table/style/index.less +43 -1
  27. package/dist/cjs/Table/table.js +62 -9
  28. package/dist/cjs/Table/theader/cell.js +46 -4
  29. package/dist/cjs/Table/util/index.d.ts +19 -1
  30. package/dist/cjs/Table/util/index.js +22 -0
  31. package/dist/cjs/Tabs/interface.d.ts +1 -1
  32. package/dist/cjs/Tabs/style/index.less +9 -9
  33. package/dist/cjs/Tabs/tab-header/index.js +5 -1
  34. package/dist/cjs/Tour/demo/indicators.js +1 -1
  35. package/dist/cjs/Tour/demo/placement.js +1 -1
  36. package/dist/cjs/Transfer/style/index.less +1 -1
  37. package/dist/cjs/Tree/style/index.less +3 -3
  38. package/dist/cjs/TreeSelect/style/index.less +1 -1
  39. package/dist/cjs/Upload/style/index.less +11 -12
  40. package/dist/cjs/WheelPicker/style/index.less +3 -3
  41. package/dist/cjs/locale/interface.d.ts +1 -0
  42. package/dist/cjs/locale/lang/en_US.js +2 -1
  43. package/dist/cjs/locale/lang/ja_JP.js +2 -1
  44. package/dist/cjs/locale/lang/zh_CN.js +2 -1
  45. package/dist/cjs/locale/lang/zh_TW.js +2 -1
  46. package/dist/cjs/message/style/index.less +4 -4
  47. package/dist/cjs/style/color.blue.css +254 -290
  48. package/dist/cjs/style/color.crimson.css +434 -471
  49. package/dist/cjs/style/color.css +736 -508
  50. package/dist/cjs/style/color.dark.css +464 -501
  51. package/dist/cjs/style/color.gemini.css +134 -0
  52. package/dist/cjs/style/color.green.css +459 -495
  53. package/dist/cjs/style/color.jam.css +463 -500
  54. package/dist/cjs/style/color.navy.css +466 -503
  55. package/dist/cjs/style/color.peach.css +464 -501
  56. package/dist/cjs/style/color.pine.css +462 -500
  57. package/dist/cjs/style/color.pitaya.css +465 -502
  58. package/dist/cjs/style/color.pumpkin.css +464 -501
  59. package/dist/cjs/style/color.ruby.css +466 -503
  60. package/dist/cjs/style/size.css +144 -2
  61. package/dist/cjs/style/themes.css +4999 -5268
  62. package/dist/cjs/style/variables.css +882 -512
  63. package/dist/cjs/version.d.ts +1 -1
  64. package/dist/cjs/version.js +1 -1
  65. package/dist/esm/Anchor/style/index.less +3 -3
  66. package/dist/esm/Button/demo/icon.js +7 -4
  67. package/dist/esm/Button/style/index.less +72 -52
  68. package/dist/esm/DatePicker/style/mobile.less +1 -1
  69. package/dist/esm/Descriptions/style/index.less +6 -6
  70. package/dist/esm/FloatButton/style/index.less +2 -2
  71. package/dist/esm/Form/style/index.less +21 -21
  72. package/dist/esm/ImageViewer/style/index.less +13 -13
  73. package/dist/esm/Input/style/index.less +1 -1
  74. package/dist/esm/InputNumber/style/index.less +9 -9
  75. package/dist/esm/Menu/style/index.less +1 -1
  76. package/dist/esm/PickerPanel/style/index.less +5 -5
  77. package/dist/esm/RangePicker/style/index.less +53 -52
  78. package/dist/esm/Rate/style/index.less +1 -1
  79. package/dist/esm/Search/style/index.less +10 -10
  80. package/dist/esm/Segmented/style/index.less +2 -2
  81. package/dist/esm/Selector/selector.js +1 -1
  82. package/dist/esm/Selector/style/index.less +1 -1
  83. package/dist/esm/Table/demo/resizable.d.ts +3 -0
  84. package/dist/esm/Table/demo/resizable.js +110 -0
  85. package/dist/esm/Table/hooks/useColumnResize.d.ts +30 -0
  86. package/dist/esm/Table/hooks/useColumnResize.js +206 -0
  87. package/dist/esm/Table/hooks/useColumns.d.ts +3 -1
  88. package/dist/esm/Table/hooks/useColumns.js +9 -4
  89. package/dist/esm/Table/interface.d.ts +49 -0
  90. package/dist/esm/Table/style/index.less +43 -1
  91. package/dist/esm/Table/table.js +83 -13
  92. package/dist/esm/Table/theader/cell.js +38 -3
  93. package/dist/esm/Table/util/index.d.ts +19 -1
  94. package/dist/esm/Table/util/index.js +37 -0
  95. package/dist/esm/Tabs/interface.d.ts +1 -1
  96. package/dist/esm/Tabs/style/index.less +9 -9
  97. package/dist/esm/Tabs/tab-header/index.js +7 -2
  98. package/dist/esm/Tour/demo/indicators.js +1 -1
  99. package/dist/esm/Tour/demo/placement.js +1 -1
  100. package/dist/esm/Transfer/style/index.less +1 -1
  101. package/dist/esm/Tree/style/index.less +3 -3
  102. package/dist/esm/TreeSelect/style/index.less +1 -1
  103. package/dist/esm/Upload/style/index.less +11 -12
  104. package/dist/esm/WheelPicker/style/index.less +3 -3
  105. package/dist/esm/index.js +1 -0
  106. package/dist/esm/locale/interface.d.ts +1 -0
  107. package/dist/esm/locale/lang/en_US.js +2 -1
  108. package/dist/esm/locale/lang/ja_JP.js +2 -1
  109. package/dist/esm/locale/lang/zh_CN.js +2 -1
  110. package/dist/esm/locale/lang/zh_TW.js +2 -1
  111. package/dist/esm/message/style/index.less +4 -4
  112. package/dist/esm/style/color.blue.css +254 -290
  113. package/dist/esm/style/color.crimson.css +434 -471
  114. package/dist/esm/style/color.css +736 -508
  115. package/dist/esm/style/color.dark.css +464 -501
  116. package/dist/esm/style/color.gemini.css +134 -0
  117. package/dist/esm/style/color.green.css +459 -495
  118. package/dist/esm/style/color.jam.css +463 -500
  119. package/dist/esm/style/color.navy.css +466 -503
  120. package/dist/esm/style/color.peach.css +464 -501
  121. package/dist/esm/style/color.pine.css +462 -500
  122. package/dist/esm/style/color.pitaya.css +465 -502
  123. package/dist/esm/style/color.pumpkin.css +464 -501
  124. package/dist/esm/style/color.ruby.css +466 -503
  125. package/dist/esm/style/size.css +144 -2
  126. package/dist/esm/style/themes.css +4999 -5268
  127. package/dist/esm/style/variables.css +882 -512
  128. package/dist/esm/version.d.ts +1 -1
  129. package/dist/esm/version.js +1 -1
  130. package/dist/umd/yee-c.min.css +80 -22
  131. package/dist/umd/yee-c.min.js +1 -1
  132. package/package.json +4 -2
  133. package/src/Anchor/style/index.less +3 -3
  134. package/src/Button/demo/icon.tsx +5 -3
  135. package/src/Button/style/index.less +72 -52
  136. package/src/DatePicker/style/mobile.less +1 -1
  137. package/src/Descriptions/style/index.less +6 -6
  138. package/src/FloatButton/style/index.less +2 -2
  139. package/src/Form/style/index.less +21 -21
  140. package/src/ImageViewer/style/index.less +13 -13
  141. package/src/Input/style/index.less +1 -1
  142. package/src/InputNumber/style/index.less +9 -9
  143. package/src/Menu/style/index.less +1 -1
  144. package/src/PickerPanel/style/index.less +5 -5
  145. package/src/RangePicker/style/index.less +53 -52
  146. package/src/Rate/style/index.less +1 -1
  147. package/src/Search/style/index.less +10 -10
  148. package/src/Segmented/style/index.less +2 -2
  149. package/src/Selector/selector.tsx +1 -1
  150. package/src/Selector/style/index.less +1 -1
  151. package/src/Table/demo/resizable.tsx +106 -0
  152. package/src/Table/hooks/useColumnResize.ts +224 -0
  153. package/src/Table/hooks/useColumns.ts +18 -3
  154. package/src/Table/index.en-US.md +7 -0
  155. package/src/Table/index.zh-CN.md +7 -0
  156. package/src/Table/interface.ts +52 -0
  157. package/src/Table/style/index.less +43 -1
  158. package/src/Table/table-resize.test.tsx +234 -0
  159. package/src/Table/table.tsx +90 -13
  160. package/src/Table/theader/cell.tsx +52 -2
  161. package/src/Table/util/index.ts +44 -1
  162. package/src/Tabs/interface.ts +1 -1
  163. package/src/Tabs/style/index.less +9 -9
  164. package/src/Tabs/tab-header/index.tsx +5 -1
  165. package/src/Tour/demo/indicators.tsx +2 -2
  166. package/src/Tour/demo/placement.tsx +1 -1
  167. package/src/Transfer/style/index.less +1 -1
  168. package/src/Tree/style/index.less +3 -3
  169. package/src/TreeSelect/style/index.less +1 -1
  170. package/src/Upload/style/index.less +11 -12
  171. package/src/WheelPicker/style/index.less +3 -3
  172. package/src/index.ts +1 -0
  173. package/src/locale/interface.ts +1 -0
  174. package/src/locale/lang/en_US.ts +1 -0
  175. package/src/locale/lang/ja_JP.ts +1 -0
  176. package/src/locale/lang/zh_CN.ts +1 -0
  177. package/src/locale/lang/zh_TW.ts +1 -0
  178. package/src/message/style/index.less +4 -4
  179. package/src/style/color.blue.css +254 -290
  180. package/src/style/color.crimson.css +434 -471
  181. package/src/style/color.css +736 -508
  182. package/src/style/color.dark.css +464 -501
  183. package/src/style/color.gemini.css +134 -0
  184. package/src/style/color.green.css +459 -495
  185. package/src/style/color.jam.css +463 -500
  186. package/src/style/color.navy.css +466 -503
  187. package/src/style/color.peach.css +464 -501
  188. package/src/style/color.pine.css +462 -500
  189. package/src/style/color.pitaya.css +465 -502
  190. package/src/style/color.pumpkin.css +464 -501
  191. package/src/style/color.ruby.css +466 -503
  192. package/src/style/size.css +144 -2
  193. package/src/version.ts +1 -1
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import type { DataAttributeProps } from '../utils/types';
3
- type SemanticDOM = 'header' | 'content' | 'track' | 'list' | 'activeBar';
3
+ type SemanticDOM = 'header' | 'content' | 'track' | 'list' | 'activeBar' | 'more';
4
4
  export type TabItemType = {
5
5
  /**
6
6
  * Unique key corresponding to activeKey
@@ -169,7 +169,7 @@
169
169
  user-select: none;
170
170
 
171
171
  &.disabled {
172
- color: var(--yee-tabitem-title-disabled-color);
172
+ color: var(--yee-tabs-tab-title-disabled-color);
173
173
  cursor: not-allowed;
174
174
 
175
175
  & > * {
@@ -178,7 +178,7 @@
178
178
  }
179
179
 
180
180
  &.active {
181
- color: var(--yee-tabitem-title-active-hover-color);
181
+ color: var(--yee-tabs-tab-title-active-hover-color);
182
182
  }
183
183
 
184
184
  &:not(.disabled):not(.active):hover {
@@ -253,8 +253,8 @@
253
253
 
254
254
  @{pls}-tab.active {
255
255
  z-index: 2;
256
- color: var(--yee-tabitem-active-hover-pills-color);
257
- border-color: var(--yee-tabitem-active-pills-border-color);
256
+ color: var(--yee-tabs-tab-active-hover-pills-color);
257
+ border-color: var(--yee-tabs-tab-active-pills-border-color);
258
258
  }
259
259
 
260
260
  @{pls}-active {
@@ -461,16 +461,16 @@
461
461
  cursor: pointer;
462
462
 
463
463
  &:hover {
464
- background-color: var(--yee-tabitem-dropdown-title-hover-bg-color);
464
+ background-color: var(--yee-tabs-tab-dropdown-title-hover-bg-color);
465
465
 
466
466
  @{pls}-tab-title {
467
- color: var(--yee-tabitem-dropdown-title-hover-color);
467
+ color: var(--yee-tabs-tab-dropdown-title-hover-color);
468
468
  }
469
469
  }
470
470
 
471
471
  &:active {
472
- color: var(--yee-tabitem-dropdown-title-active-color);
473
- background-color: var(--yee-tabitem-dropdown-title-active-bg-color);
472
+ color: var(--yee-tabs-tab-dropdown-title-active-color);
473
+ background-color: var(--yee-tabs-tab-dropdown-title-active-bg-color);
474
474
  }
475
475
  }
476
476
  }
@@ -491,7 +491,7 @@
491
491
  user-select: none;
492
492
 
493
493
  &:hover {
494
- color: var(--yee-tabitem-title-active-hover-color);
494
+ color: var(--yee-tabs-tab-title-active-hover-color);
495
495
  }
496
496
  }
497
497
  }
@@ -141,6 +141,9 @@ var TabHeader = (props) => {
141
141
  const cls = (0, import_clsx.default)(
142
142
  `${prefixCls}-nav-wrapper`,
143
143
  `${prefixCls}-nav-wrapper-${position}`,
144
+ {
145
+ [`${prefixCls}-nav-wrapper-with-more`]: moreOpen
146
+ },
144
147
  classNames == null ? void 0 : classNames.header
145
148
  );
146
149
  const contextValue = {
@@ -203,7 +206,8 @@ var TabHeader = (props) => {
203
206
  ), moreOpen && /* @__PURE__ */ import_react.default.createElement(import_dropdown_tabs.default, { visible: moreOpen, items: items || [], range }, /* @__PURE__ */ import_react.default.createElement(
204
207
  import_Button.default,
205
208
  {
206
- className: `${prefixCls}-nav-more`,
209
+ className: (0, import_clsx.default)(`${prefixCls}-nav-more`, classNames == null ? void 0 : classNames.more),
210
+ style: styles == null ? void 0 : styles.more,
207
211
  size: "small",
208
212
  icon: /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Ellipsis, { size: 14, strokeWidth: 1.5 }),
209
213
  type: "text",
@@ -54,7 +54,7 @@ var indicators_default = () => {
54
54
  height: 8,
55
55
  marginInlineEnd: 4,
56
56
  borderRadius: "50%",
57
- background: i === current ? "var(--yee-primary-color)" : "var(--yee-border-color)",
57
+ background: i === current ? "var(--yee-color-primary)" : "var(--yee-color-border)",
58
58
  transition: "background 0.2s"
59
59
  }
60
60
  }
@@ -57,7 +57,7 @@ var placement_default = () => {
57
57
  style: {
58
58
  display: "inline-block",
59
59
  padding: "16px 24px",
60
- border: "1px dashed var(--yee-border-color)",
60
+ border: "1px dashed var(--yee-color-border)",
61
61
  borderRadius: 6
62
62
  }
63
63
  },
@@ -122,7 +122,7 @@
122
122
  align-items: center;
123
123
  width: 100%;
124
124
  border-radius: 4px;
125
- border: 1px solid var(--yee-btn-default-border-color);
125
+ border: 1px solid var(--yee-transfer-operation-border-color);
126
126
  padding: 0 8px;
127
127
  cursor: pointer;
128
128
 
@@ -17,15 +17,15 @@
17
17
  }
18
18
 
19
19
  &-drag-over-before {
20
- box-shadow: inset 0 2px 0 0 var(--yee-primary-color);
20
+ box-shadow: inset 0 2px 0 0 var(--yee-color-primary);
21
21
  }
22
22
 
23
23
  &-drag-over-after {
24
- box-shadow: inset 0 -2px 0 0 var(--yee-primary-color);
24
+ box-shadow: inset 0 -2px 0 0 var(--yee-color-primary);
25
25
  }
26
26
 
27
27
  &-drag-over-inside {
28
- background: color-mix(in srgb, var(--yee-primary-color) 12%, transparent);
28
+ background: color-mix(in srgb, var(--yee-color-primary) 12%, transparent);
29
29
  }
30
30
 
31
31
  &-switcher {
@@ -1,7 +1,7 @@
1
1
  @pls: .yee-tree-select;
2
2
 
3
3
  @{pls}-popup {
4
- background-color: var(--yee-treeselect-dropdown-bg-color);
4
+ background-color: var(--yee-tree-select-dropdown-bg-color);
5
5
  height: var(--yee-tree-select-popup-height, 360px);
6
6
  overflow: auto;
7
7
  }
@@ -8,7 +8,7 @@
8
8
  display: flex;
9
9
 
10
10
  &:focus-within {
11
- outline: 2px solid var(--yee-primary-color);
11
+ outline: 2px solid var(--yee-color-primary);
12
12
  outline-offset: 2px;
13
13
  border-radius: var(--yee-radius);
14
14
  }
@@ -53,12 +53,12 @@
53
53
  }
54
54
 
55
55
  &:hover {
56
- border-color: var(--yee-primary-color);
56
+ border-color: var(--yee-color-primary);
57
57
  }
58
58
 
59
59
  &-hover {
60
- border-color: var(--yee-primary-color);
61
- background-color: var(--yee-primary-color-bg);
60
+ border-color: var(--yee-color-primary);
61
+ background-color: var(--yee-color-primary-bg);
62
62
  }
63
63
  }
64
64
 
@@ -77,7 +77,7 @@
77
77
  &-trigger {
78
78
  width: 100px;
79
79
  height: 100px;
80
- border: 1px dashed var(--yee-border-color);
80
+ border: 1px dashed var(--yee-color-border);
81
81
  border-radius: var(--yee-radius-lg, 4px);
82
82
  display: flex;
83
83
  align-items: center;
@@ -87,8 +87,8 @@
87
87
  background-color: var(--yee-color-bg-container);
88
88
 
89
89
  &:hover {
90
- border-color: var(--yee-primary-color);
91
- color: var(--yee-primary-color);
90
+ border-color: var(--yee-color-primary);
91
+ color: var(--yee-color-primary);
92
92
  }
93
93
  }
94
94
 
@@ -125,7 +125,7 @@
125
125
  align-items: center;
126
126
  justify-content: center;
127
127
  padding: 8px;
128
- color: var(--yee-error-color);
128
+ color: var(--yee-color-error);
129
129
  }
130
130
 
131
131
  &-operate {
@@ -236,7 +236,6 @@
236
236
  }
237
237
 
238
238
  &-item {
239
-
240
239
  &-label {
241
240
  display: flex;
242
241
  align-items: center;
@@ -270,15 +269,15 @@
270
269
  // 上传状态样式
271
270
  &-state {
272
271
  &-uploading {
273
- color: var(--yee-primary-color);
272
+ color: var(--yee-color-primary);
274
273
  }
275
274
 
276
275
  &-error {
277
- color: var(--yee-error-color);
276
+ color: var(--yee-color-error);
278
277
  }
279
278
 
280
279
  &-success {
281
- color: var(--yee-success-color);
280
+ color: var(--yee-color-success);
282
281
  }
283
282
  }
284
283
 
@@ -59,7 +59,7 @@
59
59
  scroll-snap-align: center;
60
60
  text-align: center;
61
61
  font-size: 16px;
62
- color: var(--yee-text-color, #333);
62
+ color: var(--yee-color-text, #333);
63
63
  cursor: pointer;
64
64
  white-space: nowrap;
65
65
  overflow: hidden;
@@ -75,8 +75,8 @@
75
75
  left: 8px;
76
76
  right: 8px;
77
77
  pointer-events: none;
78
- border-top: 1px solid var(--yee-border-color, #e8e8e8);
79
- border-bottom: 1px solid var(--yee-border-color, #e8e8e8);
78
+ border-top: 1px solid var(--yee-color-border, #e8e8e8);
79
+ border-bottom: 1px solid var(--yee-color-border, #e8e8e8);
80
80
  border-radius: 4px;
81
81
  background: var(--yee-wheel-picker-indicator-bg, rgba(0, 0, 0, 4%));
82
82
  z-index: 1;
@@ -55,6 +55,7 @@ export interface LocaleTable {
55
55
  sortAscending?: string;
56
56
  sortDescending?: string;
57
57
  sortCancel?: string;
58
+ resizeColumn?: string;
58
59
  }
59
60
  export interface LocalePagination {
60
61
  total?: string;
@@ -115,7 +115,8 @@ var locale = {
115
115
  selectionNone: "Clear Selection on Page",
116
116
  sortAscending: "Click to sort ascending",
117
117
  sortDescending: "Click to sort descending",
118
- sortCancel: "Click to cancel sorting"
118
+ sortCancel: "Click to cancel sorting",
119
+ resizeColumn: "Drag to resize column"
119
120
  },
120
121
  pagination: {
121
122
  total: "Total {total} items",
@@ -115,7 +115,8 @@ var locale = {
115
115
  selectionNone: "ページ内選択をクリア",
116
116
  sortAscending: "クリックで昇順に並べ替え",
117
117
  sortDescending: "クリックで降順に並べ替え",
118
- sortCancel: "クリックで並べ替えを解除"
118
+ sortCancel: "クリックで並べ替えを解除",
119
+ resizeColumn: "ドラッグで列幅を変更"
119
120
  },
120
121
  pagination: {
121
122
  total: "合計 {total} 件",
@@ -106,7 +106,8 @@ var locale = {
106
106
  selectionNone: "清空当页选择",
107
107
  sortAscending: "点击升序排列",
108
108
  sortDescending: "点击降序排列",
109
- sortCancel: "点击取消排序"
109
+ sortCancel: "点击取消排序",
110
+ resizeColumn: "拖动调整列宽"
110
111
  },
111
112
  pagination: {
112
113
  total: "共 {total} 条",
@@ -106,7 +106,8 @@ var locale = {
106
106
  selectionNone: "清空當頁選擇",
107
107
  sortAscending: "點擊升序排列",
108
108
  sortDescending: "點擊降序排列",
109
- sortCancel: "點擊取消排序"
109
+ sortCancel: "點擊取消排序",
110
+ resizeColumn: "拖動調整欄寬"
110
111
  },
111
112
  pagination: {
112
113
  total: "共 {total} 條",
@@ -37,25 +37,25 @@
37
37
  // status
38
38
  &-success {
39
39
  @{pls}-icon {
40
- color: var(--yee-success-color);
40
+ color: var(--yee-color-success);
41
41
  }
42
42
  }
43
43
 
44
44
  &-info {
45
45
  @{pls}-icon {
46
- color: var(--yee-info-color);
46
+ color: var(--yee-color-info);
47
47
  }
48
48
  }
49
49
 
50
50
  &-error {
51
51
  @{pls}-icon {
52
- color: var(--yee-error-color);
52
+ color: var(--yee-color-error);
53
53
  }
54
54
  }
55
55
 
56
56
  &-warning {
57
57
  @{pls}-icon {
58
- color: var(--yee-warning-color);
58
+ color: var(--yee-color-warning);
59
59
  }
60
60
  }
61
61
  }