@clickhouse/click-ui 0.0.187 → 0.0.189

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 (14) hide show
  1. package/dist/click-ui.es.js +228 -92
  2. package/dist/click-ui.umd.js +228 -92
  3. package/dist/components/Badge/Badge.d.ts +3 -1
  4. package/dist/components/CardPrimary/CardPrimaryTopBadge.d.ts +1 -1
  5. package/dist/components/icons/Flags/SouthKorea.d.ts +4 -0
  6. package/dist/components/icons/Flags/UnitedArabEmirates.d.ts +4 -0
  7. package/dist/components/icons/Flags/index.d.ts +3 -1
  8. package/dist/hooks/index.d.ts +1 -0
  9. package/dist/hooks/useUpdateEffect.d.ts +3 -0
  10. package/dist/styles/types.d.ts +59 -26
  11. package/dist/styles/variables.dark.json.d.ts +60 -27
  12. package/dist/styles/variables.json.d.ts +60 -27
  13. package/dist/styles/variables.light.json.d.ts +60 -27
  14. package/package.json +1 -1
package/dist/styles/variables.dark.json.d.ts CHANGED
@@ -79,33 +79,66 @@ declare const _default: {
79
79
  }
80
80
  },
81
81
  "badge": {
82
- "color": {
83
- "background": {
84
- "default": "#1F1F1C",
85
- "success": "rgb(20% 100% 26.7% / 0.2)",
86
- "neutral": "rgb(62.7% 62.7% 62.7% / 0.2)",
87
- "danger": "rgb(100% 13.7% 13.7% / 0.2)",
88
- "disabled": "#414141",
89
- "info": "rgb(26.3% 49.4% 93.7% / 0.2)",
90
- "warning": "rgb(100% 46.7% 16.1% / 0.2)"
91
- },
92
- "text": {
93
- "default": "#b3b6bd",
94
- "success": "#CCFFD0",
95
- "neutral": "#c0c0c0",
96
- "danger": "#ffbaba",
97
- "disabled": "#808080",
98
- "info": "#D0DFFB",
99
- "warning": "#FFB88F"
100
- },
101
- "stroke": {
102
- "default": "#323232",
103
- "success": "rgb(20% 100% 26.7% / 0.1)",
104
- "neutral": "rgb(62.7% 62.7% 62.7% / 0.1)",
105
- "danger": "rgb(100% 22.3% 22.3% / 0.2)",
106
- "disabled": "rgb(24.2% 24.2% 24.2%)",
107
- "info": "rgb(26.3% 49.4% 93.7% / 0.1)",
108
- "warning": "rgb(100% 46.7% 16.1% / 0.1)"
82
+ "opaque": {
83
+ "color": {
84
+ "background": {
85
+ "default": "#1F1F1C",
86
+ "success": "rgb(20% 100% 26.7% / 0.2)",
87
+ "neutral": "rgb(62.7% 62.7% 62.7% / 0.2)",
88
+ "danger": "rgb(100% 13.7% 13.7% / 0.2)",
89
+ "disabled": "#414141",
90
+ "info": "rgb(26.3% 49.4% 93.7% / 0.2)",
91
+ "warning": "rgb(100% 46.7% 16.1% / 0.2)"
92
+ },
93
+ "text": {
94
+ "default": "#b3b6bd",
95
+ "success": "#CCFFD0",
96
+ "neutral": "#c0c0c0",
97
+ "danger": "#ffbaba",
98
+ "disabled": "#808080",
99
+ "info": "#D0DFFB",
100
+ "warning": "#FFB88F"
101
+ },
102
+ "stroke": {
103
+ "default": "#323232",
104
+ "success": "rgb(20% 100% 26.7% / 0.1)",
105
+ "neutral": "rgb(62.7% 62.7% 62.7% / 0.1)",
106
+ "danger": "rgb(100% 22.3% 22.3% / 0.2)",
107
+ "disabled": "rgb(24.2% 24.2% 24.2%)",
108
+ "info": "rgb(26.3% 49.4% 93.7% / 0.1)",
109
+ "warning": "rgb(100% 46.7% 16.1% / 0.1)"
110
+ }
111
+ }
112
+ },
113
+ "solid": {
114
+ "color": {
115
+ "background": {
116
+ "default": "#c0c0c0",
117
+ "success": "#99FFA1",
118
+ "neutral": "#c0c0c0",
119
+ "danger": "#ff9898",
120
+ "disabled": "#414141",
121
+ "info": "#A1BEF7",
122
+ "warning": "#FF9457"
123
+ },
124
+ "text": {
125
+ "default": "#1F1F1C",
126
+ "success": "#1F1F1C",
127
+ "neutral": "#1F1F1C",
128
+ "danger": "#1F1F1C",
129
+ "disabled": "#808080",
130
+ "info": "#1F1F1C",
131
+ "warning": "#1F1F1C"
132
+ },
133
+ "stroke": {
134
+ "default": "rgb(19.6% 19.6% 19.6% / 0.1)",
135
+ "success": "rgb(20% 100% 26.7% / 0.1)",
136
+ "neutral": "rgb(62.7% 62.7% 62.7% / 0.1)",
137
+ "danger": "rgb(100% 22.3% 22.3% / 0.2)",
138
+ "disabled": "rgb(24.2% 24.2% 24.2%)",
139
+ "info": "rgb(26.3% 49.4% 93.7% / 0.1)",
140
+ "warning": "rgb(100% 46.7% 16.1% / 0.1)"
141
+ }
109
142
  }
110
143
  }
111
144
  },
package/dist/styles/variables.json.d.ts CHANGED
@@ -239,33 +239,66 @@ declare const _default: {
239
239
  }
240
240
  }
241
241
  },
