@clickhouse/click-ui 0.0.224 → 0.0.225

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 (15) hide show
  1. package/dist/click-ui.bundled.es.js +209 -0
  2. package/dist/click-ui.bundled.es.js.map +1 -1
  3. package/dist/click-ui.bundled.umd.js +209 -0
  4. package/dist/click-ui.bundled.umd.js.map +1 -1
  5. package/dist/click-ui.es.js +209 -0
  6. package/dist/click-ui.es.js.map +1 -1
  7. package/dist/click-ui.umd.js +209 -0
  8. package/dist/click-ui.umd.js.map +1 -1
  9. package/dist/components/Alert/Alert.d.ts +1 -1
  10. package/dist/styles/types.d.ts +101 -0
  11. package/dist/styles/variables.classic.json.d.ts +12 -0
  12. package/dist/styles/variables.dark.json.d.ts +48 -0
  13. package/dist/styles/variables.json.d.ts +101 -0
  14. package/dist/styles/variables.light.json.d.ts +48 -0
  15. package/package.json +1 -1
package/dist/components/Alert/Alert.d.ts CHANGED
@@ -6,7 +6,7 @@ type AlertSize = "small" | "medium";
6
6
  type AlertState = "neutral" | "success" | "warning" | "danger" | "info";
7
7
  export type AlertProps = {
8
8
  state?: AlertState;
9
- title?: string;
9
+ title?: ReactNode;
10
10
  text: ReactNode;
11
11
  size?: AlertSize;
12
12
  type?: AlertType;
package/dist/styles/types.d.ts CHANGED
@@ -3081,6 +3081,107 @@ export interface Theme {
3081
3081
  };
3082
3082
  };
3083
3083
  };
