@vaebe/ccui 2.0.0-beta.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 (189) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +31 -0
  3. package/affix/ccui-cli.css +2 -0
  4. package/affix/index.es.js +132 -0
  5. package/affix/index.umd.js +1 -0
  6. package/alert/ccui-cli.css +2 -0
  7. package/alert/index.es.js +127 -0
  8. package/alert/index.umd.js +1 -0
  9. package/anchor/ccui-cli.css +2 -0
  10. package/anchor/index.es.js +160 -0
  11. package/anchor/index.umd.js +1 -0
  12. package/avatar/ccui-cli.css +2 -0
  13. package/avatar/index.es.js +235 -0
  14. package/avatar/index.umd.js +1 -0
  15. package/badge/ccui-cli.css +2 -0
  16. package/badge/index.es.js +146 -0
  17. package/badge/index.umd.js +1 -0
  18. package/breadcrumb/ccui-cli.css +2 -0
  19. package/breadcrumb/index.es.js +89 -0
  20. package/breadcrumb/index.umd.js +1 -0
  21. package/button/ccui-cli.css +2 -0
  22. package/button/index.es.js +1236 -0
  23. package/button/index.umd.js +1 -0
  24. package/button-3d/ccui-cli.css +2 -0
  25. package/button-3d/index.es.js +80 -0
  26. package/button-3d/index.umd.js +1 -0
  27. package/calendar/ccui-cli.css +2 -0
  28. package/calendar/index.es.js +450 -0
  29. package/calendar/index.umd.js +1 -0
  30. package/card/ccui-cli.css +2 -0
  31. package/card/index.es.js +78 -0
  32. package/card/index.umd.js +1 -0
  33. package/ccui-cli.css +2 -0
  34. package/check-box/ccui-cli.css +2 -0
  35. package/check-box/index.es.js +173 -0
  36. package/check-box/index.umd.js +1 -0
  37. package/collapse/ccui-cli.css +2 -0
  38. package/collapse/index.es.js +176 -0
  39. package/collapse/index.umd.js +1 -0
  40. package/config-provider/index.es.js +204 -0
  41. package/config-provider/index.umd.js +1 -0
  42. package/date-picker/ccui-cli.css +2 -0
  43. package/date-picker/index.es.js +2447 -0
  44. package/date-picker/index.umd.js +1 -0
  45. package/descriptions/ccui-cli.css +2 -0
  46. package/descriptions/index.es.js +175 -0
  47. package/descriptions/index.umd.js +1 -0
  48. package/divider/ccui-cli.css +2 -0
  49. package/divider/index.es.js +78 -0
  50. package/divider/index.umd.js +1 -0
  51. package/drawer/ccui-cli.css +2 -0
  52. package/drawer/index.es.js +1320 -0
  53. package/drawer/index.umd.js +1 -0
  54. package/dropdown/ccui-cli.css +2 -0
  55. package/dropdown/index.es.js +606 -0
  56. package/dropdown/index.umd.js +1 -0
  57. package/empty/ccui-cli.css +2 -0
  58. package/empty/index.es.js +173 -0
  59. package/empty/index.umd.js +1 -0
  60. package/flex/ccui-cli.css +2 -0
  61. package/flex/index.es.js +87 -0
  62. package/flex/index.umd.js +1 -0
  63. package/float-button/ccui-cli.css +2 -0
  64. package/float-button/index.es.js +169 -0
  65. package/float-button/index.umd.js +1 -0
  66. package/form/ccui-cli.css +2 -0
  67. package/form/index.es.js +752 -0
  68. package/form/index.umd.js +1 -0
  69. package/grid/ccui-cli.css +2 -0
  70. package/grid/index.es.js +207 -0
  71. package/grid/index.umd.js +1 -0
  72. package/icon/ccui-cli.css +2 -0
  73. package/icon/index.es.js +1228 -0
  74. package/icon/index.umd.js +1 -0
  75. package/image/ccui-cli.css +2 -0
  76. package/image/index.es.js +276 -0
  77. package/image/index.umd.js +1 -0
  78. package/index.d.ts +7 -0
  79. package/input/ccui-cli.css +2 -0
  80. package/input/index.es.js +1293 -0
  81. package/input/index.umd.js +1 -0
  82. package/input-number/ccui-cli.css +2 -0
  83. package/input-number/index.es.js +263 -0
  84. package/input-number/index.umd.js +1 -0
  85. package/layout/ccui-cli.css +2 -0
  86. package/layout/index.es.js +184 -0
  87. package/layout/index.umd.js +1 -0
  88. package/masonry/ccui-cli.css +2 -0
  89. package/masonry/index.es.js +119 -0
  90. package/masonry/index.umd.js +1 -0
  91. package/menu/ccui-cli.css +2 -0
  92. package/menu/index.es.js +385 -0
  93. package/menu/index.umd.js +1 -0
  94. package/message/ccui-cli.css +2 -0
  95. package/message/index.es.js +351 -0
  96. package/message/index.umd.js +1 -0
  97. package/modal/ccui-cli.css +2 -0
  98. package/modal/index.es.js +1553 -0
  99. package/modal/index.umd.js +1 -0
  100. package/notification/ccui-cli.css +2 -0
  101. package/notification/index.es.js +347 -0
  102. package/notification/index.umd.js +1 -0
  103. package/nuxt/components/category.js +2 -0
  104. package/nuxt/components/install.js +2 -0
  105. package/nuxt/components/status.js +2 -0
  106. package/nuxt/components/title.js +2 -0
  107. package/nuxt/index.js +13 -0
  108. package/package.json +53 -0
  109. package/pagination/ccui-cli.css +2 -0
  110. package/pagination/index.es.js +296 -0
  111. package/pagination/index.umd.js +1 -0
  112. package/popconfirm/ccui-cli.css +2 -0
  113. package/popconfirm/index.es.js +735 -0
  114. package/popconfirm/index.umd.js +1 -0
  115. package/popover/ccui-cli.css +2 -0
  116. package/popover/index.es.js +530 -0
  117. package/popover/index.umd.js +1 -0
  118. package/progress/ccui-cli.css +2 -0
  119. package/progress/index.es.js +167 -0
  120. package/progress/index.umd.js +1 -0
  121. package/radio/ccui-cli.css +2 -0
  122. package/radio/index.es.js +157 -0
  123. package/radio/index.umd.js +1 -0
  124. package/rate/ccui-cli.css +2 -0
  125. package/rate/index.es.js +115 -0
  126. package/rate/index.umd.js +1 -0
  127. package/result/ccui-cli.css +2 -0
  128. package/result/index.es.js +90 -0
  129. package/result/index.umd.js +1 -0
  130. package/segmented/ccui-cli.css +2 -0
  131. package/segmented/index.es.js +99 -0
  132. package/segmented/index.umd.js +1 -0
  133. package/select/ccui-cli.css +2 -0
  134. package/select/index.es.js +1885 -0
  135. package/select/index.umd.js +1 -0
  136. package/skeleton/ccui-cli.css +2 -0
  137. package/skeleton/index.es.js +117 -0
  138. package/skeleton/index.umd.js +1 -0
  139. package/slider/ccui-cli.css +2 -0
  140. package/slider/index.es.js +1071 -0
  141. package/slider/index.umd.js +1 -0
  142. package/space/ccui-cli.css +2 -0
  143. package/space/index.es.js +108 -0
  144. package/space/index.umd.js +1 -0
  145. package/spin/ccui-cli.css +2 -0
  146. package/spin/index.es.js +86 -0
  147. package/spin/index.umd.js +1 -0
  148. package/splitter/ccui-cli.css +2 -0
  149. package/splitter/index.es.js +198 -0
  150. package/splitter/index.umd.js +1 -0
  151. package/status/ccui-cli.css +2 -0
  152. package/status/index.es.js +44 -0
  153. package/status/index.umd.js +1 -0
  154. package/steps/ccui-cli.css +2 -0
  155. package/steps/index.es.js +118 -0
  156. package/steps/index.umd.js +1 -0
  157. package/switch/ccui-cli.css +2 -0
  158. package/switch/index.es.js +118 -0
  159. package/switch/index.umd.js +1 -0
  160. package/table/ccui-cli.css +2 -0
  161. package/table/index.es.js +553 -0
  162. package/table/index.umd.js +1 -0
  163. package/tabs/ccui-cli.css +2 -0
  164. package/tabs/index.es.js +128 -0
  165. package/tabs/index.umd.js +1 -0
  166. package/tag/ccui-cli.css +2 -0
  167. package/tag/index.es.js +116 -0
  168. package/tag/index.umd.js +1 -0
  169. package/theme/darkTheme.css +352 -0
  170. package/theme/theme.scss +703 -0
  171. package/timeline/ccui-cli.css +2 -0
  172. package/timeline/index.es.js +113 -0
  173. package/timeline/index.umd.js +1 -0
  174. package/tooltip/ccui-cli.css +2 -0
  175. package/tooltip/index.es.js +423 -0
  176. package/tooltip/index.umd.js +1 -0
  177. package/tree/ccui-cli.css +2 -0
  178. package/tree/index.es.js +810 -0
  179. package/tree/index.umd.js +1 -0
  180. package/typography/ccui-cli.css +2 -0
  181. package/typography/index.es.js +270 -0
  182. package/typography/index.umd.js +1 -0
  183. package/util/index.es.js +78 -0
  184. package/util/index.umd.js +1 -0
  185. package/vue-ccui.es.js +18989 -0
  186. package/vue-ccui.umd.js +1 -0
  187. package/watermark/ccui-cli.css +2 -0
  188. package/watermark/index.es.js +179 -0
  189. package/watermark/index.umd.js +1 -0