242
- "color": {
243
- "background": {
244
- "default": "#f6f7fa",
245
- "success": "rgb(20% 100% 26.7% / 0.1)",
246
- "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
247
- "danger": "rgb(100% 13.7% 13.7% / 0.1)",
248
- "disabled": "#dfdfdf",
249
- "info": "rgb(26.3% 49.4% 93.7% / 0.1)",
250
- "warning": "rgb(100% 46.7% 16.1% / 0.1)"
251
- },
252
- "text": {
253
- "default": "#696e79",
254
- "success": "#008A0B",
255
- "neutral": "#53575f",
256
- "danger": "#c10000",
257
- "disabled": "#a0a0a0",
258
- "info": "#437EEF",
259
- "warning": "#A33C00"
260
- },
261
- "stroke": {
262
- "default": "#e6e7e9",
263
- "success": "rgb(20% 100% 26.7% / 0.05)",
264
- "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
265
- "danger": "rgb(100% 13.7% 13.7% / 0.05)",
266
- "disabled": "rgb(83.1% 83.1% 83.1%)",
267
- "info": "rgb(26.3% 49.4% 93.7% / 0.05)",
268
- "warning": "rgb(100% 46.7% 16.1% / 0.05)"
242
+ "opaque": {
243
+ "color": {
244
+ "background": {
245
+ "default": "#f6f7fa",
246
+ "success": "rgb(20% 100% 26.7% / 0.1)",
247
+ "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
248
+ "danger": "rgb(100% 13.7% 13.7% / 0.1)",
249
+ "disabled": "#dfdfdf",
250
+ "info": "rgb(26.3% 49.4% 93.7% / 0.1)",
251
+ "warning": "rgb(100% 46.7% 16.1% / 0.1)"
252
+ },
253
+ "text": {
254
+ "default": "#696e79",
255
+ "success": "#008A0B",
256
+ "neutral": "#53575f",
257
+ "danger": "#c10000",
258
+ "disabled": "#a0a0a0",
259
+ "info": "#437EEF",
260
+ "warning": "#A33C00"
261
+ },
262
+ "stroke": {
263
+ "default": "#e6e7e9",
264
+ "success": "rgb(20% 100% 26.7% / 0.05)",
265
+ "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
266
+ "danger": "rgb(100% 13.7% 13.7% / 0.05)",
267
+ "disabled": "rgb(83.1% 83.1% 83.1%)",
268
+ "info": "rgb(26.3% 49.4% 93.7% / 0.05)",
269
+ "warning": "rgb(100% 46.7% 16.1% / 0.05)"
270
+ }
271
+ }
272
+ },
273
+ "solid": {
274
+ "color": {
275
+ "background": {
276
+ "default": "#a0a0a0",
277
+ "success": "#008A0B",
278
+ "neutral": "#606060",
279
+ "danger": "#c10000",
280
+ "disabled": "#dfdfdf",
281
+ "info": "#104EC6",
282
+ "warning": "#D64F00"
283
+ },
284
+ "text": {
285
+ "default": "#ffffff",
286
+ "success": "#ffffff",
287
+ "neutral": "#ffffff",
288
+ "danger": "#ffffff",
289
+ "disabled": "#a0a0a0",
290
+ "info": "#ffffff",
291
+ "warning": "#ffffff"
292
+ },
293
+ "stroke": {
294
+ "default": "rgb(90.2% 90.6% 91.4% / 0.1)",
295
+ "success": "rgb(20% 100% 26.7% / 0.05)",
296
+ "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
297
+ "danger": "rgb(100% 13.7% 13.7% / 0.05)",
298
+ "disabled": "rgb(83.1% 83.1% 83.1%)",
299
+ "info": "rgb(26.3% 49.4% 93.7% / 0.05)",
300
+ "warning": "rgb(100% 46.7% 16.1% / 0.05)"
301
+ }
269
302
  }
270
303
  }
271
304
  },
package/dist/styles/variables.light.json.d.ts CHANGED
@@ -79,33 +79,66 @@ declare const _default: {
79
79
  }
80
80
  },
