@tidbcloud/uikit 2.0.0-beta.49 → 2.0.0-beta.50

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @tidbcloud/uikit
2
2
 
3
+ ## 2.0.0-beta.50
4
+
5
+ ### Minor Changes
6
+
7
+ - Remove dot badge padding and add new icon
8
+
3
9
  ## 2.0.0-beta.49
4
10
 
5
11
  ### Minor Changes
@@ -274,6 +274,7 @@ const Cloud02 = require("./react/Cloud02.cjs");
274
274
  const Cloud03 = require("./react/Cloud03.cjs");
275
275
  const CloudBlank01 = require("./react/CloudBlank01.cjs");
276
276
  const CloudBlank02 = require("./react/CloudBlank02.cjs");
277
+ const CloudDatabase = require("./react/CloudDatabase.cjs");
277
278
  const CloudLightning = require("./react/CloudLightning.cjs");
278
279
  const CloudMoon = require("./react/CloudMoon.cjs");
279
280
  const CloudOff = require("./react/CloudOff.cjs");
@@ -1513,6 +1514,7 @@ const IconCloud02 = Cloud02;
1513
1514
  const IconCloud03 = Cloud03;
1514
1515
  const IconCloudBlank01 = CloudBlank01;
1515
1516
  const IconCloudBlank02 = CloudBlank02;
1517
+ const IconCloudDatabase = CloudDatabase;
1516
1518
  const IconCloudLightning = CloudLightning;
1517
1519
  const IconCloudMoon = CloudMoon;
1518
1520
  const IconCloudOff = CloudOff;
@@ -2752,6 +2754,7 @@ exports.IconCloud02 = IconCloud02;
2752
2754
  exports.IconCloud03 = IconCloud03;
2753
2755
  exports.IconCloudBlank01 = IconCloudBlank01;
2754
2756
  exports.IconCloudBlank02 = IconCloudBlank02;
2757
+ exports.IconCloudDatabase = IconCloudDatabase;
2755
2758
  exports.IconCloudLightning = IconCloudLightning;
2756
2759
  exports.IconCloudMoon = IconCloudMoon;
2757
2760
  exports.IconCloudOff = IconCloudOff;
@@ -1100,6 +1100,10 @@ export declare const IconCloudBlank01: React.FC<IconProps>;
1100
1100
  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSAxOUM1LjM1Nzg2IDE5IDIgMTUuNjQyMSAyIDExLjVDMiA3LjM1Nzg2IDUuMzU3ODYgNCA5LjUgNEMxMi4zODI3IDQgMTQuODg1NSA1LjYyNjM0IDE2LjE0MSA4LjAxMTUzQzE2LjI1OTcgOC4wMDM4OCAxNi4zNzk0IDggMTYuNSA4QzE5LjUzNzYgOCAyMiAxMC40NjI0IDIyIDEzLjVDMjIgMTYuNTM3NiAxOS41Mzc2IDE5IDE2LjUgMTlDMTMuOTQ4NSAxOSAxMi4xMjI0IDE5IDkuNSAxOVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
1101
1101
  */
1102
1102
  export declare const IconCloudBlank02: React.FC<IconProps>;
