@kubit-ui-web/react-components 1.8.2 → 1.9.0
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/button/buttonStandAlone.js +1 -1
- package/dist/cjs/components/button/buttonStandAlone.js.map +1 -1
- package/dist/cjs/components/carousel/carouselStandAlone.js +1 -1
- package/dist/cjs/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/cjs/components/drawer/drawerControlled.js +1 -6
- package/dist/cjs/components/drawer/drawerControlled.js.map +1 -1
- package/dist/cjs/components/grid/grid.styled.js +5 -1
- package/dist/cjs/components/grid/grid.styled.js.map +1 -1
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/cjs/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/cjs/components/layout/layout.js +3 -1
- package/dist/cjs/components/layout/layout.js.map +1 -1
- package/dist/cjs/components/layout/layoutStandAlone.js +2 -2
- package/dist/cjs/components/layout/layoutStandAlone.js.map +1 -1
- package/dist/cjs/components/layout/types/layout.js.map +1 -1
- package/dist/cjs/components/layout/types/layoutTheme.js.map +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButton.styled.js +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButton.styled.js.map +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js +1 -1
- package/dist/cjs/components/pill/pillControlled.js +3 -0
- package/dist/cjs/components/pill/pillControlled.js.map +1 -1
- package/dist/cjs/components/pill/pillUnControlled.js +3 -0
- package/dist/cjs/components/pill/pillUnControlled.js.map +1 -1
- package/dist/cjs/components/pillV2/index.js +10 -0
- package/dist/cjs/components/pillV2/index.js.map +1 -0
- package/dist/cjs/components/pillV2/pill.js +48 -0
- package/dist/cjs/components/pillV2/pill.js.map +1 -0
- package/dist/cjs/components/pillV2/pill.styled.js +20 -0
- package/dist/cjs/components/pillV2/pill.styled.js.map +1 -0
- package/dist/cjs/components/pillV2/pillStandAlone.js +44 -0
- package/dist/cjs/components/pillV2/pillStandAlone.js.map +1 -0
- package/dist/cjs/components/pillV2/types/index.js +21 -0
- package/dist/cjs/components/pillV2/types/index.js.map +1 -0
- package/dist/cjs/components/pillV2/types/pill.js +3 -0
- package/dist/cjs/components/pillV2/types/pill.js.map +1 -0
- package/dist/cjs/components/pillV2/types/pillStateType.js +11 -0
- package/dist/cjs/components/pillV2/types/pillStateType.js.map +1 -0
- package/dist/cjs/components/pillV2/types/pillTheme.js +3 -0
- package/dist/cjs/components/pillV2/types/pillTheme.js.map +1 -0
- package/dist/cjs/components/pillV2/types/pillType.js +11 -0
- package/dist/cjs/components/pillV2/types/pillType.js.map +1 -0
- package/dist/cjs/components/pillV2/utils/index.js +18 -0
- package/dist/cjs/components/pillV2/utils/index.js.map +1 -0
- package/dist/cjs/components/pillV2/utils/state.js +18 -0
- package/dist/cjs/components/pillV2/utils/state.js.map +1 -0
- package/dist/cjs/components/table/component/table.js +3 -1
- package/dist/cjs/components/table/component/table.js.map +1 -1
- package/dist/cjs/components/table/table.styled.js +9 -1
- package/dist/cjs/components/table/table.styled.js.map +1 -1
- package/dist/cjs/components/text/text.styled.js +1 -0
- package/dist/cjs/components/text/text.styled.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/cjs/components/validationStatus/validationStatusStandAlone.js +1 -1
- package/dist/cjs/components/validationStatus/validationStatusStandAlone.js.map +1 -1
- package/dist/cjs/constants/stylesName.js +1 -0
- package/dist/cjs/constants/stylesName.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/pillV2/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/pillV2/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/pillV2/styles.js +296 -0
- package/dist/cjs/designSystem/kubit/components/pillV2/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/pillV2/variants.js +14 -0
- package/dist/cjs/designSystem/kubit/components/pillV2/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/table/styles.js +4 -4
- package/dist/cjs/designSystem/kubit/components/variants.js +1 -0
- package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/components/button/buttonStandAlone.js +1 -1
- package/dist/esm/components/button/buttonStandAlone.js.map +1 -1
- package/dist/esm/components/button/types/button.d.ts +1 -0
- package/dist/esm/components/carousel/carouselStandAlone.js +1 -1
- package/dist/esm/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/esm/components/carousel/types/carousel.d.ts +3 -2
- package/dist/esm/components/drawer/drawerControlled.js +1 -6
- package/dist/esm/components/drawer/drawerControlled.js.map +1 -1
- package/dist/esm/components/drawer/types/drawer.d.ts +2 -2
- package/dist/esm/components/grid/grid.styled.js +5 -1
- package/dist/esm/components/grid/grid.styled.js.map +1 -1
- package/dist/esm/components/grid/types/grid.d.ts +5 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.d.ts +4 -0
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/esm/components/inputDropdown/types/inputDropdown.d.ts +4 -0
- package/dist/esm/components/inputSearch/hooks/useInputSearch.d.ts +4 -0
- package/dist/esm/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/types/inputSearch.d.ts +4 -0
- package/dist/esm/components/layout/layout.js +3 -1
- package/dist/esm/components/layout/layout.js.map +1 -1
- package/dist/esm/components/layout/layoutStandAlone.d.ts +1 -1
- package/dist/esm/components/layout/layoutStandAlone.js +2 -2
- package/dist/esm/components/layout/layoutStandAlone.js.map +1 -1
- package/dist/esm/components/layout/types/layout.d.ts +2 -1
- package/dist/esm/components/layout/types/layout.js.map +1 -1
- package/dist/esm/components/layout/types/layoutTheme.d.ts +2 -1
- package/dist/esm/components/layout/types/layoutTheme.js.map +1 -1
- package/dist/esm/components/link/linkAsButton/linkAsButton.styled.d.ts +1 -0
- package/dist/esm/components/link/linkAsButton/linkAsButton.styled.js +1 -1
- package/dist/esm/components/link/linkAsButton/linkAsButton.styled.js.map +1 -1
- package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js +1 -1
- package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js.map +1 -1
- package/dist/esm/components/link/types/link.d.ts +1 -0
- package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js +1 -1
- package/dist/esm/components/pill/pillControlled.d.ts +3 -0
- package/dist/esm/components/pill/pillControlled.js +3 -0
- package/dist/esm/components/pill/pillControlled.js.map +1 -1
- package/dist/esm/components/pill/pillUnControlled.d.ts +3 -0
- package/dist/esm/components/pill/pillUnControlled.js +3 -0
- package/dist/esm/components/pill/pillUnControlled.js.map +1 -1
- package/dist/esm/components/pill/types/pill.d.ts +1 -1
- package/dist/esm/components/pillV2/index.d.ts +4 -0
- package/dist/esm/components/pillV2/index.js +4 -0
- package/dist/esm/components/pillV2/index.js.map +1 -0
- package/dist/esm/components/pillV2/pill.d.ts +5 -0
- package/dist/esm/components/pillV2/pill.js +22 -0
- package/dist/esm/components/pillV2/pill.js.map +1 -0
- package/dist/esm/components/pillV2/pill.styled.d.ts +11 -0
- package/dist/esm/components/pillV2/pill.styled.js +14 -0
- package/dist/esm/components/pillV2/pill.styled.js.map +1 -0
- package/dist/esm/components/pillV2/pillStandAlone.d.ts +3 -0
- package/dist/esm/components/pillV2/pillStandAlone.js +18 -0
- package/dist/esm/components/pillV2/pillStandAlone.js.map +1 -0
- package/dist/esm/components/pillV2/types/index.d.ts +4 -0
- package/dist/esm/components/pillV2/types/index.js +5 -0
- package/dist/esm/components/pillV2/types/index.js.map +1 -0
- package/dist/esm/components/pillV2/types/pill.d.ts +29 -0
- package/dist/esm/components/pillV2/types/pill.js +2 -0
- package/dist/esm/components/pillV2/types/pill.js.map +1 -0
- package/dist/esm/components/pillV2/types/pillStateType.d.ts +6 -0
- package/dist/esm/components/pillV2/types/pillStateType.js +8 -0
- package/dist/esm/components/pillV2/types/pillStateType.js.map +1 -0
- package/dist/esm/components/pillV2/types/pillTheme.d.ts +19 -0
- package/dist/esm/components/pillV2/types/pillTheme.js +2 -0
- package/dist/esm/components/pillV2/types/pillTheme.js.map +1 -0
- package/dist/esm/components/pillV2/types/pillType.d.ts +6 -0
- package/dist/esm/components/pillV2/types/pillType.js +8 -0
- package/dist/esm/components/pillV2/types/pillType.js.map +1 -0
- package/dist/esm/components/pillV2/utils/index.d.ts +1 -0
- package/dist/esm/components/pillV2/utils/index.js +2 -0
- package/dist/esm/components/pillV2/utils/index.js.map +1 -0
- package/dist/esm/components/pillV2/utils/state.d.ts +5 -0
- package/dist/esm/components/pillV2/utils/state.js +14 -0
- package/dist/esm/components/pillV2/utils/state.js.map +1 -0
- package/dist/esm/components/table/component/table.js +3 -1
- package/dist/esm/components/table/component/table.js.map +1 -1
- package/dist/esm/components/table/table.styled.d.ts +2 -0
- package/dist/esm/components/table/table.styled.js +9 -1
- package/dist/esm/components/table/table.styled.js.map +1 -1
- package/dist/esm/components/table/types/table.d.ts +8 -0
- package/dist/esm/components/text/text.styled.js +1 -0
- package/dist/esm/components/text/text.styled.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/esm/components/validationStatus/types/validationStatus.d.ts +2 -1
- package/dist/esm/components/validationStatus/validationStatusStandAlone.js +1 -1
- package/dist/esm/components/validationStatus/validationStatusStandAlone.js.map +1 -1
- package/dist/esm/constants/stylesName.d.ts +1 -0
- package/dist/esm/constants/stylesName.js +1 -0
- package/dist/esm/constants/stylesName.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/pillV2/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/pillV2/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/pillV2/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/pillV2/styles.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/pillV2/styles.js +293 -0
- package/dist/esm/designSystem/kubit/components/pillV2/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/pillV2/variants.d.ts +8 -0
- package/dist/esm/designSystem/kubit/components/pillV2/variants.js +11 -0
- package/dist/esm/designSystem/kubit/components/pillV2/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/styles.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/table/styles.js +4 -4
- package/dist/esm/designSystem/kubit/components/variants.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubit/index.d.ts +3 -0
- package/dist/esm/designSystem/variants.d.ts +2 -0
- package/package.json +18 -19
|
@@ -0,0 +1,296 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PILL_STYLES_V2 = void 0;
|
|
4
|
+
const types_1 = require("../../../../components/pillV2/types");
|
|
5
|
+
const foundations_1 = require("../../foundations");
|
|
6
|
+
const variants_1 = require("../text/variants");
|
|
7
|
+
const variants_2 = require("./variants");
|
|
8
|
+
const commonProps = {
|
|
9
|
+
rootContainer: {
|
|
10
|
+
position: 'relative',
|
|
11
|
+
display: 'flex',
|
|
12
|
+
flex_direction: 'column',
|
|
13
|
+
align_items: 'center',
|
|
14
|
+
gap: foundations_1.SPACINGS.spacing_150,
|
|
15
|
+
},
|
|
16
|
+
input: {
|
|
17
|
+
position: 'absolute',
|
|
18
|
+
top: '0',
|
|
19
|
+
left: '0',
|
|
20
|
+
right: '0',
|
|
21
|
+
bottom: '0',
|
|
22
|
+
cursor: 'pointer',
|
|
23
|
+
},
|
|
24
|
+
contentContainer: {
|
|
25
|
+
display: 'flex',
|
|
26
|
+
flex_direction: 'row',
|
|
27
|
+
align_items: 'center',
|
|
28
|
+
gap: foundations_1.SPACINGS.spacing_150,
|
|
29
|
+
background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
|
|
30
|
+
border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.NEUTRAL.color_neutral_border_100}`,
|
|
31
|
+
cursor: 'pointer',
|
|
32
|
+
},
|
|
33
|
+
leftIcon: {
|
|
34
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
35
|
+
height: foundations_1.SIZES.size_200,
|
|
36
|
+
width: foundations_1.SIZES.size_200,
|
|
37
|
+
},
|
|
38
|
+
label: {
|
|
39
|
+
font_variant: variants_1.TextVariantType.PARAGRAPH_SMALL_EXTENDED,
|
|
40
|
+
font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
|
|
41
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
|
|
42
|
+
},
|
|
43
|
+
rightIcon: {
|
|
44
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
45
|
+
height: foundations_1.SIZES.size_200,
|
|
46
|
+
width: foundations_1.SIZES.size_200,
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
const commonLargeProps = {
|
|
50
|
+
...commonProps,
|
|
51
|
+
contentContainer: {
|
|
52
|
+
...commonProps.contentContainer,
|
|
53
|
+
padding: `${foundations_1.SPACINGS.spacing_250} ${foundations_1.SPACINGS.spacing_300}`,
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
const commonSmallProps = {
|
|
57
|
+
...commonProps,
|
|
58
|
+
contentContainer: {
|
|
59
|
+
...commonProps.contentContainer,
|
|
60
|
+
padding: `${foundations_1.SPACINGS.spacing_150} ${foundations_1.SPACINGS.spacing_300}`,
|
|
61
|
+
},
|
|
62
|
+
};
|
|
63
|
+
const commonExtraSmallProps = {
|
|
64
|
+
...commonProps,
|
|
65
|
+
contentContainer: {
|
|
66
|
+
...commonProps.contentContainer,
|
|
67
|
+
padding: `${foundations_1.SPACINGS.spacing_100} ${foundations_1.SPACINGS.spacing_300}`,
|
|
68
|
+
},
|
|
69
|
+
};
|
|
70
|
+
exports.PILL_STYLES_V2 = {
|
|
71
|
+
[variants_2.PillVariantTypeV2.DEFAULT]: {
|
|
72
|
+
[variants_2.PillSizeTypeV2.LARGE]: {
|
|
73
|
+
[types_1.PillStateType.DEFAULT]: { ...commonLargeProps },
|
|
74
|
+
[types_1.PillStateType.SELECTED]: {
|
|
75
|
+
...commonLargeProps,
|
|
76
|
+
contentContainer: {
|
|
77
|
+
...commonLargeProps.contentContainer,
|
|
78
|
+
background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
|
|
79
|
+
border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.ACCENT.color_accent_default_font_100}`,
|
|
80
|
+
},
|
|
81
|
+
leftIcon: {
|
|
82
|
+
...commonLargeProps.leftIcon,
|
|
83
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
|
|
84
|
+
},
|
|
85
|
+
label: {
|
|
86
|
+
...commonLargeProps.label,
|
|
87
|
+
font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
|
|
88
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
|
|
89
|
+
},
|
|
90
|
+
rightIcon: {
|
|
91
|
+
...commonLargeProps.rightIcon,
|
|
92
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
|
|
93
|
+
},
|
|
94
|
+
},
|
|
95
|
+
[types_1.PillStateType.DISABLED]: {
|
|
96
|
+
...commonLargeProps,
|
|
97
|
+
input: {
|
|
98
|
+
...commonLargeProps.input,
|
|
99
|
+
cursor: 'auto',
|
|
100
|
+
},
|
|
101
|
+
contentContainer: {
|
|
102
|
+
...commonLargeProps.contentContainer,
|
|
103
|
+
background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
|
|
104
|
+
border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_border_50}`,
|
|
105
|
+
cursor: 'auto',
|
|
106
|
+
},
|
|
107
|
+
leftIcon: {
|
|
108
|
+
...commonLargeProps.leftIcon,
|
|
109
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
110
|
+
},
|
|
111
|
+
label: {
|
|
112
|
+
...commonLargeProps.label,
|
|
113
|
+
color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
|
|
114
|
+
},
|
|
115
|
+
rightIcon: {
|
|
116
|
+
...commonLargeProps.rightIcon,
|
|
117
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
118
|
+
},
|
|
119
|
+
},
|
|
120
|
+
[types_1.PillStateType.DISABLED_SELECTED]: {
|
|
121
|
+
...commonLargeProps,
|
|
122
|
+
input: {
|
|
123
|
+
...commonLargeProps.input,
|
|
124
|
+
cursor: 'auto',
|
|
125
|
+
},
|
|
126
|
+
contentContainer: {
|
|
127
|
+
...commonLargeProps.contentContainer,
|
|
128
|
+
background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
|
|
129
|
+
border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150}`,
|
|
130
|
+
cursor: 'auto',
|
|
131
|
+
},
|
|
132
|
+
leftIcon: {
|
|
133
|
+
...commonLargeProps.leftIcon,
|
|
134
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
135
|
+
},
|
|
136
|
+
label: {
|
|
137
|
+
...commonLargeProps.label,
|
|
138
|
+
color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
|
|
139
|
+
},
|
|
140
|
+
rightIcon: {
|
|
141
|
+
...commonLargeProps.rightIcon,
|
|
142
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
143
|
+
},
|
|
144
|
+
},
|
|
145
|
+
},
|
|
146
|
+
[variants_2.PillSizeTypeV2.SMALL]: {
|
|
147
|
+
[types_1.PillStateType.DEFAULT]: { ...commonSmallProps },
|
|
148
|
+
[types_1.PillStateType.SELECTED]: {
|
|
149
|
+
...commonSmallProps,
|
|
150
|
+
contentContainer: {
|
|
151
|
+
...commonSmallProps.contentContainer,
|
|
152
|
+
background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
|
|
153
|
+
border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.ACCENT.color_accent_default_font_100}`,
|
|
154
|
+
},
|
|
155
|
+
leftIcon: {
|
|
156
|
+
...commonSmallProps.leftIcon,
|
|
157
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
|
|
158
|
+
},
|
|
159
|
+
label: {
|
|
160
|
+
...commonSmallProps.label,
|
|
161
|
+
font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
|
|
162
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
|
|
163
|
+
},
|
|
164
|
+
rightIcon: {
|
|
165
|
+
...commonSmallProps.rightIcon,
|
|
166
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
|
|
167
|
+
},
|
|
168
|
+
},
|
|
169
|
+
[types_1.PillStateType.DISABLED]: {
|
|
170
|
+
...commonSmallProps,
|
|
171
|
+
input: {
|
|
172
|
+
...commonSmallProps.input,
|
|
173
|
+
cursor: 'auto',
|
|
174
|
+
},
|
|
175
|
+
contentContainer: {
|
|
176
|
+
...commonSmallProps.contentContainer,
|
|
177
|
+
background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
|
|
178
|
+
border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_border_50}`,
|
|
179
|
+
cursor: 'auto',
|
|
180
|
+
},
|
|
181
|
+
leftIcon: {
|
|
182
|
+
...commonSmallProps.leftIcon,
|
|
183
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
184
|
+
},
|
|
185
|
+
label: {
|
|
186
|
+
...commonSmallProps.label,
|
|
187
|
+
color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
|
|
188
|
+
},
|
|
189
|
+
rightIcon: {
|
|
190
|
+
...commonSmallProps.rightIcon,
|
|
191
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
192
|
+
},
|
|
193
|
+
},
|
|
194
|
+
[types_1.PillStateType.DISABLED_SELECTED]: {
|
|
195
|
+
...commonSmallProps,
|
|
196
|
+
input: {
|
|
197
|
+
...commonSmallProps.input,
|
|
198
|
+
cursor: 'auto',
|
|
199
|
+
},
|
|
200
|
+
contentContainer: {
|
|
201
|
+
...commonSmallProps.contentContainer,
|
|
202
|
+
background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
|
|
203
|
+
border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150}`,
|
|
204
|
+
cursor: 'auto',
|
|
205
|
+
},
|
|
206
|
+
leftIcon: {
|
|
207
|
+
...commonSmallProps.leftIcon,
|
|
208
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
209
|
+
},
|
|
210
|
+
label: {
|
|
211
|
+
...commonSmallProps.label,
|
|
212
|
+
color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
|
|
213
|
+
},
|
|
214
|
+
rightIcon: {
|
|
215
|
+
...commonSmallProps.rightIcon,
|
|
216
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
217
|
+
},
|
|
218
|
+
},
|
|
219
|
+
},
|
|
220
|
+
[variants_2.PillSizeTypeV2.EXTRA_SMALL]: {
|
|
221
|
+
[types_1.PillStateType.DEFAULT]: { ...commonExtraSmallProps },
|
|
222
|
+
[types_1.PillStateType.SELECTED]: {
|
|
223
|
+
...commonExtraSmallProps,
|
|
224
|
+
contentContainer: {
|
|
225
|
+
...commonExtraSmallProps.contentContainer,
|
|
226
|
+
background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
|
|
227
|
+
border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.ACCENT.color_accent_default_font_100}`,
|
|
228
|
+
},
|
|
229
|
+
leftIcon: {
|
|
230
|
+
...commonExtraSmallProps.leftIcon,
|
|
231
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
|
|
232
|
+
},
|
|
233
|
+
label: {
|
|
234
|
+
...commonExtraSmallProps.label,
|
|
235
|
+
font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
|
|
236
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
|
|
237
|
+
},
|
|
238
|
+
rightIcon: {
|
|
239
|
+
...commonExtraSmallProps.rightIcon,
|
|
240
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
|
|
241
|
+
},
|
|
242
|
+
},
|
|
243
|
+
[types_1.PillStateType.DISABLED]: {
|
|
244
|
+
...commonExtraSmallProps,
|
|
245
|
+
input: {
|
|
246
|
+
...commonExtraSmallProps.input,
|
|
247
|
+
cursor: 'auto',
|
|
248
|
+
},
|
|
249
|
+
contentContainer: {
|
|
250
|
+
...commonExtraSmallProps.contentContainer,
|
|
251
|
+
background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
|
|
252
|
+
border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_border_50}`,
|
|
253
|
+
cursor: 'auto',
|
|
254
|
+
},
|
|
255
|
+
leftIcon: {
|
|
256
|
+
...commonExtraSmallProps.leftIcon,
|
|
257
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
258
|
+
},
|
|
259
|
+
label: {
|
|
260
|
+
...commonExtraSmallProps.label,
|
|
261
|
+
color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
|
|
262
|
+
},
|
|
263
|
+
rightIcon: {
|
|
264
|
+
...commonExtraSmallProps.rightIcon,
|
|
265
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
266
|
+
},
|
|
267
|
+
},
|
|
268
|
+
[types_1.PillStateType.DISABLED_SELECTED]: {
|
|
269
|
+
...commonExtraSmallProps,
|
|
270
|
+
input: {
|
|
271
|
+
...commonExtraSmallProps.input,
|
|
272
|
+
cursor: 'auto',
|
|
273
|
+
},
|
|
274
|
+
contentContainer: {
|
|
275
|
+
...commonExtraSmallProps.contentContainer,
|
|
276
|
+
background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
|
|
277
|
+
border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150}`,
|
|
278
|
+
cursor: 'auto',
|
|
279
|
+
},
|
|
280
|
+
leftIcon: {
|
|
281
|
+
...commonExtraSmallProps.leftIcon,
|
|
282
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
283
|
+
},
|
|
284
|
+
label: {
|
|
285
|
+
...commonExtraSmallProps.label,
|
|
286
|
+
color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
|
|
287
|
+
},
|
|
288
|
+
rightIcon: {
|
|
289
|
+
...commonExtraSmallProps.rightIcon,
|
|
290
|
+
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
291
|
+
},
|
|
292
|
+
},
|
|
293
|
+
},
|
|
294
|
+
},
|
|
295
|
+
};
|
|
296
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pillV2/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PillSizeTypeV2 = exports.PillVariantTypeV2 = void 0;
|
|
4
|
+
var PillVariantTypeV2;
|
|
5
|
+
(function (PillVariantTypeV2) {
|
|
6
|
+
PillVariantTypeV2["DEFAULT"] = "DEFAULT";
|
|
7
|
+
})(PillVariantTypeV2 || (exports.PillVariantTypeV2 = PillVariantTypeV2 = {}));
|
|
8
|
+
var PillSizeTypeV2;
|
|
9
|
+
(function (PillSizeTypeV2) {
|
|
10
|
+
PillSizeTypeV2["LARGE"] = "LARGE";
|
|
11
|
+
PillSizeTypeV2["SMALL"] = "SMALL";
|
|
12
|
+
PillSizeTypeV2["EXTRA_SMALL"] = "EXTRA_SMALL";
|
|
13
|
+
})(PillSizeTypeV2 || (exports.PillSizeTypeV2 = PillSizeTypeV2 = {}));
|
|
14
|
+
//# sourceMappingURL=variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/pillV2/variants.ts"],"names":[],"mappings":";;;AAAA,IAAY,iBAEX;AAFD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;AACrB,CAAC,EAFW,iBAAiB,iCAAjB,iBAAiB,QAE5B;AAED,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,6CAA2B,CAAA;AAC7B,CAAC,EAJW,cAAc,8BAAd,cAAc,QAIzB"}
|
|
@@ -68,6 +68,7 @@ __exportStar(require("./operativeLayout/styles"), exports);
|
|
|
68
68
|
__exportStar(require("./pageControlAutomate/styles"), exports);
|
|
69
69
|
__exportStar(require("./pagination/styles"), exports);
|
|
70
70
|
__exportStar(require("./pill/styles"), exports);
|
|
71
|
+
__exportStar(require("./pillV2/styles"), exports);
|
|
71
72
|
__exportStar(require("./pillSelector/styles"), exports);
|
|
72
73
|
__exportStar(require("./quickButton/styles"), exports);
|
|
73
74
|
__exportStar(require("./radioButtonGroup/styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,6DAA2C;AAC3C,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC;AACjC,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,6DAA2C;AAC3C,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,+DAA6C;AAC7C,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,wDAAsC;AACtC,yDAAuC;AACvC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,4DAA0C;AAC1C,mDAAiC;AACjC,iDAA+B;AAC/B,uDAAqC;AACrC,gDAA8B;AAC9B,oDAAkC;AAClC,0DAAwC;AACxC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,+CAA6B;AAC7B,iEAA+C;AAC/C,uDAAqC;AACrC,0DAAwC;AACxC,yDAAuC;AACvC,qDAAmC;AACnC,2DAAyC;AACzC,+DAA6C;AAC7C,sDAAoC;AACpC,gDAA8B;AAC9B,wDAAsC;AACtC,uDAAqC;AACrC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,iDAA+B;AAC/B,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,8DAA4C;AAC5C,2DAAyC;AACzC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,0DAAwC;AACxC,qDAAmC;AACnC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,wDAAsC;AACtC,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,6DAA2C;AAC3C,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC;AACjC,+CAA6B;AAC7B,iDAA+B;AAC/B,gDAA8B;AAC9B,6DAA2C;AAC3C,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,+DAA6C;AAC7C,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,wDAAsC;AACtC,yDAAuC;AACvC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,4DAA0C;AAC1C,mDAAiC;AACjC,iDAA+B;AAC/B,uDAAqC;AACrC,gDAA8B;AAC9B,oDAAkC;AAClC,0DAAwC;AACxC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,+CAA6B;AAC7B,iEAA+C;AAC/C,uDAAqC;AACrC,0DAAwC;AACxC,yDAAuC;AACvC,qDAAmC;AACnC,2DAAyC;AACzC,+DAA6C;AAC7C,sDAAoC;AACpC,gDAA8B;AAC9B,kDAAgC;AAChC,wDAAsC;AACtC,uDAAqC;AACrC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,iDAA+B;AAC/B,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,8DAA4C;AAC5C,2DAAyC;AACzC,oDAAkC;AAClC,kDAAgC;AAChC,2DAAyC;AACzC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,0DAAwC;AACxC,qDAAmC;AACnC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,wDAAsC;AACtC,wDAAsC;AACtC,mDAAiC;AACjC,qDAAmC"}
|
|
@@ -131,8 +131,8 @@ exports.TABLE_STYLES = {
|
|
|
131
131
|
},
|
|
132
132
|
},
|
|
133
133
|
accordionIcon: {
|
|
134
|
-
height: foundations_1.SIZES.
|
|
135
|
-
width: foundations_1.SIZES.
|
|
134
|
+
height: foundations_1.SIZES.size_250,
|
|
135
|
+
width: foundations_1.SIZES.size_250,
|
|
136
136
|
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
137
137
|
},
|
|
138
138
|
},
|
|
@@ -150,8 +150,8 @@ exports.TABLE_STYLES = {
|
|
|
150
150
|
font_size: foundations_1.PARAGRAPH.MEDIUM[types_1.DeviceBreakpointsType.DESKTOP].font_size,
|
|
151
151
|
},
|
|
152
152
|
accordionIcon: {
|
|
153
|
-
height: foundations_1.SIZES.
|
|
154
|
-
width: foundations_1.SIZES.
|
|
153
|
+
height: foundations_1.SIZES.size_250,
|
|
154
|
+
width: foundations_1.SIZES.size_250,
|
|
155
155
|
color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
|
|
156
156
|
},
|
|
157
157
|
},
|
|
@@ -68,6 +68,7 @@ __exportStar(require("./operativeLayout/variants"), exports);
|
|
|
68
68
|
__exportStar(require("./pageControlAutomate/variants"), exports);
|
|
69
69
|
__exportStar(require("./pagination/variants"), exports);
|
|
70
70
|
__exportStar(require("./pill/variants"), exports);
|
|
71
|
+
__exportStar(require("./pillV2/variants"), exports);
|
|
71
72
|
__exportStar(require("./pillSelector/variants"), exports);
|
|
72
73
|
__exportStar(require("./quickButton/variants"), exports);
|
|
73
74
|
__exportStar(require("./radioButtonGroup/variants"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,+DAA6C;AAC7C,kDAAgC;AAChC,uDAAqC;AACrC,2DAAyC;AACzC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,mDAAiC;AACjC,kDAAgC;AAChC,+DAA6C;AAC7C,uDAAqC;AACrC,yDAAuC;AACvC,sDAAoC;AACpC,iEAA+C;AAC/C,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,mDAAiC;AACjC,0DAAwC;AACxC,2DAAyC;AACzC,uDAAqC;AACrC,2DAAyC;AACzC,2DAAyC;AACzC,wDAAsC;AACtC,yDAAuC;AACvC,yDAAuC;AACvC,8DAA4C;AAC5C,qDAAmC;AACnC,mDAAiC;AACjC,yDAAuC;AACvC,kDAAgC;AAChC,sDAAoC;AACpC,4DAA0C;AAC1C,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,qDAAmC;AACnC,iDAA+B;AAC/B,mEAAiD;AACjD,yDAAuC;AACvC,4DAA0C;AAC1C,2DAAyC;AACzC,uDAAqC;AACrC,6DAA2C;AAC3C,iEAA+C;AAC/C,wDAAsC;AACtC,kDAAgC;AAChC,0DAAwC;AACxC,yDAAuC;AACvC,8DAA4C;AAC5C,mDAAiC;AACjC,oDAAkC;AAClC,6DAA2C;AAC3C,qDAAmC;AACnC,mDAAiC;AACjC,sDAAoC;AACpC,uDAAqC;AACrC,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,6DAA2C;AAC3C,gEAA8C;AAC9C,6DAA2C;AAC3C,sDAAoC;AACpC,oDAAkC;AAClC,6DAA2C;AAC3C,2DAAyC;AACzC,iEAA+C;AAC/C,sDAAoC;AACpC,0DAAwC;AACxC,uDAAqC;AACrC,4DAA0C;AAC1C,uDAAqC;AACrC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,uDAAqC;AACrC,0DAAwC;AACxC,0DAAwC;AACxC,qDAAmC;AACnC,uDAAqC"}
|
|
1
|
+
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,+DAA6C;AAC7C,kDAAgC;AAChC,uDAAqC;AACrC,2DAAyC;AACzC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,mDAAiC;AACjC,kDAAgC;AAChC,+DAA6C;AAC7C,uDAAqC;AACrC,yDAAuC;AACvC,sDAAoC;AACpC,iEAA+C;AAC/C,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,mDAAiC;AACjC,0DAAwC;AACxC,2DAAyC;AACzC,uDAAqC;AACrC,2DAAyC;AACzC,2DAAyC;AACzC,wDAAsC;AACtC,yDAAuC;AACvC,yDAAuC;AACvC,8DAA4C;AAC5C,qDAAmC;AACnC,mDAAiC;AACjC,yDAAuC;AACvC,kDAAgC;AAChC,sDAAoC;AACpC,4DAA0C;AAC1C,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,qDAAmC;AACnC,iDAA+B;AAC/B,mEAAiD;AACjD,yDAAuC;AACvC,4DAA0C;AAC1C,2DAAyC;AACzC,uDAAqC;AACrC,6DAA2C;AAC3C,iEAA+C;AAC/C,wDAAsC;AACtC,kDAAgC;AAChC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,8DAA4C;AAC5C,mDAAiC;AACjC,oDAAkC;AAClC,6DAA2C;AAC3C,qDAAmC;AACnC,mDAAiC;AACjC,sDAAoC;AACpC,uDAAqC;AACrC,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,6DAA2C;AAC3C,gEAA8C;AAC9C,6DAA2C;AAC3C,sDAAoC;AACpC,oDAAkC;AAClC,6DAA2C;AAC3C,2DAAyC;AACzC,iEAA+C;AAC/C,sDAAoC;AACpC,0DAAwC;AACxC,uDAAqC;AACrC,4DAA0C;AAC1C,uDAAqC;AACrC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,uDAAqC;AACrC,0DAAwC;AACxC,0DAAwC;AACxC,qDAAmC;AACnC,uDAAqC"}
|
|
@@ -15,7 +15,7 @@ const ButtonStandAloneComponent = (props, ref) => {
|
|
|
15
15
|
const disabled = props.state === ButtonStateType.DISABLED || props.state === ButtonStateType.LOADING;
|
|
16
16
|
return (_jsx(ButtonStyled, { ...ariaProps, ref: ref, "$fullWidth": props.fullWidth, "$ghostText": React.Children.toArray(props.children)[0]
|
|
17
17
|
? React.Children.toArray(props.children)[0]?.toString()
|
|
18
|
-
: '', "$iconPosition": props.iconPosition, "$loading": props.loading, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, alignText: props.alignText, "data-testid": props.dataTestId, disabled: disabled, form: props.form, minWidth: props.minWidth, role: props.role, tabIndex: props.tabIndex, title: props.title, type: props.type, onClick: props.onClick, children: _jsx(ButtonStandAloneStructure, { icon: props.icon, loader: props.loader, loading: props.loading, sizeStyles: props.sizeStyles, state: props.state, styles: props.styles, children: props.children }) }));
|
|
18
|
+
: '', "$iconPosition": props.iconPosition, "$loading": props.loading, "$sizeStyles": props.sizeStyles, "$state": props.state, "$styles": props.styles, alignText: props.alignText, "data-testid": props.dataTestId, disabled: disabled, form: props.form, id: props.id, minWidth: props.minWidth, role: props.role, tabIndex: props.tabIndex, title: props.title, type: props.type, onClick: props.onClick, children: _jsx(ButtonStandAloneStructure, { icon: props.icon, loader: props.loader, loading: props.loading, sizeStyles: props.sizeStyles, state: props.state, styles: props.styles, children: props.children }) }));
|
|
19
19
|
};
|
|
20
20
|
/**
|
|
21
21
|
* Represents the standalone button component.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonStandAlone.js","sourceRoot":"","sources":["../../../../src/components/button/buttonStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"buttonStandAlone.js","sourceRoot":"","sources":["../../../../src/components/button/buttonStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ const CarouselStandAloneComponent = ({ styles, carouselContainerRef, carouselCon
|
|
|
29
29
|
disabled: rightArrowDisabled,
|
|
30
30
|
onClick: onRightArrowClick,
|
|
31
31
|
};
|
|
32
|
-
return (_jsxs(RootStyled, { ref: ref, allowModifySliceWidth: allowModifySliceWidth, "aria-labelledby": props['aria-labelledby'], "aria-roledescription": "carousel", "data-testid": `${dataTestId}Wrapper`, styles: styles, onKeyDown: onKeyDown, children: [_jsxs(ArrowAndCarouselWrapperStyled, { allowModifySliceWidth: allowModifySliceWidth, styles: styles, children: [displayArrowsOnCarousel && numPages > 1 && (_jsx(ArrowLeftIconContainer, { "data-disabled": leftArrowDisabled, styles: styles, children: _jsx(ElementOrIcon, { "aria-controls": id, customIconStyles: !leftArrowDisabled ? styles.leftArrowIcon : styles.leftArrowIconDisabled, dataTestId: `${dataTestId}LeftArrow`, disabled: leftArrowDisabled, ...props.leftArrow, onClick: onLeftArrowClick }) })), _jsxs(CarouselContainerStyled, { ref: carouselContainerRef, "data-testid": `${dataTestId}Container`, styles: styles, tabIndex: -1, onMouseOutCapture: onMouseOut, onMouseOverCapture: onMouseOver, children: [_jsx(CarouselContentStyled, { ref: carouselContentRef, "aria-live": playing ? AriaLiveOptionType.OFF : AriaLiveOptionType.POLITE, centerMode: centerMode, "data-testid": `${dataTestId}Content`, disableSwipe: disableSwipe, id: id, styles: styles, children: elements }), _jsx(ExtraPaddingArrowStandAlone, { ariaControls: id, ariaLabel: props.leftArrow?.['aria-label'], dataTestId: `${dataTestId}LeftArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onLeftArrowClick }), _jsx(ExtraPaddingArrowStandAlone, { right: true, ariaControls: id, ariaLabel: props.rightArrow?.['aria-label'], dataTestId: `${dataTestId}RightArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onRightArrowClick })] }), displayArrowsOnCarousel && numPages > 1 && (_jsx(ArrowRightIconContainer, { "data-disabled": rightArrowDisabled, styles: styles, children: _jsx(ElementOrIcon, { "aria-controls": id, customIconStyles: !rightArrowDisabled ? styles.rightArrowIcon : styles.rightArrowIconDisabled, dataTestId: `${dataTestId}RightArrow`, disabled: rightArrowDisabled, ...props.rightArrow, onClick: onRightArrowClick }) }))] }), hasPagination && pageControlArrowsControlVariant && pageControlVariant && numPages > 1 && (_jsx(PageControlContainerStyled, { styles: styles, children: _jsx(PageControl, { arrowsControlVariant: pageControlArrowsControlVariant, currentPosition: currentPage, dataTestId: `${dataTestId}PageControl`, leftArrowControl: leftArrowControlPageControl, pages: numPages, rightArrowControl: rightArrowControlPageControl, variant: pageControlVariant }) })), pageControlAutomateConfig && numPages > 1 && (_jsx(PageControlAutomateContainerStyled, { styles: styles, children: _jsx(PageControlAutomate, { ...pageControlAutomateConfig, currentBar: currentPage, mediaProgressBar: {
|
|
32
|
+
return (_jsxs(RootStyled, { ref: ref, allowModifySliceWidth: allowModifySliceWidth, "aria-labelledby": props['aria-labelledby'], "aria-roledescription": "carousel", "data-testid": `${dataTestId}Wrapper`, styles: styles, onKeyDown: onKeyDown, children: [_jsxs(ArrowAndCarouselWrapperStyled, { allowModifySliceWidth: allowModifySliceWidth, styles: styles, children: [displayArrowsOnCarousel && numPages > 1 && (_jsx(ArrowLeftIconContainer, { "data-disabled": leftArrowDisabled, styles: styles, children: _jsx(ElementOrIcon, { "aria-controls": id, customIconStyles: !leftArrowDisabled ? styles.leftArrowIcon : styles.leftArrowIconDisabled, dataTestId: `${dataTestId}LeftArrow`, disabled: leftArrowDisabled, ...props.leftArrow, onClick: onLeftArrowClick }) })), _jsxs(CarouselContainerStyled, { ref: carouselContainerRef, "data-testid": `${dataTestId}Container`, styles: styles, tabIndex: -1, onMouseOutCapture: onMouseOut, onMouseOverCapture: onMouseOver, children: [_jsx(CarouselContentStyled, { ref: carouselContentRef, "aria-live": props['aria-live'] ?? (playing ? AriaLiveOptionType.OFF : AriaLiveOptionType.POLITE), centerMode: centerMode, "data-testid": `${dataTestId}Content`, disableSwipe: disableSwipe, id: id, styles: styles, children: elements }), _jsx(ExtraPaddingArrowStandAlone, { ariaControls: id, ariaLabel: props.leftArrow?.['aria-label'], dataTestId: `${dataTestId}LeftArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onLeftArrowClick }), _jsx(ExtraPaddingArrowStandAlone, { right: true, ariaControls: id, ariaLabel: props.rightArrow?.['aria-label'], dataTestId: `${dataTestId}RightArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onRightArrowClick })] }), displayArrowsOnCarousel && numPages > 1 && (_jsx(ArrowRightIconContainer, { "data-disabled": rightArrowDisabled, styles: styles, children: _jsx(ElementOrIcon, { "aria-controls": id, customIconStyles: !rightArrowDisabled ? styles.rightArrowIcon : styles.rightArrowIconDisabled, dataTestId: `${dataTestId}RightArrow`, disabled: rightArrowDisabled, ...props.rightArrow, onClick: onRightArrowClick }) }))] }), hasPagination && pageControlArrowsControlVariant && pageControlVariant && numPages > 1 && (_jsx(PageControlContainerStyled, { styles: styles, children: _jsx(PageControl, { arrowsControlVariant: pageControlArrowsControlVariant, currentPosition: currentPage, dataTestId: `${dataTestId}PageControl`, leftArrowControl: leftArrowControlPageControl, pages: numPages, rightArrowControl: rightArrowControlPageControl, variant: pageControlVariant }) })), pageControlAutomateConfig && numPages > 1 && (_jsx(PageControlAutomateContainerStyled, { styles: styles, children: _jsx(PageControlAutomate, { ...pageControlAutomateConfig, currentBar: currentPage, mediaProgressBar: {
|
|
33
33
|
...pageControlAutomateConfig.mediaProgressBar,
|
|
34
34
|
barsNum: numPages,
|
|
35
35
|
circular: props.circular,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carouselStandAlone.js","sourceRoot":"","sources":["../../../../src/components/carousel/carouselStandAlone.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"carouselStandAlone.js","sourceRoot":"","sources":["../../../../src/components/carousel/carouselStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,8 +12,8 @@ export type CarouselMediaProgressBarType = Omit<IMediaProgressBar, 'variant' | '
|
|
|
12
12
|
export type PageControlAutomateConfigType = Omit<IPageControlAutomateUnControlled, 'currentBar' | 'playing' | 'mediaProgressBar'> & {
|
|
13
13
|
mediaProgressBar: CarouselMediaProgressBarType;
|
|
14
14
|
};
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
type CarouselAriaAttributes = Pick<React.AriaAttributes, 'aria-labelledby' | 'aria-live'>;
|
|
16
|
+
export interface ICarouselStandAlone extends CarouselAriaAttributes {
|
|
17
17
|
styles: CarouselPropsStylesType;
|
|
18
18
|
carouselContainerRef: React.RefObject<HTMLDivElement>;
|
|
19
19
|
carouselContentRef: React.RefObject<HTMLDivElement>;
|
|
@@ -56,3 +56,4 @@ export interface ICarouselUnControlled<V = undefined extends string ? unknown :
|
|
|
56
56
|
onePageAlign?: CarouselAlignType;
|
|
57
57
|
onPageChange?: (page: number) => void;
|
|
58
58
|
}
|
|
59
|
+
export {};
|
|
@@ -13,10 +13,6 @@ const SCROLL_DISTANCE = 5;
|
|
|
13
13
|
const FOOTER_EDIT_STYLES = [
|
|
14
14
|
{ cssPropertyName: 'position', cssPropertyValue: 'static' },
|
|
15
15
|
];
|
|
16
|
-
/* Constants for useZoomEffect (content) */
|
|
17
|
-
const CONTENT_EDIT_STYLE = [
|
|
18
|
-
{ cssPropertyName: 'height', cssPropertyValue: 'fit-content' },
|
|
19
|
-
];
|
|
20
16
|
const MAX_ZOOM = 2.4;
|
|
21
17
|
const DrawerControlledComponent = React.forwardRef(({ portalId, ...props }, ref) => {
|
|
22
18
|
useDeviceHeight();
|
|
@@ -25,8 +21,7 @@ const DrawerControlledComponent = React.forwardRef(({ portalId, ...props }, ref)
|
|
|
25
21
|
const stylesByDevice = styles[device];
|
|
26
22
|
const { scrollableRef, shadowRef } = useScrollEffect(CONDITION, stylesByDevice.titleContainer?.box_shadow, SCROLL_DISTANCE);
|
|
27
23
|
const footerRef = useZoomEffect(FOOTER_EDIT_STYLES, MAX_ZOOM);
|
|
28
|
-
const
|
|
29
|
-
const drawerStructure = (_jsx(DrawerStandAlone, { ...props, ref: ref, contentRef: contentRef, device: device, footerRef: footerRef, scrollableRef: scrollableRef, shadowRef: shadowRef, styles: stylesByDevice }));
|
|
24
|
+
const drawerStructure = (_jsx(DrawerStandAlone, { ...props, ref: ref, device: device, footerRef: footerRef, scrollableRef: scrollableRef, shadowRef: shadowRef, styles: stylesByDevice }));
|
|
30
25
|
return portalId ? _jsx(Portal, { wrapperId: portalId, children: drawerStructure }) : drawerStructure;
|
|
31
26
|
});
|
|
32
27
|
DrawerControlledComponent.displayName = 'DrawerControlledComponent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawerControlled.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG5E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,mCAAmC;AACnC,MAAM,SAAS,GAAG,IAAI,CAAC;AACvB,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,0CAA0C;AAC1C,MAAM,kBAAkB,GAAkB;IACxC,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE;CAC5D,CAAC;
|
|
1
|
+
{"version":3,"file":"drawerControlled.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawerControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG5E,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,mCAAmC;AACnC,MAAM,SAAS,GAAG,IAAI,CAAC;AACvB,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,0CAA0C;AAC1C,MAAM,kBAAkB,GAAkB;IACxC,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE;CAC5D,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,CAAC;AAErB,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAChD,CACE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB,EAC5C,GAA0D,EAC7C,EAAE;IACf,eAAe,EAAE,CAAC;IAClB,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,MAAM,EAClB,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,GAAG,CACV,CAAC;IACF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAEtC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,eAAe,CAClD,SAAS,EACT,cAAc,CAAC,cAAc,EAAE,UAAU,EACzC,eAAe,CAChB,CAAC;IAEF,MAAM,SAAS,GAAG,aAAa,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC;IAE9D,MAAM,eAAe,GAAG,CACtB,KAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,cAAc,GACtB,CACH,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,eAAe,GAAU,CAAC,CAAC,CAAC,eAAe,CAAC;AAC9F,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,cAAc,GAAG,CACrB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAwB,EAC5C,GAA0D,EAC7C,EAAE;IACf,MAAM,eAAe,GAAG,CACtB,KAAC,gBAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,CAC5E,CAAC;IACF,OAAO,CACL,KAAC,aAAa,IACZ,iBAAiB,EACf,MAAC,iBAAiB,eACf,QAAQ,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,SAAS,EAAE,QAAQ,YAAG,eAAe,GAAU,CAAC,CAAC,CAAC,eAAe,EAAE,GAAG,IACxE,YAGtB,KAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACxD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAIxC,CAAC;AAEjB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -33,8 +33,8 @@ export interface IDrawerStandAlone {
|
|
|
33
33
|
popover?: DrawerPopoverType;
|
|
34
34
|
scrollableRef: (node: any) => void;
|
|
35
35
|
shadowRef: (node: any) => void;
|
|
36
|
-
footerRef
|
|
37
|
-
contentRef
|
|
36
|
+
footerRef?: (node: any) => void;
|
|
37
|
+
contentRef?: (node: any) => void;
|
|
38
38
|
}
|
|
39
39
|
type OmitProps = 'styles' | 'device' | 'scrollableRef' | 'shadowRef' | 'footerRef' | 'contentRef';
|
|
40
40
|
export interface IDrawerControlled<V = undefined extends string ? unknown : string> extends Omit<IDrawerStandAlone, OmitProps>, Omit<CustomTokenTypes<DrawerVariantStylesType>, 'cts' | 'extraCt'> {
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
import { DeviceBreakpointsType } from '../../types/breakpoints';
|
|
3
|
+
import { getStyles } from '../../utils';
|
|
3
4
|
import { getGridConfiguration, getItemGridConfiguration, getMaxWidth } from './utils/grid.utils';
|
|
4
5
|
export const GridStyled = styled.div `
|
|
5
6
|
display: grid;
|
|
6
7
|
margin: auto;
|
|
7
|
-
${props => ({ theme: { MEDIA_QUERIES: { onlyTablet, onlyMobile, onlyDesktop }, BREAKPOINTS, }, }) => css `
|
|
8
|
+
${props => ({ styles, theme: { MEDIA_QUERIES: { onlyTablet, onlyMobile, onlyDesktop }, BREAKPOINTS, }, }) => css `
|
|
8
9
|
${onlyDesktop} {
|
|
9
10
|
${getGridConfiguration(props.config?.[DeviceBreakpointsType.DESKTOP])};
|
|
10
11
|
${!props.isFullWidth &&
|
|
@@ -12,15 +13,18 @@ export const GridStyled = styled.div `
|
|
|
12
13
|
getMaxWidth(BREAKPOINTS?.XL, props.config?.[DeviceBreakpointsType.DESKTOP]?.margin, props.config?.[DeviceBreakpointsType.DESKTOP]?.gap, props.addPaddingForLayout)};
|
|
13
14
|
padding: 0
|
|
14
15
|
${props.addPaddingForLayout ? props.config?.[DeviceBreakpointsType.DESKTOP]?.gap : 0};
|
|
16
|
+
${getStyles(styles)}
|
|
15
17
|
}
|
|
16
18
|
${onlyTablet} {
|
|
17
19
|
${getGridConfiguration(props.config?.[DeviceBreakpointsType.TABLET])};
|
|
18
20
|
margin: 0 ${props.config?.[DeviceBreakpointsType.TABLET]?.margin}rem;
|
|
21
|
+
${getStyles(styles)}
|
|
19
22
|
}
|
|
20
23
|
|
|
21
24
|
${onlyMobile} {
|
|
22
25
|
${getGridConfiguration(props.config?.[DeviceBreakpointsType.MOBILE])};
|
|
23
26
|
margin: 0 ${props.config?.[DeviceBreakpointsType.MOBILE]?.margin}rem;
|
|
27
|
+
${getStyles(styles)}
|
|
24
28
|
}
|
|
25
29
|
`};
|
|
26
30
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.styled.js","sourceRoot":"","sources":["../../../../src/components/grid/grid.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"grid.styled.js","sourceRoot":"","sources":["../../../../src/components/grid/grid.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { DeviceBreakpointsType } from '../../../types/breakpoints';
|
|
2
|
+
import { CommonStyleType } from '../../../types/styles/commonStyle';
|
|
2
3
|
export type GridType = {
|
|
3
4
|
addPaddingForLayout?: boolean;
|
|
4
5
|
isFullWidth?: boolean;
|
|
5
6
|
columnsPadding?: number;
|
|
7
|
+
styles?: CommonStyleType;
|
|
6
8
|
config?: {
|
|
7
9
|
[DeviceBreakpointsType.DESKTOP]?: GridConfigType;
|
|
8
10
|
[DeviceBreakpointsType.TABLET]?: GridConfigType;
|
|
@@ -22,6 +24,9 @@ export type GridConfigType = {
|
|
|
22
24
|
columns?: number;
|
|
23
25
|
gap?: string;
|
|
24
26
|
margin?: number;
|
|
27
|
+
headerStyles?: CommonStyleType;
|
|
28
|
+
mainStyles?: CommonStyleType;
|
|
29
|
+
footerStyles?: CommonStyleType;
|
|
25
30
|
};
|
|
26
31
|
export type CustomGridItemType = GridItemType & {
|
|
27
32
|
paddingRight?: string;
|