@trackunit/react-components 1.4.33 → 1.4.35
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/index.cjs.js
CHANGED
|
@@ -3044,22 +3044,15 @@ const cvaNotice = cssClassVarianceUtilities.cvaMerge(["flex", "items-center"]);
|
|
|
3044
3044
|
const cvaNoticeLabel = cssClassVarianceUtilities.cvaMerge(["pl-1", "pr-1", "font-medium", "text-sm"], {
|
|
3045
3045
|
variants: {
|
|
3046
3046
|
color: {
|
|
3047
|
-
primary: "text-primary-600",
|
|
3048
|
-
secondary: "text-secondary-600",
|
|
3049
3047
|
neutral: "text-neutral-400",
|
|
3050
|
-
info: "text-info-
|
|
3051
|
-
success: "text-success-
|
|
3052
|
-
warning: "text-warning-
|
|
3053
|
-
danger: "text-danger-
|
|
3054
|
-
black: "text-black",
|
|
3055
|
-
white: "text-white",
|
|
3056
|
-
critical: "text-critical-500",
|
|
3057
|
-
low: "text-low-500",
|
|
3048
|
+
info: "text-info-700",
|
|
3049
|
+
success: "text-success-700",
|
|
3050
|
+
warning: "text-warning-700",
|
|
3051
|
+
danger: "text-danger-700",
|
|
3058
3052
|
},
|
|
3059
3053
|
size: {
|
|
3060
3054
|
small: "text-xs",
|
|
3061
3055
|
medium: "text-sm",
|
|
3062
|
-
large: "text-base",
|
|
3063
3056
|
},
|
|
3064
3057
|
},
|
|
3065
3058
|
defaultVariants: {
|
|
@@ -3070,17 +3063,11 @@ const cvaNoticeLabel = cssClassVarianceUtilities.cvaMerge(["pl-1", "pr-1", "font
|
|
|
3070
3063
|
const cvaNoticeIcon = cssClassVarianceUtilities.cvaMerge(["rounded-full", "items-center", "justify-center", "flex", "relative"], {
|
|
3071
3064
|
variants: {
|
|
3072
3065
|
color: {
|
|
3073
|
-
|
|
3074
|
-
secondary: "text-secondary-600",
|
|
3075
|
-
neutral: "text-neutral-300",
|
|
3066
|
+
neutral: "text-neutral-400",
|
|
3076
3067
|
info: "text-info-600",
|
|
3077
3068
|
success: "text-success-600",
|
|
3078
|
-
warning: "text-warning-
|
|
3069
|
+
warning: "text-warning-500",
|
|
3079
3070
|
danger: "text-danger-600",
|
|
3080
|
-
black: "text-black",
|
|
3081
|
-
white: "text-white",
|
|
3082
|
-
critical: "text-critical-500",
|
|
3083
|
-
low: "text-low-500",
|
|
3084
3071
|
},
|
|
3085
3072
|
},
|
|
3086
3073
|
defaultVariants: {
|
package/index.esm.js
CHANGED
|
@@ -3042,22 +3042,15 @@ const cvaNotice = cvaMerge(["flex", "items-center"]);
|
|
|
3042
3042
|
const cvaNoticeLabel = cvaMerge(["pl-1", "pr-1", "font-medium", "text-sm"], {
|
|
3043
3043
|
variants: {
|
|
3044
3044
|
color: {
|
|
3045
|
-
primary: "text-primary-600",
|
|
3046
|
-
secondary: "text-secondary-600",
|
|
3047
3045
|
neutral: "text-neutral-400",
|
|
3048
|
-
info: "text-info-
|
|
3049
|
-
success: "text-success-
|
|
3050
|
-
warning: "text-warning-
|
|
3051
|
-
danger: "text-danger-
|
|
3052
|
-
black: "text-black",
|
|
3053
|
-
white: "text-white",
|
|
3054
|
-
critical: "text-critical-500",
|
|
3055
|
-
low: "text-low-500",
|
|
3046
|
+
info: "text-info-700",
|
|
3047
|
+
success: "text-success-700",
|
|
3048
|
+
warning: "text-warning-700",
|
|
3049
|
+
danger: "text-danger-700",
|
|
3056
3050
|
},
|
|
3057
3051
|
size: {
|
|
3058
3052
|
small: "text-xs",
|
|
3059
3053
|
medium: "text-sm",
|
|
3060
|
-
large: "text-base",
|
|
3061
3054
|
},
|
|
3062
3055
|
},
|
|
3063
3056
|
defaultVariants: {
|
|
@@ -3068,17 +3061,11 @@ const cvaNoticeLabel = cvaMerge(["pl-1", "pr-1", "font-medium", "text-sm"], {
|
|
|
3068
3061
|
const cvaNoticeIcon = cvaMerge(["rounded-full", "items-center", "justify-center", "flex", "relative"], {
|
|
3069
3062
|
variants: {
|
|
3070
3063
|
color: {
|
|
3071
|
-
|
|
3072
|
-
secondary: "text-secondary-600",
|
|
3073
|
-
neutral: "text-neutral-300",
|
|
3064
|
+
neutral: "text-neutral-400",
|
|
3074
3065
|
info: "text-info-600",
|
|
3075
3066
|
success: "text-success-600",
|
|
3076
|
-
warning: "text-warning-
|
|
3067
|
+
warning: "text-warning-500",
|
|
3077
3068
|
danger: "text-danger-600",
|
|
3078
|
-
black: "text-black",
|
|
3079
|
-
white: "text-white",
|
|
3080
|
-
critical: "text-critical-500",
|
|
3081
|
-
low: "text-low-500",
|
|
3082
3069
|
},
|
|
3083
3070
|
},
|
|
3084
3071
|
defaultVariants: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.35",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -13,17 +13,16 @@
|
|
|
13
13
|
"@radix-ui/react-tabs": "^1.0.4",
|
|
14
14
|
"react-helmet-async": "^1.3.0",
|
|
15
15
|
"lodash": "4.17.21",
|
|
16
|
-
"jest-fetch-mock": "^3.0.3",
|
|
17
16
|
"@testing-library/react": "16.2.0",
|
|
18
17
|
"@floating-ui/react": "^0.26.25",
|
|
19
18
|
"@tanstack/react-router": "1.47.1",
|
|
20
19
|
"string-ts": "^2.0.0",
|
|
21
20
|
"tailwind-merge": "^2.0.0",
|
|
22
|
-
"@trackunit/ui-design-tokens": "1.3.
|
|
23
|
-
"@trackunit/css-class-variance-utilities": "1.3.
|
|
24
|
-
"@trackunit/shared-utils": "1.5.
|
|
25
|
-
"@trackunit/ui-icons": "1.3.
|
|
26
|
-
"@trackunit/react-table-pagination": "1.3.
|
|
21
|
+
"@trackunit/ui-design-tokens": "1.3.33",
|
|
22
|
+
"@trackunit/css-class-variance-utilities": "1.3.33",
|
|
23
|
+
"@trackunit/shared-utils": "1.5.33",
|
|
24
|
+
"@trackunit/ui-icons": "1.3.33",
|
|
25
|
+
"@trackunit/react-table-pagination": "1.3.34"
|
|
27
26
|
},
|
|
28
27
|
"module": "./index.esm.js",
|
|
29
28
|
"main": "./index.cjs.js",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
|
|
2
2
|
import { ReactElement } from "react";
|
|
3
3
|
import { CommonProps } from "../../common/CommonProps";
|
|
4
4
|
export interface NoticeProps extends CommonProps {
|
|
@@ -9,11 +9,11 @@ export interface NoticeProps extends CommonProps {
|
|
|
9
9
|
/**
|
|
10
10
|
* A color token used to style the icon and the icon background
|
|
11
11
|
*/
|
|
12
|
-
color?:
|
|
12
|
+
color?: Extract<GeneralColors, "neutral"> | IntentColors;
|
|
13
13
|
/**
|
|
14
14
|
* The size of the label's text
|
|
15
15
|
*/
|
|
16
|
-
size?: "small" | "medium"
|
|
16
|
+
size?: "small" | "medium";
|
|
17
17
|
/**
|
|
18
18
|
* A text label to be displayed next to the icon
|
|
19
19
|
*/
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export declare const cvaNotice: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
2
2
|
export declare const cvaNoticeLabel: (props?: ({
|
|
3
|
-
color?: "
|
|
4
|
-
size?: "small" | "medium" |
|
|
3
|
+
color?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
4
|
+
size?: "small" | "medium" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
6
|
export declare const cvaNoticeIcon: (props?: ({
|
|
7
|
-
color?: "
|
|
7
|
+
color?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
|
|
8
8
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|