1103
+ /**
1104
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDUuNTVDMTcgNi45NTgzMyAxMy42NDIxIDguMSA5LjUgOC4xQzUuMzU3ODYgOC4xIDIgNi45NTgzMyAyIDUuNTVNMTcgNS41NUMxNyA0LjE0MTY3IDEzLjY0MjEgMyA5LjUgM0M1LjM1Nzg2IDMgMiA0LjE0MTY3IDIgNS41NU0xNyA1LjU1VjEwLjIyNU0yIDUuNTVWMTcuNDVDMiAxOC44NjEgNS4zMzMzMyAyMCA5LjUgMjBNOS41IDE0LjA1QzUuMzMzMzMgMTQuMDUgMiAxMi45MTEgMiAxMS41IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTMuNDc1IDIwQzEyLjEwODEgMjAgMTEgMTguODQ4NyAxMSAxNy40Mjg2QzExIDE2LjA4OTQgMTEuOTg1MyAxNC45ODkzIDEzLjI0MzkgMTQuODY4MkMxMy41MDEzIDEzLjI0MTIgMTQuODYxMSAxMiAxNi41IDEyQzE4LjEzODkgMTIgMTkuNDk4NyAxMy4yNDEyIDE5Ljc1NjEgMTQuODY4MkMyMS4wMTQ3IDE0Ljk4OTMgMjIgMTYuMDg5NCAyMiAxNy40Mjg2QzIyIDE4Ljg0ODcgMjAuODkxOSAyMCAxOS41MjUgMjBDMTcuMTEwNiAyMCAxNS41ODg4IDIwIDEzLjQ3NSAyMFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
1105
+ */
1106
+ export declare const IconCloudDatabase: React.FC<IconProps>;
1103
1107
  /**
1104
1108
  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDE1Ljc0MzlDMjAuNzQ3OCAxNS4xMjYyIDIyIDEzLjQ1OTMgMjIgMTEuNUMyMiA5LjE1NjQzIDIwLjIwODUgNy4yMzEyOSAxNy45MjAzIDcuMDE5MzdDMTcuNDUyMiA0LjE3MjEzIDE0Ljk3OTggMiAxMiAyQzkuMDIwMjQgMiA2LjU0NzgxIDQuMTcyMTMgNi4wNzk3NCA3LjAxOTM3QzMuNzkxNTEgNy4yMzEyOSAyIDkuMTU2NDMgMiAxMS41QzIgMTMuNDU5MyAzLjI1MjIxIDE1LjEyNjIgNSAxNS43NDM5TTEzIDEwTDkgMTZIMTVMMTEgMjIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
1105
1109
  */
@@ -1100,6 +1100,10 @@ export declare const IconCloudBlank01: React.FC<IconProps>;
1100
1100
  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNSAxOUM1LjM1Nzg2IDE5IDIgMTUuNjQyMSAyIDExLjVDMiA3LjM1Nzg2IDUuMzU3ODYgNCA5LjUgNEMxMi4zODI3IDQgMTQuODg1NSA1LjYyNjM0IDE2LjE0MSA4LjAxMTUzQzE2LjI1OTcgOC4wMDM4OCAxNi4zNzk0IDggMTYuNSA4QzE5LjUzNzYgOCAyMiAxMC40NjI0IDIyIDEzLjVDMjIgMTYuNTM3NiAxOS41Mzc2IDE5IDE2LjUgMTlDMTMuOTQ4NSAxOSAxMi4xMjI0IDE5IDkuNSAxOVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
1101
1101
  */
1102
1102
  export declare const IconCloudBlank02: React.FC<IconProps>;
1103
+ /**
1104
+ * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDUuNTVDMTcgNi45NTgzMyAxMy42NDIxIDguMSA5LjUgOC4xQzUuMzU3ODYgOC4xIDIgNi45NTgzMyAyIDUuNTVNMTcgNS41NUMxNyA0LjE0MTY3IDEzLjY0MjEgMyA5LjUgM0M1LjM1Nzg2IDMgMiA0LjE0MTY3IDIgNS41NU0xNyA1LjU1VjEwLjIyNU0yIDUuNTVWMTcuNDVDMiAxOC44NjEgNS4zMzMzMyAyMCA5LjUgMjBNOS41IDE0LjA1QzUuMzMzMzMgMTQuMDUgMiAxMi45MTEgMiAxMS41IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTMuNDc1IDIwQzEyLjEwODEgMjAgMTEgMTguODQ4NyAxMSAxNy40Mjg2QzExIDE2LjA4OTQgMTEuOTg1MyAxNC45ODkzIDEzLjI0MzkgMTQuODY4MkMxMy41MDEzIDEzLjI0MTIgMTQuODYxMSAxMiAxNi41IDEyQzE4LjEzODkgMTIgMTkuNDk4NyAxMy4yNDEyIDE5Ljc1NjEgMTQuODY4MkMyMS4wMTQ3IDE0Ljk4OTMgMjIgMTYuMDg5NCAyMiAxNy40Mjg2QzIyIDE4Ljg0ODcgMjAuODkxOSAyMCAxOS41MjUgMjBDMTcuMTEwNiAyMCAxNS41ODg4IDIwIDEzLjQ3NSAyMFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
1105
+ */
1106
+ export declare const IconCloudDatabase: React.FC<IconProps>;
1103
1107
  /**
1104
1108
  * @preview ![img](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDE1Ljc0MzlDMjAuNzQ3OCAxNS4xMjYyIDIyIDEzLjQ1OTMgMjIgMTEuNUMyMiA5LjE1NjQzIDIwLjIwODUgNy4yMzEyOSAxNy45MjAzIDcuMDE5MzdDMTcuNDUyMiA0LjE3MjEzIDE0Ljk3OTggMiAxMiAyQzkuMDIwMjQgMiA2LjU0NzgxIDQuMTcyMTMgNi4wNzk3NCA3LjAxOTM3QzMuNzkxNTEgNy4yMzEyOSAyIDkuMTU2NDMgMiAxMS41QzIgMTMuNDU5MyAzLjI1MjIxIDE1LjEyNjIgNSAxNS43NDM5TTEzIDEwTDkgMTZIMTVMMTEgMjIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)
1105
1109
  */
