@alto-avios/alto-ui 3.1.0 → 3.2.1
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/assets/Accordion.css +1 -0
- package/dist/assets/AviosBadge.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CalloutBanner.css +1 -0
- package/dist/assets/CreditCardNumberField.css +1 -1
- package/dist/assets/CreditCardSecurityCodeField.css +1 -0
- package/dist/assets/ErrorSummary.css +1 -0
- package/dist/assets/FieldHeader.css +1 -1
- package/dist/assets/FieldLabel.css +1 -1
- package/dist/assets/Image.css +1 -1
- package/dist/assets/Menu.css +1 -0
- package/dist/assets/PhoneNumberField.css +1 -1
- package/dist/assets/Section.css +1 -1
- package/dist/assets/SelectCard.css +1 -0
- package/dist/assets/Tag.css +1 -1
- package/dist/assets/flex.css +1 -1
- package/dist/assets/position.css +1 -0
- package/dist/components/Accordion/Accordion.d.ts +35 -0
- package/dist/components/Accordion/Accordion.js +140 -0
- package/dist/components/Accordion/Accordion.js.map +1 -0
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/Accordion/index.js +5 -0
- package/dist/components/Accordion/index.js.map +1 -0
- package/dist/components/AviosBadge/AviosBadge.d.ts +34 -0
- package/dist/components/AviosBadge/AviosBadge.js +58 -0
- package/dist/components/AviosBadge/AviosBadge.js.map +1 -0
- package/dist/components/AviosBadge/index.d.ts +1 -0
- package/dist/components/AviosBadge/index.js +5 -0
- package/dist/components/AviosBadge/index.js.map +1 -0
- package/dist/components/Badge/Badge.d.ts +7 -2
- package/dist/components/Badge/Badge.js +2 -1
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Box/Box.d.ts +4 -4
- package/dist/components/Box/Box.js +6 -3
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/components/Button/Button.js +31 -31
- package/dist/components/CalloutBanner/CalloutBanner.d.ts +21 -0
- package/dist/components/CalloutBanner/CalloutBanner.js +96 -0
- package/dist/components/CalloutBanner/CalloutBanner.js.map +1 -0
- package/dist/components/CalloutBanner/index.d.ts +1 -0
- package/dist/components/CalloutBanner/index.js +5 -0
- package/dist/components/CalloutBanner/index.js.map +1 -0
- package/dist/components/Checkbox/index.d.ts +1 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +2 -2
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +7 -6
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js.map +1 -1
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.d.ts +35 -0
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +65 -0
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js.map +1 -0
- package/dist/components/CreditCardSecurityCodeField/index.d.ts +1 -0
- package/dist/components/CreditCardSecurityCodeField/index.js +5 -0
- package/dist/components/CreditCardSecurityCodeField/index.js.map +1 -0
- package/dist/components/DateField/DateField.d.ts +22 -3
- package/dist/components/DateField/DateField.js +856 -2
- package/dist/components/DateField/DateField.js.map +1 -1
- package/dist/components/ErrorSummary/ErrorSummary.d.ts +7 -0
- package/dist/components/ErrorSummary/ErrorSummary.js +44 -0
- package/dist/components/ErrorSummary/ErrorSummary.js.map +1 -0
- package/dist/components/ErrorSummary/index.d.ts +1 -0
- package/dist/components/ErrorSummary/index.js +5 -0
- package/dist/components/ErrorSummary/index.js.map +1 -0
- package/dist/components/FieldHeader/FieldHeader.js +6 -6
- package/dist/components/FieldLabel/FieldLabel.js +1 -1
- package/dist/components/Heading/Heading.d.ts +1 -1
- package/dist/components/Icon/Icon.d.ts +1 -0
- package/dist/components/Image/Image.d.ts +1 -1
- package/dist/components/Image/Image.js +6 -6
- package/dist/components/Menu/Menu.d.ts +75 -0
- package/dist/components/Menu/Menu.js +356 -0
- package/dist/components/Menu/Menu.js.map +1 -0
- package/dist/components/Menu/index.d.ts +1 -0
- package/dist/components/Menu/index.js +5 -0
- package/dist/components/Menu/index.js.map +1 -0
- package/dist/components/Paragraph/Paragraph.d.ts +1 -1
- package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +1 -1
- package/dist/components/PhoneNumberField/PhoneNumberField.js +13 -8
- package/dist/components/PhoneNumberField/PhoneNumberField.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +36 -4
- package/dist/components/Popover/Popover.js +21 -24
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Radio/index.d.ts +1 -0
- package/dist/components/Section/Section.d.ts +6 -2
- package/dist/components/Section/Section.js +42 -14
- package/dist/components/Section/Section.js.map +1 -1
- package/dist/components/SelectCard/SelectCard.d.ts +51 -0
- package/dist/components/SelectCard/SelectCard.js +85 -0
- package/dist/components/SelectCard/SelectCard.js.map +1 -0
- package/dist/components/SelectCard/index.d.ts +1 -0
- package/dist/components/SelectCard/index.js +5 -0
- package/dist/components/SelectCard/index.js.map +1 -0
- package/dist/components/SelectNative/SelectNative.d.ts +6 -1
- package/dist/components/SelectNative/SelectNative.js +7 -1
- package/dist/components/SelectNative/SelectNative.js.map +1 -1
- package/dist/components/SubHeading/SubHeading.d.ts +1 -1
- package/dist/components/Tag/Tag.js +4 -4
- package/dist/components/TagGroup/TagGroup.d.ts +21 -1
- package/dist/components/TagGroup/TagGroup.js +6 -2
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/index.d.ts +7 -0
- package/dist/components/index.js +18 -4
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +18 -4
- package/dist/index.js.map +1 -1
- package/dist/utils/border/border.d.ts +2 -2
- package/dist/utils/flex/flex.d.ts +10 -5
- package/dist/utils/flex/flex.js +383 -51
- package/dist/utils/flex/flex.js.map +1 -1
- package/dist/utils/flex/flex.test.d.ts +1 -0
- package/dist/utils/focus/focusStyles.d.ts +1 -1
- package/dist/utils/foregroundColour/foregroundColor.d.ts +1 -1
- package/dist/utils/position/position.d.ts +8 -0
- package/dist/utils/position/position.js +57 -0
- package/dist/utils/position/position.js.map +1 -0
- package/dist/utils/position/position.test.d.ts +1 -0
- package/dist/utils/stories/iconPropsArgTypes.js +49 -49
- package/package.json +1 -1
|
@@ -1,16 +1,21 @@
|
|
|
1
|
+
export { default as Accordion } from './Accordion';
|
|
2
|
+
export { default as AviosBadge } from './AviosBadge';
|
|
1
3
|
export { default as AviosCurrencySymbol } from './AviosCurrencySymbol';
|
|
2
4
|
export { default as Badge } from './Badge';
|
|
3
5
|
export { default as Box } from './Box';
|
|
4
6
|
export { default as Button } from './Button';
|
|
5
7
|
export { default as ButtonGroup } from './ButtonGroup';
|
|
8
|
+
export { default as CalloutBanner } from './CalloutBanner';
|
|
6
9
|
export { default as CardSection } from './CardSection';
|
|
7
10
|
export { default as Checkbox } from './Checkbox';
|
|
8
11
|
export { default as CheckboxGroup } from './CheckboxGroup';
|
|
9
12
|
export { default as CreditCardNumberField } from './CreditCardNumberField';
|
|
13
|
+
export { default as CreditCardSecurityCodeField } from './CreditCardSecurityCodeField';
|
|
10
14
|
export { default as DateField } from './DateField';
|
|
11
15
|
export { default as DestinationHeading } from './DestinationHeading';
|
|
12
16
|
export { default as DetailsDisclosure } from './DetailsDisclosure';
|
|
13
17
|
export { default as Dialog } from './Dialog';
|
|
18
|
+
export { default as ErrorSummary } from './ErrorSummary';
|
|
14
19
|
export { default as Eyebrow } from './Eyebrow';
|
|
15
20
|
export { default as FieldDescription } from './FieldDescription';
|
|
16
21
|
export { default as FieldError } from './FieldError';
|
|
@@ -27,6 +32,7 @@ export { default as IconButton } from './IconButton';
|
|
|
27
32
|
export { default as Image } from './Image';
|
|
28
33
|
export { default as Link } from './Link';
|
|
29
34
|
export { default as LoadingSpinner } from './LoadingSpinner';
|
|
35
|
+
export { default as Menu } from './Menu';
|
|
30
36
|
export { default as NumberField } from './NumberField';
|
|
31
37
|
export { default as Paragraph } from './Paragraph';
|
|
32
38
|
export { default as PhoneNumberField } from './PhoneNumberField';
|
|
@@ -36,6 +42,7 @@ export { default as Radio } from './Radio';
|
|
|
36
42
|
export { default as RadioGroup } from './RadioGroup';
|
|
37
43
|
export { default as Section } from './Section';
|
|
38
44
|
export { default as Select } from './SelectNative';
|
|
45
|
+
export { default as SelectCard } from './SelectCard';
|
|
39
46
|
export { default as SelectNative } from './SelectNative';
|
|
40
47
|
export { default as SubHeading } from './SubHeading';
|
|
41
48
|
export { default as Switch } from './Switch';
|
package/dist/components/index.js
CHANGED
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
import '../assets/global.css';/* empty css */
|
|
2
|
+
import { Accordion } from "./Accordion/Accordion.js";
|
|
3
|
+
import { AviosBadge } from "./AviosBadge/AviosBadge.js";
|
|
2
4
|
import { AviosCurrencySymbol } from "./AviosCurrencySymbol/AviosCurrencySymbol.js";
|
|
3
5
|
import { Badge } from "./Badge/Badge.js";
|
|
4
6
|
import { Box } from "./Box/Box.js";
|
|
5
7
|
import { Button } from "./Button/Button.js";
|
|
6
8
|
import { ButtonGroup } from "./ButtonGroup/ButtonGroup.js";
|
|
9
|
+
import { CalloutBanner } from "./CalloutBanner/CalloutBanner.js";
|
|
7
10
|
import { default as default2 } from "./CardSection/CardSection.js";
|
|
8
11
|
import { Checkbox } from "./Checkbox/Checkbox.js";
|
|
9
12
|
import { CheckboxGroup } from "./CheckboxGroup/CheckboxGroup.js";
|
|
10
13
|
import { CreditCardNumberField } from "./CreditCardNumberField/CreditCardNumberField.js";
|
|
14
|
+
import { CreditCardSecurityCodeField } from "./CreditCardSecurityCodeField/CreditCardSecurityCodeField.js";
|
|
11
15
|
import { DateField } from "./DateField/DateField.js";
|
|
12
16
|
import { DestinationHeading } from "./DestinationHeading/DestinationHeading.js";
|
|
13
17
|
import { default as default3 } from "./DetailsDisclosure/DetailsDisclosure.js";
|
|
14
18
|
import { Dialog } from "./Dialog/Dialog.js";
|
|
19
|
+
import { ErrorSummary } from "./ErrorSummary/ErrorSummary.js";
|
|
15
20
|
import { Eyebrow } from "./Eyebrow/Eyebrow.js";
|
|
16
21
|
import { default as default4 } from "./FieldDescription/FieldDescription.js";
|
|
17
22
|
import { FieldError } from "./FieldError/FieldError.js";
|
|
@@ -28,6 +33,7 @@ import { IconButton } from "./IconButton/IconButton.js";
|
|
|
28
33
|
import { Image } from "./Image/Image.js";
|
|
29
34
|
import { default as default6 } from "./Link/Link.js";
|
|
30
35
|
import { default as default7 } from "./LoadingSpinner/LoadingSpinner.js";
|
|
36
|
+
import { Menu } from "./Menu/Menu.js";
|
|
31
37
|
import { NumberField } from "./NumberField/NumberField.js";
|
|
32
38
|
import { Paragraph } from "./Paragraph/Paragraph.js";
|
|
33
39
|
import { PhoneNumberField } from "./PhoneNumberField/PhoneNumberField.js";
|
|
@@ -37,29 +43,35 @@ import { Radio } from "./Radio/Radio.js";
|
|
|
37
43
|
import { RadioGroup } from "./RadioGroup/RadioGroup.js";
|
|
38
44
|
import { default as default8 } from "./Section/Section.js";
|
|
39
45
|
import { SelectNative, SelectNative as SelectNative2 } from "./SelectNative/SelectNative.js";
|
|
46
|
+
import { default as default9 } from "./SelectCard/SelectCard.js";
|
|
40
47
|
import { SubHeading } from "./SubHeading/SubHeading.js";
|
|
41
48
|
import { Switch } from "./Switch/Switch.js";
|
|
42
49
|
import { Tag } from "./Tag/Tag.js";
|
|
43
50
|
import { TagGroup } from "./TagGroup/TagGroup.js";
|
|
44
51
|
import { TextField } from "./TextField/TextField.js";
|
|
45
52
|
import { TextAreaField } from "./TextAreaField/TextAreaField.js";
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as
|
|
53
|
+
import { default as default10 } from "./ToggleButton/ToggleButton.js";
|
|
54
|
+
import { default as default11 } from "./ToggleIconButton/ToggleIconButton.js";
|
|
48
55
|
import { Tooltip } from "./Tooltip/Tooltip.js";
|
|
49
56
|
export {
|
|
57
|
+
Accordion,
|
|
58
|
+
AviosBadge,
|
|
50
59
|
AviosCurrencySymbol,
|
|
51
60
|
Badge,
|
|
52
61
|
Box,
|
|
53
62
|
Button,
|
|
54
63
|
ButtonGroup,
|
|
64
|
+
CalloutBanner,
|
|
55
65
|
default2 as CardSection,
|
|
56
66
|
Checkbox,
|
|
57
67
|
CheckboxGroup,
|
|
58
68
|
CreditCardNumberField,
|
|
69
|
+
CreditCardSecurityCodeField,
|
|
59
70
|
DateField,
|
|
60
71
|
DestinationHeading,
|
|
61
72
|
default3 as DetailsDisclosure,
|
|
62
73
|
Dialog,
|
|
74
|
+
ErrorSummary,
|
|
63
75
|
Eyebrow,
|
|
64
76
|
default4 as FieldDescription,
|
|
65
77
|
FieldError,
|
|
@@ -76,6 +88,7 @@ export {
|
|
|
76
88
|
Image,
|
|
77
89
|
default6 as Link,
|
|
78
90
|
default7 as LoadingSpinner,
|
|
91
|
+
Menu,
|
|
79
92
|
NumberField,
|
|
80
93
|
Paragraph,
|
|
81
94
|
PasswordField,
|
|
@@ -85,6 +98,7 @@ export {
|
|
|
85
98
|
RadioGroup,
|
|
86
99
|
default8 as Section,
|
|
87
100
|
SelectNative as Select,
|
|
101
|
+
default9 as SelectCard,
|
|
88
102
|
SelectNative2 as SelectNative,
|
|
89
103
|
SubHeading,
|
|
90
104
|
Switch,
|
|
@@ -92,8 +106,8 @@ export {
|
|
|
92
106
|
TagGroup,
|
|
93
107
|
TextAreaField,
|
|
94
108
|
TextField,
|
|
95
|
-
|
|
96
|
-
|
|
109
|
+
default10 as ToggleButton,
|
|
110
|
+
default11 as ToggleIconButton,
|
|
97
111
|
Tooltip
|
|
98
112
|
};
|
|
99
113
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
import './assets/global.css';/* empty css */
|
|
2
|
+
import { Accordion } from "./components/Accordion/Accordion.js";
|
|
3
|
+
import { AviosBadge } from "./components/AviosBadge/AviosBadge.js";
|
|
2
4
|
import { AviosCurrencySymbol } from "./components/AviosCurrencySymbol/AviosCurrencySymbol.js";
|
|
3
5
|
import { Badge } from "./components/Badge/Badge.js";
|
|
4
6
|
import { Box } from "./components/Box/Box.js";
|
|
5
7
|
import { Button } from "./components/Button/Button.js";
|
|
6
8
|
import { ButtonGroup } from "./components/ButtonGroup/ButtonGroup.js";
|
|
9
|
+
import { CalloutBanner } from "./components/CalloutBanner/CalloutBanner.js";
|
|
7
10
|
import { default as default2 } from "./components/CardSection/CardSection.js";
|
|
8
11
|
import { Checkbox } from "./components/Checkbox/Checkbox.js";
|
|
9
12
|
import { CheckboxGroup } from "./components/CheckboxGroup/CheckboxGroup.js";
|
|
10
13
|
import { CreditCardNumberField } from "./components/CreditCardNumberField/CreditCardNumberField.js";
|
|
14
|
+
import { CreditCardSecurityCodeField } from "./components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js";
|
|
11
15
|
import { DateField } from "./components/DateField/DateField.js";
|
|
12
16
|
import { DestinationHeading } from "./components/DestinationHeading/DestinationHeading.js";
|
|
13
17
|
import { default as default3 } from "./components/DetailsDisclosure/DetailsDisclosure.js";
|
|
14
18
|
import { Dialog } from "./components/Dialog/Dialog.js";
|
|
19
|
+
import { ErrorSummary } from "./components/ErrorSummary/ErrorSummary.js";
|
|
15
20
|
import { Eyebrow } from "./components/Eyebrow/Eyebrow.js";
|
|
16
21
|
import { default as default4 } from "./components/FieldDescription/FieldDescription.js";
|
|
17
22
|
import { FieldError } from "./components/FieldError/FieldError.js";
|
|
@@ -28,6 +33,7 @@ import { IconButton } from "./components/IconButton/IconButton.js";
|
|
|
28
33
|
import { Image } from "./components/Image/Image.js";
|
|
29
34
|
import { default as default6 } from "./components/Link/Link.js";
|
|
30
35
|
import { default as default7 } from "./components/LoadingSpinner/LoadingSpinner.js";
|
|
36
|
+
import { Menu } from "./components/Menu/Menu.js";
|
|
31
37
|
import { NumberField } from "./components/NumberField/NumberField.js";
|
|
32
38
|
import { Paragraph } from "./components/Paragraph/Paragraph.js";
|
|
33
39
|
import { PhoneNumberField } from "./components/PhoneNumberField/PhoneNumberField.js";
|
|
@@ -37,29 +43,35 @@ import { Radio } from "./components/Radio/Radio.js";
|
|
|
37
43
|
import { RadioGroup } from "./components/RadioGroup/RadioGroup.js";
|
|
38
44
|
import { default as default8 } from "./components/Section/Section.js";
|
|
39
45
|
import { SelectNative, SelectNative as SelectNative2 } from "./components/SelectNative/SelectNative.js";
|
|
46
|
+
import { default as default9 } from "./components/SelectCard/SelectCard.js";
|
|
40
47
|
import { SubHeading } from "./components/SubHeading/SubHeading.js";
|
|
41
48
|
import { Switch } from "./components/Switch/Switch.js";
|
|
42
49
|
import { Tag } from "./components/Tag/Tag.js";
|
|
43
50
|
import { TagGroup } from "./components/TagGroup/TagGroup.js";
|
|
44
51
|
import { TextField } from "./components/TextField/TextField.js";
|
|
45
52
|
import { TextAreaField } from "./components/TextAreaField/TextAreaField.js";
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as
|
|
53
|
+
import { default as default10 } from "./components/ToggleButton/ToggleButton.js";
|
|
54
|
+
import { default as default11 } from "./components/ToggleIconButton/ToggleIconButton.js";
|
|
48
55
|
import { Tooltip } from "./components/Tooltip/Tooltip.js";
|
|
49
56
|
export {
|
|
57
|
+
Accordion,
|
|
58
|
+
AviosBadge,
|
|
50
59
|
AviosCurrencySymbol,
|
|
51
60
|
Badge,
|
|
52
61
|
Box,
|
|
53
62
|
Button,
|
|
54
63
|
ButtonGroup,
|
|
64
|
+
CalloutBanner,
|
|
55
65
|
default2 as CardSection,
|
|
56
66
|
Checkbox,
|
|
57
67
|
CheckboxGroup,
|
|
58
68
|
CreditCardNumberField,
|
|
69
|
+
CreditCardSecurityCodeField,
|
|
59
70
|
DateField,
|
|
60
71
|
DestinationHeading,
|
|
61
72
|
default3 as DetailsDisclosure,
|
|
62
73
|
Dialog,
|
|
74
|
+
ErrorSummary,
|
|
63
75
|
Eyebrow,
|
|
64
76
|
default4 as FieldDescription,
|
|
65
77
|
FieldError,
|
|
@@ -76,6 +88,7 @@ export {
|
|
|
76
88
|
Image,
|
|
77
89
|
default6 as Link,
|
|
78
90
|
default7 as LoadingSpinner,
|
|
91
|
+
Menu,
|
|
79
92
|
NumberField,
|
|
80
93
|
Paragraph,
|
|
81
94
|
PasswordField,
|
|
@@ -85,6 +98,7 @@ export {
|
|
|
85
98
|
RadioGroup,
|
|
86
99
|
default8 as Section,
|
|
87
100
|
SelectNative as Select,
|
|
101
|
+
default9 as SelectCard,
|
|
88
102
|
SelectNative2 as SelectNative,
|
|
89
103
|
SubHeading,
|
|
90
104
|
Switch,
|
|
@@ -92,8 +106,8 @@ export {
|
|
|
92
106
|
TagGroup,
|
|
93
107
|
TextAreaField,
|
|
94
108
|
TextField,
|
|
95
|
-
|
|
96
|
-
|
|
109
|
+
default10 as ToggleButton,
|
|
110
|
+
default11 as ToggleIconButton,
|
|
97
111
|
Tooltip
|
|
98
112
|
};
|
|
99
113
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
import { InputType } from 'storybook/internal/types';
|
|
3
3
|
export declare const borderVariants: (props?: ({
|
|
4
|
-
borderRadius?: "none" | "lg" | "sm" | "xs" | "2xs" | "xl" | "md" | "5xs" | "4xs" | "3xs" | "6xs" |
|
|
4
|
+
borderRadius?: "none" | "lg" | "sm" | "xs" | "2xs" | "xl" | "circle" | "md" | "5xs" | "4xs" | "3xs" | "6xs" | null | undefined;
|
|
5
5
|
borderWidth?: "none" | "lg" | "sm" | "xs" | "xl" | "md" | null | undefined;
|
|
6
6
|
borderStyle?: "none" | "solid" | "dashed" | null | undefined;
|
|
7
|
-
borderColour?: "secondary" | "
|
|
7
|
+
borderColour?: "secondary" | "none" | "white" | "critical" | "warning" | "caution" | "success" | "tertiary" | "accent" | "information" | "inverse" | null | undefined;
|
|
8
8
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
9
9
|
export type BorderVariants = VariantProps<typeof borderVariants>;
|
|
10
10
|
export declare const borderArgTypes: Record<string, InputType>;
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const flexVariants: (props?: ({
|
|
3
3
|
display?: "flex" | "inline-flex" | null | undefined;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
alignItems?: "center" | "end" | "start" | "flexStart" | "flexEnd" | "stretch" | "selfStart" | "selfEnd" | "selfCenter" | null | undefined;
|
|
5
|
+
justifyContent?: "left" | "right" | "center" | "end" | "inherit" | "initial" | "start" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | "revert" | "revertLayer" | "unset" | null | undefined;
|
|
6
|
+
flexWrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
|
|
7
|
+
flexGrow?: 0 | 1 | "inherit" | "initial" | "revert" | "revertLayer" | "unset" | null | undefined;
|
|
8
|
+
flexShrink?: 0 | 1 | "inherit" | "initial" | "revert" | "revertLayer" | "unset" | null | undefined;
|
|
8
9
|
flexDirection?: "row" | "row-reverse" | "column" | "column-reverse" | null | undefined;
|
|
9
|
-
|
|
10
|
+
alignSelf?: "center" | "end" | "auto" | "baseline" | "inherit" | "initial" | "start" | "flexStart" | "flexEnd" | "stretch" | "selfStart" | "selfEnd" | "normal" | "revert" | "revertLayer" | "unset" | null | undefined;
|
|
11
|
+
alignContent?: "center" | "end" | "baseline" | "inherit" | "initial" | "start" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | "revert" | "revertLayer" | "unset" | "firstBaseline" | "lastBaseline" | "safeCenter" | "unsafeCenter" | null | undefined;
|
|
12
|
+
flexBasis?: "inherit" | "initial" | "content" | "revert" | "revertLayer" | "unset" | "maxContent" | "minContent" | "fitContent" | null | undefined;
|
|
10
13
|
gap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
|
|
14
|
+
rowGap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
|
|
15
|
+
columnGap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
|
|
11
16
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
12
17
|
export type FlexVariants = VariantProps<typeof flexVariants>;
|