@lunit/design-system 1.0.0-a.3 → 1.0.0-a.5
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/README.md +2 -2
- package/dist/cjs/components/Alert/index.js +1 -1
- package/dist/cjs/components/Alert/index.js.map +1 -1
- package/dist/cjs/components/Button/index.js +1 -1
- package/dist/cjs/components/Button/index.js.map +1 -1
- package/dist/cjs/components/TextField/index.js +1 -1
- package/dist/cjs/components/TextField/index.js.map +1 -1
- package/dist/cjs/components/ToggleButton/index.js +1 -1
- package/dist/cjs/components/ToggleButton/index.js.map +1 -1
- package/dist/cjs/components/Typography/index.js +2 -0
- package/dist/cjs/components/Typography/index.js.map +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/components/Alert/Alert.js +5 -1
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Alert/Alert.styled.js +9 -8
- package/dist/components/Alert/Alert.styled.js.map +1 -1
- package/dist/components/Alert/{Alert.utils..js → Alert.utils.js} +4 -5
- package/dist/components/Alert/Alert.utils.js.map +1 -0
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.styled.js +42 -21
- package/dist/components/Button/Button.styled.js.map +1 -1
- package/dist/components/TextField/TextField.js +3 -3
- package/dist/components/TextField/TextField.js.map +1 -1
- package/dist/components/TextField/TextField.style.js +3 -0
- package/dist/components/TextField/TextField.style.js.map +1 -1
- package/dist/components/Toast/Toast.js +1 -1
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/Toast.styled.js +1 -1
- package/dist/components/Toast/Toast.styled.js.map +1 -1
- package/dist/components/Toast/Toast.utils.js +1 -2
- package/dist/components/Toast/Toast.utils.js.map +1 -1
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/Toast/index.js.map +1 -1
- package/dist/components/Typography/index.js +3 -0
- package/dist/components/Typography/index.js.map +1 -0
- package/dist/foundation/Typography/index.js.map +1 -1
- package/dist/foundation/colors/index.js +9 -11
- package/dist/foundation/colors/index.js.map +1 -1
- package/dist/foundation/colors/token/component.js +22 -38
- package/dist/foundation/colors/token/component.js.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/types/components/Alert/Alert.utils.d.ts +4 -0
- package/dist/types/components/Button/Button.d.ts +1 -1
- package/dist/types/components/Button/Button.styled.d.ts +39 -19
- package/dist/types/components/Button/Button.types.d.ts +1 -1
- package/dist/types/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/types/components/Chip/Chip.d.ts +1 -1
- package/dist/types/components/Chip/Chip.styled.d.ts +8 -8
- package/dist/types/components/Chip/Chip.types.d.ts +1 -0
- package/dist/types/components/DataTable/DataTable.d.ts +1 -1
- package/dist/types/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/types/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/types/components/FormLabel/FormLabel.d.ts +1 -1
- package/dist/types/components/Modal/Modal.d.ts +1 -1
- package/dist/types/components/Radio/Radio.d.ts +1 -1
- package/dist/types/components/TextField/TextField.d.ts +1 -1
- package/dist/types/components/TextField/TextField.style.d.ts +3 -1
- package/dist/types/components/TextField/TextField.types.d.ts +2 -3
- package/dist/types/components/TextField/TextFieldIcon.d.ts +2 -1
- package/dist/types/components/Toast/Toast.utils.d.ts +2 -2
- package/dist/types/components/Toast/index.d.ts +2 -1
- package/dist/types/components/Toggle/Toggle.d.ts +1 -1
- package/dist/types/components/ToggleButton/ToggleButton.d.ts +1 -1
- package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts +2 -2
- package/dist/types/components/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
- package/dist/types/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/types/components/Typography/index.d.ts +7 -0
- package/dist/types/foundation/Typography/index.d.ts +1 -5
- package/dist/types/foundation/colors/index.d.ts +9 -11
- package/dist/types/foundation/colors/types.d.ts +9 -11
- package/dist/types/foundation/index.d.ts +9 -11
- package/dist/types/index.d.ts +3 -0
- package/package.json +21 -16
- package/src/components/Alert/Alert.styled.ts +33 -30
- package/src/components/Alert/Alert.tsx +5 -7
- package/src/components/Alert/{Alert.utils..ts → Alert.utils.ts} +13 -5
- package/src/components/Button/Button.styled.ts +42 -22
- package/src/components/Button/Button.tsx +12 -10
- package/src/components/Button/Button.types.ts +1 -1
- package/src/components/TextField/TextField.style.ts +3 -0
- package/src/components/TextField/TextField.tsx +3 -3
- package/src/components/TextField/TextField.types.ts +1 -3
- package/src/components/Toast/Toast.styled.ts +1 -1
- package/src/components/Toast/Toast.tsx +1 -1
- package/src/components/Toast/Toast.utils.ts +5 -3
- package/src/components/Toast/index.tsx +2 -1
- package/src/components/Typography/index.ts +9 -0
- package/src/foundation/Typography/index.ts +2 -6
- package/src/foundation/colors/index.ts +9 -11
- package/src/foundation/colors/token/component.ts +22 -38
- package/src/foundation/colors/types.ts +9 -11
- package/src/index.ts +3 -0
- package/src/stories/components/Button/Kind.stories.tsx +38 -5
- package/src/stories/components/Toast/Toast.stories.tsx +1 -1
- package/src/stories/foundation/Typography/Typography.mdx +1 -1
- package/src/stories/foundation/Typography/Typography.stories.tsx +3 -1
- package/src/stories/foundation/Typography/TypographyExamples.stories.tsx +2 -2
- package/src/stories/foundation/Typography/TypographyGroup.tsx +3 -7
- package/dist/components/Alert/Alert.utils..js.map +0 -1
- package/dist/types/components/Alert/Alert.utils..d.ts +0 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const tokenComponentColor = {
|
|
2
2
|
btn: {
|
|
3
|
-
|
|
3
|
+
btn_primary_bg: {
|
|
4
4
|
light1: "--lunit_teal_30",
|
|
5
5
|
light2: "--lunit_teal_30",
|
|
6
6
|
dark1: "--lunit_teal_40",
|
|
@@ -8,15 +8,7 @@ export const tokenComponentColor = {
|
|
|
8
8
|
dark3: "--lunit_teal_40",
|
|
9
9
|
dark4: "--lunit_teal_40",
|
|
10
10
|
},
|
|
11
|
-
|
|
12
|
-
light1: "--grey_95",
|
|
13
|
-
light2: "--grey_95",
|
|
14
|
-
dark1: "--grey_95",
|
|
15
|
-
dark2: "--grey_95",
|
|
16
|
-
dark3: "--grey_95",
|
|
17
|
-
dark4: "--grey_95",
|
|
18
|
-
},
|
|
19
|
-
btn_contained_secondary_bg: {
|
|
11
|
+
btn_secondary_bg: {
|
|
20
12
|
light1: "--grey_15",
|
|
21
13
|
light2: "--grey_15",
|
|
22
14
|
dark1: "--grey_60",
|
|
@@ -24,15 +16,7 @@ export const tokenComponentColor = {
|
|
|
24
16
|
dark3: "--grey_60",
|
|
25
17
|
dark4: "--grey_60",
|
|
26
18
|
},
|
|
27
|
-
|
|
28
|
-
light1: "--grey_95",
|
|
29
|
-
light2: "--grey_95",
|
|
30
|
-
dark1: "--grey_5",
|
|
31
|
-
dark2: "--grey_5",
|
|
32
|
-
dark3: "--grey_5",
|
|
33
|
-
dark4: "--grey_5",
|
|
34
|
-
},
|
|
35
|
-
btn_contained_error_bg: {
|
|
19
|
+
btn_error_bg: {
|
|
36
20
|
light1: "--red_30",
|
|
37
21
|
light2: "--red_30",
|
|
38
22
|
dark1: "--red_40",
|
|
@@ -40,15 +24,7 @@ export const tokenComponentColor = {
|
|
|
40
24
|
dark3: "--red_40",
|
|
41
25
|
dark4: "--red_40",
|
|
42
26
|
},
|
|
43
|
-
|
|
44
|
-
light1: "--grey_95",
|
|
45
|
-
light2: "--grey_95",
|
|
46
|
-
dark1: "--grey_95",
|
|
47
|
-
dark2: "--grey_95",
|
|
48
|
-
dark3: "--grey_95",
|
|
49
|
-
dark4: "--grey_95",
|
|
50
|
-
},
|
|
51
|
-
btn_outlined_primary_border: {
|
|
27
|
+
btn_primary_border: {
|
|
52
28
|
light1: "--lunit_teal_40",
|
|
53
29
|
light2: "--lunit_teal_40",
|
|
54
30
|
dark1: "--lunit_teal_40",
|
|
@@ -56,15 +32,15 @@ export const tokenComponentColor = {
|
|
|
56
32
|
dark3: "--lunit_teal_40",
|
|
57
33
|
dark4: "--lunit_teal_40",
|
|
58
34
|
},
|
|
59
|
-
|
|
60
|
-
light1: "--
|
|
61
|
-
light2: "--
|
|
62
|
-
dark1: "--
|
|
63
|
-
dark2: "--
|
|
64
|
-
dark3: "--
|
|
65
|
-
dark4: "--
|
|
35
|
+
btn_secondary_border: {
|
|
36
|
+
light1: "--grey_15",
|
|
37
|
+
light2: "--grey_15",
|
|
38
|
+
dark1: "--grey_5",
|
|
39
|
+
dark2: "--grey_5",
|
|
40
|
+
dark3: "--grey_5",
|
|
41
|
+
dark4: "--grey_5",
|
|
66
42
|
},
|
|
67
|
-
|
|
43
|
+
btn_primary_text_1: {
|
|
68
44
|
light1: "--lunit_teal_50",
|
|
69
45
|
light2: "--lunit_teal_50",
|
|
70
46
|
dark1: "--lunit_teal_40",
|
|
@@ -72,7 +48,15 @@ export const tokenComponentColor = {
|
|
|
72
48
|
dark3: "--lunit_teal_40",
|
|
73
49
|
dark4: "--lunit_teal_40",
|
|
74
50
|
},
|
|
75
|
-
|
|
51
|
+
btn_primary_text_2: {
|
|
52
|
+
light1: "--grey_95",
|
|
53
|
+
light2: "--grey_95",
|
|
54
|
+
dark1: "--grey_95",
|
|
55
|
+
dark2: "--grey_95",
|
|
56
|
+
dark3: "--grey_95",
|
|
57
|
+
dark4: "--grey_95",
|
|
58
|
+
},
|
|
59
|
+
btn_secondary_text: {
|
|
76
60
|
light1: "--grey_95",
|
|
77
61
|
light2: "--grey_95",
|
|
78
62
|
dark1: "--grey_5",
|
|
@@ -80,7 +64,7 @@ export const tokenComponentColor = {
|
|
|
80
64
|
dark3: "--grey_5",
|
|
81
65
|
dark4: "--grey_5",
|
|
82
66
|
},
|
|
83
|
-
|
|
67
|
+
btn_error_text: {
|
|
84
68
|
light1: "--red_40",
|
|
85
69
|
light2: "--red_40",
|
|
86
70
|
dark1: "--red_40",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/component.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,mBAAmB,GAA6B;IAC3D,GAAG,EAAE;QACH,
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/foundation/colors/token/component.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -3,6 +3,7 @@ export { base as baseColors } from "./foundation/colors";
|
|
|
3
3
|
export { default as Alert } from "./components/Alert";
|
|
4
4
|
export { default as Button } from "./components/Button";
|
|
5
5
|
export { default as Chip } from "./components/Chip";
|
|
6
|
+
export { default as Checkbox } from "./components/Checkbox";
|
|
6
7
|
export { default as DataTable } from "./components/DataTable";
|
|
7
8
|
export { default as DatePicker } from "./components/DatePicker";
|
|
8
9
|
export { default as Dropdown } from "./components/Dropdown";
|
|
@@ -11,8 +12,10 @@ export { default as Modal } from "./components/Modal";
|
|
|
11
12
|
export { default as Radio } from "./components/Radio";
|
|
12
13
|
export { default as RadioGroup } from "./components/RadioGroup";
|
|
13
14
|
export { default as TextField } from "./components/TextField";
|
|
15
|
+
export { default as Toast } from "./components/Toast";
|
|
14
16
|
export { default as Toggle } from "./components/Toggle";
|
|
15
17
|
export { default as ToggleButton } from "./components/ToggleButton";
|
|
16
18
|
export { default as ToggleButtonGroup } from "./components/ToggleButtonGroup";
|
|
17
19
|
export { default as Tooltip } from "./components/Tooltip";
|
|
20
|
+
export { default as Typography } from "./components/Typography";
|
|
18
21
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { AlertColor, Theme } from "@mui/material";
|
|
2
|
+
export declare const getBackgroundColor: (theme: Theme, severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
|
|
3
|
+
export declare const getBorderColor: (theme: Theme, severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
|
|
4
|
+
export declare const getIconColor: (theme: Theme, severity: AlertColor | undefined) => import("csstype").Property.Color | undefined;
|
|
@@ -101,6 +101,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
101
101
|
breakInside?: import("csstype").Property.BreakInside | undefined;
|
|
102
102
|
captionSide?: import("csstype").Property.CaptionSide | undefined;
|
|
103
103
|
caretColor?: import("csstype").Property.CaretColor | undefined;
|
|
104
|
+
caretShape?: import("csstype").Property.CaretShape | undefined;
|
|
104
105
|
clear?: import("csstype").Property.Clear | undefined;
|
|
105
106
|
clipPath?: import("csstype").Property.ClipPath | undefined;
|
|
106
107
|
color?: import("csstype").Property.Color | undefined;
|
|
@@ -115,6 +116,12 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
115
116
|
columnSpan?: import("csstype").Property.ColumnSpan | undefined;
|
|
116
117
|
columnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
|
|
117
118
|
contain?: import("csstype").Property.Contain | undefined;
|
|
119
|
+
containIntrinsicBlockSize?: string | number | undefined;
|
|
120
|
+
containIntrinsicHeight?: string | number | undefined;
|
|
121
|
+
containIntrinsicInlineSize?: string | number | undefined;
|
|
122
|
+
containIntrinsicWidth?: string | number | undefined;
|
|
123
|
+
containerName?: import("csstype").Property.ContainerName | undefined;
|
|
124
|
+
containerType?: import("csstype").Property.ContainerType | undefined;
|
|
118
125
|
content?: import("csstype").Property.Content | undefined;
|
|
119
126
|
contentVisibility?: import("csstype").Property.ContentVisibility | undefined;
|
|
120
127
|
counterIncrement?: import("csstype").Property.CounterIncrement | undefined;
|
|
@@ -136,6 +143,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
136
143
|
fontKerning?: import("csstype").Property.FontKerning | undefined;
|
|
137
144
|
fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
|
|
138
145
|
fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
|
|
146
|
+
fontPalette?: import("csstype").Property.FontPalette | undefined;
|
|
139
147
|
fontSize?: string | number | undefined;
|
|
140
148
|
fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
|
|
141
149
|
fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
|
|
@@ -146,6 +154,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
146
154
|
fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
|
|
147
155
|
fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
|
|
148
156
|
fontVariantEastAsian?: import("csstype").Property.FontVariantEastAsian | undefined;
|
|
157
|
+
fontVariantEmoji?: import("csstype").Property.FontVariantEmoji | undefined;
|
|
149
158
|
fontVariantLigatures?: import("csstype").Property.FontVariantLigatures | undefined;
|
|
150
159
|
fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
|
|
151
160
|
fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
|
|
@@ -165,6 +174,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
165
174
|
hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
|
|
166
175
|
height?: string | number | undefined;
|
|
167
176
|
hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
|
|
177
|
+
hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
|
|
168
178
|
hyphens?: import("csstype").Property.Hyphens | undefined;
|
|
169
179
|
imageOrientation?: import("csstype").Property.ImageOrientation | undefined;
|
|
170
180
|
imageRendering?: import("csstype").Property.ImageRendering | undefined;
|
|
@@ -172,11 +182,8 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
172
182
|
initialLetter?: import("csstype").Property.InitialLetter | undefined;
|
|
173
183
|
inlineSize?: string | number | undefined;
|
|
174
184
|
inputSecurity?: import("csstype").Property.InputSecurity | undefined;
|
|
175
|
-
inset?: string | number | undefined;
|
|
176
|
-
insetBlock?: string | number | undefined;
|
|
177
185
|
insetBlockEnd?: string | number | undefined;
|
|
178
186
|
insetBlockStart?: string | number | undefined;
|
|
179
|
-
insetInline?: string | number | undefined;
|
|
180
187
|
insetInlineEnd?: string | number | undefined;
|
|
181
188
|
insetInlineStart?: string | number | undefined;
|
|
182
189
|
isolation?: import("csstype").Property.Isolation | undefined;
|
|
@@ -192,16 +199,15 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
192
199
|
listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
|
|
193
200
|
listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
|
|
194
201
|
listStyleType?: import("csstype").Property.ListStyleType | undefined;
|
|
195
|
-
marginBlock?: string | number | undefined;
|
|
196
202
|
marginBlockEnd?: string | number | undefined;
|
|
197
203
|
marginBlockStart?: string | number | undefined;
|
|
198
204
|
marginBottom?: string | number | undefined;
|
|
199
|
-
marginInline?: string | number | undefined;
|
|
200
205
|
marginInlineEnd?: string | number | undefined;
|
|
201
206
|
marginInlineStart?: string | number | undefined;
|
|
202
207
|
marginLeft?: string | number | undefined;
|
|
203
208
|
marginRight?: string | number | undefined;
|
|
204
209
|
marginTop?: string | number | undefined;
|
|
210
|
+
marginTrim?: import("csstype").Property.MarginTrim | undefined;
|
|
205
211
|
maskBorderMode?: import("csstype").Property.MaskBorderMode | undefined;
|
|
206
212
|
maskBorderOutset?: string | number | undefined;
|
|
207
213
|
maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
|
|
@@ -236,6 +242,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
236
242
|
offsetAnchor?: string | number | undefined;
|
|
237
243
|
offsetDistance?: string | number | undefined;
|
|
238
244
|
offsetPath?: import("csstype").Property.OffsetPath | undefined;
|
|
245
|
+
offsetPosition?: string | number | undefined;
|
|
239
246
|
offsetRotate?: import("csstype").Property.OffsetRotate | undefined;
|
|
240
247
|
offsetRotation?: import("csstype").Property.OffsetRotate | undefined;
|
|
241
248
|
opacity?: import("csstype").Property.Opacity | undefined;
|
|
@@ -257,23 +264,21 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
257
264
|
overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
|
|
258
265
|
overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
|
|
259
266
|
overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | undefined;
|
|
260
|
-
paddingBlock?: string | number | undefined;
|
|
261
267
|
paddingBlockEnd?: string | number | undefined;
|
|
262
268
|
paddingBlockStart?: string | number | undefined;
|
|
263
269
|
paddingBottom?: string | number | undefined;
|
|
264
|
-
paddingInline?: string | number | undefined;
|
|
265
270
|
paddingInlineEnd?: string | number | undefined;
|
|
266
271
|
paddingInlineStart?: string | number | undefined;
|
|
267
272
|
paddingLeft?: string | number | undefined;
|
|
268
273
|
paddingRight?: string | number | undefined;
|
|
269
274
|
paddingTop?: string | number | undefined;
|
|
275
|
+
page?: import("csstype").Property.Page | undefined;
|
|
270
276
|
pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
|
|
271
277
|
pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
|
|
272
278
|
pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
|
|
273
279
|
paintOrder?: import("csstype").Property.PaintOrder | undefined;
|
|
274
280
|
perspective?: import("csstype").Property.Perspective<string | number> | undefined;
|
|
275
281
|
perspectiveOrigin?: string | number | undefined;
|
|
276
|
-
placeContent?: import("csstype").Property.PlaceContent | undefined;
|
|
277
282
|
pointerEvents?: import("csstype").Property.PointerEvents | undefined;
|
|
278
283
|
position?: import("csstype").Property.Position | undefined;
|
|
279
284
|
printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
|
|
@@ -287,36 +292,31 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
287
292
|
rubyPosition?: import("csstype").Property.RubyPosition | undefined;
|
|
288
293
|
scale?: import("csstype").Property.Scale | undefined;
|
|
289
294
|
scrollBehavior?: import("csstype").Property.ScrollBehavior | undefined;
|
|
290
|
-
scrollMargin?: string | number | undefined;
|
|
291
|
-
scrollMarginBlock?: string | number | undefined;
|
|
292
295
|
scrollMarginBlockEnd?: import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined;
|
|
293
296
|
scrollMarginBlockStart?: import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined;
|
|
294
297
|
scrollMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
|
|
295
|
-
scrollMarginInline?: string | number | undefined;
|
|
296
298
|
scrollMarginInlineEnd?: import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined;
|
|
297
299
|
scrollMarginInlineStart?: import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined;
|
|
298
300
|
scrollMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
|
|
299
301
|
scrollMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
|
|
300
302
|
scrollMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
|
|
301
|
-
scrollPadding?: string | number | undefined;
|
|
302
|
-
scrollPaddingBlock?: string | number | undefined;
|
|
303
303
|
scrollPaddingBlockEnd?: string | number | undefined;
|
|
304
304
|
scrollPaddingBlockStart?: string | number | undefined;
|
|
305
305
|
scrollPaddingBottom?: string | number | undefined;
|
|
306
|
-
scrollPaddingInline?: string | number | undefined;
|
|
307
306
|
scrollPaddingInlineEnd?: string | number | undefined;
|
|
308
307
|
scrollPaddingInlineStart?: string | number | undefined;
|
|
309
308
|
scrollPaddingLeft?: string | number | undefined;
|
|
310
309
|
scrollPaddingRight?: string | number | undefined;
|
|
311
310
|
scrollPaddingTop?: string | number | undefined;
|
|
312
311
|
scrollSnapAlign?: import("csstype").Property.ScrollSnapAlign | undefined;
|
|
313
|
-
scrollSnapMargin?: string | number | undefined;
|
|
314
312
|
scrollSnapMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
|
|
315
313
|
scrollSnapMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
|
|
316
314
|
scrollSnapMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
|
|
317
315
|
scrollSnapMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
|
|
318
316
|
scrollSnapStop?: import("csstype").Property.ScrollSnapStop | undefined;
|
|
319
317
|
scrollSnapType?: import("csstype").Property.ScrollSnapType | undefined;
|
|
318
|
+
scrollTimelineAxis?: import("csstype").Property.ScrollTimelineAxis | undefined;
|
|
319
|
+
scrollTimelineName?: import("csstype").Property.ScrollTimelineName | undefined;
|
|
320
320
|
scrollbarColor?: import("csstype").Property.ScrollbarColor | undefined;
|
|
321
321
|
scrollbarGutter?: import("csstype").Property.ScrollbarGutter | undefined;
|
|
322
322
|
scrollbarWidth?: import("csstype").Property.ScrollbarWidth | undefined;
|
|
@@ -361,6 +361,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
361
361
|
unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
|
|
362
362
|
userSelect?: import("csstype").Property.UserSelect | undefined;
|
|
363
363
|
verticalAlign?: string | number | undefined;
|
|
364
|
+
viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
|
|
364
365
|
visibility?: import("csstype").Property.Visibility | undefined;
|
|
365
366
|
whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
|
|
366
367
|
widows?: import("csstype").Property.Widows | undefined;
|
|
@@ -392,8 +393,11 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
392
393
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
393
394
|
borderTop?: string | number | undefined;
|
|
394
395
|
borderWidth?: string | number | undefined;
|
|
396
|
+
caret?: import("csstype").Property.Caret | undefined;
|
|
395
397
|
columnRule?: string | number | undefined;
|
|
396
398
|
columns?: string | number | undefined;
|
|
399
|
+
containIntrinsicSize?: string | number | undefined;
|
|
400
|
+
container?: import("csstype").Property.Container | undefined;
|
|
397
401
|
flex?: string | number | undefined;
|
|
398
402
|
flexFlow?: import("csstype").Property.FlexFlow | undefined;
|
|
399
403
|
font?: import("csstype").Property.Font | undefined;
|
|
@@ -403,9 +407,14 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
403
407
|
gridColumn?: import("csstype").Property.GridColumn | undefined;
|
|
404
408
|
gridRow?: import("csstype").Property.GridRow | undefined;
|
|
405
409
|
gridTemplate?: import("csstype").Property.GridTemplate | undefined;
|
|
410
|
+
inset?: string | number | undefined;
|
|
411
|
+
insetBlock?: string | number | undefined;
|
|
412
|
+
insetInline?: string | number | undefined;
|
|
406
413
|
lineClamp?: import("csstype").Property.LineClamp | undefined;
|
|
407
414
|
listStyle?: import("csstype").Property.ListStyle | undefined;
|
|
408
415
|
margin?: string | number | undefined;
|
|
416
|
+
marginBlock?: string | number | undefined;
|
|
417
|
+
marginInline?: string | number | undefined;
|
|
409
418
|
mask?: string | number | undefined;
|
|
410
419
|
maskBorder?: import("csstype").Property.MaskBorder | undefined;
|
|
411
420
|
motion?: string | number | undefined;
|
|
@@ -413,8 +422,19 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
413
422
|
outline?: string | number | undefined;
|
|
414
423
|
overflow?: import("csstype").Property.Overflow | undefined;
|
|
415
424
|
overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
|
|
425
|
+
paddingBlock?: string | number | undefined;
|
|
426
|
+
paddingInline?: string | number | undefined;
|
|
427
|
+
placeContent?: import("csstype").Property.PlaceContent | undefined;
|
|
416
428
|
placeItems?: import("csstype").Property.PlaceItems | undefined;
|
|
417
429
|
placeSelf?: import("csstype").Property.PlaceSelf | undefined;
|
|
430
|
+
scrollMargin?: string | number | undefined;
|
|
431
|
+
scrollMarginBlock?: string | number | undefined;
|
|
432
|
+
scrollMarginInline?: string | number | undefined;
|
|
433
|
+
scrollPadding?: string | number | undefined;
|
|
434
|
+
scrollPaddingBlock?: string | number | undefined;
|
|
435
|
+
scrollPaddingInline?: string | number | undefined;
|
|
436
|
+
scrollSnapMargin?: string | number | undefined;
|
|
437
|
+
scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;
|
|
418
438
|
textDecoration?: string | number | undefined;
|
|
419
439
|
textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
|
|
420
440
|
transition?: import("csstype").Property.Transition<string & {}> | undefined;
|
|
@@ -428,6 +448,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
428
448
|
MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
|
|
429
449
|
MozAppearance?: import("csstype").Property.MozAppearance | undefined;
|
|
430
450
|
MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
|
|
451
|
+
MozBinding?: import("csstype").Property.MozBinding | undefined;
|
|
431
452
|
MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
|
|
432
453
|
MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
|
|
433
454
|
MozBorderEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
|
|
@@ -708,7 +729,6 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
|
|
|
708
729
|
MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
|
|
709
730
|
MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
|
|
710
731
|
MozBackgroundSize?: string | number | undefined;
|
|
711
|
-
MozBinding?: import("csstype").Property.MozBinding | undefined;
|
|
712
732
|
MozBorderRadius?: string | number | undefined;
|
|
713
733
|
MozBorderRadiusBottomleft?: string | number | undefined;
|
|
714
734
|
MozBorderRadiusBottomright?: string | number | undefined;
|
|
@@ -881,7 +901,7 @@ export declare const iconStyle: ({ size, hasIconOnly, }: Pick<CustomButtonProps,
|
|
|
881
901
|
export declare const CustomButton: import("@emotion/styled").StyledComponent<{
|
|
882
902
|
children?: import("react").ReactNode;
|
|
883
903
|
classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
|
|
884
|
-
color?: "
|
|
904
|
+
color?: "primary" | "secondary" | "error" | "inherit" | "success" | "info" | "warning" | undefined;
|
|
885
905
|
disabled?: boolean | undefined;
|
|
886
906
|
disableElevation?: boolean | undefined;
|
|
887
907
|
disableFocusRipple?: boolean | undefined;
|
|
@@ -891,7 +911,7 @@ export declare const CustomButton: import("@emotion/styled").StyledComponent<{
|
|
|
891
911
|
size?: "small" | "medium" | "large" | undefined;
|
|
892
912
|
startIcon?: import("react").ReactNode;
|
|
893
913
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
|
|
894
|
-
variant?: "
|
|
914
|
+
variant?: "text" | "contained" | "outlined" | undefined;
|
|
895
915
|
} & Omit<{
|
|
896
916
|
action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
|
|
897
917
|
centerRipple?: boolean | undefined;
|
|
@@ -910,5 +930,5 @@ export declare const CustomButton: import("@emotion/styled").StyledComponent<{
|
|
|
910
930
|
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
|
|
911
931
|
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
912
932
|
ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
913
|
-
},
|
|
933
|
+
}, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomButtonProps, {}, {}>;
|
|
914
934
|
export {};
|
|
@@ -13,7 +13,7 @@ interface GhostButtonProps extends BaseButtonProps {
|
|
|
13
13
|
}
|
|
14
14
|
interface OutlinedButtonProps extends BaseButtonProps {
|
|
15
15
|
kind?: "outlined";
|
|
16
|
-
color?: "primary";
|
|
16
|
+
color?: "primary" | "secondary";
|
|
17
17
|
}
|
|
18
18
|
export type ButtonProps = ContainedButtonProps | GhostButtonProps | OutlinedButtonProps;
|
|
19
19
|
export {};
|
|
@@ -6,7 +6,7 @@ export declare const StyledOutlinedChip: import("@emotion/styled").StyledCompone
|
|
|
6
6
|
children?: null | undefined;
|
|
7
7
|
classes?: Partial<import("@mui/material").ChipClasses> | undefined;
|
|
8
8
|
clickable?: boolean | undefined;
|
|
9
|
-
color?: "primary" | "secondary" | "error" | "
|
|
9
|
+
color?: "primary" | "secondary" | "error" | "success" | "info" | "warning" | "default" | undefined;
|
|
10
10
|
deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
11
11
|
disabled?: boolean | undefined;
|
|
12
12
|
icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
@@ -19,13 +19,13 @@ export declare const StyledOutlinedChip: import("@emotion/styled").StyledCompone
|
|
|
19
19
|
variant?: "outlined" | "filled" | undefined;
|
|
20
20
|
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
21
21
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
-
}, "
|
|
22
|
+
}, "icon" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "color" | "children" | "disabled" | "sx" | "size" | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & OutlinedChipProps, {}, {}>;
|
|
23
23
|
export declare const StyledContainedChipBase: import("@emotion/styled").StyledComponent<{
|
|
24
24
|
avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
25
25
|
children?: null | undefined;
|
|
26
26
|
classes?: Partial<import("@mui/material").ChipClasses> | undefined;
|
|
27
27
|
clickable?: boolean | undefined;
|
|
28
|
-
color?: "primary" | "secondary" | "error" | "
|
|
28
|
+
color?: "primary" | "secondary" | "error" | "success" | "info" | "warning" | "default" | undefined;
|
|
29
29
|
deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
30
30
|
disabled?: boolean | undefined;
|
|
31
31
|
icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
@@ -38,13 +38,13 @@ export declare const StyledContainedChipBase: import("@emotion/styled").StyledCo
|
|
|
38
38
|
variant?: "outlined" | "filled" | undefined;
|
|
39
39
|
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
40
40
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
41
|
-
}, "
|
|
41
|
+
}, "icon" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "color" | "children" | "disabled" | "sx" | "size" | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
|
|
42
42
|
export declare const StyledContainedChipEnable: import("@emotion/styled").StyledComponent<{
|
|
43
43
|
avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
44
44
|
children?: null | undefined;
|
|
45
45
|
classes?: Partial<import("@mui/material").ChipClasses> | undefined;
|
|
46
46
|
clickable?: boolean | undefined;
|
|
47
|
-
color?: "primary" | "secondary" | "error" | "
|
|
47
|
+
color?: "primary" | "secondary" | "error" | "success" | "info" | "warning" | "default" | undefined;
|
|
48
48
|
deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
49
49
|
disabled?: boolean | undefined;
|
|
50
50
|
icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
@@ -57,13 +57,13 @@ export declare const StyledContainedChipEnable: import("@emotion/styled").Styled
|
|
|
57
57
|
variant?: "outlined" | "filled" | undefined;
|
|
58
58
|
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
59
59
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
60
|
-
}, "
|
|
60
|
+
}, "icon" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "color" | "children" | "disabled" | "sx" | "size" | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps & EnableContainedChipProps, {}, {}>;
|
|
61
61
|
export declare const StyledContainedChipDeletable: import("@emotion/styled").StyledComponent<{
|
|
62
62
|
avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
63
63
|
children?: null | undefined;
|
|
64
64
|
classes?: Partial<import("@mui/material").ChipClasses> | undefined;
|
|
65
65
|
clickable?: boolean | undefined;
|
|
66
|
-
color?: "primary" | "secondary" | "error" | "
|
|
66
|
+
color?: "primary" | "secondary" | "error" | "success" | "info" | "warning" | "default" | undefined;
|
|
67
67
|
deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
68
68
|
disabled?: boolean | undefined;
|
|
69
69
|
icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
@@ -76,4 +76,4 @@ export declare const StyledContainedChipDeletable: import("@emotion/styled").Sty
|
|
|
76
76
|
variant?: "outlined" | "filled" | undefined;
|
|
77
77
|
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
78
78
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
79
|
-
}, "
|
|
79
|
+
}, "icon" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "color" | "children" | "disabled" | "sx" | "size" | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<Theme> & BaseContainedChipProps, {}, {}>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const DataTable: () => JSX.Element;
|
|
1
|
+
declare const DataTable: () => import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
export default DataTable;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const DatePicker: () => JSX.Element;
|
|
1
|
+
declare const DatePicker: () => import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
export default DatePicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const Dropdown: () => JSX.Element;
|
|
1
|
+
declare const Dropdown: () => import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
export default Dropdown;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const Modal: () => JSX.Element;
|
|
1
|
+
declare const Modal: () => import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
export default Modal;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { TextFieldProps, TextFieldSize } from "./TextField.types";
|
|
3
|
-
declare const BaseTextField: import("@emotion/styled").StyledComponent<
|
|
3
|
+
declare const BaseTextField: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
variant?: import("@mui/material/TextField").TextFieldVariants | undefined;
|
|
5
|
+
} & Omit<import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Omit<TextFieldProps, "size"> & {
|
|
4
6
|
textFieldSize: TextFieldSize;
|
|
5
7
|
hasLeftIcon?: boolean | undefined;
|
|
6
8
|
hasRightIcon?: boolean | undefined;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import type { SxProps } from "@mui/material";
|
|
2
3
|
import type { OutlinedTextFieldProps } from "@mui/material/TextField";
|
|
3
4
|
export type TextFieldSize = "small" | "medium" | "large";
|
|
@@ -5,7 +6,7 @@ export interface BaseTextFieldProps extends Omit<OutlinedTextFieldProps, "size"
|
|
|
5
6
|
/**
|
|
6
7
|
* The design system TextField variable is outlined fixed.
|
|
7
8
|
*/
|
|
8
|
-
variant
|
|
9
|
+
variant?: "outlined";
|
|
9
10
|
value?: string;
|
|
10
11
|
helperText?: string;
|
|
11
12
|
/**
|
|
@@ -14,7 +15,6 @@ export interface BaseTextFieldProps extends Omit<OutlinedTextFieldProps, "size"
|
|
|
14
15
|
size?: TextFieldSize;
|
|
15
16
|
}
|
|
16
17
|
export interface SingleTextFieldProps extends BaseTextFieldProps {
|
|
17
|
-
size: TextFieldSize;
|
|
18
18
|
leftIcon?: JSX.Element;
|
|
19
19
|
rightIcon?: JSX.Element;
|
|
20
20
|
leftIconSx?: SxProps;
|
|
@@ -24,6 +24,5 @@ export interface SingleTextFieldProps extends BaseTextFieldProps {
|
|
|
24
24
|
}
|
|
25
25
|
export interface MultiTextFieldProps extends BaseTextFieldProps {
|
|
26
26
|
rows?: number | string;
|
|
27
|
-
size: TextFieldSize;
|
|
28
27
|
}
|
|
29
28
|
export type TextFieldProps = SingleTextFieldProps | MultiTextFieldProps;
|