package/theme/theme.scss ADDED
@@ -0,0 +1,703 @@
1
+ $ccui-global-bg: var(--ccui-global-bg, #f5f5f5);
2
+ $ccui-global-bg-normal: var(--ccui-global-bg-normal, #ffffff);
3
+ $ccui-base-bg: var(--ccui-base-bg, #ffffff);
4
+ $ccui-base-bg-dark: var(--ccui-base-bg-dark, rgba(0, 0, 0, 0.85));
5
+ $ccui-brand: var(--ccui-brand, #1677ff);
6
+ $ccui-brand-foil: var(--ccui-brand-foil, #e6f4ff);
7
+ $ccui-brand-hover: var(--ccui-brand-hover, #4096ff);
8
+ $ccui-brand-active: var(--ccui-brand-active, #0958d9);
9
+ $ccui-brand-active-focus: var(--ccui-brand-active-focus, #003eb3);
10
+ $ccui-contrast: var(--ccui-contrast, #ff4d4f);
11
+ $ccui-text: var(--ccui-text, rgba(0, 0, 0, 0.88));
12
+ $ccui-text-weak: var(--ccui-text-weak, rgba(0, 0, 0, 0.65));
13
+ $ccui-aide-text: var(--ccui-aide-text, rgba(0, 0, 0, 0.45));
14
+ $ccui-aide-text-stress: var(--ccui-aide-text-stress, rgba(0, 0, 0, 0.65));
15
+ $ccui-placeholder: var(--ccui-placeholder, rgba(0, 0, 0, 0.25));
16
+ $ccui-light-text: var(--ccui-light-text, #ffffff);
17
+ $ccui-dark-text: var(--ccui-dark-text, rgba(0, 0, 0, 0.88));
18
+ $ccui-link: var(--ccui-link, #1677ff);
19
+ $ccui-link-active: var(--ccui-link-active, #0958d9);
20
+ $ccui-link-light: var(--ccui-link-light, #4096ff);
21
+ $ccui-link-light-active: var(--ccui-link-light-active, #69b1ff);
22
+ $ccui-line: var(--ccui-line, #d9d9d9);
23
+ $ccui-dividing-line: var(--ccui-dividing-line, #f0f0f0);
24
+ $ccui-block: var(--ccui-block, #ffffff);
25
+ $ccui-area: var(--ccui-area, #fafafa);
26
+ $ccui-danger: var(--ccui-danger, #ff4d4f);
27
+ $ccui-warning: var(--ccui-warning, #faad14);
28
+ $ccui-waiting: var(--ccui-waiting, rgba(0, 0, 0, 0.45));
29
+ $ccui-success: var(--ccui-success, #52c41a);
30
+ $ccui-info: var(--ccui-info, #1677ff);
31
+ $ccui-initial: var(--ccui-initial, #e6f4ff);
32
+ $ccui-unavailable: var(--ccui-unavailable, #f5f5f5);
33
+ $ccui-shadow: var(--ccui-shadow, rgba(0, 0, 0, 0.15));
34
+ $ccui-light-shadow: var(--ccui-light-shadow, rgba(0, 0, 0, 0.06));
35
+ $ccui-icon-text: var(--ccui-icon-text, rgba(0, 0, 0, 0.88));
36
+ $ccui-icon-bg: var(--ccui-icon-bg, #ffffff);
37
+ $ccui-icon-fill: var(--ccui-icon-fill, rgba(0, 0, 0, 0.45));
38
+ $ccui-icon-fill-hover: var(--ccui-icon-fill-hover, rgba(0, 0, 0, 0.65));
39
+ $ccui-icon-fill-active: var(--ccui-icon-fill-active, #1677ff);
40
+ $ccui-icon-fill-active-hover: var(--ccui-icon-fill-active-hover, #4096ff);
41
+ $ccui-form-control-line: var(--ccui-form-control-line, #d9d9d9);
42
+ $ccui-form-control-line-hover: var(--ccui-form-control-line-hover, #4096ff);
43
+ $ccui-form-control-line-active: var(--ccui-form-control-line-active, #1677ff);
44
+ $ccui-form-control-line-active-hover: var(--ccui-form-control-line-active-hover, #0958d9);
45
+ $ccui-list-item-active-bg: var(--ccui-list-item-active-bg, #1677ff);
46
+ $ccui-list-item-active-text: var(--ccui-list-item-active-text, #ffffff);
47
+ $ccui-list-item-active-hover-bg: var(--ccui-list-item-active-hover-bg, #4096ff);
48
+ $ccui-list-item-hover-bg: var(--ccui-list-item-hover-bg, rgba(0, 0, 0, 0.04));
49
+ $ccui-list-item-hover-text: var(--ccui-list-item-hover-text, #1677ff);
50
+ $ccui-list-item-selected-bg: var(--ccui-list-item-selected-bg, #e6f4ff);
51
+ $ccui-list-item-strip-bg: var(--ccui-list-item-strip-bg, #fafafa);
52
+ $ccui-disabled-bg: var(--ccui-disabled-bg, rgba(0, 0, 0, 0.04));
53
+ $ccui-disabled-line: var(--ccui-disabled-line, #d9d9d9);
54
+ $ccui-disabled-text: var(--ccui-disabled-text, rgba(0, 0, 0, 0.25));
55
+ $ccui-primary-disabled: var(--ccui-primary-disabled, #91caff);
56
+ $ccui-icon-fill-active-disabled: var(--ccui-icon-fill-active-disabled, #91caff);
57
+ $ccui-label-bg: var(--ccui-label-bg, #fafafa);
58
+ $ccui-connected-overlay-bg: var(--ccui-connected-overlay-bg, #ffffff);
59
+ $ccui-connected-overlay-line: var(--ccui-connected-overlay-line, #1677ff);
60
+ $ccui-fullscreen-overlay-bg: var(--ccui-fullscreen-overlay-bg, #ffffff);
61
+ $ccui-feedback-overlay-bg: var(--ccui-feedback-overlay-bg, rgba(0, 0, 0, 0.85));
62
+ $ccui-feedback-overlay-text: var(--ccui-feedback-overlay-text, #ffffff);
63
+ $ccui-embed-search-bg: var(--ccui-embed-search-bg, #fafafa);
64
+ $ccui-embed-search-bg-hover: var(--ccui-embed-search-bg-hover, #f0f0f0);
65
+ $ccui-float-block-shadow: var(--ccui-float-block-shadow, rgba(22, 119, 255, 0.16));
66
+ $ccui-highlight-overlay: var(--ccui-highlight-overlay, rgba(255, 255, 255, 0.8));
67
+ $ccui-range-item-hover-bg: var(--ccui-range-item-hover-bg, #e6f4ff);
68
+ $ccui-primary: var(--ccui-primary, #1677ff);
69
+ $ccui-primary-hover: var(--ccui-primary-hover, #4096ff);
70
+ $ccui-primary-active: var(--ccui-primary-active, #0958d9);
71
+ $ccui-contrast-hover: var(--ccui-contrast-hover, #ff7875);
72
+ $ccui-contrast-active: var(--ccui-contrast-active, #d9363e);
73
+ $ccui-secondary: var(--ccui-secondary, rgba(0, 0, 0, 0.65));
74
+ $ccui-danger-line: var(--ccui-danger-line, #ffccc7);
75
+ $ccui-danger-bg: var(--ccui-danger-bg, #fff2f0);
76
+ $ccui-warning-line: var(--ccui-warning-line, #ffe58f);
77
+ $ccui-warning-bg: var(--ccui-warning-bg, #fffbe6);
78
+ $ccui-info-line: var(--ccui-info-line, #91caff);
79
+ $ccui-info-bg: var(--ccui-info-bg, #e6f4ff);
80
+ $ccui-success-line: var(--ccui-success-line, #b7eb8f);
81
+ $ccui-success-bg: var(--ccui-success-bg, #f6ffed);
82
+ $ccui-primary-line: var(--ccui-primary-line, #91caff);
83
+ $ccui-primary-bg: var(--ccui-primary-bg, #e6f4ff);
84
+ $ccui-default-line: var(--ccui-default-line, #d9d9d9);
85
+ $ccui-default-bg: var(--ccui-default-bg, #ffffff);
86
+ $ccui-font-size: var(--ccui-font-size, 14px);
87
+ $ccui-font-size-card-title: var(--ccui-font-size-card-title, 16px);
88
+ $ccui-font-size-page-title: var(--ccui-font-size-page-title, 20px);
89
+ $ccui-font-size-modal-title: var(--ccui-font-size-modal-title, 16px);
90
+ $ccui-font-size-price: var(--ccui-font-size-price, 24px);
91
+ $ccui-font-size-data-overview: var(--ccui-font-size-data-overview, 30px);
92
+ $ccui-font-size-icon: var(--ccui-font-size-icon, 16px);
93
+ $ccui-font-size-sm: var(--ccui-font-size-sm, 12px);
94
+ $ccui-font-size-md: var(--ccui-font-size-md, 14px);
95
+ $ccui-font-size-lg: var(--ccui-font-size-lg, 16px);
96
+ $ccui-font-title-weight: var(--ccui-font-title-weight, 600);
97
+ $ccui-font-content-weight: var(--ccui-font-content-weight, 400);
98
+ $ccui-line-height-base: var(--ccui-line-height-base, 1.5714285714285714);
99
+ $ccui-border-radius: var(--ccui-border-radius, 6px);
100
+ $ccui-border-radius-feedback: var(--ccui-border-radius-feedback, 8px);
101
+ $ccui-border-radius-card: var(--ccui-border-radius-card, 8px);
102
+ $ccui-shadow-length-base: var(--ccui-shadow-length-base, 0 1px 2px 0);
103
+ $ccui-shadow-length-slide-left: var(--ccui-shadow-length-slide-left, -6px 0 16px 0);
104
+ $ccui-shadow-length-slide-right: var(--ccui-shadow-length-slide-right, 6px 0 16px 0);
105
+ $ccui-shadow-length-connected-overlay: var(--ccui-shadow-length-connected-overlay, 0 6px 16px 0);
106
+ $ccui-shadow-length-hover: var(--ccui-shadow-length-hover, 0 6px 16px 0);
107
+ $ccui-shadow-length-feedback-overlay: var(--ccui-shadow-length-feedback-overlay, 0 6px 16px 0);
108
+ $ccui-shadow-fullscreen-overlay: var(--ccui-shadow-fullscreen-overlay, 0 6px 16px 0);
109
+ $ccui-animation-duration-slow: var(--ccui-animation-duration-slow, 0.3s);
110
+ $ccui-animation-duration-base: var(--ccui-animation-duration-base, 0.2s);
111
+ $ccui-animation-duration-fast: var(--ccui-animation-duration-fast, 0.1s);
112
+ $ccui-animation-ease-in: var(--ccui-animation-ease-in, cubic-bezier(0.7, 0, 0.84, 0));
113
+ $ccui-animation-ease-out: var(--ccui-animation-ease-out, cubic-bezier(0.215, 0.61, 0.355, 1));
114
+ $ccui-animation-ease-in-out: var(--ccui-animation-ease-in-out, cubic-bezier(0.78, 0.14, 0.15, 0.86));
115
+ $ccui-animation-ease-in-smooth: var(--ccui-animation-ease-in-smooth, cubic-bezier(0.645, 0.045, 0.355, 1));
116
+ $ccui-animation-linear: var(--ccui-animation-linear, cubic-bezier(0, 0, 1, 1));
117
+ $ccui-z-index-full-page-overlay: var(--ccui-z-index-full-page-overlay, 1080);
118
+ $ccui-z-index-pop-up: var(--ccui-z-index-pop-up, 1060);
119
+ $ccui-z-index-dropdown: var(--ccui-z-index-dropdown, 1052);
120
+ $ccui-z-index-modal: var(--ccui-z-index-modal, 1050);
121
+ $ccui-z-index-drawer: var(--ccui-z-index-drawer, 1040);
122
+ $ccui-z-index-framework: var(--ccui-z-index-framework, 1000);
123
+ $ccui-size-sm: var(--ccui-size-sm, 24px);
124
+ $ccui-size-md: var(--ccui-size-md, 32px);
125
+ $ccui-size-lg: var(--ccui-size-lg, 40px);
126
+ $ccui-color-primary: var(--ccui-color-primary, #1677ff);
127
+ $ccui-color-primary-hover: var(--ccui-color-primary-hover, #4096ff);
128
+ $ccui-color-primary-active: var(--ccui-color-primary-active, #0958d9);
129
+ $ccui-color-primary-bg: var(--ccui-color-primary-bg, #e6f4ff);
130
+ $ccui-color-primary-bg-hover: var(--ccui-color-primary-bg-hover, #bae0ff);
131
+ $ccui-color-primary-border: var(--ccui-color-primary-border, #91caff);
132
+ $ccui-color-primary-border-hover: var(--ccui-color-primary-border-hover, #69b1ff);
133
+ $ccui-color-success: var(--ccui-color-success, #52c41a);
134
+ $ccui-color-success-hover: var(--ccui-color-success-hover, #73d13d);
135
+ $ccui-color-success-active: var(--ccui-color-success-active, #389e0d);
136
+ $ccui-color-success-bg: var(--ccui-color-success-bg, #f6ffed);
137
+ $ccui-color-success-border: var(--ccui-color-success-border, #b7eb8f);
138
+ $ccui-color-warning: var(--ccui-color-warning, #faad14);
139
+ $ccui-color-warning-hover: var(--ccui-color-warning-hover, #ffc53d);
140
+ $ccui-color-warning-active: var(--ccui-color-warning-active, #d48806);
141
+ $ccui-color-warning-bg: var(--ccui-color-warning-bg, #fffbe6);
142
+ $ccui-color-warning-border: var(--ccui-color-warning-border, #ffe58f);
143
+ $ccui-color-error: var(--ccui-color-error, #ff4d4f);
144
+ $ccui-color-error-hover: var(--ccui-color-error-hover, #ff7875);
145
+ $ccui-color-error-active: var(--ccui-color-error-active, #d9363e);
146
+ $ccui-color-error-bg: var(--ccui-color-error-bg, #fff2f0);
147
+ $ccui-color-error-border: var(--ccui-color-error-border, #ffccc7);
148
+ $ccui-color-info: var(--ccui-color-info, #1677ff);
149
+ $ccui-color-info-hover: var(--ccui-color-info-hover, #4096ff);
150
+ $ccui-color-info-bg: var(--ccui-color-info-bg, #e6f4ff);
151
+ $ccui-color-info-border: var(--ccui-color-info-border, #91caff);
152
+ $ccui-color-text: var(--ccui-color-text, rgba(0, 0, 0, 0.88));
153
+ $ccui-color-text-secondary: var(--ccui-color-text-secondary, rgba(0, 0, 0, 0.65));
154
+ $ccui-color-text-tertiary: var(--ccui-color-text-tertiary, rgba(0, 0, 0, 0.45));
155
+ $ccui-color-text-quaternary: var(--ccui-color-text-quaternary, rgba(0, 0, 0, 0.25));
156
+ $ccui-color-text-disabled: var(--ccui-color-text-disabled, rgba(0, 0, 0, 0.25));
157
+ $ccui-color-text-placeholder: var(--ccui-color-text-placeholder, rgba(0, 0, 0, 0.25));
158
+ $ccui-color-text-heading: var(--ccui-color-text-heading, rgba(0, 0, 0, 0.88));
159
+ $ccui-color-text-light-solid: var(--ccui-color-text-light-solid, #ffffff);
160
+ $ccui-color-bg-base: var(--ccui-color-bg-base, #ffffff);
161
+ $ccui-color-bg-container: var(--ccui-color-bg-container, #ffffff);
162
+ $ccui-color-bg-elevated: var(--ccui-color-bg-elevated, #ffffff);
163
+ $ccui-color-bg-layout: var(--ccui-color-bg-layout, #f5f5f5);
164
+ $ccui-color-bg-spotlight: var(--ccui-color-bg-spotlight, rgba(0, 0, 0, 0.85));
165
+ $ccui-color-bg-mask: var(--ccui-color-bg-mask, rgba(0, 0, 0, 0.45));
166
+ $ccui-color-bg-text-hover: var(--ccui-color-bg-text-hover, rgba(0, 0, 0, 0.06));
167
+ $ccui-color-bg-text-active: var(--ccui-color-bg-text-active, rgba(0, 0, 0, 0.15));
168
+ $ccui-color-border: var(--ccui-color-border, #d9d9d9);
169
+ $ccui-color-border-secondary: var(--ccui-color-border-secondary, #f0f0f0);
170
+ $ccui-color-border-disabled: var(--ccui-color-border-disabled, rgba(0, 0, 0, 0.04));
171
+ $ccui-color-split: var(--ccui-color-split, rgba(5, 5, 5, 0.06));
172
+ $ccui-color-fill: var(--ccui-color-fill, rgba(0, 0, 0, 0.15));
173
+ $ccui-color-fill-secondary: var(--ccui-color-fill-secondary, rgba(0, 0, 0, 0.06));
174
+ $ccui-color-fill-tertiary: var(--ccui-color-fill-tertiary, rgba(0, 0, 0, 0.04));
175
+ $ccui-color-fill-quaternary: var(--ccui-color-fill-quaternary, rgba(0, 0, 0, 0.02));
176
+ $ccui-control-outline: var(--ccui-control-outline, rgba(5, 145, 255, 0.1));
177
+ $ccui-control-outline-error: var(--ccui-control-outline-error, rgba(255, 38, 5, 0.06));
178
+ $ccui-control-outline-warning: var(--ccui-control-outline-warning, rgba(255, 215, 5, 0.1));
179
+ $ccui-red-1: var(--ccui-red-1, #fff1f0);
180
+ $ccui-red-2: var(--ccui-red-2, #ffccc7);
181
+ $ccui-red-3: var(--ccui-red-3, #ffa39e);
182
+ $ccui-red-4: var(--ccui-red-4, #ff7875);
183
+ $ccui-red-5: var(--ccui-red-5, #ff4d4f);
184
+ $ccui-red-6: var(--ccui-red-6, #f5222d);
185
+ $ccui-red-7: var(--ccui-red-7, #cf1322);
186
+ $ccui-red-8: var(--ccui-red-8, #a8071a);
187
+ $ccui-red-9: var(--ccui-red-9, #820014);
188
+ $ccui-red-10: var(--ccui-red-10, #5c0011);
189
+ $ccui-volcano-1: var(--ccui-volcano-1, #fff2e8);
190
+ $ccui-volcano-2: var(--ccui-volcano-2, #ffd8bf);
191
+ $ccui-volcano-3: var(--ccui-volcano-3, #ffbb96);
192
+ $ccui-volcano-4: var(--ccui-volcano-4, #ff9c6e);
193
+ $ccui-volcano-5: var(--ccui-volcano-5, #ff7a45);
194
+ $ccui-volcano-6: var(--ccui-volcano-6, #fa541c);
195
+ $ccui-volcano-7: var(--ccui-volcano-7, #d4380d);
196
+ $ccui-volcano-8: var(--ccui-volcano-8, #ad2102);
197
+ $ccui-volcano-9: var(--ccui-volcano-9, #871400);
198
+ $ccui-volcano-10: var(--ccui-volcano-10, #610b00);
199
+ $ccui-orange-1: var(--ccui-orange-1, #fff7e6);
200
+ $ccui-orange-2: var(--ccui-orange-2, #ffe7ba);
201
+ $ccui-orange-3: var(--ccui-orange-3, #ffd591);
202
+ $ccui-orange-4: var(--ccui-orange-4, #ffc069);
203
+ $ccui-orange-5: var(--ccui-orange-5, #ffa940);
204
+ $ccui-orange-6: var(--ccui-orange-6, #fa8c16);
205
+ $ccui-orange-7: var(--ccui-orange-7, #d46b08);
206
+ $ccui-orange-8: var(--ccui-orange-8, #ad4e00);
207
+ $ccui-orange-9: var(--ccui-orange-9, #873800);
208
+ $ccui-orange-10: var(--ccui-orange-10, #612500);
209
+ $ccui-gold-1: var(--ccui-gold-1, #fffbe6);
210
+ $ccui-gold-2: var(--ccui-gold-2, #fff1b8);
211
+ $ccui-gold-3: var(--ccui-gold-3, #ffe58f);
212
+ $ccui-gold-4: var(--ccui-gold-4, #ffd666);
213
+ $ccui-gold-5: var(--ccui-gold-5, #ffc53d);
214
+ $ccui-gold-6: var(--ccui-gold-6, #faad14);
215
+ $ccui-gold-7: var(--ccui-gold-7, #d48806);
216
+ $ccui-gold-8: var(--ccui-gold-8, #ad6800);
217
+ $ccui-gold-9: var(--ccui-gold-9, #874d00);
218
+ $ccui-gold-10: var(--ccui-gold-10, #613400);
219
+ $ccui-yellow-1: var(--ccui-yellow-1, #feffe6);
220
+ $ccui-yellow-2: var(--ccui-yellow-2, #ffffb8);
221
+ $ccui-yellow-3: var(--ccui-yellow-3, #fffb8f);
222
+ $ccui-yellow-4: var(--ccui-yellow-4, #fff566);
223
+ $ccui-yellow-5: var(--ccui-yellow-5, #ffec3d);
224
+ $ccui-yellow-6: var(--ccui-yellow-6, #fadb14);
225
+ $ccui-yellow-7: var(--ccui-yellow-7, #d4b106);
226
+ $ccui-yellow-8: var(--ccui-yellow-8, #ad8b00);
227
+ $ccui-yellow-9: var(--ccui-yellow-9, #876800);
228
+ $ccui-yellow-10: var(--ccui-yellow-10, #614700);
229
+ $ccui-lime-1: var(--ccui-lime-1, #fcffe6);
230
+ $ccui-lime-2: var(--ccui-lime-2, #f4ffb8);
231
+ $ccui-lime-3: var(--ccui-lime-3, #eaff8f);
232
+ $ccui-lime-4: var(--ccui-lime-4, #d3f261);
233
+ $ccui-lime-5: var(--ccui-lime-5, #bae637);
234
+ $ccui-lime-6: var(--ccui-lime-6, #a0d911);
235
+ $ccui-lime-7: var(--ccui-lime-7, #7cb305);
236
+ $ccui-lime-8: var(--ccui-lime-8, #5b8c00);
237
+ $ccui-lime-9: var(--ccui-lime-9, #3f6600);
238
+ $ccui-lime-10: var(--ccui-lime-10, #254000);
239
+ $ccui-green-1: var(--ccui-green-1, #f6ffed);
240
+ $ccui-green-2: var(--ccui-green-2, #d9f7be);
241
+ $ccui-green-3: var(--ccui-green-3, #b7eb8f);
242
+ $ccui-green-4: var(--ccui-green-4, #95de64);
243
+ $ccui-green-5: var(--ccui-green-5, #73d13d);
244
+ $ccui-green-6: var(--ccui-green-6, #52c41a);
245
+ $ccui-green-7: var(--ccui-green-7, #389e0d);
246
+ $ccui-green-8: var(--ccui-green-8, #237804);
247
+ $ccui-green-9: var(--ccui-green-9, #135200);
248
+ $ccui-green-10: var(--ccui-green-10, #092b00);
249
+ $ccui-cyan-1: var(--ccui-cyan-1, #e6fffb);
250
+ $ccui-cyan-2: var(--ccui-cyan-2, #b5f5ec);
251
+ $ccui-cyan-3: var(--ccui-cyan-3, #87e8de);
252
+ $ccui-cyan-4: var(--ccui-cyan-4, #5cdbd3);
253
+ $ccui-cyan-5: var(--ccui-cyan-5, #36cfc9);
254
+ $ccui-cyan-6: var(--ccui-cyan-6, #13c2c2);
255
+ $ccui-cyan-7: var(--ccui-cyan-7, #08979c);
256
+ $ccui-cyan-8: var(--ccui-cyan-8, #006d75);
257
+ $ccui-cyan-9: var(--ccui-cyan-9, #00474f);
258
+ $ccui-cyan-10: var(--ccui-cyan-10, #002329);
259
+ $ccui-blue-1: var(--ccui-blue-1, #e6f4ff);
260
+ $ccui-blue-2: var(--ccui-blue-2, #bae0ff);
261
+ $ccui-blue-3: var(--ccui-blue-3, #91caff);
262
+ $ccui-blue-4: var(--ccui-blue-4, #69b1ff);
263
+ $ccui-blue-5: var(--ccui-blue-5, #4096ff);
264
+ $ccui-blue-6: var(--ccui-blue-6, #1677ff);
265
+ $ccui-blue-7: var(--ccui-blue-7, #0958d9);
266
+ $ccui-blue-8: var(--ccui-blue-8, #003eb3);
267
+ $ccui-blue-9: var(--ccui-blue-9, #002c8c);
268
+ $ccui-blue-10: var(--ccui-blue-10, #001d66);
269
+ $ccui-geekblue-1: var(--ccui-geekblue-1, #f0f5ff);
270
+ $ccui-geekblue-2: var(--ccui-geekblue-2, #d6e4ff);
271
+ $ccui-geekblue-3: var(--ccui-geekblue-3, #adc6ff);
272
+ $ccui-geekblue-4: var(--ccui-geekblue-4, #85a5ff);
273
+ $ccui-geekblue-5: var(--ccui-geekblue-5, #597ef7);
274
+ $ccui-geekblue-6: var(--ccui-geekblue-6, #2f54eb);
275
+ $ccui-geekblue-7: var(--ccui-geekblue-7, #1d39c4);
276
+ $ccui-geekblue-8: var(--ccui-geekblue-8, #10239e);
277
+ $ccui-geekblue-9: var(--ccui-geekblue-9, #061178);
278
+ $ccui-geekblue-10: var(--ccui-geekblue-10, #030852);
279
+ $ccui-purple-1: var(--ccui-purple-1, #f9f0ff);
280
+ $ccui-purple-2: var(--ccui-purple-2, #efdbff);
281
+ $ccui-purple-3: var(--ccui-purple-3, #d3adf7);
282
+ $ccui-purple-4: var(--ccui-purple-4, #b37feb);
283
+ $ccui-purple-5: var(--ccui-purple-5, #9254de);
284
+ $ccui-purple-6: var(--ccui-purple-6, #722ed1);
285
+ $ccui-purple-7: var(--ccui-purple-7, #531dab);
286
+ $ccui-purple-8: var(--ccui-purple-8, #391085);
287
+ $ccui-purple-9: var(--ccui-purple-9, #22075e);
288
+ $ccui-purple-10: var(--ccui-purple-10, #120338);
289
+ $ccui-magenta-1: var(--ccui-magenta-1, #fff0f6);
290
+ $ccui-magenta-2: var(--ccui-magenta-2, #ffd6e7);
291
+ $ccui-magenta-3: var(--ccui-magenta-3, #ffadd2);
292
+ $ccui-magenta-4: var(--ccui-magenta-4, #ff85c0);
293
+ $ccui-magenta-5: var(--ccui-magenta-5, #f759ab);
294
+ $ccui-magenta-6: var(--ccui-magenta-6, #eb2f96);
295
+ $ccui-magenta-7: var(--ccui-magenta-7, #c41d7f);
296
+ $ccui-magenta-8: var(--ccui-magenta-8, #9e1068);
297
+ $ccui-magenta-9: var(--ccui-magenta-9, #780650);
298
+ $ccui-magenta-10: var(--ccui-magenta-10, #520339);
299
+ $ccui-pink-1: var(--ccui-pink-1, #fff0f6);
300
+ $ccui-pink-6: var(--ccui-pink-6, #eb2f96);
301
+ $ccui-border-radius-lg: var(--ccui-border-radius-lg, 8px);
302
+ $ccui-border-radius-sm: var(--ccui-border-radius-sm, 4px);
303
+ $ccui-border-radius-xs: var(--ccui-border-radius-xs, 2px);
304
+ $ccui-border-radius-outer: var(--ccui-border-radius-outer, 4px);
305
+ $ccui-font-size-xl: var(--ccui-font-size-xl, 20px);
306
+ $ccui-font-size-heading-1: var(--ccui-font-size-heading-1, 38px);
307
+ $ccui-font-size-heading-2: var(--ccui-font-size-heading-2, 30px);
308
+ $ccui-font-size-heading-3: var(--ccui-font-size-heading-3, 24px);
309
+ $ccui-font-size-heading-4: var(--ccui-font-size-heading-4, 20px);
310
+ $ccui-font-size-heading-5: var(--ccui-font-size-heading-5, 16px);
311
+ $ccui-line-height-lg: var(--ccui-line-height-lg, 1.5);
312
+ $ccui-line-height-sm: var(--ccui-line-height-sm, 1.66);
313
+ $ccui-line-height-heading-1: var(--ccui-line-height-heading-1, 1.21052);
314
+ $ccui-line-height-heading-2: var(--ccui-line-height-heading-2, 1.26666);
315
+ $ccui-line-height-heading-3: var(--ccui-line-height-heading-3, 1.33333);
316
+ $ccui-line-height-heading-4: var(--ccui-line-height-heading-4, 1.4);
317
+ $ccui-line-height-heading-5: var(--ccui-line-height-heading-5, 1.5);
318
+ $ccui-font-family: var(--ccui-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
319
+ $ccui-font-family-code: var(--ccui-font-family-code, SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace);
320
+ $ccui-control-height: var(--ccui-control-height, 32px);
321
+ $ccui-control-height-sm: var(--ccui-control-height-sm, 24px);
322
+ $ccui-control-height-lg: var(--ccui-control-height-lg, 40px);
323
+ $ccui-control-height-xs: var(--ccui-control-height-xs, 16px);
324
+ $ccui-box-shadow: var(--ccui-box-shadow, 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05));
325
+ $ccui-box-shadow-secondary: var(--ccui-box-shadow-secondary, 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05));
326
+ $ccui-box-shadow-tertiary: var(--ccui-box-shadow-tertiary, 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02));
327
+ $ccui-motion-duration-slow: var(--ccui-motion-duration-slow, 0.3s);
328
+ $ccui-motion-duration-mid: var(--ccui-motion-duration-mid, 0.2s);
329
+ $ccui-motion-duration-fast: var(--ccui-motion-duration-fast, 0.1s);
330
+ $ccui-motion-ease-in-out: var(--ccui-motion-ease-in-out, cubic-bezier(0.645, 0.045, 0.355, 1));
331
+ $ccui-motion-ease-out: var(--ccui-motion-ease-out, cubic-bezier(0.215, 0.61, 0.355, 1));
332
+ $ccui-motion-ease-in: var(--ccui-motion-ease-in, cubic-bezier(0.55, 0.055, 0.675, 0.19));
333
+ $ccui-motion-ease-out-back: var(--ccui-motion-ease-out-back, cubic-bezier(0.12, 0.4, 0.29, 1.46));
334
+ $ccui-motion-ease-in-back: var(--ccui-motion-ease-in-back, cubic-bezier(0.71, -0.46, 0.88, 0.6));
335
+ $ccui-motion-ease-out-circ: var(--ccui-motion-ease-out-circ, cubic-bezier(0.08, 0.82, 0.17, 1));
336
+ $ccui-motion-ease-in-out-circ: var(--ccui-motion-ease-in-out-circ, cubic-bezier(0.78, 0.14, 0.15, 0.86));
337
+ $ccui-padding-xxs: var(--ccui-padding-xxs, 4px);
338
+ $ccui-padding-xs: var(--ccui-padding-xs, 8px);
339
+ $ccui-padding-sm: var(--ccui-padding-sm, 12px);
340
+ $ccui-padding: var(--ccui-padding, 16px);
341
+ $ccui-padding-md: var(--ccui-padding-md, 20px);
342
+ $ccui-padding-lg: var(--ccui-padding-lg, 24px);
343
+ $ccui-padding-xl: var(--ccui-padding-xl, 32px);
344
+ $ccui-margin-xxs: var(--ccui-margin-xxs, 4px);
345
+ $ccui-margin-xs: var(--ccui-margin-xs, 8px);
346
+ $ccui-margin-sm: var(--ccui-margin-sm, 12px);
347
+ $ccui-margin: var(--ccui-margin, 16px);
348
+ $ccui-margin-md: var(--ccui-margin-md, 20px);
349
+ $ccui-margin-lg: var(--ccui-margin-lg, 24px);
350
+ $ccui-margin-xl: var(--ccui-margin-xl, 32px);
351
+
352
+ :root {
353
+ --ccui-global-bg: #f5f5f5;
354
+ --ccui-global-bg-normal: #ffffff;
355
+ --ccui-base-bg: #ffffff;
356
+ --ccui-base-bg-dark: rgba(0, 0, 0, 0.85);
357
+ --ccui-brand: #1677ff;
358
+ --ccui-brand-foil: #e6f4ff;
359
+ --ccui-brand-hover: #4096ff;
360
+ --ccui-brand-active: #0958d9;
361
+ --ccui-brand-active-focus: #003eb3;
362
+ --ccui-contrast: #ff4d4f;
363
+ --ccui-text: rgba(0, 0, 0, 0.88);
364
+ --ccui-text-weak: rgba(0, 0, 0, 0.65);
365
+ --ccui-aide-text: rgba(0, 0, 0, 0.45);
366
+ --ccui-aide-text-stress: rgba(0, 0, 0, 0.65);
367
+ --ccui-placeholder: rgba(0, 0, 0, 0.25);
368
+ --ccui-light-text: #ffffff;
369
+ --ccui-dark-text: rgba(0, 0, 0, 0.88);
370
+ --ccui-link: #1677ff;
371
+ --ccui-link-active: #0958d9;
372
+ --ccui-link-light: #4096ff;
373
+ --ccui-link-light-active: #69b1ff;
374
+ --ccui-line: #d9d9d9;
375
+ --ccui-dividing-line: #f0f0f0;
376
+ --ccui-block: #ffffff;
377
+ --ccui-area: #fafafa;
378
+ --ccui-danger: #ff4d4f;
379
+ --ccui-warning: #faad14;
380
+ --ccui-waiting: rgba(0, 0, 0, 0.45);
381
+ --ccui-success: #52c41a;
382
+ --ccui-info: #1677ff;
383
+ --ccui-initial: #e6f4ff;
384
+ --ccui-unavailable: #f5f5f5;
385
+ --ccui-shadow: rgba(0, 0, 0, 0.15);
386
+ --ccui-light-shadow: rgba(0, 0, 0, 0.06);
387
+ --ccui-icon-text: rgba(0, 0, 0, 0.88);
388
+ --ccui-icon-bg: #ffffff;
389
+ --ccui-icon-fill: rgba(0, 0, 0, 0.45);
390
+ --ccui-icon-fill-hover: rgba(0, 0, 0, 0.65);
391
+ --ccui-icon-fill-active: #1677ff;
392
+ --ccui-icon-fill-active-hover: #4096ff;
393
+ --ccui-form-control-line: #d9d9d9;
394
+ --ccui-form-control-line-hover: #4096ff;
395
+ --ccui-form-control-line-active: #1677ff;
396
+ --ccui-form-control-line-active-hover: #0958d9;
397
+ --ccui-list-item-active-bg: #1677ff;
398
+ --ccui-list-item-active-text: #ffffff;
399
+ --ccui-list-item-active-hover-bg: #4096ff;
400
+ --ccui-list-item-hover-bg: rgba(0, 0, 0, 0.04);
401
+ --ccui-list-item-hover-text: #1677ff;
402
+ --ccui-list-item-selected-bg: #e6f4ff;
403
+ --ccui-list-item-strip-bg: #fafafa;
404
+ --ccui-disabled-bg: rgba(0, 0, 0, 0.04);
405
+ --ccui-disabled-line: #d9d9d9;
406
+ --ccui-disabled-text: rgba(0, 0, 0, 0.25);
407
+ --ccui-primary-disabled: #91caff;
408
+ --ccui-icon-fill-active-disabled: #91caff;
409
+ --ccui-label-bg: #fafafa;
410
+ --ccui-connected-overlay-bg: #ffffff;
411
+ --ccui-connected-overlay-line: #1677ff;
412
+ --ccui-fullscreen-overlay-bg: #ffffff;
413
+ --ccui-feedback-overlay-bg: rgba(0, 0, 0, 0.85);
414
+ --ccui-feedback-overlay-text: #ffffff;
415
+ --ccui-embed-search-bg: #fafafa;
416
+ --ccui-embed-search-bg-hover: #f0f0f0;
417
+ --ccui-float-block-shadow: rgba(22, 119, 255, 0.16);
418
+ --ccui-highlight-overlay: rgba(255, 255, 255, 0.8);
419
+ --ccui-range-item-hover-bg: #e6f4ff;
420
+ --ccui-primary: #1677ff;
421
+ --ccui-primary-hover: #4096ff;
422
+ --ccui-primary-active: #0958d9;
423
+ --ccui-contrast-hover: #ff7875;
424
+ --ccui-contrast-active: #d9363e;
425
+ --ccui-secondary: rgba(0, 0, 0, 0.65);
426
+ --ccui-danger-line: #ffccc7;
427
+ --ccui-danger-bg: #fff2f0;
428
+ --ccui-warning-line: #ffe58f;
429
+ --ccui-warning-bg: #fffbe6;
430
+ --ccui-info-line: #91caff;
431
+ --ccui-info-bg: #e6f4ff;
432
+ --ccui-success-line: #b7eb8f;
433
+ --ccui-success-bg: #f6ffed;
434
+ --ccui-primary-line: #91caff;
435
+ --ccui-primary-bg: #e6f4ff;
436
+ --ccui-default-line: #d9d9d9;
437
+ --ccui-default-bg: #ffffff;
438
+ --ccui-font-size: 14px;
439
+ --ccui-font-size-card-title: 16px;
440
+ --ccui-font-size-page-title: 20px;
441
+ --ccui-font-size-modal-title: 16px;
442
+ --ccui-font-size-price: 24px;
443
+ --ccui-font-size-data-overview: 30px;
444
+ --ccui-font-size-icon: 16px;
445
+ --ccui-font-size-sm: 12px;
446
+ --ccui-font-size-md: 14px;
447
+ --ccui-font-size-lg: 16px;
448
+ --ccui-font-title-weight: 600;
449
+ --ccui-font-content-weight: 400;
450
+ --ccui-line-height-base: 1.5714285714285714;
451
+ --ccui-border-radius: 6px;
452
+ --ccui-border-radius-feedback: 8px;
453
+ --ccui-border-radius-card: 8px;
454
+ --ccui-shadow-length-base: 0 1px 2px 0;
455
+ --ccui-shadow-length-slide-left: -6px 0 16px 0;
456
+ --ccui-shadow-length-slide-right: 6px 0 16px 0;
457
+ --ccui-shadow-length-connected-overlay: 0 6px 16px 0;
458
+ --ccui-shadow-length-hover: 0 6px 16px 0;
459
+ --ccui-shadow-length-feedback-overlay: 0 6px 16px 0;
460
+ --ccui-shadow-fullscreen-overlay: 0 6px 16px 0;
461
+ --ccui-animation-duration-slow: 0.3s;
462
+ --ccui-animation-duration-base: 0.2s;
463
+ --ccui-animation-duration-fast: 0.1s;
464
+ --ccui-animation-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
465
+ --ccui-animation-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
466
+ --ccui-animation-ease-in-out: cubic-bezier(0.78, 0.14, 0.15, 0.86);
467
+ --ccui-animation-ease-in-smooth: cubic-bezier(0.645, 0.045, 0.355, 1);
468
+ --ccui-animation-linear: cubic-bezier(0, 0, 1, 1);
469
+ --ccui-z-index-full-page-overlay: 1080;
470
+ --ccui-z-index-pop-up: 1060;
471
+ --ccui-z-index-dropdown: 1052;
472
+ --ccui-z-index-modal: 1050;
473
+ --ccui-z-index-drawer: 1040;
474
+ --ccui-z-index-framework: 1000;
475
+ --ccui-size-sm: 24px;
476
+ --ccui-size-md: 32px;
477
+ --ccui-size-lg: 40px;
478
+ --ccui-color-primary: #1677ff;
479
+ --ccui-color-primary-hover: #4096ff;
480
+ --ccui-color-primary-active: #0958d9;
481
+ --ccui-color-primary-bg: #e6f4ff;
482
+ --ccui-color-primary-bg-hover: #bae0ff;
483
+ --ccui-color-primary-border: #91caff;
484
+ --ccui-color-primary-border-hover: #69b1ff;
485
+ --ccui-color-success: #52c41a;
486
+ --ccui-color-success-hover: #73d13d;
487
+ --ccui-color-success-active: #389e0d;
488
+ --ccui-color-success-bg: #f6ffed;
489
+ --ccui-color-success-border: #b7eb8f;
490
+ --ccui-color-warning: #faad14;
491
+ --ccui-color-warning-hover: #ffc53d;
492
+ --ccui-color-warning-active: #d48806;
493
+ --ccui-color-warning-bg: #fffbe6;
494
+ --ccui-color-warning-border: #ffe58f;
495
+ --ccui-color-error: #ff4d4f;
496
+ --ccui-color-error-hover: #ff7875;
497
+ --ccui-color-error-active: #d9363e;
498
+ --ccui-color-error-bg: #fff2f0;
499
+ --ccui-color-error-border: #ffccc7;
500
+ --ccui-color-info: #1677ff;
501
+ --ccui-color-info-hover: #4096ff;
502
+ --ccui-color-info-bg: #e6f4ff;
503
+ --ccui-color-info-border: #91caff;
504
+ --ccui-color-text: rgba(0, 0, 0, 0.88);
505
+ --ccui-color-text-secondary: rgba(0, 0, 0, 0.65);
506
+ --ccui-color-text-tertiary: rgba(0, 0, 0, 0.45);
507
+ --ccui-color-text-quaternary: rgba(0, 0, 0, 0.25);
508
+ --ccui-color-text-disabled: rgba(0, 0, 0, 0.25);
509
+ --ccui-color-text-placeholder: rgba(0, 0, 0, 0.25);
510
+ --ccui-color-text-heading: rgba(0, 0, 0, 0.88);
511
+ --ccui-color-text-light-solid: #ffffff;
512
+ --ccui-color-bg-base: #ffffff;
513
+ --ccui-color-bg-container: #ffffff;
514
+ --ccui-color-bg-elevated: #ffffff;
515
+ --ccui-color-bg-layout: #f5f5f5;
516
+ --ccui-color-bg-spotlight: rgba(0, 0, 0, 0.85);
517
+ --ccui-color-bg-mask: rgba(0, 0, 0, 0.45);
518
+ --ccui-color-bg-text-hover: rgba(0, 0, 0, 0.06);
519
+ --ccui-color-bg-text-active: rgba(0, 0, 0, 0.15);
520
+ --ccui-color-border: #d9d9d9;
521
+ --ccui-color-border-secondary: #f0f0f0;
522
+ --ccui-color-border-disabled: rgba(0, 0, 0, 0.04);
523
+ --ccui-color-split: rgba(5, 5, 5, 0.06);
524
+ --ccui-color-fill: rgba(0, 0, 0, 0.15);
525
+ --ccui-color-fill-secondary: rgba(0, 0, 0, 0.06);
526
+ --ccui-color-fill-tertiary: rgba(0, 0, 0, 0.04);
527
+ --ccui-color-fill-quaternary: rgba(0, 0, 0, 0.02);
528
+ --ccui-control-outline: rgba(5, 145, 255, 0.1);
529
+ --ccui-control-outline-error: rgba(255, 38, 5, 0.06);
530
+ --ccui-control-outline-warning: rgba(255, 215, 5, 0.1);
531
+ --ccui-red-1: #fff1f0;
532
+ --ccui-red-2: #ffccc7;
533
+ --ccui-red-3: #ffa39e;
534
+ --ccui-red-4: #ff7875;
535
+ --ccui-red-5: #ff4d4f;
536
+ --ccui-red-6: #f5222d;
537
+ --ccui-red-7: #cf1322;
538
+ --ccui-red-8: #a8071a;
539
+ --ccui-red-9: #820014;
540
+ --ccui-red-10: #5c0011;
541
+ --ccui-volcano-1: #fff2e8;
542
+ --ccui-volcano-2: #ffd8bf;
543
+ --ccui-volcano-3: #ffbb96;
544
+ --ccui-volcano-4: #ff9c6e;
545
+ --ccui-volcano-5: #ff7a45;
546
+ --ccui-volcano-6: #fa541c;
547
+ --ccui-volcano-7: #d4380d;
548
+ --ccui-volcano-8: #ad2102;
549
+ --ccui-volcano-9: #871400;
550
+ --ccui-volcano-10: #610b00;
551
+ --ccui-orange-1: #fff7e6;
552
+ --ccui-orange-2: #ffe7ba;
553
+ --ccui-orange-3: #ffd591;
554
+ --ccui-orange-4: #ffc069;
555
+ --ccui-orange-5: #ffa940;
556
+ --ccui-orange-6: #fa8c16;
557
+ --ccui-orange-7: #d46b08;
558
+ --ccui-orange-8: #ad4e00;
559
+ --ccui-orange-9: #873800;
560
+ --ccui-orange-10: #612500;
561
+ --ccui-gold-1: #fffbe6;
562
+ --ccui-gold-2: #fff1b8;
563
+ --ccui-gold-3: #ffe58f;
564
+ --ccui-gold-4: #ffd666;
565
+ --ccui-gold-5: #ffc53d;
566
+ --ccui-gold-6: #faad14;
567
+ --ccui-gold-7: #d48806;
568
+ --ccui-gold-8: #ad6800;
569
+ --ccui-gold-9: #874d00;
570
+ --ccui-gold-10: #613400;
571
+ --ccui-yellow-1: #feffe6;
572
+ --ccui-yellow-2: #ffffb8;
573
+ --ccui-yellow-3: #fffb8f;
574
+ --ccui-yellow-4: #fff566;
575
+ --ccui-yellow-5: #ffec3d;
576
+ --ccui-yellow-6: #fadb14;
577
+ --ccui-yellow-7: #d4b106;
578
+ --ccui-yellow-8: #ad8b00;
579
+ --ccui-yellow-9: #876800;
580
+ --ccui-yellow-10: #614700;
581
+ --ccui-lime-1: #fcffe6;
582
+ --ccui-lime-2: #f4ffb8;
583
+ --ccui-lime-3: #eaff8f;
584
+ --ccui-lime-4: #d3f261;
585
+ --ccui-lime-5: #bae637;
586
+ --ccui-lime-6: #a0d911;
587
+ --ccui-lime-7: #7cb305;
588
+ --ccui-lime-8: #5b8c00;
589
+ --ccui-lime-9: #3f6600;
590
+ --ccui-lime-10: #254000;
591
+ --ccui-green-1: #f6ffed;
592
+ --ccui-green-2: #d9f7be;
593
+ --ccui-green-3: #b7eb8f;
594
+ --ccui-green-4: #95de64;
595
+ --ccui-green-5: #73d13d;
596
+ --ccui-green-6: #52c41a;
597
+ --ccui-green-7: #389e0d;
598
+ --ccui-green-8: #237804;
599
+ --ccui-green-9: #135200;
600
+ --ccui-green-10: #092b00;
601
+ --ccui-cyan-1: #e6fffb;
602
+ --ccui-cyan-2: #b5f5ec;
603
+ --ccui-cyan-3: #87e8de;
604
+ --ccui-cyan-4: #5cdbd3;
605
+ --ccui-cyan-5: #36cfc9;
606
+ --ccui-cyan-6: #13c2c2;
607
+ --ccui-cyan-7: #08979c;
608
+ --ccui-cyan-8: #006d75;
609
+ --ccui-cyan-9: #00474f;
610
+ --ccui-cyan-10: #002329;
611
+ --ccui-blue-1: #e6f4ff;
612
+ --ccui-blue-2: #bae0ff;
613
+ --ccui-blue-3: #91caff;
614
+ --ccui-blue-4: #69b1ff;
615
+ --ccui-blue-5: #4096ff;
616
+ --ccui-blue-6: #1677ff;
617
+ --ccui-blue-7: #0958d9;
618
+ --ccui-blue-8: #003eb3;
619
+ --ccui-blue-9: #002c8c;
620
+ --ccui-blue-10: #001d66;
621
+ --ccui-geekblue-1: #f0f5ff;
622
+ --ccui-geekblue-2: #d6e4ff;
623
+ --ccui-geekblue-3: #adc6ff;
624
+ --ccui-geekblue-4: #85a5ff;
625
+ --ccui-geekblue-5: #597ef7;
626
+ --ccui-geekblue-6: #2f54eb;
627
+ --ccui-geekblue-7: #1d39c4;
628
+ --ccui-geekblue-8: #10239e;
629
+ --ccui-geekblue-9: #061178;
630
+ --ccui-geekblue-10: #030852;
631
+ --ccui-purple-1: #f9f0ff;
632
+ --ccui-purple-2: #efdbff;
633
+ --ccui-purple-3: #d3adf7;
634
+ --ccui-purple-4: #b37feb;
635
+ --ccui-purple-5: #9254de;
636
+ --ccui-purple-6: #722ed1;
637
+ --ccui-purple-7: #531dab;
638
+ --ccui-purple-8: #391085;
639
+ --ccui-purple-9: #22075e;
640
+ --ccui-purple-10: #120338;
641
+ --ccui-magenta-1: #fff0f6;
642
+ --ccui-magenta-2: #ffd6e7;
643
+ --ccui-magenta-3: #ffadd2;
644
+ --ccui-magenta-4: #ff85c0;
645
+ --ccui-magenta-5: #f759ab;
646
+ --ccui-magenta-6: #eb2f96;
647
+ --ccui-magenta-7: #c41d7f;
648
+ --ccui-magenta-8: #9e1068;
649
+ --ccui-magenta-9: #780650;
650
+ --ccui-magenta-10: #520339;
651
+ --ccui-pink-1: #fff0f6;
652
+ --ccui-pink-6: #eb2f96;
653
+ --ccui-border-radius-lg: 8px;
654
+ --ccui-border-radius-sm: 4px;
655
+ --ccui-border-radius-xs: 2px;
656
+ --ccui-border-radius-outer: 4px;
657
+ --ccui-font-size-xl: 20px;
658
+ --ccui-font-size-heading-1: 38px;
659
+ --ccui-font-size-heading-2: 30px;
660
+ --ccui-font-size-heading-3: 24px;
661
+ --ccui-font-size-heading-4: 20px;
662
+ --ccui-font-size-heading-5: 16px;
663
+ --ccui-line-height-lg: 1.5;
664
+ --ccui-line-height-sm: 1.66;
665
+ --ccui-line-height-heading-1: 1.21052;
666
+ --ccui-line-height-heading-2: 1.26666;
667
+ --ccui-line-height-heading-3: 1.33333;
668
+ --ccui-line-height-heading-4: 1.4;
669
+ --ccui-line-height-heading-5: 1.5;
670
+ --ccui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
671
+ --ccui-font-family-code: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
672
+ --ccui-control-height: 32px;
673
+ --ccui-control-height-sm: 24px;
674
+ --ccui-control-height-lg: 40px;
675
+ --ccui-control-height-xs: 16px;
676
+ --ccui-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
677
+ --ccui-box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
678
+ --ccui-box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
679
+ --ccui-motion-duration-slow: 0.3s;
680
+ --ccui-motion-duration-mid: 0.2s;
681
+ --ccui-motion-duration-fast: 0.1s;
682
+ --ccui-motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
683
+ --ccui-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
684
+ --ccui-motion-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
685
+ --ccui-motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
686
+ --ccui-motion-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
687
+ --ccui-motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
688
+ --ccui-motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
689
+ --ccui-padding-xxs: 4px;
690
+ --ccui-padding-xs: 8px;
691
+ --ccui-padding-sm: 12px;
692
+ --ccui-padding: 16px;
693
+ --ccui-padding-md: 20px;
694
+ --ccui-padding-lg: 24px;
695
+ --ccui-padding-xl: 32px;
696
+ --ccui-margin-xxs: 4px;
697
+ --ccui-margin-xs: 8px;
698
+ --ccui-margin-sm: 12px;
699
+ --ccui-margin: 16px;
700
+ --ccui-margin-md: 20px;
701
+ --ccui-margin-lg: 24px;
702
+ --ccui-margin-xl: 32px;
703
+ }