@clickhouse/click-ui 0.0.1 → 0.0.2

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 (236) hide show
  1. package/.eslintrc.cjs +1 -0
  2. package/.prettierrc +14 -0
  3. package/.storybook/main.ts +1 -0
  4. package/.storybook/manager.ts +11 -0
  5. package/.storybook/preview-head.html +2 -4
  6. package/.storybook/preview.tsx +13 -4
  7. package/.storybook/theme.ts +16 -0
  8. package/build-tokens.js +6 -6
  9. package/package.json +23 -5
  10. package/public/favicon.ico +0 -0
  11. package/public/logo.svg +17 -0
  12. package/src/App.tsx +102 -39
  13. package/src/components/Accordion/Accordion.stories.tsx +4 -54
  14. package/src/components/Accordion/Accordion.tsx +1 -0
  15. package/src/components/Alert/Alert.stories.tsx +14 -0
  16. package/src/components/Alert/Alert.test.tsx +27 -0
  17. package/src/components/Alert/Alert.tsx +130 -0
  18. package/src/components/Avatar/Avatar.stories.tsx +13 -0
  19. package/src/components/Avatar/Avatar.tsx +64 -0
  20. package/src/components/Badge/Badge.stories.ts +19 -3
  21. package/src/components/Badge/Badge.test.tsx +6 -1
  22. package/src/components/Badge/Badge.tsx +67 -13
  23. package/src/components/BigStat/BigStat.stories.ts +10 -5
  24. package/src/components/BigStat/BigStat.tsx +36 -24
  25. package/src/components/Button/Button.stories.ts +12 -68
  26. package/src/components/Button/Button.test.tsx +2 -2
  27. package/src/components/Button/Button.tsx +59 -41
  28. package/src/components/ButtonGroup/ButtonGroup.stories.ts +3 -3
  29. package/src/components/Card/Card.stories.ts +3 -3
  30. package/src/components/Checkbox/Checkbox.stories.tsx +35 -0
  31. package/src/components/Checkbox/Checkbox.test.tsx +41 -0
  32. package/src/components/Checkbox/Checkbox.tsx +89 -0
  33. package/src/components/ContextMenu/ContextMenu.stories.tsx +73 -0
  34. package/src/components/ContextMenu/ContextMenu.test.tsx +152 -0
  35. package/src/components/ContextMenu/ContextMenu.tsx +155 -0
  36. package/src/components/Dropdown/Dropdown.stories.tsx +64 -0
  37. package/src/components/Dropdown/Dropdown.test.tsx +141 -0
  38. package/src/components/Dropdown/Dropdown.tsx +149 -0
  39. package/src/components/FormField/Label.stories.tsx +39 -0
  40. package/src/components/FormField/Label.tsx +47 -0
  41. package/src/components/FormField/Select.stories.tsx +48 -0
  42. package/src/components/FormField/Select.test.tsx +216 -0
  43. package/src/components/FormField/Select.tsx +574 -0
  44. package/src/components/FormField/SelectContext.tsx +101 -0
  45. package/src/components/FormField/commonElement.tsx +42 -0
  46. package/src/components/GenericMenu.tsx +114 -0
  47. package/src/components/HoverCard/HoverCard.stories.tsx +64 -0
  48. package/src/components/HoverCard/HoverCard.test.tsx +85 -0
  49. package/src/components/HoverCard/HoverCard.tsx +65 -0
  50. package/src/components/Icon/Icon.stories.ts +4 -35
  51. package/src/components/Icon/Icon.tsx +166 -18
  52. package/src/components/Icon/types.ts +78 -1
  53. package/src/components/IconButton/IconButton.stories.ts +25 -7
  54. package/src/components/IconButton/IconButton.test.tsx +32 -0
  55. package/src/components/IconButton/IconButton.tsx +60 -71
  56. package/src/components/Panel/Panel.stories.tsx +25 -0
  57. package/src/components/Panel/Panel.tsx +33 -0
  58. package/src/components/Popover/Popover.stories.tsx +67 -0
  59. package/src/components/Popover/Popover.test.tsx +46 -0
  60. package/src/components/Popover/Popover.tsx +115 -0
  61. package/src/components/RadioGroup/RadioGroup.stories.tsx +43 -0
  62. package/src/components/RadioGroup/RadioGroup.test.tsx +59 -0
  63. package/src/components/RadioGroup/RadioGroup.tsx +149 -0
  64. package/src/components/Separator/Separator.stories.tsx +24 -0
  65. package/src/components/Separator/Separator.tsx +29 -0
  66. package/src/components/SidebarNavigationItem/SidebarNavigationItem.stories.tsx +2 -2
  67. package/src/components/Spacer/Spacer.stories.tsx +20 -0
  68. package/src/components/Spacer/Spacer.tsx +15 -0
  69. package/src/components/Switch/Switch.stories.ts +3 -3
  70. package/src/components/Switch/Switch.tsx +3 -2
  71. package/src/components/Table/Table.stories.tsx +29 -0
  72. package/src/components/Table/Table.tsx +109 -0
  73. package/src/components/Tabs/Tabs.stories.tsx +2 -37
  74. package/src/components/Tooltip/Tooltip.stories.tsx +68 -0
  75. package/src/components/Tooltip/Tooltip.test.tsx +44 -0
  76. package/src/components/Tooltip/Tooltip.tsx +67 -0
  77. package/src/components/Typography/Text/Text.stories.tsx +22 -0
  78. package/src/components/Typography/Text/Text.test.tsx +16 -0
  79. package/src/components/Typography/Text/Text.tsx +30 -0
  80. package/src/components/Typography/Title/Title.stories.tsx +31 -0
  81. package/src/components/Typography/Title/Title.test.tsx +16 -0
  82. package/src/components/Typography/Title/Title.tsx +36 -0
  83. package/src/components/icons/Activity.tsx +30 -0
  84. package/src/components/icons/ArrowDown.tsx +22 -0
  85. package/src/components/icons/ArrowRight.tsx +22 -0
  86. package/src/components/icons/ArrowTriangle.tsx +36 -0
  87. package/src/components/icons/ArrowUp.tsx +22 -0
  88. package/src/components/icons/Backups.tsx +29 -0
  89. package/src/components/icons/Blog.tsx +38 -0
  90. package/src/components/icons/Book.tsx +30 -0
  91. package/src/components/icons/Brackets.tsx +22 -0
  92. package/src/components/icons/Briefcase.tsx +30 -0
  93. package/src/components/icons/Building.tsx +30 -0
  94. package/src/components/icons/BurgerMenu.tsx +22 -0
  95. package/src/components/icons/Cards.tsx +30 -0
  96. package/src/components/icons/CellTower.tsx +21 -0
  97. package/src/components/icons/CheckIcon.tsx +21 -0
  98. package/src/components/icons/CheckInCircle.tsx +39 -0
  99. package/src/components/icons/ChevronDown.tsx +19 -5
  100. package/src/components/icons/ChevronLeft.tsx +22 -0
  101. package/src/components/icons/ChevronRight.tsx +3 -3
  102. package/src/components/icons/ChevronUp.tsx +22 -0
  103. package/src/components/icons/Clock.tsx +37 -0
  104. package/src/components/icons/Cloud.tsx +23 -0
  105. package/src/components/icons/Code.tsx +22 -0
  106. package/src/components/icons/CodeInSquare.tsx +30 -0
  107. package/src/components/icons/Connect.tsx +22 -0
  108. package/src/components/icons/ConnectAlt.tsx +30 -0
  109. package/src/components/icons/Console.tsx +30 -0
  110. package/src/components/icons/Copy.tsx +33 -0
  111. package/src/components/icons/CrossIcon.tsx +29 -0
  112. package/src/components/icons/Data.tsx +36 -0
  113. package/src/components/icons/DatabaseIcon.tsx +27 -29
  114. package/src/components/icons/Disk.tsx +30 -0
  115. package/src/components/icons/Display.tsx +30 -0
  116. package/src/components/icons/Document.tsx +30 -0
  117. package/src/components/icons/DotsHorizontal.tsx +36 -0
  118. package/src/components/icons/DotsVertical.tsx +33 -0
  119. package/src/components/icons/Email.tsx +33 -0
  120. package/src/components/icons/Empty.tsx +14 -0
  121. package/src/components/icons/FilterIcon.tsx +29 -16
  122. package/src/components/icons/Fire.tsx +23 -0
  123. package/src/components/icons/Folder.tsx +20 -0
  124. package/src/components/icons/Gift.tsx +21 -0
  125. package/src/components/icons/HistoryIcon.tsx +13 -13
  126. package/src/components/icons/Home.tsx +29 -0
  127. package/src/components/icons/Http.tsx +22 -0
  128. package/src/components/icons/Icons.mdx +31 -28
  129. package/src/components/icons/InfoInCircleIcon.tsx +37 -0
  130. package/src/components/icons/InformationIcon.tsx +34 -0
  131. package/src/components/icons/InsertRowIcon.tsx +30 -32
  132. package/src/components/icons/Integrations.tsx +29 -0
  133. package/src/components/icons/LightBulb.tsx +40 -0
  134. package/src/components/icons/Lightening.tsx +30 -0
  135. package/src/components/icons/Loading.tsx +57 -0
  136. package/src/components/icons/Metrics.tsx +38 -0
  137. package/src/components/icons/MetricsAlt.tsx +30 -0
  138. package/src/components/icons/Payment.tsx +23 -0
  139. package/src/components/icons/Payments/Amex.tsx +44 -0
  140. package/src/components/icons/Payments/MasterCard.tsx +48 -0
  141. package/src/components/icons/Payments/Paypal.tsx +41 -0
  142. package/src/components/icons/Payments/Visa.tsx +36 -0
  143. package/src/components/icons/Payments/index.tsx +30 -0
  144. package/src/components/icons/Pencil.tsx +30 -0
  145. package/src/components/icons/PieChart.tsx +30 -0
  146. package/src/components/icons/Play.tsx +30 -0
  147. package/src/components/icons/Plus.tsx +22 -0
  148. package/src/components/icons/Popout.tsx +22 -0
  149. package/src/components/icons/PopoverArrow.tsx +22 -0
  150. package/src/components/icons/Question.tsx +30 -0
  151. package/src/components/icons/Refresh.tsx +29 -0
  152. package/src/components/icons/Search.tsx +22 -0
  153. package/src/components/icons/Secure.tsx +30 -0
  154. package/src/components/icons/Services.tsx +23 -0
  155. package/src/components/icons/Settings.tsx +22 -0
  156. package/src/components/icons/Share.tsx +29 -0
  157. package/src/components/icons/SlideIn.tsx +28 -0
  158. package/src/components/icons/SlideOut.tsx +28 -0
  159. package/src/components/icons/SortAltIcon.tsx +18 -20
  160. package/src/components/icons/SortIcon.tsx +24 -0
  161. package/src/components/icons/Sparkle.tsx +23 -0
  162. package/src/components/icons/Speaker.tsx +30 -0
  163. package/src/components/icons/Speed.tsx +29 -0
  164. package/src/components/icons/Star.tsx +23 -0
  165. package/src/components/icons/Support.tsx +37 -0
  166. package/src/components/icons/Table.tsx +30 -0
  167. package/src/components/icons/Taxi.tsx +120 -0
  168. package/src/components/icons/Trash.tsx +22 -0
  169. package/src/components/icons/Upload.tsx +29 -0
  170. package/src/components/icons/Url.tsx +22 -0
  171. package/src/components/icons/UsersIcon.tsx +27 -27
  172. package/src/components/icons/WarningIcon.tsx +30 -0
  173. package/src/components/index.ts +31 -10
  174. package/src/index.ts +2 -2
  175. package/src/styles/types.ts +715 -295
  176. package/src/styles/variables.classic.json +171 -0
  177. package/src/styles/variables.dark.json +447 -129
  178. package/src/styles/variables.json +830 -410
  179. package/src/styles/variables.light.json +339 -179
  180. package/tokens/themes/$themes.json +3657 -1
  181. package/tokens/themes/classic.json +492 -0
  182. package/tokens/themes/component.json +1126 -441
  183. package/tokens/themes/dark.json +1871 -758
  184. package/tokens/themes/light.json +852 -266
  185. package/tokens/themes/primitives.json +294 -210
  186. package/vite.config.ts +6 -4
  187. package/app/.babelrc +0 -27
  188. package/app/.eslintrc.json +0 -6
  189. package/app/.storybook/main.ts +0 -17
  190. package/app/.storybook/preview.tsx +0 -26
  191. package/app/README.md +0 -38
  192. package/app/next.config.js +0 -6
  193. package/app/package-lock.json +0 -28711
  194. package/app/package.json +0 -44
  195. package/app/public/favicon.ico +0 -0
  196. package/app/public/next.svg +0 -1
  197. package/app/public/vercel.svg +0 -1
  198. package/app/src/assets/RightArrow/right-arrow.tsx +0 -17
  199. package/app/src/assets/S3Logo/s3-logo.tsx +0 -31
  200. package/app/src/assets/amazon_s3.svg +0 -9
  201. package/app/src/assets/arrow.svg +0 -3
  202. package/app/src/globals.d.ts +0 -4
  203. package/app/src/pages/_app.tsx +0 -8
  204. package/app/src/pages/_document.tsx +0 -17
  205. package/app/src/pages/api/hello.ts +0 -13
  206. package/app/src/pages/index.tsx +0 -141
  207. package/app/src/pages/label.tsx +0 -27
  208. package/app/src/stories/assets/code-brackets.svg +0 -1
  209. package/app/src/stories/assets/colors.svg +0 -1
  210. package/app/src/stories/assets/comments.svg +0 -1
  211. package/app/src/stories/assets/direction.svg +0 -1
  212. package/app/src/stories/assets/flow.svg +0 -1
  213. package/app/src/stories/assets/plugin.svg +0 -1
  214. package/app/src/stories/assets/repo.svg +0 -1
  215. package/app/src/stories/assets/stackalt.svg +0 -1
  216. package/app/src/styles/Home.module.css +0 -235
  217. package/app/src/styles/globals.css +0 -111
  218. package/app/src/styles/types.ts +0 -1031
  219. package/app/src/styles/variables.classic.css +0 -16
  220. package/app/src/styles/variables.classic.json +0 -31
  221. package/app/src/styles/variables.css +0 -763
  222. package/app/src/styles/variables.dark.css +0 -135
  223. package/app/src/styles/variables.dark.json +0 -339
  224. package/app/src/styles/variables.json +0 -1029
  225. package/app/src/styles/variables.light.css +0 -203
  226. package/app/src/styles/variables.light.json +0 -478
  227. package/app/tokens/themes/$metadata.json +0 -9
  228. package/app/tokens/themes/$themes.json +0 -1
  229. package/app/tokens/themes/classic.json +0 -58
  230. package/app/tokens/themes/component.json +0 -868
  231. package/app/tokens/themes/dark.json +0 -937
  232. package/app/tokens/themes/light.json +0 -1380
  233. package/app/tokens/themes/primitives.json +0 -859
  234. package/app/tsconfig.json +0 -23
  235. package/src/components/FormField/FormField.stories.ts +0 -14
  236. package/src/components/FormField/FormField.tsx +0 -22