81
81
  "badge": {
82
- "color": {
83
- "background": {
84
- "default": "#f6f7fa",
85
- "success": "rgb(20% 100% 26.7% / 0.1)",
86
- "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
87
- "danger": "rgb(100% 13.7% 13.7% / 0.1)",
88
- "disabled": "#dfdfdf",
89
- "info": "rgb(26.3% 49.4% 93.7% / 0.1)",
90
- "warning": "rgb(100% 46.7% 16.1% / 0.1)"
91
- },
92
- "text": {
93
- "default": "#696e79",
94
- "success": "#008A0B",
95
- "neutral": "#53575f",
96
- "danger": "#c10000",
97
- "disabled": "#a0a0a0",
98
- "info": "#437EEF",
99
- "warning": "#A33C00"
100
- },
101
- "stroke": {
102
- "default": "#e6e7e9",
103
- "success": "rgb(20% 100% 26.7% / 0.05)",
104
- "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
105
- "danger": "rgb(100% 13.7% 13.7% / 0.05)",
106
- "disabled": "rgb(83.1% 83.1% 83.1%)",
107
- "info": "rgb(26.3% 49.4% 93.7% / 0.05)",
108
- "warning": "rgb(100% 46.7% 16.1% / 0.05)"
82
+ "opaque": {
83
+ "color": {
84
+ "background": {
85
+ "default": "#f6f7fa",
86
+ "success": "rgb(20% 100% 26.7% / 0.1)",
87
+ "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
88
+ "danger": "rgb(100% 13.7% 13.7% / 0.1)",
89
+ "disabled": "#dfdfdf",
90
+ "info": "rgb(26.3% 49.4% 93.7% / 0.1)",
91
+ "warning": "rgb(100% 46.7% 16.1% / 0.1)"
92
+ },
93
+ "text": {
94
+ "default": "#696e79",
95
+ "success": "#008A0B",
96
+ "neutral": "#53575f",
97
+ "danger": "#c10000",
98
+ "disabled": "#a0a0a0",
99
+ "info": "#437EEF",
100
+ "warning": "#A33C00"
101
+ },
102
+ "stroke": {
103
+ "default": "#e6e7e9",
104
+ "success": "rgb(20% 100% 26.7% / 0.05)",
105
+ "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
106
+ "danger": "rgb(100% 13.7% 13.7% / 0.05)",
107
+ "disabled": "rgb(83.1% 83.1% 83.1%)",
108
+ "info": "rgb(26.3% 49.4% 93.7% / 0.05)",
109
+ "warning": "rgb(100% 46.7% 16.1% / 0.05)"
110
+ }
111
+ }
112
+ },
113
+ "solid": {
114
+ "color": {
115
+ "background": {
116
+ "default": "#a0a0a0",
117
+ "success": "#008A0B",
118
+ "neutral": "#606060",
119
+ "danger": "#c10000",
120
+ "disabled": "#dfdfdf",
121
+ "info": "#104EC6",
122
+ "warning": "#D64F00"
123
+ },
124
+ "text": {
125
+ "default": "#ffffff",
126
+ "success": "#ffffff",
127
+ "neutral": "#ffffff",
128
+ "danger": "#ffffff",
129
+ "disabled": "#a0a0a0",
130
+ "info": "#ffffff",
131
+ "warning": "#ffffff"
132
+ },
133
+ "stroke": {
134
+ "default": "rgb(90.2% 90.6% 91.4% / 0.1)",
135
+ "success": "rgb(20% 100% 26.7% / 0.05)",
136
+ "neutral": "rgb(41.2% 43.1% 47.5% / 0.1)",
137
+ "danger": "rgb(100% 13.7% 13.7% / 0.05)",
138
+ "disabled": "rgb(83.1% 83.1% 83.1%)",
139
+ "info": "rgb(26.3% 49.4% 93.7% / 0.05)",
140
+ "warning": "rgb(100% 46.7% 16.1% / 0.05)"
141
+ }
109
142
  }
110
143
  }
111
144
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.187",
3
+ "version": "v0.0.189",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",