react-miui 0.27.8 → 0.27.9
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/CHANGELOG.md +6 -0
- package/dist/components/form/Checkbox.js +17 -7
- package/dist/components/form/Checkbox.js.map +1 -1
- package/dist/components/form/Checkbox.stories.js +17 -7
- package/dist/components/form/Checkbox.stories.js.map +1 -1
- package/dist/components/form/Checkbox.styled.d.ts +174 -174
- package/dist/components/form/Select.styled.d.ts +58 -58
- package/dist/components/form/Suggestions.d.ts.map +1 -1
- package/dist/components/form/Toggle.js +17 -7
- package/dist/components/form/Toggle.js.map +1 -1
- package/dist/components/form/choice/Choice.d.ts.map +1 -1
- package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -1
- package/dist/components/form/choice/ChoiceItem.js +17 -7
- package/dist/components/form/choice/ChoiceItem.js.map +1 -1
- package/dist/components/form/input/Input.d.ts.map +1 -1
- package/dist/components/form/input/Input.js +17 -7
- package/dist/components/form/input/Input.js.map +1 -1
- package/dist/components/form/input/Input.styled.d.ts +232 -232
- package/dist/components/form/textarea/TextArea.js +17 -7
- package/dist/components/form/textarea/TextArea.js.map +1 -1
- package/dist/components/form/textarea/TextArea.styled.d.ts +58 -58
- package/dist/components/layout/header/Header.styled.d.ts +232 -232
- package/dist/components/layout/header/HeaderIconAction.styled.d.ts +174 -174
- package/dist/components/layout/header/StickyHeader.js +17 -7
- package/dist/components/layout/header/StickyHeader.js.map +1 -1
- package/dist/components/layout/header/StickyHeader.stories.js +17 -7
- package/dist/components/layout/header/StickyHeader.stories.js.map +1 -1
- package/dist/components/layout/header/StickyHeader.styled.d.ts +116 -116
- package/dist/components/layout/list/Header.d.ts +116 -116
- package/dist/components/layout/list/Item.d.ts.map +1 -1
- package/dist/components/layout/list/Item.js +32 -22
- package/dist/components/layout/list/Item.js.map +1 -1
- package/dist/components/layout/list/Item.styled.d.ts +232 -232
- package/dist/components/layout/list/Item.styled.d.ts.map +1 -1
- package/dist/components/layout/list/Item.styled.js +0 -1
- package/dist/components/layout/list/Item.styled.js.map +1 -1
- package/dist/components/layout/list/Label.d.ts +58 -58
- package/dist/components/layout/list/List.d.ts +58 -58
- package/dist/components/layout/list/Value.d.ts +58 -58
- package/dist/components/layout/section/Section.d.ts +58 -58
- package/dist/components/layout/section/SectionContainer.d.ts +58 -58
- package/dist/components/layout/table/Table.styled.d.ts +58 -58
- package/dist/components/native/index.d.ts +58 -58
- package/dist/components/ui/action/Action.styled.d.ts +232 -232
- package/dist/components/ui/button/Button.stories.js +17 -7
- package/dist/components/ui/button/Button.stories.js.map +1 -1
- package/dist/components/ui/button/Button.styled.d.ts +58 -58
- package/dist/components/ui/drawer/Drawer.js +17 -7
- package/dist/components/ui/drawer/Drawer.js.map +1 -1
- package/dist/components/ui/line/Line.d.ts +58 -58
- package/dist/components/ui/loader/Loader.js +17 -7
- package/dist/components/ui/loader/Loader.js.map +1 -1
- package/dist/components/ui/message/Message.styled.d.ts +58 -58
- package/dist/components/ui/modal/Modal.js +17 -7
- package/dist/components/ui/modal/Modal.js.map +1 -1
- package/dist/components/ui/modal/Modal.stories.js +17 -7
- package/dist/components/ui/modal/Modal.stories.js.map +1 -1
- package/dist/components/ui/modal/Modal.styled.d.ts +232 -232
- package/dist/components/ui/modal/ModalButtons.styled.d.ts +116 -116
- package/dist/components/ui/pop/OnButtonClick.js +17 -7
- package/dist/components/ui/pop/OnButtonClick.js.map +1 -1
- package/dist/components/ui/pop/Pop.js +17 -7
- package/dist/components/ui/pop/Pop.js.map +1 -1
- package/dist/components/ui/pop/Pop.stories.js +17 -7
- package/dist/components/ui/pop/Pop.stories.js.map +1 -1
- package/dist/components/ui/pop/Pop.styled.d.ts +348 -348
- package/dist/components/ui/progress/Progress.styled.d.ts +174 -174
- package/dist/components/ui/tabs/Item.js +17 -7
- package/dist/components/ui/tabs/Item.js.map +1 -1
- package/dist/components/ui/tabs/Selector.d.ts.map +1 -1
- package/dist/components/ui/tabs/Selector.js +17 -7
- package/dist/components/ui/tabs/Selector.js.map +1 -1
- package/dist/components/ui/toaster/Notification.js +17 -7
- package/dist/components/ui/toaster/Notification.js.map +1 -1
- package/dist/components/ui/toaster/Toaster.js +17 -7
- package/dist/components/ui/toaster/Toaster.js.map +1 -1
- package/dist/components/ui/toaster/Toaster.styled.d.ts +58 -58
- package/dist/components/ui/toolButton/ToolButton.styled.d.ts +58 -58
- package/dist/theme.d.ts +406 -406
- package/dist/theme.d.ts.map +1 -1
- package/dist/utils/makeVariants.d.ts.map +1 -1
- package/dist/utils/toObjectValue.d.ts.map +1 -1
- package/dist/utils/useKeyPress.d.ts.map +1 -1
- package/docs/classes/Drawer.html +30 -30
- package/docs/classes/Pop.html +32 -32
- package/docs/classes/ToasterProvider.html +29 -29
- package/docs/enums/ICON.html +14 -14
- package/docs/functions/Action.html +5 -5
- package/docs/functions/Button.html +5 -5
- package/docs/functions/Card.html +5 -5
- package/docs/functions/Checkbox.html +5 -5
- package/docs/functions/Choice.html +5 -5
- package/docs/functions/CoveringLoader.html +5 -5
- package/docs/functions/DirectionPad.html +5 -5
- package/docs/functions/EqualActions.html +5 -5
- package/docs/functions/FullLoader.html +5 -5
- package/docs/functions/HandleEsc.html +5 -5
- package/docs/functions/Header.html +5 -5
- package/docs/functions/HeaderIconAction.html +5 -5
- package/docs/functions/Icon-1.html +5 -5
- package/docs/functions/If.html +5 -5
- package/docs/functions/Input.html +5 -5
- package/docs/functions/KeyValue.html +5 -5
- package/docs/functions/Label.html +5 -5
- package/docs/functions/Line.html +5 -5
- package/docs/functions/List-1.html +5 -5
- package/docs/functions/Loader.html +5 -5
- package/docs/functions/Loading.html +5 -5
- package/docs/functions/Message.html +5 -5
- package/docs/functions/Modal-1.html +5 -5
- package/docs/functions/ModalButtons.html +5 -5
- package/docs/functions/PopLoader.html +5 -5
- package/docs/functions/PopOption.html +5 -5
- package/docs/functions/Progress.html +5 -5
- package/docs/functions/SearchContainer.html +5 -5
- package/docs/functions/Section.html +5 -5
- package/docs/functions/Select.html +5 -5
- package/docs/functions/Selector.html +5 -5
- package/docs/functions/Spacer.html +5 -5
- package/docs/functions/Stats.html +5 -5
- package/docs/functions/StickyHeader.html +5 -5
- package/docs/functions/Table.html +5 -5
- package/docs/functions/TextArea.html +5 -5
- package/docs/functions/Toggle.html +5 -5
- package/docs/functions/ToolButton.html +5 -5
- package/docs/functions/borderPxToRem.html +5 -5
- package/docs/functions/createTheme.html +4 -4
- package/docs/functions/css.html +4 -4
- package/docs/functions/dimensionsPxToRem.html +5 -5
- package/docs/functions/fontPxToRem.html +5 -5
- package/docs/functions/getCssText.html +4 -4
- package/docs/functions/globalCss.html +4 -4
- package/docs/functions/keyframes.html +4 -4
- package/docs/functions/pxToRem.html +5 -5
- package/docs/functions/styled.html +4 -4
- package/docs/functions/useToaster.html +5 -5
- package/docs/index.html +4 -4
- package/docs/interfaces/ChoiceProps.html +11 -11
- package/docs/interfaces/IconProps.html +7 -7
- package/docs/interfaces/InputCustomProps.html +11 -11
- package/docs/interfaces/StickyHeaderProps.html +9 -9
- package/docs/modules/List.html +7 -7
- package/docs/modules/Modal.html +6 -6
- package/docs/modules.html +4 -4
- package/docs/pages/tutorials/Test.html +4 -4
- package/docs/types/ActionProps.html +5 -5
- package/docs/types/InputProps.html +5 -5
- package/docs/types/OverwriteProps.html +5 -5
- package/docs/types/ThemeCSS.html +5 -5
- package/docs/variables/BackgroundClassName.html +5 -5
- package/docs/variables/List.Header.html +5 -5
- package/docs/variables/List.Item.html +5 -5
- package/docs/variables/Modal.RemovePadding.html +5 -5
- package/docs/variables/ValueClassName.html +5 -5
- package/docs/variables/config.html +5 -5
- package/docs/variables/cssReset.html +5 -5
- package/docs/variables/miuiScrollbars.html +5 -5
- package/docs/variables/theme.html +5 -5
- package/esm/components/form/Checkbox.styled.d.ts +174 -174
- package/esm/components/form/Select.styled.d.ts +58 -58
- package/esm/components/form/Suggestions.d.ts.map +1 -1
- package/esm/components/form/choice/Choice.d.ts.map +1 -1
- package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -1
- package/esm/components/form/input/Input.d.ts.map +1 -1
- package/esm/components/form/input/Input.styled.d.ts +232 -232
- package/esm/components/form/textarea/TextArea.styled.d.ts +58 -58
- package/esm/components/layout/header/Header.styled.d.ts +232 -232
- package/esm/components/layout/header/HeaderIconAction.styled.d.ts +174 -174
- package/esm/components/layout/header/StickyHeader.styled.d.ts +116 -116
- package/esm/components/layout/list/Header.d.ts +116 -116
- package/esm/components/layout/list/Item.d.ts.map +1 -1
- package/esm/components/layout/list/Item.js +32 -22
- package/esm/components/layout/list/Item.js.map +1 -1
- package/esm/components/layout/list/Item.styled.d.ts +232 -232
- package/esm/components/layout/list/Item.styled.d.ts.map +1 -1
- package/esm/components/layout/list/Item.styled.js +0 -1
- package/esm/components/layout/list/Item.styled.js.map +1 -1
- package/esm/components/layout/list/Label.d.ts +58 -58
- package/esm/components/layout/list/List.d.ts +58 -58
- package/esm/components/layout/list/Value.d.ts +58 -58
- package/esm/components/layout/section/Section.d.ts +58 -58
- package/esm/components/layout/section/SectionContainer.d.ts +58 -58
- package/esm/components/layout/table/Table.styled.d.ts +58 -58
- package/esm/components/native/index.d.ts +58 -58
- package/esm/components/ui/action/Action.styled.d.ts +232 -232
- package/esm/components/ui/button/Button.styled.d.ts +58 -58
- package/esm/components/ui/line/Line.d.ts +58 -58
- package/esm/components/ui/message/Message.styled.d.ts +58 -58
- package/esm/components/ui/modal/Modal.styled.d.ts +232 -232
- package/esm/components/ui/modal/ModalButtons.styled.d.ts +116 -116
- package/esm/components/ui/pop/Pop.styled.d.ts +348 -348
- package/esm/components/ui/progress/Progress.styled.d.ts +174 -174
- package/esm/components/ui/tabs/Selector.d.ts.map +1 -1
- package/esm/components/ui/toaster/Toaster.styled.d.ts +58 -58
- package/esm/components/ui/toolButton/ToolButton.styled.d.ts +58 -58
- package/esm/theme.d.ts +406 -406
- package/esm/theme.d.ts.map +1 -1
- package/esm/utils/makeVariants.d.ts.map +1 -1
- package/esm/utils/toObjectValue.d.ts.map +1 -1
- package/esm/utils/useKeyPress.d.ts.map +1 -1
- package/package.json +2 -2
- package/pnpm-lock.yaml +7530 -6066
- package/src/components/layout/list/Item.styled.ts +0 -8
- package/src/components/layout/list/Item.tsx +24 -21
|
@@ -8,64 +8,64 @@ declare const StyledHeader: import("@stitches/react/types/styled-component").Sty
|
|
|
8
8
|
}, {}> & {
|
|
9
9
|
css?: import("@stitches/react/types/css-util").CSS<{}, {
|
|
10
10
|
colors: {
|
|
11
|
-
background:
|
|
12
|
-
mainColor:
|
|
13
|
-
mainColorAlt:
|
|
14
|
-
activeBg:
|
|
15
|
-
inactiveBg:
|
|
16
|
-
inactiveDarkBg:
|
|
17
|
-
toggleHandleBg:
|
|
18
|
-
toggleHandleBorder:
|
|
19
|
-
toggleBgDisabled:
|
|
20
|
-
toggleHandleBorderDisabled:
|
|
21
|
-
toggleHandleBgDisabled:
|
|
22
|
-
icon:
|
|
23
|
-
border:
|
|
24
|
-
buttonBorder:
|
|
25
|
-
headerBorder:
|
|
26
|
-
headerBg:
|
|
27
|
-
headerText:
|
|
28
|
-
text:
|
|
29
|
-
sub:
|
|
30
|
-
popText:
|
|
31
|
-
toolbarBorder:
|
|
32
|
-
toolbarBg:
|
|
33
|
-
modalBg:
|
|
34
|
-
modalButtonBg:
|
|
35
|
-
modalButtonBorder:
|
|
36
|
-
inputDisabledBg:
|
|
37
|
-
inputDisabledText:
|
|
38
|
-
choiceBg:
|
|
39
|
-
choiceText:
|
|
40
|
-
choiceActiveBg:
|
|
41
|
-
choiceActiveText:
|
|
42
|
-
choiceBorder:
|
|
43
|
-
selectorText:
|
|
44
|
-
selectorActive:
|
|
45
|
-
blue1:
|
|
46
|
-
blue2:
|
|
47
|
-
blue3:
|
|
48
|
-
blue4:
|
|
49
|
-
blue5:
|
|
50
|
-
orange1:
|
|
51
|
-
orange1Darker:
|
|
52
|
-
purple1:
|
|
53
|
-
green1:
|
|
54
|
-
green1Darker:
|
|
55
|
-
pink1:
|
|
56
|
-
red1:
|
|
57
|
-
yellow1:
|
|
58
|
-
yellow2:
|
|
59
|
-
yellow3:
|
|
60
|
-
pinky1:
|
|
61
|
-
pinky2:
|
|
62
|
-
pinky3:
|
|
63
|
-
grey1:
|
|
64
|
-
focusColor:
|
|
65
|
-
scrollbarsThumb:
|
|
66
|
-
scrollbarsBg:
|
|
67
|
-
tableStripedBg:
|
|
68
|
-
toolButtonText:
|
|
11
|
+
background: "white";
|
|
12
|
+
mainColor: "#008ad2";
|
|
13
|
+
mainColorAlt: "#006AA9";
|
|
14
|
+
activeBg: "#e7e7e7";
|
|
15
|
+
inactiveBg: "#d3d3de";
|
|
16
|
+
inactiveDarkBg: "#999";
|
|
17
|
+
toggleHandleBg: "#e0e0e0";
|
|
18
|
+
toggleHandleBorder: "#cdcdcd";
|
|
19
|
+
toggleBgDisabled: "#f0f0f0";
|
|
20
|
+
toggleHandleBorderDisabled: "#c29f7d";
|
|
21
|
+
toggleHandleBgDisabled: "#deae84";
|
|
22
|
+
icon: "#636363";
|
|
23
|
+
border: "#d5d5d5";
|
|
24
|
+
buttonBorder: "#bababa";
|
|
25
|
+
headerBorder: "#c8c8c9";
|
|
26
|
+
headerBg: "#efeff0";
|
|
27
|
+
headerText: "#484848";
|
|
28
|
+
text: "#323232";
|
|
29
|
+
sub: "#959595";
|
|
30
|
+
popText: "#666";
|
|
31
|
+
toolbarBorder: "#ababab";
|
|
32
|
+
toolbarBg: "#f8f8f8";
|
|
33
|
+
modalBg: "#f7f7f7";
|
|
34
|
+
modalButtonBg: "#f8f8f8";
|
|
35
|
+
modalButtonBorder: "#c2c2c2";
|
|
36
|
+
inputDisabledBg: "#f3f3f3";
|
|
37
|
+
inputDisabledText: "#959595";
|
|
38
|
+
choiceBg: "#ffffff";
|
|
39
|
+
choiceText: "#999999";
|
|
40
|
+
choiceActiveBg: "#f3f3f3";
|
|
41
|
+
choiceActiveText: "#313131";
|
|
42
|
+
choiceBorder: "#cfcfcf";
|
|
43
|
+
selectorText: "#606060";
|
|
44
|
+
selectorActive: "#008ad2";
|
|
45
|
+
blue1: "#038bf4";
|
|
46
|
+
blue2: "#b7d6f5";
|
|
47
|
+
blue3: "#dbe6ff";
|
|
48
|
+
blue4: "#33b4ff";
|
|
49
|
+
blue5: "#30a2e6";
|
|
50
|
+
orange1: "#ff7200";
|
|
51
|
+
orange1Darker: "#cc5b00";
|
|
52
|
+
purple1: "#7357e8";
|
|
53
|
+
green1: "#3ec234";
|
|
54
|
+
green1Darker: "#38af2f";
|
|
55
|
+
pink1: "#ff388f";
|
|
56
|
+
red1: "#ea2700";
|
|
57
|
+
yellow1: "#ffde9d";
|
|
58
|
+
yellow2: "#e4a429";
|
|
59
|
+
yellow3: "#fff5db";
|
|
60
|
+
pinky1: "#f5c0b7";
|
|
61
|
+
pinky2: "#e07b67";
|
|
62
|
+
pinky3: "#ffe1db";
|
|
63
|
+
grey1: "#737373";
|
|
64
|
+
focusColor: "#dcaf00";
|
|
65
|
+
scrollbarsThumb: "#737373";
|
|
66
|
+
scrollbarsBg: "transparent";
|
|
67
|
+
tableStripedBg: "#fafafa";
|
|
68
|
+
toolButtonText: "#666e80";
|
|
69
69
|
};
|
|
70
70
|
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
71
71
|
mx: (value: string | number) => {
|
|
@@ -93,64 +93,64 @@ declare const StyledHeader: import("@stitches/react/types/styled-component").Sty
|
|
|
93
93
|
inset?: boolean | "true";
|
|
94
94
|
}, {}, import("@stitches/react/types/css-util").CSS<{}, {
|
|
95
95
|
colors: {
|
|
96
|
-
background:
|
|
97
|
-
mainColor:
|
|
98
|
-
mainColorAlt:
|
|
99
|
-
activeBg:
|
|
100
|
-
inactiveBg:
|
|
101
|
-
inactiveDarkBg:
|
|
102
|
-
toggleHandleBg:
|
|
103
|
-
toggleHandleBorder:
|
|
104
|
-
toggleBgDisabled:
|
|
105
|
-
toggleHandleBorderDisabled:
|
|
106
|
-
toggleHandleBgDisabled:
|
|
107
|
-
icon:
|
|
108
|
-
border:
|
|
109
|
-
buttonBorder:
|
|
110
|
-
headerBorder:
|
|
111
|
-
headerBg:
|
|
112
|
-
headerText:
|
|
113
|
-
text:
|
|
114
|
-
sub:
|
|
115
|
-
popText:
|
|
116
|
-
toolbarBorder:
|
|
117
|
-
toolbarBg:
|
|
118
|
-
modalBg:
|
|
119
|
-
modalButtonBg:
|
|
120
|
-
modalButtonBorder:
|
|
121
|
-
inputDisabledBg:
|
|
122
|
-
inputDisabledText:
|
|
123
|
-
choiceBg:
|
|
124
|
-
choiceText:
|
|
125
|
-
choiceActiveBg:
|
|
126
|
-
choiceActiveText:
|
|
127
|
-
choiceBorder:
|
|
128
|
-
selectorText:
|
|
129
|
-
selectorActive:
|
|
130
|
-
blue1:
|
|
131
|
-
blue2:
|
|
132
|
-
blue3:
|
|
133
|
-
blue4:
|
|
134
|
-
blue5:
|
|
135
|
-
orange1:
|
|
136
|
-
orange1Darker:
|
|
137
|
-
purple1:
|
|
138
|
-
green1:
|
|
139
|
-
green1Darker:
|
|
140
|
-
pink1:
|
|
141
|
-
red1:
|
|
142
|
-
yellow1:
|
|
143
|
-
yellow2:
|
|
144
|
-
yellow3:
|
|
145
|
-
pinky1:
|
|
146
|
-
pinky2:
|
|
147
|
-
pinky3:
|
|
148
|
-
grey1:
|
|
149
|
-
focusColor:
|
|
150
|
-
scrollbarsThumb:
|
|
151
|
-
scrollbarsBg:
|
|
152
|
-
tableStripedBg:
|
|
153
|
-
toolButtonText:
|
|
96
|
+
background: "white";
|
|
97
|
+
mainColor: "#008ad2";
|
|
98
|
+
mainColorAlt: "#006AA9";
|
|
99
|
+
activeBg: "#e7e7e7";
|
|
100
|
+
inactiveBg: "#d3d3de";
|
|
101
|
+
inactiveDarkBg: "#999";
|
|
102
|
+
toggleHandleBg: "#e0e0e0";
|
|
103
|
+
toggleHandleBorder: "#cdcdcd";
|
|
104
|
+
toggleBgDisabled: "#f0f0f0";
|
|
105
|
+
toggleHandleBorderDisabled: "#c29f7d";
|
|
106
|
+
toggleHandleBgDisabled: "#deae84";
|
|
107
|
+
icon: "#636363";
|
|
108
|
+
border: "#d5d5d5";
|
|
109
|
+
buttonBorder: "#bababa";
|
|
110
|
+
headerBorder: "#c8c8c9";
|
|
111
|
+
headerBg: "#efeff0";
|
|
112
|
+
headerText: "#484848";
|
|
113
|
+
text: "#323232";
|
|
114
|
+
sub: "#959595";
|
|
115
|
+
popText: "#666";
|
|
116
|
+
toolbarBorder: "#ababab";
|
|
117
|
+
toolbarBg: "#f8f8f8";
|
|
118
|
+
modalBg: "#f7f7f7";
|
|
119
|
+
modalButtonBg: "#f8f8f8";
|
|
120
|
+
modalButtonBorder: "#c2c2c2";
|
|
121
|
+
inputDisabledBg: "#f3f3f3";
|
|
122
|
+
inputDisabledText: "#959595";
|
|
123
|
+
choiceBg: "#ffffff";
|
|
124
|
+
choiceText: "#999999";
|
|
125
|
+
choiceActiveBg: "#f3f3f3";
|
|
126
|
+
choiceActiveText: "#313131";
|
|
127
|
+
choiceBorder: "#cfcfcf";
|
|
128
|
+
selectorText: "#606060";
|
|
129
|
+
selectorActive: "#008ad2";
|
|
130
|
+
blue1: "#038bf4";
|
|
131
|
+
blue2: "#b7d6f5";
|
|
132
|
+
blue3: "#dbe6ff";
|
|
133
|
+
blue4: "#33b4ff";
|
|
134
|
+
blue5: "#30a2e6";
|
|
135
|
+
orange1: "#ff7200";
|
|
136
|
+
orange1Darker: "#cc5b00";
|
|
137
|
+
purple1: "#7357e8";
|
|
138
|
+
green1: "#3ec234";
|
|
139
|
+
green1Darker: "#38af2f";
|
|
140
|
+
pink1: "#ff388f";
|
|
141
|
+
red1: "#ea2700";
|
|
142
|
+
yellow1: "#ffde9d";
|
|
143
|
+
yellow2: "#e4a429";
|
|
144
|
+
yellow3: "#fff5db";
|
|
145
|
+
pinky1: "#f5c0b7";
|
|
146
|
+
pinky2: "#e07b67";
|
|
147
|
+
pinky3: "#ffe1db";
|
|
148
|
+
grey1: "#737373";
|
|
149
|
+
focusColor: "#dcaf00";
|
|
150
|
+
scrollbarsThumb: "#737373";
|
|
151
|
+
scrollbarsBg: "transparent";
|
|
152
|
+
tableStripedBg: "#fafafa";
|
|
153
|
+
toolButtonText: "#666e80";
|
|
154
154
|
};
|
|
155
155
|
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
156
156
|
mx: (value: string | number) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAoC,UAAU,EAAgB,MAAM,eAAe,CAAC;AAE3F,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,KAAK,GAAG,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC;AAE9B,KAAK,qBAAqB,GACpB,KAAK,GACL,GAAG,KAAK,IAAI,KAAK,EAAE,GACnB,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC5B,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACrC,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC9C,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACvD,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAChE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACzE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAClF,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;AAElG,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,qBAAqB,CAAC;CACjC;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAKD,QAAA,MAAM,2BAA2B,QAAkC,CAAC;AACpE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAuB/D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,KAAK,CAAC,GAAG,aAwD/C,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC;AAE7C,YAAY,EACR,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,GACrC,CAAC"}
|
|
@@ -1,51 +1,61 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ICON } from "../../icons/Icon.js";
|
|
3
|
-
import { styled } from "../../../theme.js";
|
|
4
3
|
import { Value } from "./Value.js";
|
|
5
4
|
import { Label } from "./Label.js";
|
|
6
5
|
import { StyledIcon, StyledInnerContainer, StyledItem, StyledNoIcon } from "./Item.styled.js";
|
|
7
6
|
const icon = React.createElement(StyledIcon, { name: ICON.forward });
|
|
8
7
|
const noIcon = React.createElement(StyledNoIcon, null);
|
|
9
8
|
const ItemInnerContainerClassName = StyledInnerContainer.toString();
|
|
10
|
-
const ArrowHolder = styled("div", {
|
|
11
|
-
display: "flex",
|
|
12
|
-
alignItems: "center",
|
|
13
|
-
});
|
|
14
9
|
const Item = ({ href, to, onClick, Link, ratio, ...props }) => {
|
|
10
|
+
var _a;
|
|
15
11
|
const r = ratio ? ratio.split("/") : [];
|
|
16
12
|
const pre = typeof props.selected === "boolean"
|
|
17
|
-
? (props.selected ? icon : noIcon)
|
|
13
|
+
? React.createElement(Label, null, props.selected ? icon : noIcon)
|
|
18
14
|
: null;
|
|
19
|
-
const ren =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
15
|
+
const ren = !r.length
|
|
16
|
+
? props.children
|
|
17
|
+
: (_a = React.Children.map(props.children, (child, index) => {
|
|
18
|
+
if (child && typeof child === "object" && "type" in child && child.type === Value) {
|
|
19
|
+
return child;
|
|
20
|
+
}
|
|
21
|
+
if (!child || typeof child !== "object" || !("type" in child)) {
|
|
22
|
+
return child;
|
|
23
|
+
}
|
|
24
|
+
const flex = index in r ? r[index] : undefined;
|
|
25
|
+
if (flex === undefined) {
|
|
26
|
+
return child;
|
|
27
|
+
}
|
|
28
|
+
return React.cloneElement(child, {
|
|
29
|
+
style: { flex },
|
|
30
|
+
css: { flex },
|
|
31
|
+
});
|
|
32
|
+
})) !== null && _a !== void 0 ? _a : [];
|
|
31
33
|
if (to) {
|
|
32
34
|
if (!Link) {
|
|
33
35
|
throw new TypeError("`to` prop given without `Link` component");
|
|
34
36
|
}
|
|
35
37
|
return (React.createElement(StyledItem, { ...props },
|
|
36
38
|
React.createElement(Link, { href: to },
|
|
37
|
-
React.createElement(StyledInnerContainer, { as: "a", href: to },
|
|
39
|
+
React.createElement(StyledInnerContainer, { as: "a", href: to },
|
|
40
|
+
pre,
|
|
41
|
+
ren))));
|
|
38
42
|
}
|
|
39
43
|
if (href) {
|
|
40
44
|
return (React.createElement(StyledItem, { ...props },
|
|
41
|
-
React.createElement(StyledInnerContainer, { as: "a", href: href, onClick: onClick },
|
|
45
|
+
React.createElement(StyledInnerContainer, { as: "a", href: href, onClick: onClick },
|
|
46
|
+
pre,
|
|
47
|
+
ren)));
|
|
42
48
|
}
|
|
43
49
|
if (onClick) {
|
|
44
50
|
return (React.createElement(StyledItem, { ...props },
|
|
45
|
-
React.createElement(StyledInnerContainer, { as: "button", onClick: onClick },
|
|
51
|
+
React.createElement(StyledInnerContainer, { as: "button", onClick: onClick },
|
|
52
|
+
pre,
|
|
53
|
+
ren)));
|
|
46
54
|
}
|
|
47
55
|
return React.createElement(StyledItem, { ...props },
|
|
48
|
-
React.createElement(StyledInnerContainer, null,
|
|
56
|
+
React.createElement(StyledInnerContainer, null,
|
|
57
|
+
pre,
|
|
58
|
+
ren));
|
|
49
59
|
};
|
|
50
60
|
Item.Label = Label;
|
|
51
61
|
Item.Value = Value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"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"}
|