@itcase/ui-web 1.9.101 → 1.9.102
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/dist/cjs/components/Warning.js +1 -1
- package/dist/components/Warning.js +1 -1
- package/dist/types/components/Warning/Warning.appearance.d.ts +11 -1
- package/dist/types/components/Warning/appearance/warningWarning.d.ts +11 -1
- package/dist/types/components/Warning/appearance/warningWarning.js +11 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime"),e=require("react"),o=require("clsx"),i=require("@itcase/ui-core/hooks"),n=require("../../primitives_cjs_DHu3CIR7.js"),t=require("../../default_cjs_BMbs2it-.js");require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("@itcase/ui-core/utils");const c={accentMutedPrimary:{fill:"accentTertiary",labelTextColor:"accentTextQuaternary",descriptionTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"accentItemQuaternary",iconBefore:t.icons16.Alert.Warning,iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",labelTextColor:"accentTextPrimary",descriptionTextColor:"accentTextPrimary",borderColor:"accentBorderQuaternary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"accentItemPrimary",iconBefore:t.icons16.Alert.Warning,iconBeforeFillIcon:"accentItemPrimary"}},a={errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",descriptionTextColor:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"errorItemQuaternary",iconBefore:t.icons16.Action.Block,iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",descriptionTextColor:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"errorItemPrimary",iconBefore:t.icons16.Action.Block,iconBeforeFillIcon:"errorItemPrimary"}},l={infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",descriptionTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"infoItemQuaternary",iconBefore:t.icons16.Alert.Warning,iconBeforeFillIcon:"infoItemQuaternary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",descriptionTextColor:"infoTextPrimary",borderColor:"infoBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"infoItemPrimary",iconBefore:t.icons16.Alert.Warning,iconBeforeFillIcon:"infoItemPrimary"}},s={...c,...{warningMutedPrimary:{fill:"warningSecondary",labelTextColor:"warningTextSecondary",descriptionTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"warningItemSecondary",iconBefore:t.icons16.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemSecondary"},warningMutedTertiary:{fill:"warningTertiary",labelTextColor:"warningTextQuaternary",descriptionTextColor:"warningTextQuaternary",borderColor:"warningBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"warningItemQuaternary",iconBefore:t.icons16.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemQuaternary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",descriptionTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfter:t.icons16.Action.Close,iconAfterFillIcon:"warningItemPrimary",iconBefore:t.icons16.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemPrimary"}},...a,...l,solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},sizeL:{size:"l",labelTextSize:"s",labelTextWeight:"600",descriptionTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},d={appearance:s,setAppearance:r=>{d.appearance=r}};exports.Warning=function(t){const{appearance:c,className:a,dataTestId:l,dataTour:s,label:f,description:y,isSkeleton:x,children:u}=t,m=i.useAppearanceConfig(c,d),T=i.useDevicePropsGenerator(t,m),{fillClass:g,labelTextColor:C,labelTextSize:A,labelTextWeight:I,descriptionTextColor:p,descriptionTextSize:B,borderColorClass:S,iconAfter:P,iconAfterFill:b,iconAfterFillIcon:w,iconAfterSize:F,iconAfterSrc:h,iconBefore:z,iconBeforeFill:Q,iconBeforeFillIcon:j,iconBeforeSize:W,iconBeforeSrc:_,shapeClass:q,sizeClass:v}=T,{styles:k}=i.useStyles(t),[M,$]=e.useState(!0);return r.jsx(e.Fragment,{children:M&&r.jsxs("div",{className:o(a,"warning",g&&`fill_${g}`,v&&`warning_size_${v}`,S&&`border-color_${S}`,q&&`shape_${q}`,x&&"skeleton"),"data-testid":l,"data-tour":s,style:k,children:[(z||_)&&r.jsx(n.Icon,{fill:Q,iconFill:j,iconSize:W,imageSrc:_,SvgImage:z}),r.jsxs("div",{className:"warning__content",children:[f&&r.jsx(n.Text,{size:A,textColor:C,textWeight:I,children:f}),y&&r.jsx(n.Text,{size:B,textColor:p,children:y}),u]}),(P||h)&&r.jsx(n.Icon,{fill:b,iconFill:w,iconSize:F,imageSrc:h,SvgImage:P,onClick:()=>$(!1)})]})})},exports.warningAppearance=s,exports.warningConfig=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,Fragment as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as
|
|
1
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o,Fragment as i}from"react";import n from"clsx";import{useAppearanceConfig as t,useDevicePropsGenerator as a,useStyles as l}from"@itcase/ui-core/hooks";import{I as c,a as d}from"../primitives_es_C--Iga1S.js";import{i as f}from"../default_es_C4dY1Dqw.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"@itcase/ui-core/utils";const s={accentMutedPrimary:{fill:"accentTertiary",labelTextColor:"accentTextQuaternary",descriptionTextColor:"accentTextQuaternary",borderColor:"accentBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"accentItemQuaternary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"accentItemQuaternary"},accentPrimary:{fill:"accentPrimary",labelTextColor:"accentTextPrimary",descriptionTextColor:"accentTextPrimary",borderColor:"accentBorderQuaternary",iconAfter:f.Action.Close,iconAfterFillIcon:"accentItemPrimary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"accentItemPrimary"}},m={errorMutedPrimary:{fill:"errorTertiary",labelTextColor:"errorTextQuaternary",descriptionTextColor:"errorTextQuaternary",borderColor:"errorBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"errorItemQuaternary",iconBefore:f.Action.Block,iconBeforeFillIcon:"errorItemQuaternary"},errorPrimary:{fill:"errorPrimary",labelTextColor:"errorTextPrimary",descriptionTextColor:"errorTextPrimary",borderColor:"errorBorderQuaternary",iconAfter:f.Action.Close,iconAfterFillIcon:"errorItemPrimary",iconBefore:f.Action.Block,iconBeforeFillIcon:"errorItemPrimary"}},y={infoMutedPrimary:{fill:"infoTertiary",labelTextColor:"infoTextSecondary",descriptionTextColor:"infoTextSecondary",borderColor:"infoBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"infoItemQuaternary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"infoItemQuaternary"},infoPrimary:{fill:"infoPrimary",labelTextColor:"infoTextPrimary",descriptionTextColor:"infoTextPrimary",borderColor:"infoBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"infoItemPrimary",iconBefore:f.Alert.Warning,iconBeforeFillIcon:"infoItemPrimary"}},T={...s,...{warningMutedPrimary:{fill:"warningSecondary",labelTextColor:"warningTextSecondary",descriptionTextColor:"warningTextSecondary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemSecondary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemSecondary"},warningMutedTertiary:{fill:"warningTertiary",labelTextColor:"warningTextQuaternary",descriptionTextColor:"warningTextQuaternary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemQuaternary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemQuaternary"},warningPrimary:{fill:"warningPrimary",labelTextColor:"warningTextPrimary",descriptionTextColor:"warningTextPrimary",borderColor:"warningBorderSecondary",iconAfter:f.Action.Close,iconAfterFillIcon:"warningItemPrimary",iconBefore:f.Alert.WarningTriangle,iconBeforeFillIcon:"warningItemPrimary"}},...m,...y,solid:{borderColor:"none"},outlined:{fill:"none"},full:{},ghost:{fill:"none",borderColor:"none"},sizeL:{size:"l",labelTextSize:"s",labelTextWeight:"600",descriptionTextSize:"s",iconAfterSize:"16",iconBeforeSize:"16"},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"rounded"},roundedL:{shape:"rounded"},roundedM:{shape:"rounded"},roundedS:{shape:"rounded"}},x={appearance:T,setAppearance:r=>{x.appearance=r}};function C(f){const{appearance:s,className:m,dataTestId:y,dataTour:T,label:C,description:g,isSkeleton:u,children:p}=f,A=t(s,x),I=a(f,A),{fillClass:B,labelTextColor:S,labelTextSize:b,labelTextWeight:P,descriptionTextColor:w,descriptionTextSize:F,borderColorClass:h,iconAfter:z,iconAfterFill:Q,iconAfterFillIcon:_,iconAfterSize:W,iconAfterSrc:k,iconBefore:v,iconBeforeFill:M,iconBeforeFillIcon:$,iconBeforeSize:j,iconBeforeSrc:L,shapeClass:N,sizeClass:X}=I,{styles:q}=l(f),[D,E]=o(!0);return r(i,{children:D&&e("div",{className:n(m,"warning",B&&`fill_${B}`,X&&`warning_size_${X}`,h&&`border-color_${h}`,N&&`shape_${N}`,u&&"skeleton"),"data-testid":y,"data-tour":T,style:q,children:[(v||L)&&r(c,{fill:M,iconFill:$,iconSize:j,imageSrc:L,SvgImage:v}),e("div",{className:"warning__content",children:[C&&r(d,{size:b,textColor:S,textWeight:P,children:C}),g&&r(d,{size:F,textColor:w,children:g}),p]}),(z||k)&&r(c,{fill:Q,iconFill:_,iconSize:W,imageSrc:k,SvgImage:z,onClick:()=>E(!1)})]})})}export{C as Warning,T as warningAppearance,x as warningConfig};
|
|
@@ -77,7 +77,7 @@ declare const warningAppearance: {
|
|
|
77
77
|
iconBeforeFillIcon: "errorItemPrimary";
|
|
78
78
|
};
|
|
79
79
|
warningMutedPrimary: {
|
|
80
|
-
fill: "
|
|
80
|
+
fill: "warningSecondary";
|
|
81
81
|
labelTextColor: "warningTextSecondary";
|
|
82
82
|
descriptionTextColor: "warningTextSecondary";
|
|
83
83
|
borderColor: "warningBorderSecondary";
|
|
@@ -86,6 +86,16 @@ declare const warningAppearance: {
|
|
|
86
86
|
iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
87
87
|
iconBeforeFillIcon: "warningItemSecondary";
|
|
88
88
|
};
|
|
89
|
+
warningMutedTertiary: {
|
|
90
|
+
fill: "warningTertiary";
|
|
91
|
+
labelTextColor: "warningTextQuaternary";
|
|
92
|
+
descriptionTextColor: "warningTextQuaternary";
|
|
93
|
+
borderColor: "warningBorderSecondary";
|
|
94
|
+
iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
95
|
+
iconAfterFillIcon: "warningItemQuaternary";
|
|
96
|
+
iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
97
|
+
iconBeforeFillIcon: "warningItemQuaternary";
|
|
98
|
+
};
|
|
89
99
|
warningPrimary: {
|
|
90
100
|
fill: "warningPrimary";
|
|
91
101
|
labelTextColor: "warningTextPrimary";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const warningAppearanceWarning: {
|
|
2
2
|
warningMutedPrimary: {
|
|
3
|
-
fill: "
|
|
3
|
+
fill: "warningSecondary";
|
|
4
4
|
labelTextColor: "warningTextSecondary";
|
|
5
5
|
descriptionTextColor: "warningTextSecondary";
|
|
6
6
|
borderColor: "warningBorderSecondary";
|
|
@@ -9,6 +9,16 @@ declare const warningAppearanceWarning: {
|
|
|
9
9
|
iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
10
10
|
iconBeforeFillIcon: "warningItemSecondary";
|
|
11
11
|
};
|
|
12
|
+
warningMutedTertiary: {
|
|
13
|
+
fill: "warningTertiary";
|
|
14
|
+
labelTextColor: "warningTextQuaternary";
|
|
15
|
+
descriptionTextColor: "warningTextQuaternary";
|
|
16
|
+
borderColor: "warningBorderSecondary";
|
|
17
|
+
iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
18
|
+
iconAfterFillIcon: "warningItemQuaternary";
|
|
19
|
+
iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
|
|
20
|
+
iconBeforeFillIcon: "warningItemQuaternary";
|
|
21
|
+
};
|
|
12
22
|
warningPrimary: {
|
|
13
23
|
fill: "warningPrimary";
|
|
14
24
|
labelTextColor: "warningTextPrimary";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { icons16 } from '@itcase/icons-default';
|
|
2
2
|
const warningAppearanceWarning = {
|
|
3
3
|
warningMutedPrimary: {
|
|
4
|
-
fill: '
|
|
4
|
+
fill: 'warningSecondary',
|
|
5
5
|
labelTextColor: 'warningTextSecondary',
|
|
6
6
|
descriptionTextColor: 'warningTextSecondary',
|
|
7
7
|
borderColor: 'warningBorderSecondary',
|
|
@@ -10,6 +10,16 @@ const warningAppearanceWarning = {
|
|
|
10
10
|
iconBefore: icons16.Alert.WarningTriangle,
|
|
11
11
|
iconBeforeFillIcon: 'warningItemSecondary',
|
|
12
12
|
},
|
|
13
|
+
warningMutedTertiary: {
|
|
14
|
+
fill: 'warningTertiary',
|
|
15
|
+
labelTextColor: 'warningTextQuaternary',
|
|
16
|
+
descriptionTextColor: 'warningTextQuaternary',
|
|
17
|
+
borderColor: 'warningBorderSecondary',
|
|
18
|
+
iconAfter: icons16.Action.Close,
|
|
19
|
+
iconAfterFillIcon: 'warningItemQuaternary',
|
|
20
|
+
iconBefore: icons16.Alert.WarningTriangle,
|
|
21
|
+
iconBeforeFillIcon: 'warningItemQuaternary',
|
|
22
|
+
},
|
|
13
23
|
warningPrimary: {
|
|
14
24
|
fill: 'warningPrimary',
|
|
15
25
|
labelTextColor: 'warningTextPrimary',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.102",
|
|
4
4
|
"description": "UI components",
|
|
5
5
|
"keywords": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@itcase/common": "^1.2.41",
|
|
52
52
|
"@itcase/icons": "^1.2.29",
|
|
53
|
-
"@itcase/tokens-am": "^1.1.
|
|
53
|
+
"@itcase/tokens-am": "^1.1.56",
|
|
54
54
|
"@itcase/tokens-baikal": "^1.1.54",
|
|
55
55
|
"@itcase/tokens-palette": "^1.1.50",
|
|
56
56
|
"@itcase/ui-core": "^1.9.97",
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
"storybook": "^10.3.6",
|
|
115
115
|
"typescript": "^6.0.3"
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "3a58d8f22374097f21d390d36bb33a38a376cfec"
|
|
118
118
|
}
|