@itcase/ui 1.8.22 → 1.8.24
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/{Avatar_cjs_DSXs1Yrg.js → Avatar_cjs_D84VawE9.js} +1 -1
- package/dist/{Avatar_es_DByUaJL6.js → Avatar_es_CUnfNViT.js} +1 -1
- package/dist/{Button_cjs_CukkOE-v.js → Button_cjs_CYUpbdMO.js} +138 -49
- package/dist/{Button_es_DXcCJuNX.js → Button_es_Dp6yFZgn.js} +138 -49
- package/dist/{ChipsGroup_cjs_9wrMZrzL.js → ChipsGroup_cjs_CTh6644i.js} +1 -1
- package/dist/{ChipsGroup_es_CjGZ-ulT.js → ChipsGroup_es_BFxBhYNB.js} +1 -1
- package/dist/{DatePicker_cjs_BriuTQqj.js → DatePicker_cjs_DamcZFbX.js} +3 -3
- package/dist/{DatePicker_es_DzY_fVii.js → DatePicker_es_Bm_onmmb.js} +3 -3
- package/dist/{Divider_cjs_DzFVtGkF.js → Divider_cjs_DhqcldLH.js} +6 -2
- package/dist/{Divider_es_BdU9qjKa.js → Divider_es_BEYLRagS.js} +6 -2
- package/dist/{DropdownItem_cjs_DY61IdLK.js → DropdownItem_cjs_B_7anyaJ.js} +2 -2
- package/dist/{DropdownItem_es_D8mY9vFZ.js → DropdownItem_es_B4EZYdJA.js} +2 -2
- package/dist/{Label_cjs_CnwET26s.js → Label_cjs_ByGAWJcj.js} +169 -29
- package/dist/{Label_es_Dc18d1gY.js → Label_es_BtwZ3a2V.js} +169 -29
- package/dist/{Loader_cjs_3VRzFLI2.js → Loader_cjs___VikiqS.js} +36 -1
- package/dist/{Loader_es_DEYowVdU.js → Loader_es_DHKB6tTw.js} +36 -1
- package/dist/{Tooltip_cjs_PkuRdzzy.js → Tooltip_cjs_CaocDcQ5.js} +82 -24
- package/dist/{Tooltip_es_BaGfb-qC.js → Tooltip_es_D1w1s33u.js} +82 -24
- package/dist/cjs/components/Accordion.js +2 -2
- package/dist/cjs/components/Avatar.js +2 -2
- package/dist/cjs/components/AvatarStack.js +2 -2
- package/dist/cjs/components/Badge.js +1 -1
- package/dist/cjs/components/Breadcrumbs/stories/__mock__.js +45 -0
- package/dist/cjs/components/Breadcrumbs.js +47 -58
- package/dist/cjs/components/Button.js +3 -3
- package/dist/cjs/components/Cell.js +2 -2
- package/dist/cjs/components/Chips.js +2 -2
- package/dist/cjs/components/Choice.js +2 -2
- package/dist/cjs/components/CookiesWarning.js +3 -3
- package/dist/cjs/components/DatePeriod.js +6 -6
- package/dist/cjs/components/DatePicker.js +5 -5
- package/dist/cjs/components/Divider.js +1 -1
- package/dist/cjs/components/Dropdown.js +3 -3
- package/dist/cjs/components/Icon.js +1 -1
- package/dist/cjs/components/InputPassword.js +1 -1
- package/dist/cjs/components/Label.js +2 -2
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/MenuItem.js +1 -1
- package/dist/cjs/components/Modal.js +2 -2
- package/dist/cjs/components/ModalSheetBottom.js +19 -5
- package/dist/cjs/components/Pagination.js +3 -3
- package/dist/cjs/components/Response.js +28 -37
- package/dist/cjs/components/Search.js +1 -1
- package/dist/cjs/components/Select.js +2 -2
- package/dist/cjs/components/Swiper.js +1 -1
- package/dist/cjs/components/Tab/stories/__mock__.js +14 -0
- package/dist/cjs/components/Tab.js +134 -40
- package/dist/cjs/components/Tile.js +1 -1
- package/dist/cjs/components/Title.js +1 -1
- package/dist/cjs/components/Tooltip.js +1 -1
- package/dist/components/Accordion.js +2 -2
- package/dist/components/Avatar.js +2 -2
- package/dist/components/AvatarStack.js +2 -2
- package/dist/components/Badge.js +1 -1
- package/dist/components/Breadcrumbs/stories/__mock__.js +43 -0
- package/dist/components/Breadcrumbs.js +47 -58
- package/dist/components/Button.js +3 -3
- package/dist/components/Cell.js +2 -2
- package/dist/components/Chips.js +2 -2
- package/dist/components/Choice.js +2 -2
- package/dist/components/CookiesWarning.js +3 -3
- package/dist/components/DatePeriod.js +6 -6
- package/dist/components/DatePicker.js +5 -5
- package/dist/components/Divider.js +1 -1
- package/dist/components/Dropdown.js +3 -3
- package/dist/components/Icon.js +1 -1
- package/dist/components/InputPassword.js +1 -1
- package/dist/components/Label.js +2 -2
- package/dist/components/Loader.js +1 -1
- package/dist/components/MenuItem.js +1 -1
- package/dist/components/Modal.js +2 -2
- package/dist/components/ModalSheetBottom.js +19 -5
- package/dist/components/Pagination.js +3 -3
- package/dist/components/Response.js +28 -37
- package/dist/components/Search.js +1 -1
- package/dist/components/Select.js +2 -2
- package/dist/components/Swiper.js +1 -1
- package/dist/components/Tab/stories/__mock__.js +12 -0
- package/dist/components/Tab.js +134 -40
- package/dist/components/Tile.js +1 -1
- package/dist/components/Title.js +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/css/components/Badge/Badge.css +3 -3
- package/dist/css/components/Breadcrumbs/Breadcrumbs.css +22 -0
- package/dist/css/components/Button/Button.css +4 -4
- package/dist/css/components/Label/Label.css +10 -9
- package/dist/css/components/Loader/Loader.css +21 -2
- package/dist/css/styles/border-color/border-color.css +19 -0
- package/dist/css/styles/border-color/border-color_active.css +38 -0
- package/dist/css/styles/border-color/border-color_focus.css +25 -1
- package/dist/css/styles/border-color/border-color_hover.css +32 -0
- package/dist/stories/Plsyground.mdx +1 -3
- package/dist/types/components/Badge/appearance/badgeAccent.d.ts +13 -1
- package/dist/types/components/Badge/appearance/badgeDanger.d.ts +7 -1
- package/dist/types/components/Badge/appearance/badgeDisabled.d.ts +6 -1
- package/dist/types/components/Badge/appearance/badgeError.d.ts +7 -2
- package/dist/types/components/Badge/appearance/badgeInfo.d.ts +1 -3
- package/dist/types/components/Badge/appearance/badgePrimary.d.ts +7 -1
- package/dist/types/components/Badge/appearance/badgeSecondary.d.ts +7 -1
- package/dist/types/components/Badge/appearance/badgeStyle.d.ts +5 -7
- package/dist/types/components/Badge/appearance/badgeSuccess.d.ts +7 -1
- package/dist/types/components/Badge/appearance/badgeWarning.d.ts +7 -1
- package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts +2 -3
- package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSize.d.ts +28 -35
- package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSurface.d.ts +4 -3
- package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts +10 -0
- package/dist/types/components/Button/appearance/buttonAccent.d.ts +7 -6
- package/dist/types/components/Button/appearance/buttonDanger.d.ts +8 -4
- package/dist/types/components/Button/appearance/buttonError.d.ts +14 -2
- package/dist/types/components/Button/appearance/buttonInfo.d.ts +19 -4
- package/dist/types/components/Button/appearance/buttonPrimary.d.ts +13 -0
- package/dist/types/components/Button/appearance/buttonSecondary.d.ts +13 -0
- package/dist/types/components/Button/appearance/buttonSize.d.ts +7 -0
- package/dist/types/components/Button/appearance/buttonStyle.d.ts +0 -2
- package/dist/types/components/Button/appearance/buttonSuccess.d.ts +14 -2
- package/dist/types/components/Button/appearance/buttonSurface.d.ts +11 -8
- package/dist/types/components/Button/appearance/buttonWarning.d.ts +14 -2
- package/dist/types/components/Label/appearance/labelAccent.d.ts +10 -1
- package/dist/types/components/Label/appearance/labelDanger.d.ts +20 -0
- package/dist/types/components/Label/appearance/labelDisable.d.ts +19 -0
- package/dist/types/components/Label/appearance/labelError.d.ts +13 -2
- package/dist/types/components/Label/appearance/labelInfo.d.ts +14 -2
- package/dist/types/components/Label/appearance/labelPrimary.d.ts +19 -0
- package/dist/types/components/Label/appearance/labelSecondary.d.ts +19 -0
- package/dist/types/components/Label/appearance/labelStyle.d.ts +0 -2
- package/dist/types/components/Label/appearance/labelSuccess.d.ts +11 -0
- package/dist/types/components/Label/appearance/labelSurface.d.ts +14 -3
- package/dist/types/components/Label/appearance/labelWarning.d.ts +11 -0
- package/dist/types/components/Loader/appearance/loaderDanger.d.ts +7 -0
- package/dist/types/components/Loader/appearance/loaderError.d.ts +7 -0
- package/dist/types/components/Loader/appearance/loaderInfo.d.ts +7 -0
- package/dist/types/components/Loader/appearance/loaderSuccess.d.ts +7 -0
- package/dist/types/components/Loader/appearance/loaderWarning.d.ts +7 -0
- package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts +2 -1
- package/dist/types/components/Response/appearance/responceConfirm.d.ts +2 -3
- package/dist/types/components/Response/appearance/responceFail.d.ts +2 -3
- package/dist/types/components/Response/appearance/responceNothingFound.d.ts +2 -3
- package/dist/types/components/Response/appearance/responceRefresh.d.ts +2 -3
- package/dist/types/components/Response/appearance/responseError.d.ts +2 -3
- package/dist/types/components/Response/appearance/responseSuccess.d.ts +2 -3
- package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts +2 -3
- package/dist/types/components/Response/appearance/responseWarning.d.ts +2 -3
- package/dist/types/components/Tab/appearance/tabError.d.ts +13 -0
- package/dist/types/components/Tab/appearance/tabSize.d.ts +41 -0
- package/dist/types/components/Tab/appearance/tabStyle.d.ts +2 -2
- package/dist/types/components/Tab/appearance/tabSuccess.d.ts +13 -0
- package/dist/types/components/Tab/appearance/tabSurface.d.ts +29 -24
- package/dist/types/components/Tab/appearance/tabWarning.d.ts +13 -0
- package/dist/types/components/Tab/stories/__mock__/index.d.ts +22 -0
- package/package.json +10 -12
|
@@ -12,6 +12,27 @@ var loaderAppearanceAccent = {
|
|
|
12
12
|
},
|
|
13
13
|
};
|
|
14
14
|
|
|
15
|
+
var loaderAppearanceDanger = {
|
|
16
|
+
dangerPrimary: {
|
|
17
|
+
fill: 'dangerPrimary',
|
|
18
|
+
itemFill: 'dangerItemPrimary',
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
var loaderAppearanceError = {
|
|
23
|
+
errorPrimary: {
|
|
24
|
+
fill: 'errorPrimary',
|
|
25
|
+
itemFill: 'errorItemPrimary',
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
var loaderAppearanceInfo = {
|
|
30
|
+
infoPrimary: {
|
|
31
|
+
fill: 'infoPrimary',
|
|
32
|
+
itemFill: 'infoItemPrimary',
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
|
|
15
36
|
var loaderAppearancePrimary = {
|
|
16
37
|
primaryPrimary: {
|
|
17
38
|
fill: 'primaryPrimary',
|
|
@@ -38,6 +59,13 @@ var loaderAppearanceSize = {
|
|
|
38
59
|
},
|
|
39
60
|
};
|
|
40
61
|
|
|
62
|
+
var loaderAppearanceSuccess = {
|
|
63
|
+
successPrimary: {
|
|
64
|
+
fill: 'successPrimary',
|
|
65
|
+
itemFill: 'successItemPrimary',
|
|
66
|
+
},
|
|
67
|
+
};
|
|
68
|
+
|
|
41
69
|
var loaderAppearanceSurface = {
|
|
42
70
|
surfacePrimary: {
|
|
43
71
|
fill: 'surfacePrimary',
|
|
@@ -53,7 +81,14 @@ var loaderAppearanceSurface = {
|
|
|
53
81
|
},
|
|
54
82
|
};
|
|
55
83
|
|
|
56
|
-
var
|
|
84
|
+
var loaderAppearanceWarning = {
|
|
85
|
+
warningPrimary: {
|
|
86
|
+
fill: 'warningPrimary',
|
|
87
|
+
itemFill: 'warningItemPrimary',
|
|
88
|
+
},
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
var loaderAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, loaderAppearanceAccent), loaderAppearancePrimary), loaderAppearanceSize), loaderAppearanceSecondary), loaderAppearanceSurface), loaderAppearanceWarning), loaderAppearanceSuccess), loaderAppearanceInfo), loaderAppearanceDanger), loaderAppearanceError);
|
|
57
92
|
|
|
58
93
|
var loaderConfig = {
|
|
59
94
|
appearance: loaderAppearance,
|
|
@@ -13,38 +13,71 @@ var Link = require('./Link_cjs_DbRGq2Yk.js');
|
|
|
13
13
|
var badgeAppearanceAccent = {
|
|
14
14
|
accent: {
|
|
15
15
|
fill: 'accentPrimary',
|
|
16
|
-
borderColor: '
|
|
16
|
+
borderColor: 'accentBorderQuaternary',
|
|
17
17
|
textColor: 'accentTextPrimary',
|
|
18
18
|
dotFill: 'accentItemPrimary',
|
|
19
19
|
iconFill: 'accentItemPrimary',
|
|
20
20
|
},
|
|
21
21
|
accentPrimary: {
|
|
22
|
-
dotFill: 'accentItemPrimary',
|
|
23
22
|
fill: 'accentPrimary',
|
|
24
|
-
borderColor: '
|
|
23
|
+
borderColor: 'accentBorderQuaternary',
|
|
25
24
|
textColor: 'accentTextPrimary',
|
|
25
|
+
dotFill: 'accentItemPrimary',
|
|
26
26
|
iconFill: 'accentItemPrimary',
|
|
27
27
|
},
|
|
28
28
|
accentQuaternary: {
|
|
29
|
+
fill: 'accentQuaternary',
|
|
30
|
+
borderColor: 'accentBorderQuaternary',
|
|
31
|
+
textColor: 'accentTextPrimary',
|
|
29
32
|
dotFill: 'accentItemPrimary',
|
|
33
|
+
iconFill: 'accentItemPrimary',
|
|
30
34
|
},
|
|
31
35
|
accentSecondary: {
|
|
32
|
-
|
|
36
|
+
fill: 'accentSecondary',
|
|
37
|
+
borderColor: 'accentBorderQuaternary',
|
|
38
|
+
textColor: 'accentTextQuaternary',
|
|
39
|
+
dotFill: 'accentItemQuaternary',
|
|
40
|
+
iconFill: 'accentItemQuaternary',
|
|
33
41
|
},
|
|
34
42
|
accentTertiary: {
|
|
35
|
-
|
|
43
|
+
fill: 'accentTeriary',
|
|
44
|
+
borderColor: 'accentBorderSecondary',
|
|
45
|
+
textColor: 'accentTextSecondary',
|
|
46
|
+
dotFill: 'accentItemSecondary',
|
|
47
|
+
iconFill: 'accentItemSecondary',
|
|
36
48
|
},
|
|
37
49
|
};
|
|
38
50
|
|
|
39
51
|
var badgeAppearanceDanger = {
|
|
40
52
|
danger: {
|
|
41
53
|
fill: 'dangerPrimary',
|
|
42
|
-
fillHover: 'dangerPrimary',
|
|
43
54
|
borderColor: 'dangerBorderPrimary',
|
|
44
55
|
textColor: 'dangerTextSecondary',
|
|
45
56
|
dotFill: 'dangerItemPrimary',
|
|
46
57
|
iconFill: 'dangerItemPrimary',
|
|
47
58
|
},
|
|
59
|
+
dangerPrimary: {
|
|
60
|
+
fill: 'dangerPrimary',
|
|
61
|
+
borderColor: 'dangerBorderPrimary',
|
|
62
|
+
textColor: 'dangerTextPrimary',
|
|
63
|
+
dotFill: 'dangerItemPrimary',
|
|
64
|
+
iconFill: 'dangerItemPrimary',
|
|
65
|
+
},
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
var badgeAppearanceDisabled = {
|
|
69
|
+
disabled: {
|
|
70
|
+
fill: 'surfaceDisabled',
|
|
71
|
+
borderColor: 'surfaceBorderDisabled',
|
|
72
|
+
textColor: 'surfaceTextDisabled',
|
|
73
|
+
iconFill: 'surfaceItemDisabled',
|
|
74
|
+
},
|
|
75
|
+
disabledPrimary: {
|
|
76
|
+
fill: 'surfaceDisabled',
|
|
77
|
+
borderColor: 'surfaceBorderDisabled',
|
|
78
|
+
textColor: 'surfaceTextDisabled',
|
|
79
|
+
iconFill: 'surfaceItemDisabled',
|
|
80
|
+
},
|
|
48
81
|
};
|
|
49
82
|
|
|
50
83
|
var badgeAppearanceError = {
|
|
@@ -54,15 +87,19 @@ var badgeAppearanceError = {
|
|
|
54
87
|
labelTextColor: 'errorTextPrimary',
|
|
55
88
|
labelTextColorHover: 'errorTextPrimary',
|
|
56
89
|
iconFill: 'errorItemPrimary',
|
|
57
|
-
|
|
58
|
-
|
|
90
|
+
},
|
|
91
|
+
errorPrimary: {
|
|
92
|
+
fill: 'errorPrimary',
|
|
93
|
+
fillHover: 'errorPrimaryHover',
|
|
94
|
+
labelTextColor: 'errorTextPrimary',
|
|
95
|
+
labelTextColorHover: 'errorTextPrimary',
|
|
96
|
+
iconFill: 'errorItemPrimary',
|
|
59
97
|
},
|
|
60
98
|
};
|
|
61
99
|
|
|
62
100
|
var badgeAppearanceInfo = {
|
|
63
|
-
|
|
101
|
+
infoPrimary: {
|
|
64
102
|
fill: 'infoPrimary',
|
|
65
|
-
fillHover: 'infoPrimaryHover',
|
|
66
103
|
borderColor: 'infoBorderSecondary',
|
|
67
104
|
textColor: 'infoTextPrimary',
|
|
68
105
|
dotFill: 'infoItemPrimary',
|
|
@@ -70,7 +107,6 @@ var badgeAppearanceInfo = {
|
|
|
70
107
|
},
|
|
71
108
|
infoSecondary: {
|
|
72
109
|
fill: 'infoSecondary',
|
|
73
|
-
fillHover: 'infoSecondaryHover',
|
|
74
110
|
borderColor: 'infoBorderSecondary',
|
|
75
111
|
textColor: 'infoTextSecondary',
|
|
76
112
|
dotFill: 'infoItemSecondary',
|
|
@@ -80,7 +116,13 @@ var badgeAppearanceInfo = {
|
|
|
80
116
|
var badgeAppearancePrimary = {
|
|
81
117
|
primary: {
|
|
82
118
|
fill: 'primaryPrimary',
|
|
83
|
-
|
|
119
|
+
borderColor: 'primaryBorderSecondary',
|
|
120
|
+
textColor: 'primaryTextPrimary',
|
|
121
|
+
dotFill: 'primaryItemPrimary',
|
|
122
|
+
iconFill: 'primaryItemPrimary',
|
|
123
|
+
},
|
|
124
|
+
primaryPrimary: {
|
|
125
|
+
fill: 'primaryPrimary',
|
|
84
126
|
borderColor: 'primaryBorderSecondary',
|
|
85
127
|
textColor: 'primaryTextPrimary',
|
|
86
128
|
dotFill: 'primaryItemPrimary',
|
|
@@ -91,7 +133,13 @@ var badgeAppearancePrimary = {
|
|
|
91
133
|
var badgeAppearanceSecondary = {
|
|
92
134
|
secondary: {
|
|
93
135
|
fill: 'secondaryPrimary',
|
|
94
|
-
|
|
136
|
+
borderColor: 'secondaryBorderSecondary',
|
|
137
|
+
textColor: 'secondaryTextPrimary',
|
|
138
|
+
dotFill: 'secondaryItemPrimary',
|
|
139
|
+
iconFill: 'secondaryItemPrimary',
|
|
140
|
+
},
|
|
141
|
+
secondaryPrimary: {
|
|
142
|
+
fill: 'secondaryPrimary',
|
|
95
143
|
borderColor: 'secondaryBorderSecondary',
|
|
96
144
|
textColor: 'secondaryTextPrimary',
|
|
97
145
|
dotFill: 'secondaryItemPrimary',
|
|
@@ -132,25 +180,29 @@ var badgeAppearanceSize = {
|
|
|
132
180
|
};
|
|
133
181
|
|
|
134
182
|
var badgeAppearanceStyle = {
|
|
135
|
-
full: {
|
|
136
|
-
borderColor: null,
|
|
137
|
-
},
|
|
183
|
+
full: {},
|
|
138
184
|
ghost: {
|
|
139
|
-
fill:
|
|
140
|
-
borderColor:
|
|
185
|
+
fill: 'none',
|
|
186
|
+
borderColor: 'none',
|
|
141
187
|
},
|
|
142
188
|
outlined: {
|
|
143
|
-
fill:
|
|
189
|
+
fill: 'none',
|
|
144
190
|
},
|
|
145
191
|
solid: {
|
|
146
|
-
borderColor:
|
|
192
|
+
borderColor: 'none',
|
|
147
193
|
},
|
|
148
194
|
};
|
|
149
195
|
|
|
150
196
|
var badgeAppearanceSuccess = {
|
|
151
197
|
success: {
|
|
152
198
|
fill: 'successPrimary',
|
|
153
|
-
|
|
199
|
+
borderColor: 'successBorderPrimary',
|
|
200
|
+
textColor: 'successTextPrimary',
|
|
201
|
+
dotFill: 'successItemPrimary',
|
|
202
|
+
iconFill: 'successItemPrimary',
|
|
203
|
+
},
|
|
204
|
+
successPrimary: {
|
|
205
|
+
fill: 'successPrimary',
|
|
154
206
|
borderColor: 'successBorderPrimary',
|
|
155
207
|
textColor: 'successTextPrimary',
|
|
156
208
|
dotFill: 'successItemPrimary',
|
|
@@ -186,15 +238,21 @@ var badgeAppearanceSurface = {
|
|
|
186
238
|
var badgeAppearanceWarning = {
|
|
187
239
|
warning: {
|
|
188
240
|
fill: 'warningPrimary',
|
|
189
|
-
fillHover: 'warningPrimary',
|
|
190
241
|
borderColor: 'warningBorderPrimary',
|
|
191
242
|
textColor: 'warningTextSecondary',
|
|
192
243
|
dotFill: 'warningItemPrimary',
|
|
193
244
|
iconFill: 'warningItemPrimary',
|
|
194
245
|
},
|
|
246
|
+
warningPrimary: {
|
|
247
|
+
fill: 'warningPrimary',
|
|
248
|
+
borderColor: 'warningBorderPrimary',
|
|
249
|
+
textColor: 'warningTextPrimary',
|
|
250
|
+
dotFill: 'warningItemPrimary',
|
|
251
|
+
iconFill: 'warningItemPrimary',
|
|
252
|
+
},
|
|
195
253
|
};
|
|
196
254
|
|
|
197
|
-
var badgeAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, badgeAppearanceSize), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceSurface), badgeAppearanceWarning);
|
|
255
|
+
var badgeAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, badgeAppearanceSize), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceDisabled), badgeAppearanceSurface), badgeAppearanceWarning);
|
|
198
256
|
|
|
199
257
|
var badgeConfig = {
|
|
200
258
|
appearance: badgeAppearance,
|
|
@@ -209,7 +267,7 @@ function Badge(props) {
|
|
|
209
267
|
return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
|
|
210
268
|
}, {});
|
|
211
269
|
var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
212
|
-
var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, dotFillClass = propsGenerator.dotFillClass, iconFill = propsGenerator.iconFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, positionClass = propsGenerator.positionClass,
|
|
270
|
+
var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, dotFillClass = propsGenerator.dotFillClass, iconFill = propsGenerator.iconFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
|
|
213
271
|
// @ts-expect-error
|
|
214
272
|
var badgeStyles = useStyles.useStyles(props).styles;
|
|
215
273
|
var badgeTypeClass = value
|
|
@@ -11,38 +11,71 @@ import { a as LinkWrapper } from './Link_es_DxtZLeKY.js';
|
|
|
11
11
|
var badgeAppearanceAccent = {
|
|
12
12
|
accent: {
|
|
13
13
|
fill: 'accentPrimary',
|
|
14
|
-
borderColor: '
|
|
14
|
+
borderColor: 'accentBorderQuaternary',
|
|
15
15
|
textColor: 'accentTextPrimary',
|
|
16
16
|
dotFill: 'accentItemPrimary',
|
|
17
17
|
iconFill: 'accentItemPrimary',
|
|
18
18
|
},
|
|
19
19
|
accentPrimary: {
|
|
20
|
-
dotFill: 'accentItemPrimary',
|
|
21
20
|
fill: 'accentPrimary',
|
|
22
|
-
borderColor: '
|
|
21
|
+
borderColor: 'accentBorderQuaternary',
|
|
23
22
|
textColor: 'accentTextPrimary',
|
|
23
|
+
dotFill: 'accentItemPrimary',
|
|
24
24
|
iconFill: 'accentItemPrimary',
|
|
25
25
|
},
|
|
26
26
|
accentQuaternary: {
|
|
27
|
+
fill: 'accentQuaternary',
|
|
28
|
+
borderColor: 'accentBorderQuaternary',
|
|
29
|
+
textColor: 'accentTextPrimary',
|
|
27
30
|
dotFill: 'accentItemPrimary',
|
|
31
|
+
iconFill: 'accentItemPrimary',
|
|
28
32
|
},
|
|
29
33
|
accentSecondary: {
|
|
30
|
-
|
|
34
|
+
fill: 'accentSecondary',
|
|
35
|
+
borderColor: 'accentBorderQuaternary',
|
|
36
|
+
textColor: 'accentTextQuaternary',
|
|
37
|
+
dotFill: 'accentItemQuaternary',
|
|
38
|
+
iconFill: 'accentItemQuaternary',
|
|
31
39
|
},
|
|
32
40
|
accentTertiary: {
|
|
33
|
-
|
|
41
|
+
fill: 'accentTeriary',
|
|
42
|
+
borderColor: 'accentBorderSecondary',
|
|
43
|
+
textColor: 'accentTextSecondary',
|
|
44
|
+
dotFill: 'accentItemSecondary',
|
|
45
|
+
iconFill: 'accentItemSecondary',
|
|
34
46
|
},
|
|
35
47
|
};
|
|
36
48
|
|
|
37
49
|
var badgeAppearanceDanger = {
|
|
38
50
|
danger: {
|
|
39
51
|
fill: 'dangerPrimary',
|
|
40
|
-
fillHover: 'dangerPrimary',
|
|
41
52
|
borderColor: 'dangerBorderPrimary',
|
|
42
53
|
textColor: 'dangerTextSecondary',
|
|
43
54
|
dotFill: 'dangerItemPrimary',
|
|
44
55
|
iconFill: 'dangerItemPrimary',
|
|
45
56
|
},
|
|
57
|
+
dangerPrimary: {
|
|
58
|
+
fill: 'dangerPrimary',
|
|
59
|
+
borderColor: 'dangerBorderPrimary',
|
|
60
|
+
textColor: 'dangerTextPrimary',
|
|
61
|
+
dotFill: 'dangerItemPrimary',
|
|
62
|
+
iconFill: 'dangerItemPrimary',
|
|
63
|
+
},
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
var badgeAppearanceDisabled = {
|
|
67
|
+
disabled: {
|
|
68
|
+
fill: 'surfaceDisabled',
|
|
69
|
+
borderColor: 'surfaceBorderDisabled',
|
|
70
|
+
textColor: 'surfaceTextDisabled',
|
|
71
|
+
iconFill: 'surfaceItemDisabled',
|
|
72
|
+
},
|
|
73
|
+
disabledPrimary: {
|
|
74
|
+
fill: 'surfaceDisabled',
|
|
75
|
+
borderColor: 'surfaceBorderDisabled',
|
|
76
|
+
textColor: 'surfaceTextDisabled',
|
|
77
|
+
iconFill: 'surfaceItemDisabled',
|
|
78
|
+
},
|
|
46
79
|
};
|
|
47
80
|
|
|
48
81
|
var badgeAppearanceError = {
|
|
@@ -52,15 +85,19 @@ var badgeAppearanceError = {
|
|
|
52
85
|
labelTextColor: 'errorTextPrimary',
|
|
53
86
|
labelTextColorHover: 'errorTextPrimary',
|
|
54
87
|
iconFill: 'errorItemPrimary',
|
|
55
|
-
|
|
56
|
-
|
|
88
|
+
},
|
|
89
|
+
errorPrimary: {
|
|
90
|
+
fill: 'errorPrimary',
|
|
91
|
+
fillHover: 'errorPrimaryHover',
|
|
92
|
+
labelTextColor: 'errorTextPrimary',
|
|
93
|
+
labelTextColorHover: 'errorTextPrimary',
|
|
94
|
+
iconFill: 'errorItemPrimary',
|
|
57
95
|
},
|
|
58
96
|
};
|
|
59
97
|
|
|
60
98
|
var badgeAppearanceInfo = {
|
|
61
|
-
|
|
99
|
+
infoPrimary: {
|
|
62
100
|
fill: 'infoPrimary',
|
|
63
|
-
fillHover: 'infoPrimaryHover',
|
|
64
101
|
borderColor: 'infoBorderSecondary',
|
|
65
102
|
textColor: 'infoTextPrimary',
|
|
66
103
|
dotFill: 'infoItemPrimary',
|
|
@@ -68,7 +105,6 @@ var badgeAppearanceInfo = {
|
|
|
68
105
|
},
|
|
69
106
|
infoSecondary: {
|
|
70
107
|
fill: 'infoSecondary',
|
|
71
|
-
fillHover: 'infoSecondaryHover',
|
|
72
108
|
borderColor: 'infoBorderSecondary',
|
|
73
109
|
textColor: 'infoTextSecondary',
|
|
74
110
|
dotFill: 'infoItemSecondary',
|
|
@@ -78,7 +114,13 @@ var badgeAppearanceInfo = {
|
|
|
78
114
|
var badgeAppearancePrimary = {
|
|
79
115
|
primary: {
|
|
80
116
|
fill: 'primaryPrimary',
|
|
81
|
-
|
|
117
|
+
borderColor: 'primaryBorderSecondary',
|
|
118
|
+
textColor: 'primaryTextPrimary',
|
|
119
|
+
dotFill: 'primaryItemPrimary',
|
|
120
|
+
iconFill: 'primaryItemPrimary',
|
|
121
|
+
},
|
|
122
|
+
primaryPrimary: {
|
|
123
|
+
fill: 'primaryPrimary',
|
|
82
124
|
borderColor: 'primaryBorderSecondary',
|
|
83
125
|
textColor: 'primaryTextPrimary',
|
|
84
126
|
dotFill: 'primaryItemPrimary',
|
|
@@ -89,7 +131,13 @@ var badgeAppearancePrimary = {
|
|
|
89
131
|
var badgeAppearanceSecondary = {
|
|
90
132
|
secondary: {
|
|
91
133
|
fill: 'secondaryPrimary',
|
|
92
|
-
|
|
134
|
+
borderColor: 'secondaryBorderSecondary',
|
|
135
|
+
textColor: 'secondaryTextPrimary',
|
|
136
|
+
dotFill: 'secondaryItemPrimary',
|
|
137
|
+
iconFill: 'secondaryItemPrimary',
|
|
138
|
+
},
|
|
139
|
+
secondaryPrimary: {
|
|
140
|
+
fill: 'secondaryPrimary',
|
|
93
141
|
borderColor: 'secondaryBorderSecondary',
|
|
94
142
|
textColor: 'secondaryTextPrimary',
|
|
95
143
|
dotFill: 'secondaryItemPrimary',
|
|
@@ -130,25 +178,29 @@ var badgeAppearanceSize = {
|
|
|
130
178
|
};
|
|
131
179
|
|
|
132
180
|
var badgeAppearanceStyle = {
|
|
133
|
-
full: {
|
|
134
|
-
borderColor: null,
|
|
135
|
-
},
|
|
181
|
+
full: {},
|
|
136
182
|
ghost: {
|
|
137
|
-
fill:
|
|
138
|
-
borderColor:
|
|
183
|
+
fill: 'none',
|
|
184
|
+
borderColor: 'none',
|
|
139
185
|
},
|
|
140
186
|
outlined: {
|
|
141
|
-
fill:
|
|
187
|
+
fill: 'none',
|
|
142
188
|
},
|
|
143
189
|
solid: {
|
|
144
|
-
borderColor:
|
|
190
|
+
borderColor: 'none',
|
|
145
191
|
},
|
|
146
192
|
};
|
|
147
193
|
|
|
148
194
|
var badgeAppearanceSuccess = {
|
|
149
195
|
success: {
|
|
150
196
|
fill: 'successPrimary',
|
|
151
|
-
|
|
197
|
+
borderColor: 'successBorderPrimary',
|
|
198
|
+
textColor: 'successTextPrimary',
|
|
199
|
+
dotFill: 'successItemPrimary',
|
|
200
|
+
iconFill: 'successItemPrimary',
|
|
201
|
+
},
|
|
202
|
+
successPrimary: {
|
|
203
|
+
fill: 'successPrimary',
|
|
152
204
|
borderColor: 'successBorderPrimary',
|
|
153
205
|
textColor: 'successTextPrimary',
|
|
154
206
|
dotFill: 'successItemPrimary',
|
|
@@ -184,15 +236,21 @@ var badgeAppearanceSurface = {
|
|
|
184
236
|
var badgeAppearanceWarning = {
|
|
185
237
|
warning: {
|
|
186
238
|
fill: 'warningPrimary',
|
|
187
|
-
fillHover: 'warningPrimary',
|
|
188
239
|
borderColor: 'warningBorderPrimary',
|
|
189
240
|
textColor: 'warningTextSecondary',
|
|
190
241
|
dotFill: 'warningItemPrimary',
|
|
191
242
|
iconFill: 'warningItemPrimary',
|
|
192
243
|
},
|
|
244
|
+
warningPrimary: {
|
|
245
|
+
fill: 'warningPrimary',
|
|
246
|
+
borderColor: 'warningBorderPrimary',
|
|
247
|
+
textColor: 'warningTextPrimary',
|
|
248
|
+
dotFill: 'warningItemPrimary',
|
|
249
|
+
iconFill: 'warningItemPrimary',
|
|
250
|
+
},
|
|
193
251
|
};
|
|
194
252
|
|
|
195
|
-
var badgeAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, badgeAppearanceSize), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceSurface), badgeAppearanceWarning);
|
|
253
|
+
var badgeAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, badgeAppearanceSize), badgeAppearanceStyle), badgeAppearanceAccent), badgeAppearanceDanger), badgeAppearanceError), badgeAppearanceInfo), badgeAppearancePrimary), badgeAppearanceSecondary), badgeAppearanceSuccess), badgeAppearanceDisabled), badgeAppearanceSurface), badgeAppearanceWarning);
|
|
196
254
|
|
|
197
255
|
var badgeConfig = {
|
|
198
256
|
appearance: badgeAppearance,
|
|
@@ -207,7 +265,7 @@ function Badge(props) {
|
|
|
207
265
|
return (__assign(__assign({}, resultConfig), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
|
|
208
266
|
}, {});
|
|
209
267
|
var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
210
|
-
var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, dotFillClass = propsGenerator.dotFillClass, iconFill = propsGenerator.iconFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, positionClass = propsGenerator.positionClass,
|
|
268
|
+
var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, dotFillClass = propsGenerator.dotFillClass, iconFill = propsGenerator.iconFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
|
|
211
269
|
// @ts-expect-error
|
|
212
270
|
var badgeStyles = useStyles(props).styles;
|
|
213
271
|
var badgeTypeClass = value
|
|
@@ -8,8 +8,8 @@ var castArray = require('lodash/castArray');
|
|
|
8
8
|
var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
9
9
|
var useStyles = require('../hooks/useStyles/useStyles.js');
|
|
10
10
|
var _default = require('@itcase/icons/default');
|
|
11
|
-
var Divider = require('../../
|
|
12
|
-
var Tooltip = require('../../
|
|
11
|
+
var Divider = require('../../Divider_cjs_DhqcldLH.js');
|
|
12
|
+
var Tooltip = require('../../Tooltip_cjs_CaocDcQ5.js');
|
|
13
13
|
var Text = require('../../Text_cjs_DPhKj3wf.js');
|
|
14
14
|
require('lodash/camelCase');
|
|
15
15
|
require('lodash/upperFirst');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Avatar = require('../../
|
|
3
|
+
var Avatar = require('../../Avatar_cjs_D84VawE9.js');
|
|
4
4
|
require('../../tslib.es6_cjs_CCZ3TN_7.js');
|
|
5
5
|
require('react/jsx-runtime');
|
|
6
6
|
require('react');
|
|
@@ -16,7 +16,7 @@ require('../context/UIContext.js');
|
|
|
16
16
|
require('../hooks/useMediaQueries/useMediaQueries.js');
|
|
17
17
|
require('react-responsive');
|
|
18
18
|
require('../utils/setViewportProperty.js');
|
|
19
|
-
require('../../
|
|
19
|
+
require('../../Tooltip_cjs_CaocDcQ5.js');
|
|
20
20
|
require('../hooks/useStyles/useStyles.js');
|
|
21
21
|
require('lodash/maxBy');
|
|
22
22
|
require('../hooks/useStyles/styleAttributes.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var useStyles = require('../hooks/useStyles/useStyles.js');
|
|
6
|
-
var Avatar = require('../../
|
|
6
|
+
var Avatar = require('../../Avatar_cjs_D84VawE9.js');
|
|
7
7
|
var Group = require('../../Group_cjs_Cwt0gWk4.js');
|
|
8
8
|
var Text = require('../../Text_cjs_DPhKj3wf.js');
|
|
9
9
|
require('react');
|
|
@@ -21,7 +21,7 @@ require('../utils/setViewportProperty.js');
|
|
|
21
21
|
require('../hooks/useStyles/styleAttributes.js');
|
|
22
22
|
require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
23
23
|
require('lodash/castArray');
|
|
24
|
-
require('../../
|
|
24
|
+
require('../../Tooltip_cjs_CaocDcQ5.js');
|
|
25
25
|
require('react-inlinesvg');
|
|
26
26
|
require('../../Link_cjs_DbRGq2Yk.js');
|
|
27
27
|
require('../../Image_cjs_CCWqbNn4.js');
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _default = require('@itcase/icons/default');
|
|
4
|
+
|
|
5
|
+
var breadcrumbsListMock = {
|
|
6
|
+
breadcrumbsList: [
|
|
7
|
+
{
|
|
8
|
+
id: '1',
|
|
9
|
+
key: 1,
|
|
10
|
+
text: 'Text 123',
|
|
11
|
+
href: '/',
|
|
12
|
+
icon: _default.icon16.Placeholder,
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
id: '2',
|
|
16
|
+
key: 2,
|
|
17
|
+
text: 'Text 123',
|
|
18
|
+
href: '/',
|
|
19
|
+
icon: _default.icon16.Placeholder,
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
id: '3',
|
|
23
|
+
key: 3,
|
|
24
|
+
text: 'Text 123',
|
|
25
|
+
href: '/',
|
|
26
|
+
icon: _default.icon16.Placeholder,
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
id: '4',
|
|
30
|
+
key: 4,
|
|
31
|
+
text: 'Text 123',
|
|
32
|
+
href: '/',
|
|
33
|
+
icon: _default.icon16.Placeholder,
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
id: '5',
|
|
37
|
+
key: 5,
|
|
38
|
+
text: 'Text 123',
|
|
39
|
+
href: '/',
|
|
40
|
+
icon: _default.icon16.Placeholder,
|
|
41
|
+
},
|
|
42
|
+
],
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
exports.breadcrumbsListMock = breadcrumbsListMock;
|