3084
+ "dashboards": {
3085
+ "chartWidget": {
3086
+ "space": {
3087
+ "gap": string;
3088
+ "element": {
3089
+ "gap": string;
3090
+ };
3091
+ };
3092
+ "borderWidth": {
3093
+ "default": string;
3094
+ };
3095
+ "stroke": {
3096
+ "default": string;
3097
+ "element": {
3098
+ "default": string;
3099
+ };
3100
+ "hover": string;
3101
+ "selected": string;
3102
+ };
3103
+ "element": {
3104
+ "radii": {
3105
+ "all": string;
3106
+ };
3107
+ };
3108
+ "radii": {
3109
+ "all": string;
3110
+ };
3111
+ "typography": {
3112
+ "title": {
3113
+ "default": string;
3114
+ };
3115
+ "description": {
3116
+ "default": {
3117
+ "default": string;
3118
+ };
3119
+ };
3120
+ "label": {
3121
+ "default": {
3122
+ "default": string;
3123
+ };
3124
+ };
3125
+ };
3126
+ "shadow": {
3127
+ "default": string;
3128
+ "hover": string;
3129
+ };
3130
+ "size": {
3131
+ "icon": {
3132
+ "all": {
3133
+ "drag": string;
3134
+ "menu": string;
3135
+ "resize": string;
3136
+ };
3137
+ };
3138
+ };
3139
+ "color": {
3140
+ "stroke": {
3141
+ "default": string;
3142
+ "hover": string;
3143
+ "selected": string;
3144
+ };
3145
+ "title": {
3146
+ "default": string;
3147
+ };
3148
+ "description": {
3149
+ "default": string;
3150
+ };
3151
+ "legend": {
3152
+ "default": string;
3153
+ "hover": string;
3154
+ "selected": string;
3155
+ };
3156
+ "element": {
3157
+ "stroke": {
3158
+ "default": string;
3159
+ };
3160
+ };
3161
+ "background": {
3162
+ "default": string;
3163
+ "hover": string;
3164
+ "selected": string;
3165
+ };
3166
+ "icon": {
3167
+ "default": string;
3168
+ "hover": string;
3169
+ "selected": string;
3170
+ };
3171
+ "opacity": {
3172
+ "bar": {
3173
+ "default": number;
3174
+ "hover": number;
3175
+ };
3176
+ };
3177
+ "label": {
3178
+ "default": string;
3179
+ "hover": string;
3180
+ "selected": string;
3181
+ };
3182
+ };
3183
+ };
3184
+ };
3084
3185
  "global": {
3085
3186
  "color": {
3086
3187
  "background": {
package/dist/styles/variables.classic.json.d.ts CHANGED
@@ -809,6 +809,18 @@ declare const _default: {
809
809
  }
810
810
  }
811
811
  },
812
+ "dashboards": {
813
+ "chartWidget": {
814
+ "color": {
815
+ "opacity": {
816
+ "bar": {
817
+ "default": 0.2,
818
+ "hover": 0.5
819
+ }
820
+ }
821
+ }
822
+ }
823
+ },
812
824
  "global": {
813
825
  "color": {
814
826
  "text": {
package/dist/styles/variables.dark.json.d.ts CHANGED
@@ -1601,6 +1601,54 @@ declare const _default: {
1601
1601
  }
1602
1602
  }
1603
1603
  },
1604
+ "dashboards": {
1605
+ "chartWidget": {
1606
+ "color": {
1607
+ "stroke": {
1608
+ "default": "#323232",
1609
+ "hover": "#414141",
1610
+ "selected": "#FAFF69"
1611
+ },
1612
+ "title": {
1613
+ "default": "rgb(97.5% 97.5% 97.5%)"
1614
+ },
1615
+ "description": {
1616
+ "default": "#b3b6bd"
1617
+ },
1618
+ "legend": {
1619
+ "default": "#b3b6bd",
1620
+ "hover": "#b3b6bd",
1621
+ "selected": "#ffffff"
1622
+ },
1623
+ "element": {
1624
+ "stroke": {
1625
+ "default": "#323232"
1626
+ }
1627
+ },
1628
+ "background": {
1629
+ "default": "#282828",
1630
+ "hover": "#282828",
1631
+ "selected": "#282828"
1632
+ },
1633
+ "icon": {
1634
+ "default": "#ffffff",
1635
+ "hover": "#ffffff",
1636
+ "selected": "#FAFF69"
1637
+ },
1638
+ "opacity": {
1639
+ "bar": {
1640
+ "default": 0.2,
1641
+ "hover": 0.5
1642
+ }
1643
+ },
1644
+ "label": {
1645
+ "default": "#b3b6bd",
1646
+ "hover": "#b3b6bd",
1647
+ "selected": "#b3b6bd"
1648
+ }
1649
+ }
1650
+ }
1651
+ },
1604
1652
  "global": {
1605
1653
  "color": {
1606
1654
  "background": {
package/dist/styles/variables.json.d.ts CHANGED
@@ -3081,6 +3081,107 @@ declare const _default: {
3081
3081
  }
3082
3082
  }
3083
3083
  },
3084
+ "dashboards": {
3085
+ "chartWidget": {
3086
+ "space": {
3087
+ "gap": "1rem",
3088
+ "element": {
3089
+ "gap": "0.5rem"
3090
+ }
3091
+ },
3092
+ "borderWidth": {
3093
+ "default": "1px"
3094
+ },
3095
+ "stroke": {
3096
+ "default": "1px solid #e6e7e9",
3097
+ "element": {
3098
+ "default": "1px solid #e6e7e9"
3099
+ },
3100
+ "hover": "1px solid #b3b6bd",
3101
+ "selected": "1px solid #151515"
3102
+ },
3103
+ "element": {
3104
+ "radii": {
3105
+ "all": "0.25rem"
3106
+ }
3107
+ },
3108
+ "radii": {
3109
+ "all": "0.25rem"
3110
+ },
3111
+ "typography": {
3112
+ "title": {
3113
+ "default": "600 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
3114
+ },
3115
+ "description": {
3116
+ "default": {
3117
+ "default": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
3118
+ }
3119
+ },
3120
+ "label": {
3121
+ "default": {
3122
+ "default": "400 0.875rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
3123
+ }
3124
+ }
3125
+ },
3126
+ "shadow": {
3127
+ "default": "0",
3128
+ "hover": "0 4px 6px -1px lch(6.77 0 0 / 0.15), 0 2px 4px -1px lch(6.77 0 0 / 0.15)"
3129
+ },
3130
+ "size": {
3131
+ "icon": {
3132
+ "all": {
3133
+ "drag": "1.25rem",
3134
+ "menu": "1.5rem",
3135
+ "resize": "0.75rem"
3136
+ }
3137
+ }
3138
+ },
3139
+ "color": {
3140
+ "stroke": {
3141
+ "default": "#e6e7e9",
3142
+ "hover": "#b3b6bd",
3143
+ "selected": "#151515"
3144
+ },
3145
+ "title": {
3146
+ "default": "lch(11.1 1.37 305)"
3147
+ },
3148
+ "description": {
3149
+ "default": "#696e79"
3150
+ },
3151
+ "legend": {
3152
+ "default": "#696e79",
3153
+ "hover": "#696e79",
3154
+ "selected": "#161517"
3155
+ },
3156
+ "element": {
3157
+ "stroke": {
3158
+ "default": "#e6e7e9"
3159
+ }
3160
+ },
3161
+ "background": {
3162
+ "default": "#ffffff",
3163
+ "hover": "#ffffff",
3164
+ "selected": "#ffffff"
3165
+ },
3166
+ "icon": {
3167
+ "default": "#161517",
3168
+ "hover": "#161517",
3169
+ "selected": "#151515"
3170
+ },
3171
+ "opacity": {
3172
+ "bar": {
3173
+ "default": 0.2,
3174
+ "hover": 0.5
3175
+ }
3176
+ },
3177
+ "label": {
3178
+ "default": "#696e79",
3179
+ "hover": "#696e79",
3180
+ "selected": "#696e79"
3181
+ }
3182
+ }
3183
+ }
3184
+ },
3084
3185
  "global": {
3085
3186
  "color": {
3086
3187
  "background": {
package/dist/styles/variables.light.json.d.ts CHANGED
@@ -1588,6 +1588,54 @@ declare const _default: {
1588
1588
  }
1589
1589
  }
1590
1590
  },
1591
+ "dashboards": {
1592
+ "chartWidget": {
1593
+ "color": {
1594
+ "stroke": {
1595
+ "default": "#e6e7e9",
1596
+ "hover": "#b3b6bd",
1597
+ "selected": "#151515"
1598
+ },
1599
+ "title": {
1600
+ "default": "lch(11.1 1.37 305)"
1601
+ },
1602
+ "description": {
1603
+ "default": "#696e79"
1604
+ },
1605
+ "legend": {
1606
+ "default": "#696e79",
1607
+ "hover": "#696e79",
1608
+ "selected": "#161517"
1609
+ },
1610
+ "element": {
1611
+ "stroke": {
1612
+ "default": "#e6e7e9"
1613
+ }
1614
+ },
1615
+ "background": {
1616
+ "default": "#ffffff",
1617
+ "hover": "#ffffff",
1618
+ "selected": "#ffffff"
1619
+ },
1620
+ "icon": {
1621
+ "default": "#161517",
1622
+ "hover": "#161517",
1623
+ "selected": "#151515"
1624
+ },
1625
+ "opacity": {
1626
+ "bar": {
1627
+ "default": 0.2,
1628
+ "hover": 0.5
1629
+ }
1630
+ },
1631
+ "label": {
1632
+ "default": "#696e79",
1633
+ "hover": "#696e79",
1634
+ "selected": "#696e79"
1635
+ }
1636
+ }
1637
+ }
1638
+ },
1591
1639
  "global": {
1592
1640
  "color": {
1593
1641
  "background": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.224",
3
+ "version": "0.0.225",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",