package/app/src/styles/variables.css DELETED
@@ -1,763 +0,0 @@
1
- :root {
2
- --shadow-2: 0 4px 4px 0 rgba(88, 92, 98, 0.06),
3
- inset 5px 0 10px 0 rgba(104, 105, 111, 0.1);
4
- --shadow-1: 0 1px 2px 0 rgba(16, 24, 40, 0.06),
5
- 0 1px 3px 0 rgba(16, 24, 40, 0.1);
6
- --border-radii-full: 9999px;
7
- --typography-font-line-height-4: 1.3;
8
- --typography-font-line-height-3: 1.7;
9
- --typography-font-line-height-2: 1.6;
10
- --typography-font-line-height-1: 1.5;
11
- --typography-font-weights-4: 700;
12
- --typography-font-weights-3: 600;
13
- --typography-font-weights-2: 500;
14
- --typography-font-weights-1: 400;
15
- --typography-font-families-display: "Basier Square", "Inter", "SF Pro Display",
16
- -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
17
- Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
18
- --typography-font-families-mono: "Inconsolata", "SFMono Regular", monospace;
19
- --typography-font-families-regular: "Inter", "SF Pro Display", -apple-system,
20
- BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
21
- "Open Sans", "Helvetica Neue", sans-serif;
22
- --sizes-11: 64px;
23
- --sizes-10: 40px;
24
- --sizes-9: 32px;
25
- --sizes-8: 28px;
26
- --sizes-7: 24px;
27
- --sizes-6: 20px;
28
- --sizes-5: 16px;
29
- --sizes-4: 12px;
30
- --sizes-3: 8px;
31
- --sizes-2: 4px;
32
- --sizes-1: 1px;
33
- --sizes-0: 0;
34
- --palette-utility-transparent: rgba(0, 0, 0, 0);
35
- --palette-gradients-base: linear-gradient(
36
- 229.65deg,
37
- #292924 15.78%,
38
- #0f0f0f 88.39%
39
- );
40
- --palette-danger-base: #ff5353;
41
- --palette-danger-900: #300000;
42
- --palette-danger-800: #610000;
43
- --palette-danger-700: #910000;
44
- --palette-danger-600: #c10000;
45
- --palette-danger-500: #f10000;
46
- --palette-danger-400: #ff2323;
47
- --palette-danger-300: #ff7575;
48
- --palette-danger-200: #ff9898;
49
- --palette-danger-100: #ffbaba;
50
- --palette-danger-50: #ffdddd;
51
- --palette-warning-base: #ffa63d;
52
- --palette-warning-900: #271500;
53
- --palette-warning-800: #4f2b00;
54
- --palette-warning-700: #9e5600;
55
- --palette-warning-600: #c66b00;
56
- --palette-warning-500: #ed8000;
57
- --palette-warning-400: #ff9416;
58
- --palette-warning-300: #ffb864;
59
- --palette-warning-200: #ffca8b;
60
- --palette-warning-100: #ffdbb1;
61
- --palette-warning-50: #ffedd8;
62
- --palette-success-base: #62de85;
63
- --palette-success-900: #07210e;
64
- --palette-success-800: #0e421d;
65
- --palette-success-700: #15632b;
66
- --palette-success-600: #1c8439;
67
- --palette-success-500: #2ac656;
68
- --palette-success-400: #41d76b;
69
- --palette-success-300: #81e59d;
70
- --palette-success-200: #a1ebb6;
71
- --palette-success-100: #c0f2ce;
72
- --palette-success-50: #e0f8e7;
73
- --palette-info-base: #4781f0;
74
- --palette-info-900: #041330;
75
- --palette-info-800: #05173a;
76
- --palette-info-700: #061d48;
77
- --palette-info-600: #092e73;
78
- --palette-info-500: #0e44ad;
79
- --palette-info-400: #135be6;
80
- --palette-info-300: #6c9af3;
81
- --palette-info-200: #91b3f6;
82
- --palette-info-100: #b5cdf9;
83
- --palette-info-50: #dae6fc;
84
- --palette-indigo-base: #2f2c3a;
85
- --palette-indigo-900: #18161d;
86
- --palette-indigo-800: #23212c;
87
- --palette-indigo-700: #474257;
88
- --palette-indigo-600: #5e5874;
89
- --palette-indigo-500: #766e91;
90
- --palette-indigo-400: #918ba7;
91
- --palette-indigo-300: #ada8bd;
92
- --palette-indigo-200: #c8c5d3;
93
- --palette-indigo-100: #e4e2e9;
94
- --palette-indigo-50: #f4f1fc;
95
- --palette-slate-base: #373439;
96
- --palette-slate-900: #161517;
97
- --palette-slate-800: #302e32;
98
- --palette-slate-700: #53575f;
99
- --palette-slate-600: #696e79;
100
- --palette-slate-500: #808691;
101
- --palette-slate-400: #9a9ea7;
102
- --palette-slate-300: #b3b6bd;
103
- --palette-slate-200: #cccfd3;
104
- --palette-slate-100: #e6e7e9;
105
- --palette-slate-50: #f6f7fa;
106
- --palette-neutral-base: #212121;
107
- --palette-neutral-900: #151515;
108
- --palette-neutral-800: #1d1d1d;
109
- --palette-neutral-750: #1f1f1c;
110
- --palette-neutral-725: #282828;
111
- --palette-neutral-700: #414141;
112
- --palette-neutral-600: #606060;
113
- --palette-neutral-500: #808080;
114
- --palette-neutral-400: #a0a0a0;
115
- --palette-neutral-300: #c0c0c0;
116
- --palette-neutral-200: #dfdfdf;
117
- --palette-neutral-100: #f9f9f9;
118
- --palette-neutral-0: #ffffff;
119
- --palette-brand-base: #fbff46;
120
- --palette-brand-800: #161600;
121
- --palette-brand-700: #27291b;
122
- --palette-brand-600: #4f5100;
123
- --palette-brand-500: #9fa300;
124
- --palette-brand-400: #eef400;
125
- --palette-brand-300: #fcff74;
126
- --palette-brand-200: #fdffa3;
127
- --palette-brand-100: #feffba;
128
- --palette-brand-50: #ffffe8;
129
- --click-checkbox-color-label-disabled: #a0a0a0;
130
- --click-checkbox-color-label-off: #696e79;
131
- --click-checkbox-color-check-disabled: #c0c0c0;
132
- --spaces-7: var(--sizes-10);
133
- --spaces-6: var(--sizes-9);
134
- --spaces-5: var(--sizes-7);
135
- --spaces-4: var(--sizes-5);
136
- --spaces-3: var(--sizes-4);
137
- --spaces-2: var(--sizes-3);
138
- --spaces-1: var(--sizes-2);
139
- --spaces-0: var(--sizes-0);
140
- --border-width-2: 2px;
141
- --border-width-1: var(--sizes-1);
142
- --border-radii-2: var(--sizes-3);
143
- --border-radii-1: var(--sizes-2);
144
- --border-radii-0: var(--sizes-0);
145
- --typography-styles-field-md: var(--typography-font-weights-1)
146
- var(--typography-font-sizes-2) / var(--typography-font-line-height-2)
147
- var(--typography-font-families-regular);
148
- --typography-styles-titles-brand-xl: var(--typography-font-weights-4) 64px /
149
- var(--typography-font-line-height-4) var(--typography-font-families-display);
150
- --typography-styles-titles-brand-lg: var(--typography-font-weights-3) 56px /
151
- var(--typography-font-line-height-4) var(--typography-font-families-display);
152
- --typography-styles-titles-brand-md: var(--typography-font-weights-3) 36px /
153
- var(--typography-font-line-height-4) var(--typography-font-families-display);
154
- --typography-styles-titles-brand-sm: var(--typography-font-weights-3) 24px /
155
- var(--typography-font-line-height-1) var(--typography-font-families-display);
156
- --typography-styles-titles-brand-xs: var(--typography-font-weights-3) 20px /
157
- var(--typography-font-line-height-1) var(--typography-font-families-display);
158
- --typography-styles-text-mono-lg: var(--typography-font-weights-2)
159
- var(--typography-font-sizes-3) / var(--typography-font-line-height-2)
160
- var(--typography-font-families-mono);
161
- --typography-styles-text-mono-md: var(--typography-font-weights-2)
162
- var(--typography-font-sizes-2) / var(--typography-font-line-height-3)
163
- var(--typography-font-families-mono);
164
- --typography-styles-text-mono-sm: var(--typography-font-weights-2)
165
- var(--typography-font-sizes-1) / var(--typography-font-line-height-2)
166
- var(--typography-font-families-mono);
167
- --typography-styles-text-bold-lg: var(--typography-font-weights-3)
168
- var(--typography-font-sizes-3) / var(--typography-font-line-height-1)
169
- var(--typography-font-families-regular);
170
- --typography-styles-text-bold-md: var(--typography-font-weights-3)
171
- var(--typography-font-sizes-2) / var(--typography-font-line-height-1)
172
- var(--typography-font-families-regular);
173
- --typography-styles-text-bold-sm: var(--typography-font-weights-3)
174
- var(--typography-font-sizes-1) / var(--typography-font-line-height-1)
175
- var(--typography-font-families-regular);
176
- --typography-styles-text-sbold-lg: var(--typography-font-weights-2)
177
- var(--typography-font-sizes-3) / var(--typography-font-line-height-1)
178
- var(--typography-font-families-regular);
179
- --typography-styles-text-sbold-md: var(--typography-font-weights-2)
180
- var(--typography-font-sizes-2) / var(--typography-font-line-height-1)
181
- var(--typography-font-families-regular);
182
- --typography-styles-text-sbold-sm: var(--typography-font-weights-2)
183
- var(--typography-font-sizes-1) / var(--typography-font-line-height-1)
184
- var(--typography-font-families-regular);
185
- --typography-styles-text-lg: var(--typography-font-weights-1)
186
- var(--typography-font-sizes-3) / var(--typography-font-line-height-1)
187
- var(--typography-font-families-regular);
188
- --typography-styles-text-md: var(--typography-font-weights-1)
189
- var(--typography-font-sizes-2) / var(--typography-font-line-height-1)
190
- var(--typography-font-families-regular);
191
- --typography-styles-text-sm: var(--typography-font-weights-1)
192
- var(--typography-font-sizes-1) / var(--typography-font-line-height-1)
193
- var(--typography-font-families-regular);
194
- --typography-styles-titles-2xl: var(--typography-font-weights-3)
195
- var(--typography-font-sizes-6) / var(--typography-font-line-height-1)
196
- var(--typography-font-families-regular);
197
- --typography-styles-titles-xl: var(--typography-font-weights-4)
198
- var(--typography-font-sizes-4) / var(--typography-font-line-height-1)
199
- var(--typography-font-families-regular);
200
- --typography-styles-titles-lg: var(--typography-font-weights-4)
201
- var(--typography-font-sizes-3) / var(--typography-font-line-height-1)
202
- var(--typography-font-families-regular);
203
- --typography-styles-titles-md: var(--typography-font-weights-3)
204
- var(--typography-font-sizes-3) / var(--typography-font-line-height-1)
205
- var(--typography-font-families-regular);
206
- --typography-styles-titles-sm: var(--typography-font-weights-4)
207
- var(--typography-font-sizes-2) / var(--typography-font-line-height-1)
208
- var(--typography-font-families-regular);
209
- --typography-styles-titles-xs: var(--typography-font-weights-4)
210
- var(--typography-font-sizes-1) / var(--typography-font-line-height-1)
211
- var(--typography-font-families-regular);
212
- --typography-font-sizes-6: var(--sizes-9);
213
- --typography-font-sizes-4: var(--sizes-6);
214
- --typography-font-sizes-3: var(--sizes-5);
215
- --typography-font-sizes-2: 14px;
216
- --typography-font-sizes-1: var(--sizes-4);
217
- --click-feedback-color-neutral-foreground: var(--palette-slate-700);
218
- --click-feedback-color-neutral-background: var(--palette-slate-100);
219
- --click-feedback-color-danger-foreground: var(--palette-danger-600);
220
- --click-feedback-color-danger-background: var(--palette-danger-50);
221
- --click-feedback-color-warning-foreground: var(--palette-warning-700);
222
- --click-feedback-color-warning-background: var(--palette-warning-50);
223
- --click-feedback-color-success-foreground: var(--palette-success-600);
224
- --click-feedback-color-success-background: var(--palette-success-50);
225
- --click-feedback-color-info-foreground: var(--palette-info-400);
226
- --click-feedback-color-info-background: var(--palette-info-50);
227
- --click-global-color-outline-default: var(--palette-info-400);
228
- --click-global-color-accent-default: var(--palette-neutral-900);
229
- --click-global-color-stroke-muted: lch(91.6 1.1 266 / 0.3);
230
- --click-global-color-stroke-default: lch(91.6 1.1 266 / 0.3);
231
- --click-global-color-text-link-hover: var(--palette-info-600);
232
- --click-global-color-text-link-default: var(--palette-info-400);
233
- --click-global-color-text-muted: var(--palette-slate-600);
234
- --click-global-color-text-default: var(--palette-slate-900);
235
- --click-global-color-background-muted: var(--palette-slate-50);
236
- --click-global-color-background-default: var(--palette-neutral-0);
237
- --click-tabs-basic-color-accent-hover: var(--palette-utility-transparent);
238
- --click-tabs-basic-color-background-selected: var(
239
- --palette-utility-transparent
240
- );
241
- --click-tabs-basic-color-background-default: var(
242
- --palette-utility-transparent
243
- );
244
- --click-switch-color-indicator-disabled: var(--palette-neutral-400);
245
- --click-switch-color-indicator-active: var(--palette-neutral-0);
246
- --click-switch-color-indicator-default: var(--palette-neutral-400);
247
- --click-switch-color-stroke-disabled: var(--palette-neutral-300);
248
- --click-switch-color-background-disabled-checked: var(--palette-neutral-200);
249
- --click-switch-color-background-active: var(--palette-neutral-900);
250
- --click-switch-color-background-default: var(--palette-slate-50);
251
- --click-switch-radii-all: var(--border-radii-full);
252
- --click-sidebar-main-color-item-background-hover: lch(91.6 1.1 266 / 0.6);
253
- --click-sidebar-main-color-item-background-active: lch(91.6 1.1 266 / 0.6);
254
- --click-sidebar-main-color-item-background-default: var(
255
- --palette-utility-transparent
256
- );
257
- --click-field-color-label-default: var(--palette-slate-600);
258
- --click-field-color-stroke-hover: lch(83.8 2.3 258);
259
- --click-field-color-stroke-disabled: var(--palette-neutral-200);
260
- --click-field-color-text-disabled: var(--palette-neutral-400);
261
- --click-field-color-text-default: var(--palette-slate-800);
262
- --click-field-color-background-disabled: var(--palette-neutral-200);
263
- --click-field-size-icon: var(--sizes-5);
264
- --click-context-menu-color-text-disabled: var(--palette-neutral-300);
265
- --click-context-menu-size-icon-all: 15.5px;
266
- --click-codeblock-color-button-foreground-default: var(--palette-neutral-0);
267
- --click-codeblock-color-button-background-hover: var(--palette-slate-700);
268
- --click-codeblock-color-button-hover: var(--palette-neutral-0);
269
- --click-codeblock-color-button-default: var(--palette-neutral-800);
270
- --click-codeblock-color-text-default: var(--palette-neutral-0);
271
- --click-codeblock-color-background-default: var(--palette-slate-800);
272
- --click-checkbox-color-check-default: var(--palette-neutral-0);
273
- --click-checkbox-color-stroke-disabled: var(--palette-neutral-300);
274
- --click-checkbox-color-background-disabled-checked: var(
275
- --palette-neutral-200
276
- );
277
- --click-checkbox-color-background-active: var(--palette-slate-900);
278
- --click-checkbox-color-background-default: var(--palette-slate-50);
279
- --click-checkbox-space-all: var(--sizes-1);
280
- --click-card-icon-size-all: var(--sizes-9);
281
- --click-button-group-color-text-active: var(--palette-neutral-900);
282
- --click-button-group-color-text-default: var(--palette-slate-900);
283
- --click-button-group-color-background-default: var(--palette-neutral-0);
284
- --click-button-mobile-basic-size-icon-all: var(--sizes-6);
285
- --click-button-split-primary-background-action-active: lch(3.47 0.72 305);
286
- --click-button-split-primary-background-action-default: lch(6.35 1.32 305);
287
- --click-button-icon-button-size-3: var(--sizes-6);
288
- --click-button-icon-button-size-2: var(--sizes-5);
289
- --click-button-icon-button-size-1: var(--sizes-4);
290
- --click-button-basic-color-danger-background-active: var(
291
- --palette-danger-100
292
- );
293
- --click-button-basic-color-danger-background-hover: var(--palette-danger-200);
294
- --click-button-basic-color-disabled-text-default: var(--palette-neutral-400);
295
- --click-button-basic-color-disabled-background-default: var(
296
- --palette-neutral-200
297
- );
298
- --click-button-basic-color-secondary-stroke-active: lch(83.8 2.3 258);
299
- --click-button-basic-color-secondary-stroke-hover: var(--palette-slate-100);
300
- --click-button-basic-color-secondary-background-default: var(
301
- --palette-utility-transparent
302
- );
303
- --click-button-basic-color-primary-text-default: var(--palette-neutral-0);
304
- --click-button-basic-color-primary-background-active: lch(6.42 1.33 305);
305
- --click-button-basic-color-primary-background-hover: lch(55.8 3.66 267);
306
- --click-button-basic-color-primary-background-default: var(
307
- --palette-slate-800
308
- );
309
- --click-button-basic-size-icon-all: 15.5px;
310
- --click-badge-radii-all: var(--border-radii-full);
311
- --click-table-color-cell-stroke: var(--click-global-color-stroke-default);
312
- --click-table-color-row-text: var(--click-global-color-text-default);
313
- --click-table-color-row-background: var(
314
- --click-global-color-background-default
315
- );
316
- --click-table-color-header-text: var(--click-global-color-text-default);
317
- --click-table-color-header-background: var(
318
- --click-global-color-background-muted
319
- );
320
- --click-grid-color-stroke-cell-stroke: var(
321
- --click-global-color-stroke-default
322
- );
323
- --click-grid-color-text-row-default: var(--click-global-color-text-default);
324
- --click-grid-color-text-header-default: var(--click-global-color-text-muted);
325
- --click-grid-color-background-row-default: var(
326
- --click-global-color-background-default
327
- );
328
- --click-grid-color-background-header-default: lch(97.2 1.57 272 / 0.7);
329
- --click-feedback-color-neutral-stroke: var(
330
- --click-global-color-stroke-default
331
- );
332
- --click-docs-typography-toc-item-active: var(
333
- --typography-styles-text-bold-md
334
- );
335
- --click-docs-typography-toc-item-hover: var(--typography-styles-text-md);
336
- --click-docs-typography-toc-item-default: var(--typography-styles-text-md);
337
- --click-docs-typography-toc-title-default: var(
338
- --typography-styles-text-bold-md
339
- );
340
- --click-docs-typography-breadcrumbs-active: var(
341
- --typography-styles-text-bold-md
342
- );
343
- --click-docs-typography-breadcrumbs-default: var(--typography-styles-text-md);
344
- --click-docs-typography-text-default: var(--typography-styles-text-md);
345
- --click-docs-typography-titles-sm: var(--typography-styles-titles-lg);
346
- --click-docs-typography-titles-md: var(--typography-styles-titles-xl);
347
- --click-docs-typography-titles-lg: var(--typography-styles-titles-2xl);
348
- --click-tabs-file-tabs-color-stroke-default: var(
349
- --click-global-color-stroke-default
350
- );
351
- --click-tabs-file-tabs-color-text-active: var(
352
- --click-global-color-text-default
353
- );
354
- --click-tabs-file-tabs-color-text-hover: var(
355
- --click-global-color-text-default
356
- );
357
- --click-tabs-file-tabs-color-text-default: var(
358
- --click-global-color-text-muted
359
- );
360
- --click-tabs-file-tabs-color-background-hover: var(
361
- --click-global-color-background-default
362
- );
363
- --click-tabs-file-tabs-color-background-default: var(
364
- --click-global-color-background-muted
365
- );
366
- --click-tabs-basic-color-accent-selected: var(
367
- --click-global-color-accent-default
368
- );
369
- --click-tabs-basic-color-accent-default: var(
370
- --click-tabs-basic-color-background-default
371
- );
372
- --click-tabs-basic-color-text-hover: var(--click-global-color-text-default);
373
- --click-tabs-basic-color-text-default: var(--click-global-color-text-muted);
374
- --click-tabs-basic-color-background-hover: var(
375
- --click-global-color-background-muted
376
- );
377
- --click-tabs-typography-label-active: var(--typography-styles-text-sbold-md);
378
- --click-tabs-typography-label-hover: var(--typography-styles-text-md);
379
- --click-tabs-typography-label-default: var(--typography-styles-text-md);
380
- --click-tabs-radii-all: var(--border-radii-1);
381
- --click-tabs-space-x: var(--spaces-3);
382
- --click-tabs-space-y: var(--spaces-2);
383
- --click-switch-color-stroke-active: var(
384
- --click-checkbox-color-background-active
385
- );
386
- --click-switch-color-stroke-default: var(--click-global-color-stroke-default);
387
- --click-switch-space-gap: var(--spaces-2);
388
- --click-sidebar-sql-sidebar-color-stroke-default: var(
389
- --click-global-color-stroke-default
390
- );
391
- --click-sidebar-sql-sidebar-color-background-default: var(
392
- --click-global-color-background-muted
393
- );
394
- --click-sidebar-main-color-stroke-default: var(
395
- --click-global-color-stroke-default
396
- );
397
- --click-sidebar-main-color-text-muted: var(--click-global-color-text-muted);
398
- --click-sidebar-main-color-text-default: var(
399
- --click-global-color-text-default
400
- );
401
- --click-sidebar-main-color-item-text-muted: var(
402
- --click-global-color-text-muted
403
- );
404
- --click-sidebar-main-color-item-text-default: var(
405
- --click-global-color-text-default
406
- );
407
- --click-sidebar-main-color-background-default: var(
408
- --click-global-color-background-default
409
- );
410
- --click-sidebar-mobile-item-space-left: var(--spaces-1);
411
- --click-sidebar-mobile-item-space-gap: var(--spaces-3);
412
- --click-sidebar-mobile-item-space-y: var(--spaces-3);
413
- --click-sidebar-mobile-item-space-x: var(--spaces-3);
414
- --click-sidebar-item-collapsible-space-gap: var(--spaces-3);
415
- --click-sidebar-item-collapsible-space-x: var(--spaces-3);
416
- --click-sidebar-typography-mobile-item-active: var(
417
- --typography-styles-text-sbold-lg
418
- );
419
- --click-sidebar-typography-mobile-item-hover: var(
420
- --typography-styles-text-lg
421
- );
422
- --click-sidebar-typography-mobile-item-default: var(
423
- --typography-styles-text-lg
424
- );
425
- --click-sidebar-typography-section-title-disabled: var(
426
- --typography-styles-text-sbold-sm
427
- );
428
- --click-sidebar-typography-section-title-hover: var(
429
- --typography-styles-text-sbold-sm
430
- );
431
- --click-sidebar-typography-section-title-default: var(
432
- --typography-styles-text-sbold-sm
433
- );
434
- --click-sidebar-typography-item-disabled: var(
435
- --typography-styles-text-sbold-md
436
- );
437
- --click-sidebar-typography-item-active: var(
438
- --typography-styles-text-sbold-md
439
- );
440
- --click-sidebar-typography-item-hover: var(--typography-styles-text-md);
441
- --click-sidebar-typography-item-default: var(--typography-styles-text-md);
442
- --click-sidebar-item-space-left: var(--spaces-1);
443
- --click-sidebar-item-space-gap: var(--spaces-3);
444
- --click-sidebar-item-space-x: var(--spaces-3);
445
- --click-sidebar-item-radius: var(--border-radii-1);
446
- --click-popover-color-background-default: lch(100 0 0);
447
- --click-popover-radii-all: var(--border-radii-1);
448
- --click-field-color-placeholder: var(--click-global-color-text-muted);
449
- --click-field-color-label-error: var(
450
- --click-feedback-color-danger-foreground
451
- );
452
- --click-field-color-label-disabled: var(--click-field-color-text-disabled);
453
- --click-field-color-stroke-error: var(
454
- --click-feedback-color-danger-foreground
455
- );
456
- --click-field-color-stroke-default: lch(92 1.05 266 / 0.3);
457
- --click-field-color-text-error: var(--click-feedback-color-danger-foreground);
458
- --click-field-color-text-hover: var(--click-field-color-text-default);
459
- --click-field-color-text-active: var(--click-global-color-text-default);
460
- --click-field-color-background-hover: var(
461
- --click-global-color-background-muted
462
- );
463
- --click-field-color-background-active: var(
464
- --click-global-color-background-default
465
- );
466
- --click-field-color-background-default: var(
467
- --click-global-color-background-muted
468
- );
469
- --click-field-mobile-space-gap: var(--spaces-2);
470
- --click-field-mobile-space-y: var(--spaces-2);
471
- --click-field-mobile-space-x: var(--spaces-3);
472
- --click-field-radii-all: var(--border-radii-1);
473
- --click-field-space-gap: var(--spaces-2);
474
- --click-field-space-y: 5.5px;
475
- --click-field-space-x: var(--spaces-3);
476
- --click-field-type-mobile-field-value: var(--typography-styles-text-lg);
477
- --click-field-type-mobile-label: var(--typography-styles-text-sbold-md);
478
- --click-field-typography-field-text-error: var(--typography-styles-text-md);
479
- --click-field-typography-field-text-disabled: var(
480
- --typography-styles-text-md
481
- );
482
- --click-field-typography-field-text-active: var(--typography-styles-text-md);
483
- --click-field-typography-field-text-hover: var(--typography-styles-text-md);
484
- --click-field-typography-field-text-default: var(--typography-styles-text-md);
485
- --click-field-typography-label-error: var(--typography-styles-text-sbold-sm);
486
- --click-field-typography-label-disabled: var(
487
- --typography-styles-text-sbold-sm
488
- );
489
- --click-field-typography-label-active: var(--typography-styles-text-sbold-sm);
490
- --click-field-typography-label-hover: var(--typography-styles-text-sbold-sm);
491
- --click-field-typography-label-default: var(
492
- --typography-styles-text-sbold-sm
493
- );
494
- --click-context-menu-stroke-default: var(--click-global-color-stroke-default);
495
- --click-context-menu-color-background-hover: lch(97.5 1.43 272);
496
- --click-context-menu-color-text-active: var(
497
- --click-global-color-text-default
498
- );
499
- --click-context-menu-color-text-hover: var(--click-global-color-text-default);
500
- --click-context-menu-color-text-muted: var(--click-global-color-text-muted);
501
- --click-context-menu-color-text-default: var(
502
- --click-global-color-text-default
503
- );
504
- --click-context-menu-button-stroke-default: var(
505
- --click-global-color-stroke-default
506
- );
507
- --click-context-menu-button-label-default: var(
508
- --click-global-color-text-default
509
- );
510
- --click-context-menu-button-background-default: var(
511
- --click-global-color-background-muted
512
- );
513
- --click-context-menu-button-space-gap: var(--spaces-1);
514
- --click-context-menu-radii-all: var(--border-radii-2);
515
- --click-context-menu-typography-label-disabled: var(
516
- --typography-styles-text-md
517
- );
518
- --click-context-menu-typography-label-active: var(
519
- --typography-styles-text-bold-md
520
- );
521
- --click-context-menu-typography-label-hover: var(--typography-styles-text-md);
522
- --click-context-menu-typography-label-default: var(
523
- --typography-styles-text-md
524
- );
525
- --click-context-menu-space-gap: var(--spaces-2);
526
- --click-context-menu-space-y: 5.5px;
527
- --click-context-menu-space-x: var(--spaces-4);
528
- --click-code-radii-all: var(--border-radii-1);
529
- --click-code-typography-text-default: var(--typography-styles-text-mono-md);
530
- --click-code-stroke: var(--border-width-1);
531
- --click-code-x: var(--spaces-1);
532
- --click-codeblock-color-stroke-inline: lch(93.3 0.88 266 / 0.3);
533
- --click-codeblock-color-stroke-default: lch(35.4 2.22 306);
534
- --click-codeblock-color-button-background-default: var(
535
- --click-codeblock-color-background-default
536
- );
537
- --click-codeblock-color-text-inline: var(--click-global-color-text-default);
538
- --click-codeblock-color-background-inline: var(
539
- --click-global-color-background-muted
540
- );
541
- --click-codeblock-typography-text-default: var(
542
- --typography-styles-text-mono-md
543
- );
544
- --click-codeblock-stroke: var(--border-width-1);
545
- --click-codeblock-radii-all: var(--border-radii-2);
546
- --click-code-block-space-all: var(--spaces-4);
547
- --click-checkbox-color-label-default: var(--click-global-color-text-default);
548
- --click-checkbox-color-stroke-active: var(
549
- --click-checkbox-color-background-active
550
- );
551
- --click-checkbox-color-stroke-default: var(
552
- --click-global-color-stroke-default
553
- );
554
- --click-checkbox-space-gap: var(--spaces-2);
555
- --click-checkbox-radii-all: 2px;
556
- --click-card-color-stroke-disabled: var(--click-field-color-stroke-disabled);
557
- --click-card-color-stroke-active: lch(87 1.05 266 / 0.3);
558
- --click-card-color-stroke-hover: var(--click-global-color-stroke-default);
559
- --click-card-color-stroke-default: var(--click-global-color-stroke-default);
560
- --click-card-color-link-active: var(--click-global-color-text-default);
561
- --click-card-color-link-hover: var(--click-global-color-text-link-default);
562
- --click-card-color-link-default: var(--click-global-color-text-default);
563
- --click-card-color-description-active: var(--click-global-color-text-muted);
564
- --click-card-color-description-hover: var(--click-global-color-text-muted);
565
- --click-card-color-description-default: var(--click-global-color-text-muted);
566
- --click-card-color-title-disabled: var(
567
- --click-button-basic-color-disabled-text-default
568
- );
569
- --click-card-color-title-active: var(--click-global-color-text-default);
570
- --click-card-color-title-hover: var(--click-global-color-text-default);
571
- --click-card-color-title-default: var(--click-global-color-text-default);
572
- --click-card-color-background-disabled: var(
573
- --click-button-basic-color-disabled-background-default
574
- );
575
- --click-card-color-background-active: lch(92.4 1.49 272);
576
- --click-card-color-background-hover: var(
577
- --click-global-color-background-muted
578
- );
579
- --click-card-color-background-default: var(
580
- --click-global-color-background-default
581
- );
582
- --click-card-typography-link-disabled: var(--typography-styles-text-sbold-md);
583
- --click-card-typography-link-active: var(--typography-styles-text-sbold-md);
584
- --click-card-typography-link-hover: var(--typography-styles-text-sbold-md);
585
- --click-card-typography-link-default: var(--typography-styles-text-sbold-md);
586
- --click-card-typography-description-disabled: var(
587
- --typography-styles-text-md
588
- );
589
- --click-card-typography-description-active: var(--typography-styles-text-md);
590
- --click-card-typography-description-hover: var(--typography-styles-text-md);
591
- --click-card-typography-description-default: var(--typography-styles-text-md);
592
- --click-card-typography-title-disabled: var(--typography-styles-titles-md);
593
- --click-card-typography-title-active: var(--typography-styles-titles-md);
594
- --click-card-typography-title-hover: var(--typography-styles-titles-md);
595
- --click-card-typography-title-default: var(--typography-styles-titles-md);
596
- --click-card-radii-all: var(--border-radii-1);
597
- --click-card-space-gap: var(--spaces-4);
598
- --click-card-space-all: var(--spaces-4);
599
- --click-button-group-color-stroke-panel: var(
600
- --click-global-color-stroke-default
601
- );
602
- --click-button-group-color-text-hover: var(
603
- --click-button-group-color-text-default
604
- );
605
- --click-button-group-color-background-panel: var(
606
- --click-button-group-color-background-default
607
- );
608
- --click-button-button-group-radii-end: var(--border-radii-1);
609
- --click-button-button-group-radii-center: var(--border-radii-0);
610
- --click-button-mobile-button-space-gap: var(--spaces-2);
611
- --click-button-mobile-button-space-y: var(--spaces-2);
612
- --click-button-mobile-button-space-x: var(--spaces-3);
613
- --click-button-split-primary-text-default: var(
614
- --click-button-basic-color-primary-text-default
615
- );
616
- --click-button-split-primary-background-main-active: lch(5.87 1.22 305);
617
- --click-button-split-primary-background-main-hover: lch(51.1 3.35 267);
618
- --click-button-split-primary-background-main-default: lch(17.6 2.54 306);
619
- --click-button-split-primary-stroke-active: lch(16.4 2.36 306);
620
- --click-button-split-primary-stroke-default: lch(23.3 2.63 306);
621
- --click-button-split-icon-space-y: 8.25px;
622
- --click-button-stroke: var(--border-width-1);
623
- --click-button-icon-button-space-2: var(--spaces-2);
624
- --click-button-icon-button-space-1: var(--spaces-1);
625
- --click-button-basic-color-danger-text-default: var(
626
- --click-feedback-color-danger-foreground
627
- );
628
- --click-button-basic-color-danger-background-default: var(
629
- --click-feedback-color-danger-background
630
- );
631
- --click-button-basic-color-secondary-text-default: var(
632
- --click-global-color-text-default
633
- );
634
- --click-button-basic-color-secondary-stroke-default: var(
635
- --click-global-color-stroke-default
636
- );
637
- --click-button-basic-color-secondary-background-hover: var(
638
- --click-global-color-background-muted
639
- );
640
- --click-button-basic-color-primary-stroke-active: var(
641
- --click-button-basic-color-primary-background-active
642
- );
643
- --click-button-basic-color-primary-stroke-hover: var(
644
- --click-button-basic-color-primary-background-hover
645
- );
646
- --click-button-basic-color-primary-stroke-default: var(
647
- --click-button-basic-color-primary-background-default
648
- );
649
- --click-button-basic-typography-mobile-label-active: var(
650
- --typography-styles-text-bold-lg
651
- );
652
- --click-button-basic-typography-mobile-label-hover: var(
653
- --typography-styles-text-sbold-lg
654
- );
655
- --click-button-basic-typography-mobile-label-default: var(
656
- --typography-styles-text-sbold-lg
657
- );
658
- --click-button-basic-typography-label-disabled: var(
659
- --typography-styles-text-sbold-md
660
- );
661
- --click-button-basic-typography-label-active: var(
662
- --typography-styles-text-bold-md
663
- );
664
- --click-button-basic-typography-label-hover: var(
665
- --typography-styles-text-sbold-md
666
- );
667
- --click-button-basic-typography-label-default: var(
668
- --typography-styles-text-sbold-md
669
- );
670
- --click-button-basic-space-gap: var(--spaces-2);
671
- --click-button-basic-space-y: 5.5px;
672
- --click-button-basic-space-x: var(--spaces-4);
673
- --click-button-radii-all: var(--border-radii-1);
674
- --click-big-stat-color-large-value-default: var(
675
- --click-global-color-text-default
676
- );
677
- --click-big-stat-color-label-default: var(--click-global-color-text-muted);
678
- --click-big-stat-color-background-default: var(
679
- --click-global-color-background-default
680
- );
681
- --click-big-stat-color-stroke-default: var(
682
- --click-global-color-stroke-default
683
- );
684
- --click-big-stat-stroke: var(--border-width-1);
685
- --click-big-stat-typography-title-default: var(
686
- --typography-styles-titles-2xl
687
- );
688
- --click-big-stat-typography-label-default: var(--typography-styles-text-md);
689
- --click-big-stat-radii-all: var(--border-radii-1);
690
- --click-big-stat-space-gap: var(--spaces-0);
691
- --click-big-stat-space-all: var(--spaces-3);
692
- --click-badge-color-stroke-danger: var(
693
- --click-feedback-color-danger-background
694
- );
695
- --click-badge-color-stroke-neutral: var(
696
- --click-feedback-color-neutral-background
697
- );
698
- --click-badge-color-stroke-success: var(
699
- --click-feedback-color-success-background
700
- );
701
- --click-badge-color-stroke-default: var(--click-global-color-stroke-default);
702
- --click-badge-color-text-disabled: var(
703
- --click-button-basic-color-disabled-text-default
704
- );
705
- --click-badge-color-text-danger: var(
706
- --click-feedback-color-danger-foreground
707
- );
708
- --click-badge-color-text-neutral: var(
709
- --click-feedback-color-neutral-foreground
710
- );
711
- --click-badge-color-text-success: var(
712
- --click-feedback-color-success-foreground
713
- );
714
- --click-badge-color-text-default: var(--click-global-color-text-muted);
715
- --click-badge-color-background-danger: var(
716
- --click-feedback-color-danger-background
717
- );
718
- --click-badge-color-background-neutral: var(
719
- --click-feedback-color-neutral-background
720
- );
721
- --click-badge-color-background-success: var(
722
- --click-feedback-color-success-background
723
- );
724
- --click-badge-color-background-default: var(
725
- --click-global-color-background-default
726
- );
727
- --click-badge-stroke: var(--border-width-1);
728
- --click-badge-typography-label-default: var(
729
- --typography-styles-text-sbold-sm
730
- );
731
- --click-badge-space-y: 3px;
732
- --click-badge-space-x: var(--spaces-3);
733
- --click-tabs-file-tabs-color-background-active: var(
734
- --click-tabs-file-tabs-color-background-hover
735
- );
736
- --click-tabs-basic-color-text-selected: var(
737
- --click-tabs-basic-color-text-hover
738
- );
739
- --click-sidebar-item-collapsible-space-y: var(--click-button-basic-space-y);
740
- --click-sidebar-item-space-y: var(--click-button-basic-space-y);
741
- --click-field-color-label-active: var(--click-field-color-text-active);
742
- --click-field-color-stroke-active: var(--click-field-color-text-active);
743
- --click-context-menu-color-background-active: var(
744
- --click-context-menu-color-background-hover
745
- );
746
- --click-context-menu-color-background-default: var(
747
- --click-popover-color-background-default
748
- );
749
- --click-card-color-link-disabled: var(--click-card-color-title-disabled);
750
- --click-card-color-description-disabled: var(
751
- --click-card-color-title-disabled
752
- );
753
- --click-button-group-color-background-hover: lch(68.1 1.1 272);
754
- --click-button-split-primary-background-action-hover: lch(48.5 3.18 267);
755
- --click-button-basic-color-secondary-background-active: lch(92.4 1.49 272);
756
- --click-button-basic-space-group: var(--click-button-basic-space-gap);
757
- --click-badge-color-stroke-disabled: lch(84.4 0 0);
758
- --click-badge-color-background-disabled: var(
759
- --click-card-color-background-disabled
760
- );
761
- --click-button-group-color-background-active: lch(78.5 1.27 272);
762
- --click-button-split-primary-stroke-hover: lch(53.6 2.86 267);
763
- }