@@ -272,6 +272,7 @@ import Cloud02 from "./react/Cloud02.js";
272
272
  import Cloud03 from "./react/Cloud03.js";
273
273
  import CloudBlank01 from "./react/CloudBlank01.js";
274
274
  import CloudBlank02 from "./react/CloudBlank02.js";
275
+ import CloudDatabase from "./react/CloudDatabase.js";
275
276
  import CloudLightning from "./react/CloudLightning.js";
276
277
  import CloudMoon from "./react/CloudMoon.js";
277
278
  import CloudOff from "./react/CloudOff.js";
@@ -1511,6 +1512,7 @@ const IconCloud02 = Cloud02;
1511
1512
  const IconCloud03 = Cloud03;
1512
1513
  const IconCloudBlank01 = CloudBlank01;
1513
1514
  const IconCloudBlank02 = CloudBlank02;
1515
+ const IconCloudDatabase = CloudDatabase;
1514
1516
  const IconCloudLightning = CloudLightning;
1515
1517
  const IconCloudMoon = CloudMoon;
1516
1518
  const IconCloudOff = CloudOff;
@@ -2751,6 +2753,7 @@ export {
2751
2753
  IconCloud03,
2752
2754
  IconCloudBlank01,
2753
2755
  IconCloudBlank02,
2756
+ IconCloudDatabase,
2754
2757
  IconCloudLightning,
2755
2758
  IconCloudMoon,
2756
2759
  IconCloudOff,
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M17 5.55C17 6.95833 13.6421 8.1 9.5 8.1C5.35786 8.1 2 6.95833 2 5.55M17 5.55C17 4.14167 13.6421 3 9.5 3C5.35786 3 2 4.14167 2 5.55M17 5.55V10.225M2 5.55V17.45C2 18.861 5.33333 20 9.5 20M9.5 14.05C5.33333 14.05 2 12.911 2 11.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M13.475 20C12.1081 20 11 18.8487 11 17.4286C11 16.0894 11.9853 14.9893 13.2439 14.8682C13.5013 13.2412 14.8611 12 16.5 12C18.1389 12 19.4987 13.2412 19.7561 14.8682C21.0147 14.9893 22 16.0894 22 17.4286C22 18.8487 20.8919 20 19.525 20C17.1106 20 15.5888 20 13.475 20Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
3
+ const React = require("react");
4
+ const CloudDatabase = (props, ref) => {
5
+ if (typeof props.size === "number") {
6
+ const { size, ...rest } = props;
7
+ props = {
8
+ ...rest,
9
+ height: size,
10
+ width: size
11
+ };
12
+ }
13
+ return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
14
+ "svg",
15
+ {
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ width: "1em",
18
+ height: "1em",
19
+ fill: "none",
20
+ viewBox: "0 0 24 24",
21
+ strokeWidth: "1.5",
22
+ ref,
23
+ ...props,
24
+ children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
25
+ "path",
26
+ {
27
+ stroke: "currentColor",
28
+ strokeLinecap: "round",
29
+ strokeLinejoin: "round",
30
+ d: "M17 5.55c0 1.408-3.358 2.55-7.5 2.55S2 6.958 2 5.55m15 0C17 4.142 13.642 3 9.5 3S2 4.142 2 5.55m15 0v4.675M2 5.55v11.9C2 18.861 5.333 20 9.5 20m0-5.95c-4.167 0-7.5-1.139-7.5-2.55M13.475 20C12.108 20 11 18.849 11 17.429c0-1.34.985-2.44 2.244-2.56C13.5 13.24 14.86 12 16.5 12s2.999 1.241 3.256 2.868C21.015 14.99 22 16.09 22 17.428 22 18.849 20.892 20 19.525 20z",
31
+ strokeWidth: "inherit"
32
+ }
33
+ )
34
+ }
35
+ );
36
+ };
37
+ const ForwardRef = React.forwardRef(CloudDatabase);
38
+ const CloudDatabase$1 = ForwardRef;
39
+ module.exports = CloudDatabase$1;
@@ -0,0 +1,3 @@
1
+ export default ForwardRef;
2
+ declare const ForwardRef: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
3
+ import * as React from 'react';
@@ -0,0 +1,3 @@
1
+ export default ForwardRef;
2
+ declare const ForwardRef: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
3
+ import * as React from 'react';
@@ -0,0 +1,40 @@
1
+ import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
2
+ import { forwardRef } from "react";
3
+ const CloudDatabase = (props, ref) => {
4
+ if (typeof props.size === "number") {
5
+ const { size, ...rest } = props;
6
+ props = {
7
+ ...rest,
8
+ height: size,
9
+ width: size
10
+ };
11
+ }
12
+ return /* @__PURE__ */ jsxRuntimeExports.jsx(
13
+ "svg",
14
+ {
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ width: "1em",
17
+ height: "1em",
18
+ fill: "none",
19
+ viewBox: "0 0 24 24",
20
+ strokeWidth: "1.5",
21
+ ref,
22
+ ...props,
23
+ children: /* @__PURE__ */ jsxRuntimeExports.jsx(
24
+ "path",
25
+ {
26
+ stroke: "currentColor",
27
+ strokeLinecap: "round",
28
+ strokeLinejoin: "round",
29
+ d: "M17 5.55c0 1.408-3.358 2.55-7.5 2.55S2 6.958 2 5.55m15 0C17 4.142 13.642 3 9.5 3S2 4.142 2 5.55m15 0v4.675M2 5.55v11.9C2 18.861 5.333 20 9.5 20m0-5.95c-4.167 0-7.5-1.139-7.5-2.55M13.475 20C12.108 20 11 18.849 11 17.429c0-1.34.985-2.44 2.244-2.56C13.5 13.24 14.86 12 16.5 12s2.999 1.241 3.256 2.868C21.015 14.99 22 16.09 22 17.428 22 18.849 20.892 20 19.525 20z",
30
+ strokeWidth: "inherit"
31
+ }
32
+ )
33
+ }
34
+ );
35
+ };
36
+ const ForwardRef = forwardRef(CloudDatabase);
37
+ const CloudDatabase$1 = ForwardRef;
38
+ export {
39
+ CloudDatabase$1 as default
40
+ };
@@ -638,6 +638,8 @@ const theme = {
638
638
  fontSize: theme2.fn.size({ sizes, size: params.size }),
639
639
  backgroundColor: "transparent",
640
640
  color: theme2.fn.themeColor(theme2.primaryColor, 8),
641
+ padding: 0,
642
+ borderRadius: 0,
641
643
  "&:before": {
642
644
  backgroundColor: theme2.fn.themeColor(color, 7)
643
645
  }
@@ -636,6 +636,8 @@ const theme = {
636
636
  fontSize: theme2.fn.size({ sizes, size: params.size }),
637
637
  backgroundColor: "transparent",
638
638
  color: theme2.fn.themeColor(theme2.primaryColor, 8),
639
+ padding: 0,
640
+ borderRadius: 0,
639
641
  "&:before": {
640
642
  backgroundColor: theme2.fn.themeColor(color, 7)
641
643
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tidbcloud/uikit",
3
- "version": "2.0.0-beta.49",
3
+ "version": "2.0.0-beta.50",
4
4
  "description": "tidbcloud uikit",
5
5
  "type": "module",
6
6
  "main": "dist/primitive/index.cjs",