@itcase/ui 1.8.18 → 1.8.21
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_CiQ14ufF.js +240 -0
- package/dist/Avatar_es_No9vSqji.js +236 -0
- package/dist/{Button_cjs_DjCsrrlr.js → Button_cjs_CnStmeGt.js} +12 -4
- package/dist/{Button_es_CHDT0-8K.js → Button_es_BV1bepl1.js} +12 -4
- package/dist/{ChipsGroup_cjs_CTpMiyQb.js → ChipsGroup_cjs_CL00pWKy.js} +2 -2
- package/dist/{ChipsGroup_es_CP_xm25C.js → ChipsGroup_es_Ciln2otW.js} +2 -2
- package/dist/{DatePicker_cjs_DPtOL1eW.js → DatePicker_cjs_DGgkpGbI.js} +4 -4
- package/dist/{DatePicker_es_DCuzMD0T.js → DatePicker_es_BIOyGm22.js} +4 -4
- package/dist/{DropdownItem_cjs_DW0UXopm.js → DropdownItem_cjs_DT-zspEr.js} +15 -15
- package/dist/{DropdownItem_es_vuNthDPa.js → DropdownItem_es_BJLFqVuH.js} +15 -15
- package/dist/{Group_cjs_DFmNT5Mq.js → Group_cjs_Cwt0gWk4.js} +10 -3
- package/dist/{Group_es_CRGwi5XI.js → Group_es_CYW2Hquh.js} +10 -3
- package/dist/{Image_cjs_DuIBtUq5.js → Image_cjs_CCWqbNn4.js} +11 -3
- package/dist/{Image_es_CSzHhlA1.js → Image_es_DZUVp0FS.js} +11 -3
- package/dist/{Label_cjs_mw4pHZR1.js → Label_cjs_Cqcf6ffp.js} +2 -2
- package/dist/{Label_es_CiPEDFcR.js → Label_es_CeNdA70T.js} +2 -2
- package/dist/Link_cjs_BlXrJ15R.js +303 -0
- package/dist/Link_es_CyJn7NFb.js +298 -0
- package/dist/{Loader_cjs_DZbIy6Ko.js → Loader_cjs_3VRzFLI2.js} +14 -2
- package/dist/{Loader_es_SHdP0IkA.js → Loader_es_DEYowVdU.js} +14 -2
- package/dist/Text_cjs_DPhKj3wf.js +68 -0
- package/dist/{Text_es_D012qJ8s.js → Text_es_BRb3qqKM.js} +8 -3
- package/dist/{Tooltip_cjs_BKOjNMkt.js → Tooltip_cjs_Cq5kuaIK.js} +480 -17
- package/dist/{Tooltip_es_C7zstTA2.js → Tooltip_es_D0PSqI2c.js} +480 -17
- package/dist/cjs/components/Accordion.js +3 -3
- package/dist/cjs/components/Avatar.js +13 -236
- package/dist/cjs/components/AvatarStack.js +35 -0
- package/dist/cjs/components/Badge.js +3 -3
- package/dist/cjs/components/Breadcrumbs.js +3 -3
- package/dist/cjs/components/Button.js +5 -5
- package/dist/cjs/components/Cell.js +4 -4
- package/dist/cjs/components/Checkbox.js +1 -1
- package/dist/cjs/components/Chips.js +4 -4
- package/dist/cjs/components/Choice.js +6 -6
- package/dist/cjs/components/CookiesWarning.js +13 -6
- package/dist/cjs/components/DatePeriod.js +8 -8
- package/dist/cjs/components/DatePicker.js +7 -7
- package/dist/cjs/components/Drawer.js +26 -2
- package/dist/cjs/components/Dropdown.js +5 -2
- package/dist/cjs/components/Group.js +1 -1
- package/dist/cjs/components/Icon.js +3 -3
- package/dist/cjs/components/Image.js +2 -2
- package/dist/cjs/components/InputPassword.js +226 -46
- package/dist/cjs/components/Label.js +4 -4
- package/dist/cjs/components/Link.js +1 -1
- package/dist/cjs/components/List.js +1 -1
- package/dist/cjs/components/Loader.js +2 -2
- package/dist/cjs/components/Logo.js +1 -1
- package/dist/cjs/components/MenuItem.js +2 -2
- package/dist/cjs/components/Modal.js +6 -6
- package/dist/cjs/components/ModalSheetBottom.js +7 -0
- package/dist/cjs/components/Notification.js +1 -1
- package/dist/cjs/components/Pagination.js +11 -9
- package/dist/cjs/components/Panel.js +2 -2
- package/dist/cjs/components/Radio.js +1 -1
- package/dist/cjs/components/Response.js +227 -183
- package/dist/cjs/components/Search.js +126 -13
- package/dist/cjs/components/Segmented.js +1 -1
- package/dist/cjs/components/Select.js +4 -4
- package/dist/cjs/components/Swiper.js +3 -3
- package/dist/cjs/components/Switch.js +238 -3
- package/dist/cjs/components/Tab.js +3 -3
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Tile.js +240 -5
- package/dist/cjs/components/Title.js +3 -3
- package/dist/cjs/components/Tooltip.js +3 -3
- package/dist/components/Accordion.js +3 -3
- package/dist/components/Avatar.js +10 -237
- package/dist/components/AvatarStack.js +33 -0
- package/dist/components/Badge.js +3 -3
- package/dist/components/Breadcrumbs.js +3 -3
- package/dist/components/Button.js +5 -5
- package/dist/components/Cell.js +4 -4
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Chips.js +4 -4
- package/dist/components/Choice.js +6 -6
- package/dist/components/CookiesWarning.js +13 -7
- package/dist/components/DatePeriod.js +8 -8
- package/dist/components/DatePicker.js +7 -7
- package/dist/components/Drawer.js +26 -2
- package/dist/components/Dropdown.js +5 -2
- package/dist/components/Group.js +1 -1
- package/dist/components/Icon.js +3 -3
- package/dist/components/Image.js +2 -2
- package/dist/components/InputPassword.js +226 -45
- package/dist/components/Label.js +4 -4
- package/dist/components/Link.js +1 -1
- package/dist/components/List.js +1 -1
- package/dist/components/Loader.js +2 -2
- package/dist/components/Logo.js +1 -1
- package/dist/components/MenuItem.js +2 -2
- package/dist/components/Modal.js +6 -6
- package/dist/components/ModalSheetBottom.js +7 -1
- package/dist/components/Notification.js +1 -1
- package/dist/components/Pagination.js +11 -9
- package/dist/components/Panel.js +2 -2
- package/dist/components/Radio.js +1 -1
- package/dist/components/Response.js +227 -183
- package/dist/components/Search.js +126 -13
- package/dist/components/Segmented.js +1 -1
- package/dist/components/Select.js +4 -4
- package/dist/components/Swiper.js +3 -3
- package/dist/components/Switch.js +238 -3
- package/dist/components/Tab.js +3 -3
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +240 -5
- package/dist/components/Title.js +3 -3
- package/dist/components/Tooltip.js +3 -3
- package/dist/css/components/AvatarStack/AvatarStack.css +67 -0
- package/dist/css/components/Group/Group.css +6 -10
- package/dist/css/components/Icon/Icon.css +132 -8
- package/dist/css/components/Modal/Modal.css +20 -0
- package/dist/css/components/Text/Text.css +0 -9
- package/dist/css/styles/border-color/border-color_hover.css +6 -8
- package/dist/css/styles/fill/fill_active.css +19 -9
- package/dist/css/styles/fill/fill_active_hover.css +19 -0
- package/dist/css/styles/fill/fill_hover.css +19 -0
- package/dist/css/styles/text-color/text-color_active.css +17 -0
- package/dist/css/styles/text-color/text-color_active_hover.css +40 -0
- package/dist/stories/index.stories.js +49 -0
- package/dist/stories/useDevicePropsGenerator.mdx +76 -102
- package/dist/stories/useMediaQueries.mdx +32 -7
- package/dist/stories/useStyles.mdx +50 -2
- package/dist/types/components/AvatarStack/AvatarStack.d.ts +3 -0
- package/dist/types/components/AvatarStack/AvatarStack.interface.d.ts +9 -0
- package/dist/types/components/AvatarStack/index.d.ts +2 -0
- package/dist/types/components/Button/appearance/buttonDanger.d.ts +8 -0
- package/dist/types/components/CookiesWarning/CookiesWarning.appearance.d.ts +5 -0
- package/dist/types/components/CookiesWarning/index.d.ts +2 -1
- package/dist/types/components/Drawer/appearance/drawerSurface.d.ts +25 -0
- package/dist/types/components/Dropdown/appearance/dropdownAccent.d.ts +0 -6
- package/dist/types/components/Dropdown/appearance/dropdownSurface.d.ts +5 -0
- package/dist/types/components/InputPassword/InputPassword.appearance.d.ts +2 -3
- package/dist/types/components/InputPassword/InputPassword.interface.d.ts +4 -11
- package/dist/types/components/InputPassword/appearance/inputPasswordAccent.d.ts +20 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordDanger.d.ts +7 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordDisabled.d.ts +20 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordError.d.ts +11 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordInfo.d.ts +21 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordPrimary.d.ts +8 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordRequire.d.ts +20 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordSecondary.d.ts +8 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordSize.d.ts +59 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordStyle.d.ts +16 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordSuccess.d.ts +11 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordSurface.d.ts +25 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordWarning.d.ts +11 -0
- package/dist/types/components/InputPassword/index.d.ts +1 -1
- package/dist/types/components/Link/appearance/linkAccent.d.ts +20 -0
- package/dist/types/components/Link/appearance/linkDanger.d.ts +7 -0
- package/dist/types/components/Link/appearance/linkDisabled.d.ts +20 -0
- package/dist/types/components/Link/appearance/linkError.d.ts +11 -0
- package/dist/types/components/Link/appearance/linkInfo.d.ts +21 -0
- package/dist/types/components/Link/appearance/linkPrimary.d.ts +8 -0
- package/dist/types/components/Link/appearance/linkRequire.d.ts +20 -0
- package/dist/types/components/Link/appearance/linkSecondary.d.ts +8 -0
- package/dist/types/components/Link/appearance/linkSize.d.ts +59 -0
- package/dist/types/components/Link/appearance/linkStyle.d.ts +16 -0
- package/dist/types/components/Link/appearance/linkSuccess.d.ts +11 -0
- package/dist/types/components/Link/appearance/linkSurface.d.ts +25 -0
- package/dist/types/components/Link/appearance/linkWarning.d.ts +11 -0
- package/dist/types/components/Loader/Loader.appearance.d.ts +3 -2
- package/dist/types/components/Loader/Loader.interface.d.ts +16 -17
- package/dist/types/components/Loader/appearance/loaderSize.d.ts +12 -0
- package/dist/types/components/ModalSheetBottom/ModalSheetBottom.appearance.d.ts +5 -0
- package/dist/types/components/ModalSheetBottom/index.d.ts +1 -0
- package/dist/types/components/Pagination/appearance/paginationSize.d.ts +8 -0
- package/dist/types/components/Pagination/appearance/paginationSurface.d.ts +2 -0
- package/dist/types/components/Response/Response.appearance.d.ts +2 -2
- package/dist/types/components/Response/appearance/responseAccent.d.ts +20 -0
- package/dist/types/components/Response/appearance/responseDanger.d.ts +7 -0
- package/dist/types/components/Response/appearance/responseDisabled.d.ts +20 -0
- package/dist/types/components/Response/appearance/responseError.d.ts +11 -0
- package/dist/types/components/Response/appearance/responseInfo.d.ts +21 -0
- package/dist/types/components/Response/appearance/responsePrimary.d.ts +8 -0
- package/dist/types/components/Response/appearance/responseRequire.d.ts +20 -0
- package/dist/types/components/Response/appearance/responseSecondary.d.ts +8 -0
- package/dist/types/components/Response/appearance/responseSize.d.ts +59 -0
- package/dist/types/components/Response/appearance/responseStyle.d.ts +16 -0
- package/dist/types/components/Response/appearance/responseSuccess.d.ts +11 -0
- package/dist/types/components/Response/appearance/responseSurface.d.ts +25 -0
- package/dist/types/components/Response/appearance/responseWarning.d.ts +11 -0
- package/dist/types/components/Search/appearance/searchDefault.d.ts +24 -0
- package/dist/types/components/Search/appearance/searchDisabled.d.ts +20 -0
- package/dist/types/components/Search/appearance/searchError.d.ts +20 -0
- package/dist/types/components/Search/appearance/searchRequire.d.ts +20 -0
- package/dist/types/components/Search/appearance/searchSize.d.ts +18 -8
- package/dist/types/components/Search/appearance/searchSuccess.d.ts +20 -0
- package/dist/types/components/Switch/Switch.appearance.d.ts +1 -1
- package/dist/types/components/Switch/appearance/switchAccent.d.ts +20 -0
- package/dist/types/components/Switch/appearance/switchDanger.d.ts +7 -0
- package/dist/types/components/Switch/appearance/switchDisabled.d.ts +20 -0
- package/dist/types/components/Switch/appearance/switchError.d.ts +11 -0
- package/dist/types/components/Switch/appearance/switchInfo.d.ts +21 -0
- package/dist/types/components/Switch/appearance/switchPrimary.d.ts +8 -0
- package/dist/types/components/Switch/appearance/switchRequire.d.ts +20 -0
- package/dist/types/components/Switch/appearance/switchSecondary.d.ts +8 -0
- package/dist/types/components/Switch/appearance/switchSize.d.ts +59 -0
- package/dist/types/components/Switch/appearance/switchStyle.d.ts +16 -0
- package/dist/types/components/Switch/appearance/switchSuccess.d.ts +11 -0
- package/dist/types/components/Switch/appearance/switchSurface.d.ts +25 -0
- package/dist/types/components/Switch/appearance/switchWarning.d.ts +11 -0
- package/dist/types/components/Tile/appearance/tileAccent.d.ts +20 -0
- package/dist/types/components/Tile/appearance/tileDanger.d.ts +7 -0
- package/dist/types/components/Tile/appearance/tileDisabled.d.ts +20 -0
- package/dist/types/components/Tile/appearance/tileError.d.ts +11 -0
- package/dist/types/components/Tile/appearance/tileInfo.d.ts +21 -0
- package/dist/types/components/Tile/appearance/tilePrimary.d.ts +8 -0
- package/dist/types/components/Tile/appearance/tileRequire.d.ts +20 -0
- package/dist/types/components/Tile/appearance/tileSecondary.d.ts +8 -0
- package/dist/types/components/Tile/appearance/tileSize.d.ts +59 -0
- package/dist/types/components/Tile/appearance/tileStyle.d.ts +16 -0
- package/dist/types/components/Tile/appearance/tileSuccess.d.ts +11 -0
- package/dist/types/components/Tile/appearance/tileSurface.d.ts +25 -0
- package/dist/types/components/Tile/appearance/tileWarning.d.ts +11 -0
- package/dist/types/components/Title/Title.appearance.d.ts +2 -2
- package/dist/types/components/Title/Title.interface.d.ts +3 -3
- package/dist/types/components/Title/appearance/titleAccent.d.ts +20 -0
- package/dist/types/components/Title/appearance/titleDanger.d.ts +7 -0
- package/dist/types/components/Title/appearance/titleDisabled.d.ts +20 -0
- package/dist/types/components/Title/appearance/titleError.d.ts +11 -0
- package/dist/types/components/Title/appearance/titleInfo.d.ts +21 -0
- package/dist/types/components/Title/appearance/titlePrimary.d.ts +8 -0
- package/dist/types/components/Title/appearance/titleRequire.d.ts +20 -0
- package/dist/types/components/Title/appearance/titleSecondary.d.ts +8 -0
- package/dist/types/components/Title/appearance/titleSize.d.ts +59 -0
- package/dist/types/components/Title/appearance/titleStyle.d.ts +16 -0
- package/dist/types/components/Title/appearance/titleSuccess.d.ts +11 -0
- package/dist/types/components/Title/appearance/titleSurface.d.ts +25 -0
- package/dist/types/components/Title/appearance/titleWarning.d.ts +11 -0
- package/dist/types/components/Tooltip/Tooltip.appearance.d.ts +1 -1
- package/dist/types/components/Tooltip/appearance/tooltipAccent.d.ts +20 -0
- package/dist/types/components/Tooltip/appearance/tooltipDanger.d.ts +7 -0
- package/dist/types/components/Tooltip/appearance/tooltipDisabled.d.ts +20 -0
- package/dist/types/components/Tooltip/appearance/tooltipError.d.ts +11 -0
- package/dist/types/components/Tooltip/appearance/tooltipInfo.d.ts +21 -0
- package/dist/types/components/Tooltip/appearance/tooltipPrimary.d.ts +8 -0
- package/dist/types/components/Tooltip/appearance/tooltipRequire.d.ts +20 -0
- package/dist/types/components/Tooltip/appearance/tooltipSecondary.d.ts +8 -0
- package/dist/types/components/Tooltip/appearance/tooltipSize.d.ts +59 -0
- package/dist/types/components/Tooltip/appearance/tooltipStyle.d.ts +16 -0
- package/dist/types/components/Tooltip/appearance/tooltipSuccess.d.ts +11 -0
- package/dist/types/components/Tooltip/appearance/tooltipSurface.d.ts +25 -0
- package/dist/types/components/Tooltip/appearance/tooltipWarning.d.ts +11 -0
- package/package.json +11 -11
- package/dist/Link_cjs_yht44xJv.js +0 -68
- package/dist/Link_es_DkW06IM-.js +0 -63
- package/dist/Text_cjs_iL1l_7V1.js +0 -63
- package/dist/stories/Pagination.mdx +0 -11
- package/dist/stories/Tile.mdx +0 -11
|
@@ -0,0 +1,240 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var clsx = require('clsx');
|
|
7
|
+
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
8
|
+
var Tooltip = require('./Tooltip_cjs_Cq5kuaIK.js');
|
|
9
|
+
var Image = require('./Image_cjs_CCWqbNn4.js');
|
|
10
|
+
var Text = require('./Text_cjs_DPhKj3wf.js');
|
|
11
|
+
|
|
12
|
+
var avatarAppearanceAccent = {
|
|
13
|
+
accent: {
|
|
14
|
+
fill: 'accentPrimary',
|
|
15
|
+
fillHover: 'accentPrimaryHover',
|
|
16
|
+
},
|
|
17
|
+
accentPrimary: {
|
|
18
|
+
fill: 'accentPrimary',
|
|
19
|
+
fillHover: 'accentPrimaryHover',
|
|
20
|
+
borderColor: 'accentBorderPrimary',
|
|
21
|
+
},
|
|
22
|
+
accentSecondary: {
|
|
23
|
+
fill: 'accentPrimary',
|
|
24
|
+
fillHover: 'accentPrimaryHover',
|
|
25
|
+
borderColor: 'accentBorderPrimary',
|
|
26
|
+
textColor: 'accentTextSecondary',
|
|
27
|
+
textColorHover: 'accentTextSecondary',
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
var avatarAppearanceDanger = {
|
|
32
|
+
danger: {
|
|
33
|
+
fill: 'dangerPrimary',
|
|
34
|
+
fillHover: 'dangerPrimaryHover',
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
var avatarAppearanceError = {
|
|
39
|
+
error: {
|
|
40
|
+
fill: 'errorPrimary',
|
|
41
|
+
fillHover: 'errorPrimaryHover',
|
|
42
|
+
textColor: 'errorTextPrimary',
|
|
43
|
+
textColorHover: 'errorTextPrimary',
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
var avatarAppearanceInfo = {
|
|
48
|
+
info: {
|
|
49
|
+
fill: 'accentPrimary',
|
|
50
|
+
fillHover: 'accentPrimaryHover',
|
|
51
|
+
borderColor: 'accentBorderPrimary',
|
|
52
|
+
textColor: 'accentTextPrimary',
|
|
53
|
+
textColorHover: 'accentTextPrimary',
|
|
54
|
+
},
|
|
55
|
+
infoSecondary: {
|
|
56
|
+
fill: 'accentPrimary',
|
|
57
|
+
fillHover: 'accentPrimaryHover',
|
|
58
|
+
borderColor: 'accentBorderPrimary',
|
|
59
|
+
textColor: 'accentTextSecondary',
|
|
60
|
+
textColorHover: 'accentTextSecondary',
|
|
61
|
+
},
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
var avatarAppearancePrimary = {
|
|
65
|
+
primary: {
|
|
66
|
+
fill: 'primaryPrimary',
|
|
67
|
+
fillHover: 'primaryPrimaryHover',
|
|
68
|
+
textColor: 'primaryTextPrimary',
|
|
69
|
+
},
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
var avatarAppearanceSecondary = {
|
|
73
|
+
secondary: {
|
|
74
|
+
fill: 'secondaryPrimary',
|
|
75
|
+
fillHover: 'secondaryPrimaryHover',
|
|
76
|
+
textColor: 'secondaryTextPrimary',
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
var avatarAppearanceSize = {
|
|
81
|
+
size16: {
|
|
82
|
+
size: '16',
|
|
83
|
+
textSize: 'xxl',
|
|
84
|
+
iconAfterFillSize: '12',
|
|
85
|
+
iconAfterSize: '12',
|
|
86
|
+
iconBeforeFillSize: '12',
|
|
87
|
+
iconBeforeSize: '12',
|
|
88
|
+
},
|
|
89
|
+
size20: {
|
|
90
|
+
size: '20',
|
|
91
|
+
textSize: 'xxl',
|
|
92
|
+
iconAfterFillSize: '12',
|
|
93
|
+
iconAfterSize: '12',
|
|
94
|
+
iconBeforeFillSize: '12',
|
|
95
|
+
iconBeforeSize: '12',
|
|
96
|
+
},
|
|
97
|
+
size24: {
|
|
98
|
+
size: '24',
|
|
99
|
+
textSize: 'l',
|
|
100
|
+
iconAfterFillSize: '12',
|
|
101
|
+
iconAfterSize: '12',
|
|
102
|
+
iconBeforeFillSize: '12',
|
|
103
|
+
iconBeforeSize: '12',
|
|
104
|
+
},
|
|
105
|
+
size32: {
|
|
106
|
+
size: '32',
|
|
107
|
+
textSize: 'l',
|
|
108
|
+
iconAfterFillSize: '12',
|
|
109
|
+
iconAfterSize: '12',
|
|
110
|
+
iconBeforeFillSize: '12',
|
|
111
|
+
iconBeforeSize: '12',
|
|
112
|
+
},
|
|
113
|
+
size40: {
|
|
114
|
+
size: '40',
|
|
115
|
+
textSize: 'l',
|
|
116
|
+
iconAfterFillSize: '12',
|
|
117
|
+
iconAfterSize: '12',
|
|
118
|
+
iconBeforeFillSize: '12',
|
|
119
|
+
iconBeforeSize: '12',
|
|
120
|
+
},
|
|
121
|
+
size56: {
|
|
122
|
+
size: '56',
|
|
123
|
+
textSize: 'xxl',
|
|
124
|
+
iconAfterFillSize: '16',
|
|
125
|
+
iconAfterSize: '16',
|
|
126
|
+
iconBeforeFillSize: '16',
|
|
127
|
+
iconBeforeSize: '16',
|
|
128
|
+
},
|
|
129
|
+
size96: {
|
|
130
|
+
size: '96',
|
|
131
|
+
textSize: 'xxl',
|
|
132
|
+
iconAfterFillSize: '32',
|
|
133
|
+
iconAfterSize: '32',
|
|
134
|
+
iconBeforeFillSize: '32',
|
|
135
|
+
iconBeforeSize: '32',
|
|
136
|
+
},
|
|
137
|
+
size144: {
|
|
138
|
+
size: '144',
|
|
139
|
+
textSize: '1xxl',
|
|
140
|
+
iconAfterFillSize: '40',
|
|
141
|
+
iconAfterSize: '40',
|
|
142
|
+
iconBeforeFillSize: '40',
|
|
143
|
+
iconBeforeSize: '40',
|
|
144
|
+
},
|
|
145
|
+
size240: {
|
|
146
|
+
size: '240',
|
|
147
|
+
textSize: '2xxl',
|
|
148
|
+
iconAfterFillSize: '40',
|
|
149
|
+
iconAfterSize: '40',
|
|
150
|
+
iconBeforeFillSize: '40',
|
|
151
|
+
iconBeforeSize: '40',
|
|
152
|
+
},
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
var avatarAppearanceStyle = {
|
|
156
|
+
full: {
|
|
157
|
+
borderColor: '0',
|
|
158
|
+
},
|
|
159
|
+
ghost: {
|
|
160
|
+
fill: 'none',
|
|
161
|
+
borderColor: '0',
|
|
162
|
+
},
|
|
163
|
+
outlined: {
|
|
164
|
+
fill: 'none',
|
|
165
|
+
},
|
|
166
|
+
solid: {
|
|
167
|
+
borderColor: '0',
|
|
168
|
+
},
|
|
169
|
+
};
|
|
170
|
+
|
|
171
|
+
var avatarAppearanceSuccess = {
|
|
172
|
+
success: {
|
|
173
|
+
fill: 'successPrimary',
|
|
174
|
+
fillHover: 'successPrimaryHover',
|
|
175
|
+
textColorPropsColor: 'successTextSecondary',
|
|
176
|
+
textColorPropsColorHover: 'successTextSecondary',
|
|
177
|
+
},
|
|
178
|
+
};
|
|
179
|
+
|
|
180
|
+
var avatarAppearanceSurface = {
|
|
181
|
+
surfacePrimary: {
|
|
182
|
+
fill: 'surfacePrimary',
|
|
183
|
+
fillHover: 'surfacePrimaryHover',
|
|
184
|
+
textColor: 'surfaceTextPrimary',
|
|
185
|
+
},
|
|
186
|
+
surfaceQuaternary: {
|
|
187
|
+
fill: 'surfaceQuaternary',
|
|
188
|
+
fillHover: 'surfaceQuaternaryHover',
|
|
189
|
+
textColor: 'surfaceTextPrimary',
|
|
190
|
+
},
|
|
191
|
+
surfaceSecondary: {
|
|
192
|
+
fill: 'surfaceSecondary',
|
|
193
|
+
fillHover: 'surfaceSecondaryHover',
|
|
194
|
+
textColor: 'surfaceTextPrimary',
|
|
195
|
+
loaderFill: 'surfaceSecondary',
|
|
196
|
+
loaderItemFill: 'surfaceItemPrimary',
|
|
197
|
+
},
|
|
198
|
+
surfaceTertiary: {
|
|
199
|
+
fill: 'surfaceTertiary',
|
|
200
|
+
fillHover: 'surfaceTertiaryHover',
|
|
201
|
+
textColor: 'surfaceTextPrimary',
|
|
202
|
+
},
|
|
203
|
+
};
|
|
204
|
+
|
|
205
|
+
var avatarAppearanceWarning = {
|
|
206
|
+
warning: {
|
|
207
|
+
fill: 'warningPrimary',
|
|
208
|
+
fillHover: 'warningPrimaryHover',
|
|
209
|
+
textColor: 'warningTextSecondary',
|
|
210
|
+
textColorHover: 'warningTextSecondary',
|
|
211
|
+
},
|
|
212
|
+
};
|
|
213
|
+
|
|
214
|
+
var avatarAppearance = 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({}, avatarAppearanceSize), avatarAppearanceStyle), avatarAppearanceAccent), avatarAppearanceDanger), avatarAppearanceError), avatarAppearanceInfo), avatarAppearancePrimary), avatarAppearanceSecondary), avatarAppearanceSuccess), avatarAppearanceSurface), avatarAppearanceWarning);
|
|
215
|
+
|
|
216
|
+
var avatarConfig = {
|
|
217
|
+
appearance: avatarAppearance,
|
|
218
|
+
setAppearance: function (appearanceConfig) {
|
|
219
|
+
avatarConfig.appearance = appearanceConfig;
|
|
220
|
+
},
|
|
221
|
+
};
|
|
222
|
+
function Avatar(props) {
|
|
223
|
+
var className = props.className, type = props.type, appearance = props.appearance, src = props.src, count = props.count, Dot = props.Dot, _a = props.firstName, firstName = _a === void 0 ? '' : _a, _b = props.secondName, secondName = _b === void 0 ? '' : _b, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
|
|
224
|
+
var avatarChars = React.useMemo(function () {
|
|
225
|
+
var firstChar = ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || '').toUpperCase();
|
|
226
|
+
var secondChar = ((secondName === null || secondName === void 0 ? void 0 : secondName[0]) || '').toUpperCase();
|
|
227
|
+
return "".concat(firstChar).concat(secondChar);
|
|
228
|
+
}, [firstName, secondName]);
|
|
229
|
+
var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
|
|
230
|
+
var _a;
|
|
231
|
+
return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = avatarConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
|
|
232
|
+
}, {});
|
|
233
|
+
var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
|
|
234
|
+
var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
|
|
235
|
+
return (jsxRuntime.jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), size && "avatar_size_".concat(sizeClass), type && "avatar_type_".concat(type), Dot && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsxRuntime.jsx(Image.Image, { className: "avatar__image", src: src, placeholderUrl: placeholderUrl })) : (jsxRuntime.jsx(Text.Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), Dot, after] }) }));
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
exports.Avatar = Avatar;
|
|
239
|
+
exports.avatarAppearance = avatarAppearance;
|
|
240
|
+
exports.avatarConfig = avatarConfig;
|
|
@@ -0,0 +1,236 @@
|
|
|
1
|
+
import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
|
+
import { I as Icon } from './Tooltip_es_D0PSqI2c.js';
|
|
7
|
+
import { I as Image } from './Image_es_DZUVp0FS.js';
|
|
8
|
+
import { T as Text } from './Text_es_BRb3qqKM.js';
|
|
9
|
+
|
|
10
|
+
var avatarAppearanceAccent = {
|
|
11
|
+
accent: {
|
|
12
|
+
fill: 'accentPrimary',
|
|
13
|
+
fillHover: 'accentPrimaryHover',
|
|
14
|
+
},
|
|
15
|
+
accentPrimary: {
|
|
16
|
+
fill: 'accentPrimary',
|
|
17
|
+
fillHover: 'accentPrimaryHover',
|
|
18
|
+
borderColor: 'accentBorderPrimary',
|
|
19
|
+
},
|
|
20
|
+
accentSecondary: {
|
|
21
|
+
fill: 'accentPrimary',
|
|
22
|
+
fillHover: 'accentPrimaryHover',
|
|
23
|
+
borderColor: 'accentBorderPrimary',
|
|
24
|
+
textColor: 'accentTextSecondary',
|
|
25
|
+
textColorHover: 'accentTextSecondary',
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
var avatarAppearanceDanger = {
|
|
30
|
+
danger: {
|
|
31
|
+
fill: 'dangerPrimary',
|
|
32
|
+
fillHover: 'dangerPrimaryHover',
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
var avatarAppearanceError = {
|
|
37
|
+
error: {
|
|
38
|
+
fill: 'errorPrimary',
|
|
39
|
+
fillHover: 'errorPrimaryHover',
|
|
40
|
+
textColor: 'errorTextPrimary',
|
|
41
|
+
textColorHover: 'errorTextPrimary',
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
var avatarAppearanceInfo = {
|
|
46
|
+
info: {
|
|
47
|
+
fill: 'accentPrimary',
|
|
48
|
+
fillHover: 'accentPrimaryHover',
|
|
49
|
+
borderColor: 'accentBorderPrimary',
|
|
50
|
+
textColor: 'accentTextPrimary',
|
|
51
|
+
textColorHover: 'accentTextPrimary',
|
|
52
|
+
},
|
|
53
|
+
infoSecondary: {
|
|
54
|
+
fill: 'accentPrimary',
|
|
55
|
+
fillHover: 'accentPrimaryHover',
|
|
56
|
+
borderColor: 'accentBorderPrimary',
|
|
57
|
+
textColor: 'accentTextSecondary',
|
|
58
|
+
textColorHover: 'accentTextSecondary',
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
var avatarAppearancePrimary = {
|
|
63
|
+
primary: {
|
|
64
|
+
fill: 'primaryPrimary',
|
|
65
|
+
fillHover: 'primaryPrimaryHover',
|
|
66
|
+
textColor: 'primaryTextPrimary',
|
|
67
|
+
},
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
var avatarAppearanceSecondary = {
|
|
71
|
+
secondary: {
|
|
72
|
+
fill: 'secondaryPrimary',
|
|
73
|
+
fillHover: 'secondaryPrimaryHover',
|
|
74
|
+
textColor: 'secondaryTextPrimary',
|
|
75
|
+
},
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
var avatarAppearanceSize = {
|
|
79
|
+
size16: {
|
|
80
|
+
size: '16',
|
|
81
|
+
textSize: 'xxl',
|
|
82
|
+
iconAfterFillSize: '12',
|
|
83
|
+
iconAfterSize: '12',
|
|
84
|
+
iconBeforeFillSize: '12',
|
|
85
|
+
iconBeforeSize: '12',
|
|
86
|
+
},
|
|
87
|
+
size20: {
|
|
88
|
+
size: '20',
|
|
89
|
+
textSize: 'xxl',
|
|
90
|
+
iconAfterFillSize: '12',
|
|
91
|
+
iconAfterSize: '12',
|
|
92
|
+
iconBeforeFillSize: '12',
|
|
93
|
+
iconBeforeSize: '12',
|
|
94
|
+
},
|
|
95
|
+
size24: {
|
|
96
|
+
size: '24',
|
|
97
|
+
textSize: 'l',
|
|
98
|
+
iconAfterFillSize: '12',
|
|
99
|
+
iconAfterSize: '12',
|
|
100
|
+
iconBeforeFillSize: '12',
|
|
101
|
+
iconBeforeSize: '12',
|
|
102
|
+
},
|
|
103
|
+
size32: {
|
|
104
|
+
size: '32',
|
|
105
|
+
textSize: 'l',
|
|
106
|
+
iconAfterFillSize: '12',
|
|
107
|
+
iconAfterSize: '12',
|
|
108
|
+
iconBeforeFillSize: '12',
|
|
109
|
+
iconBeforeSize: '12',
|
|
110
|
+
},
|
|
111
|
+
size40: {
|
|
112
|
+
size: '40',
|
|
113
|
+
textSize: 'l',
|
|
114
|
+
iconAfterFillSize: '12',
|
|
115
|
+
iconAfterSize: '12',
|
|
116
|
+
iconBeforeFillSize: '12',
|
|
117
|
+
iconBeforeSize: '12',
|
|
118
|
+
},
|
|
119
|
+
size56: {
|
|
120
|
+
size: '56',
|
|
121
|
+
textSize: 'xxl',
|
|
122
|
+
iconAfterFillSize: '16',
|
|
123
|
+
iconAfterSize: '16',
|
|
124
|
+
iconBeforeFillSize: '16',
|
|
125
|
+
iconBeforeSize: '16',
|
|
126
|
+
},
|
|
127
|
+
size96: {
|
|
128
|
+
size: '96',
|
|
129
|
+
textSize: 'xxl',
|
|
130
|
+
iconAfterFillSize: '32',
|
|
131
|
+
iconAfterSize: '32',
|
|
132
|
+
iconBeforeFillSize: '32',
|
|
133
|
+
iconBeforeSize: '32',
|
|
134
|
+
},
|
|
135
|
+
size144: {
|
|
136
|
+
size: '144',
|
|
137
|
+
textSize: '1xxl',
|
|
138
|
+
iconAfterFillSize: '40',
|
|
139
|
+
iconAfterSize: '40',
|
|
140
|
+
iconBeforeFillSize: '40',
|
|
141
|
+
iconBeforeSize: '40',
|
|
142
|
+
},
|
|
143
|
+
size240: {
|
|
144
|
+
size: '240',
|
|
145
|
+
textSize: '2xxl',
|
|
146
|
+
iconAfterFillSize: '40',
|
|
147
|
+
iconAfterSize: '40',
|
|
148
|
+
iconBeforeFillSize: '40',
|
|
149
|
+
iconBeforeSize: '40',
|
|
150
|
+
},
|
|
151
|
+
};
|
|
152
|
+
|
|
153
|
+
var avatarAppearanceStyle = {
|
|
154
|
+
full: {
|
|
155
|
+
borderColor: '0',
|
|
156
|
+
},
|
|
157
|
+
ghost: {
|
|
158
|
+
fill: 'none',
|
|
159
|
+
borderColor: '0',
|
|
160
|
+
},
|
|
161
|
+
outlined: {
|
|
162
|
+
fill: 'none',
|
|
163
|
+
},
|
|
164
|
+
solid: {
|
|
165
|
+
borderColor: '0',
|
|
166
|
+
},
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
var avatarAppearanceSuccess = {
|
|
170
|
+
success: {
|
|
171
|
+
fill: 'successPrimary',
|
|
172
|
+
fillHover: 'successPrimaryHover',
|
|
173
|
+
textColorPropsColor: 'successTextSecondary',
|
|
174
|
+
textColorPropsColorHover: 'successTextSecondary',
|
|
175
|
+
},
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
var avatarAppearanceSurface = {
|
|
179
|
+
surfacePrimary: {
|
|
180
|
+
fill: 'surfacePrimary',
|
|
181
|
+
fillHover: 'surfacePrimaryHover',
|
|
182
|
+
textColor: 'surfaceTextPrimary',
|
|
183
|
+
},
|
|
184
|
+
surfaceQuaternary: {
|
|
185
|
+
fill: 'surfaceQuaternary',
|
|
186
|
+
fillHover: 'surfaceQuaternaryHover',
|
|
187
|
+
textColor: 'surfaceTextPrimary',
|
|
188
|
+
},
|
|
189
|
+
surfaceSecondary: {
|
|
190
|
+
fill: 'surfaceSecondary',
|
|
191
|
+
fillHover: 'surfaceSecondaryHover',
|
|
192
|
+
textColor: 'surfaceTextPrimary',
|
|
193
|
+
loaderFill: 'surfaceSecondary',
|
|
194
|
+
loaderItemFill: 'surfaceItemPrimary',
|
|
195
|
+
},
|
|
196
|
+
surfaceTertiary: {
|
|
197
|
+
fill: 'surfaceTertiary',
|
|
198
|
+
fillHover: 'surfaceTertiaryHover',
|
|
199
|
+
textColor: 'surfaceTextPrimary',
|
|
200
|
+
},
|
|
201
|
+
};
|
|
202
|
+
|
|
203
|
+
var avatarAppearanceWarning = {
|
|
204
|
+
warning: {
|
|
205
|
+
fill: 'warningPrimary',
|
|
206
|
+
fillHover: 'warningPrimaryHover',
|
|
207
|
+
textColor: 'warningTextSecondary',
|
|
208
|
+
textColorHover: 'warningTextSecondary',
|
|
209
|
+
},
|
|
210
|
+
};
|
|
211
|
+
|
|
212
|
+
var avatarAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, avatarAppearanceSize), avatarAppearanceStyle), avatarAppearanceAccent), avatarAppearanceDanger), avatarAppearanceError), avatarAppearanceInfo), avatarAppearancePrimary), avatarAppearanceSecondary), avatarAppearanceSuccess), avatarAppearanceSurface), avatarAppearanceWarning);
|
|
213
|
+
|
|
214
|
+
var avatarConfig = {
|
|
215
|
+
appearance: avatarAppearance,
|
|
216
|
+
setAppearance: function (appearanceConfig) {
|
|
217
|
+
avatarConfig.appearance = appearanceConfig;
|
|
218
|
+
},
|
|
219
|
+
};
|
|
220
|
+
function Avatar(props) {
|
|
221
|
+
var className = props.className, type = props.type, appearance = props.appearance, src = props.src, count = props.count, Dot = props.Dot, _a = props.firstName, firstName = _a === void 0 ? '' : _a, _b = props.secondName, secondName = _b === void 0 ? '' : _b, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
|
|
222
|
+
var avatarChars = useMemo(function () {
|
|
223
|
+
var firstChar = ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || '').toUpperCase();
|
|
224
|
+
var secondChar = ((secondName === null || secondName === void 0 ? void 0 : secondName[0]) || '').toUpperCase();
|
|
225
|
+
return "".concat(firstChar).concat(secondChar);
|
|
226
|
+
}, [firstName, secondName]);
|
|
227
|
+
var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
|
|
228
|
+
var _a;
|
|
229
|
+
return (__assign(__assign({}, resultConfig), (_a = avatarConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
|
|
230
|
+
}, {});
|
|
231
|
+
var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
232
|
+
var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
|
|
233
|
+
return (jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), size && "avatar_size_".concat(sizeClass), type && "avatar_type_".concat(type), Dot && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsx(Image, { className: "avatar__image", src: src, placeholderUrl: placeholderUrl })) : (jsx(Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), Dot, after] }) }));
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
export { Avatar as A, avatarConfig as a, avatarAppearance as b };
|
|
@@ -4,10 +4,10 @@ var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var clsx = require('clsx');
|
|
7
|
-
var Tooltip = require('./
|
|
8
|
-
var Link = require('./
|
|
9
|
-
var Loader = require('./
|
|
10
|
-
var Text = require('./
|
|
7
|
+
var Tooltip = require('./Tooltip_cjs_Cq5kuaIK.js');
|
|
8
|
+
var Link = require('./Link_cjs_BlXrJ15R.js');
|
|
9
|
+
var Loader = require('./Loader_cjs_3VRzFLI2.js');
|
|
10
|
+
var Text = require('./Text_cjs_DPhKj3wf.js');
|
|
11
11
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
12
12
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
13
13
|
|
|
@@ -54,6 +54,14 @@ var buttonAppearanceDanger = {
|
|
|
54
54
|
loaderFill: 'dangerPrimary',
|
|
55
55
|
loaderItemFill: 'dangerItemPrimary',
|
|
56
56
|
},
|
|
57
|
+
dangerPrimary: {
|
|
58
|
+
fill: 'dangerPrimary',
|
|
59
|
+
fillHover: 'dangerHover',
|
|
60
|
+
labelTextColor: 'dangerTextPrimary',
|
|
61
|
+
labelTextColorHover: 'dangerTextPrimary',
|
|
62
|
+
loaderFill: 'dangerPrimary',
|
|
63
|
+
loaderItemFill: 'dangerItemPrimary',
|
|
64
|
+
},
|
|
57
65
|
};
|
|
58
66
|
|
|
59
67
|
var buttonAppearanceError = {
|
|
@@ -2,10 +2,10 @@ import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
|
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
|
-
import { I as Icon } from './
|
|
6
|
-
import { a as LinkWrapper } from './
|
|
7
|
-
import { L as Loader } from './
|
|
8
|
-
import { T as Text } from './
|
|
5
|
+
import { I as Icon } from './Tooltip_es_D0PSqI2c.js';
|
|
6
|
+
import { a as LinkWrapper } from './Link_es_CyJn7NFb.js';
|
|
7
|
+
import { L as Loader } from './Loader_es_DEYowVdU.js';
|
|
8
|
+
import { T as Text } from './Text_es_BRb3qqKM.js';
|
|
9
9
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
10
10
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
11
11
|
|
|
@@ -52,6 +52,14 @@ var buttonAppearanceDanger = {
|
|
|
52
52
|
loaderFill: 'dangerPrimary',
|
|
53
53
|
loaderItemFill: 'dangerItemPrimary',
|
|
54
54
|
},
|
|
55
|
+
dangerPrimary: {
|
|
56
|
+
fill: 'dangerPrimary',
|
|
57
|
+
fillHover: 'dangerHover',
|
|
58
|
+
labelTextColor: 'dangerTextPrimary',
|
|
59
|
+
labelTextColorHover: 'dangerTextPrimary',
|
|
60
|
+
loaderFill: 'dangerPrimary',
|
|
61
|
+
loaderItemFill: 'dangerItemPrimary',
|
|
62
|
+
},
|
|
55
63
|
};
|
|
56
64
|
|
|
57
65
|
var buttonAppearanceError = {
|
|
@@ -6,8 +6,8 @@ var React = require('react');
|
|
|
6
6
|
var clsx = require('clsx');
|
|
7
7
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
8
8
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
9
|
-
var Tooltip = require('./
|
|
10
|
-
var Text = require('./
|
|
9
|
+
var Tooltip = require('./Tooltip_cjs_Cq5kuaIK.js');
|
|
10
|
+
var Text = require('./Text_cjs_DPhKj3wf.js');
|
|
11
11
|
|
|
12
12
|
var chipsAppearanceAccent = {
|
|
13
13
|
accent: {
|
|
@@ -4,8 +4,8 @@ import { useMemo } from 'react';
|
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
6
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
7
|
-
import { I as Icon, B as Badge } from './
|
|
8
|
-
import { T as Text } from './
|
|
7
|
+
import { I as Icon, B as Badge } from './Tooltip_es_D0PSqI2c.js';
|
|
8
|
+
import { T as Text } from './Text_es_BRb3qqKM.js';
|
|
9
9
|
|
|
10
10
|
var chipsAppearanceAccent = {
|
|
11
11
|
accent: {
|
|
@@ -8,11 +8,11 @@ var locale = require('date-fns/locale');
|
|
|
8
8
|
var DatePicker = require('react-datepicker');
|
|
9
9
|
var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
|
|
10
10
|
var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
|
|
11
|
-
var Button = require('./
|
|
12
|
-
var Tooltip = require('./
|
|
11
|
+
var Button = require('./Button_cjs_CnStmeGt.js');
|
|
12
|
+
var Tooltip = require('./Tooltip_cjs_Cq5kuaIK.js');
|
|
13
13
|
var Input = require('./Input_cjs_BAVggtkk.js');
|
|
14
|
-
var Label = require('./
|
|
15
|
-
var Text = require('./
|
|
14
|
+
var Label = require('./Label_cjs_Cqcf6ffp.js');
|
|
15
|
+
var Text = require('./Text_cjs_DPhKj3wf.js');
|
|
16
16
|
var _default = require('@itcase/icons/default');
|
|
17
17
|
|
|
18
18
|
var datePickerSize = {
|
|
@@ -6,11 +6,11 @@ import { ru } from 'date-fns/locale';
|
|
|
6
6
|
import DatePicker from 'react-datepicker';
|
|
7
7
|
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
8
8
|
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
9
|
-
import { B as Button } from './
|
|
10
|
-
import { I as Icon } from './
|
|
9
|
+
import { B as Button } from './Button_es_BV1bepl1.js';
|
|
10
|
+
import { I as Icon } from './Tooltip_es_D0PSqI2c.js';
|
|
11
11
|
import { I as Input } from './Input_es_CNduH28G.js';
|
|
12
|
-
import { L as Label } from './
|
|
13
|
-
import { T as Text } from './
|
|
12
|
+
import { L as Label } from './Label_es_CeNdA70T.js';
|
|
13
|
+
import { T as Text } from './Text_es_BRb3qqKM.js';
|
|
14
14
|
import { icon14 } from '@itcase/icons/default';
|
|
15
15
|
|
|
16
16
|
var datePickerSize = {
|