@alto-avios/alto-ui 3.0.0 → 3.2.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/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 -0
- package/dist/assets/DetailsDisclosure.css +1 -0
- package/dist/assets/Dialog.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/FieldsetHeader.css +1 -1
- package/dist/assets/Icon.css +1 -0
- package/dist/assets/IconBackdrop.css +1 -0
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Menu.css +1 -0
- package/dist/assets/PasswordField.css +1 -0
- package/dist/assets/PhoneNumberField.css +1 -0
- package/dist/assets/Popover.css +1 -0
- package/dist/assets/SelectCard.css +1 -0
- package/dist/assets/SelectNative.css +1 -0
- package/dist/assets/Slider.css +1 -0
- package/dist/assets/Switch.css +1 -0
- package/dist/assets/Tag.css +1 -1
- package/dist/assets/ToggleButton.css +1 -1
- package/dist/assets/ToggleIconButton.css +1 -1
- package/dist/assets/backgroundColor.css +1 -0
- package/dist/assets/flex.css +1 -1
- package/dist/assets/foregroundColor.css +1 -0
- 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 +9 -5
- package/dist/components/Box/Box.js +10 -1
- 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 +29 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +46 -0
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js.map +1 -0
- package/dist/components/CreditCardNumberField/index.d.ts +1 -0
- package/dist/components/CreditCardNumberField/index.js +5 -0
- package/dist/components/CreditCardNumberField/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/DetailsDisclosure/DetailsDisclosure.d.ts +33 -0
- package/dist/components/DetailsDisclosure/DetailsDisclosure.js +39 -0
- package/dist/components/DetailsDisclosure/DetailsDisclosure.js.map +1 -0
- package/dist/components/DetailsDisclosure/index.d.ts +2 -0
- package/dist/components/DetailsDisclosure/index.js +5 -0
- package/dist/components/DetailsDisclosure/index.js.map +1 -0
- package/dist/components/Dialog/Dialog.d.ts +46 -0
- package/dist/components/Dialog/Dialog.js +117 -0
- package/dist/components/Dialog/Dialog.js.map +1 -0
- package/dist/components/Dialog/index.d.ts +1 -0
- package/dist/components/Dialog/index.js +5 -0
- package/dist/components/Dialog/index.js.map +1 -0
- 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/FieldError/FieldError.js +1 -1
- package/dist/components/FieldHeader/FieldHeader.js +6 -6
- package/dist/components/FieldLabel/FieldLabel.js +1 -1
- package/dist/components/FieldsetHeader/FieldsetHeader.js +3 -3
- package/dist/components/Heading/Heading.d.ts +25 -6
- package/dist/components/Heading/Heading.js +9 -4
- package/dist/components/Heading/Heading.js.map +1 -1
- package/dist/components/Icon/Icon.d.ts +31 -4
- package/dist/components/Icon/Icon.js +98 -5
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/IconBackdrop/IconBackdrop.d.ts +24 -0
- package/dist/components/IconBackdrop/IconBackdrop.js +34 -0
- package/dist/components/IconBackdrop/IconBackdrop.js.map +1 -0
- package/dist/components/IconBackdrop/index.d.ts +1 -0
- package/dist/components/IconBackdrop/index.js +5 -0
- package/dist/components/IconBackdrop/index.js.map +1 -0
- package/dist/components/IconButton/IconButton.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +28 -28
- package/dist/components/Image/Image.d.ts +3 -2
- package/dist/components/Image/Image.js +7 -2
- package/dist/components/Image/Image.js.map +1 -1
- package/dist/components/Link/Link.d.ts +3 -3
- package/dist/components/Link/Link.js +2 -2
- 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 +9 -5
- package/dist/components/Paragraph/Paragraph.js +9 -4
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/PasswordField/PasswordField.d.ts +30 -0
- package/dist/components/PasswordField/PasswordField.js +104 -0
- package/dist/components/PasswordField/PasswordField.js.map +1 -0
- package/dist/components/PasswordField/index.d.ts +1 -0
- package/dist/components/PasswordField/index.js +5 -0
- package/dist/components/PasswordField/index.js.map +1 -0
- package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +53 -0
- package/dist/components/PhoneNumberField/PhoneNumberField.js +96 -0
- package/dist/components/PhoneNumberField/PhoneNumberField.js.map +1 -0
- package/dist/components/PhoneNumberField/index.d.ts +3 -0
- package/dist/components/PhoneNumberField/index.js +7 -0
- package/dist/components/PhoneNumberField/index.js.map +1 -0
- package/dist/components/Popover/Popover.d.ts +48 -0
- package/dist/components/Popover/Popover.js +65 -0
- package/dist/components/Popover/Popover.js.map +1 -0
- package/dist/components/Popover/index.d.ts +1 -0
- package/dist/components/Popover/index.js +5 -0
- package/dist/components/Popover/index.js.map +1 -0
- package/dist/components/Radio/index.d.ts +1 -0
- package/dist/components/Section/Section.d.ts +2 -1
- package/dist/components/Section/Section.js +7 -2
- 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 +56 -0
- package/dist/components/SelectNative/SelectNative.js +40 -0
- package/dist/components/SelectNative/SelectNative.js.map +1 -0
- package/dist/components/SelectNative/index.d.ts +1 -0
- package/dist/components/SelectNative/index.js +5 -0
- package/dist/components/SelectNative/index.js.map +1 -0
- package/dist/components/Slider/Slider.d.ts +33 -0
- package/dist/components/Slider/Slider.js +113 -0
- package/dist/components/Slider/Slider.js.map +1 -0
- package/dist/components/Slider/index.d.ts +1 -0
- package/dist/components/Slider/index.js +5 -0
- package/dist/components/Slider/index.js.map +1 -0
- package/dist/components/SubHeading/SubHeading.d.ts +26 -5
- package/dist/components/SubHeading/SubHeading.js +9 -4
- package/dist/components/SubHeading/SubHeading.js.map +1 -1
- package/dist/components/Switch/Switch.d.ts +7 -0
- package/dist/components/Switch/Switch.js +18 -0
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/Switch/index.d.ts +1 -0
- package/dist/components/Switch/index.js +5 -0
- package/dist/components/Switch/index.js.map +1 -0
- package/dist/components/Tag/Tag.js +4 -4
- package/dist/components/ToggleButton/ToggleButton.js +6 -6
- package/dist/components/ToggleIconButton/ToggleIconButton.js +6 -6
- package/dist/components/Tooltip/Tooltip.d.ts +5 -1
- package/dist/components/Tooltip/Tooltip.js +2 -1
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/_base/Field/Field.d.ts +2 -2
- package/dist/components/_base/Field/Field.js +2 -5
- package/dist/components/_base/Field/Field.js.map +1 -1
- package/dist/components/index.d.ts +16 -0
- package/dist/components/index.js +45 -14
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +45 -14
- package/dist/index.js.map +1 -1
- package/dist/react-number-format.es-DMLgWFZX.js +760 -0
- package/dist/react-number-format.es-DMLgWFZX.js.map +1 -0
- package/dist/utils/backgroundColor/backgroundColor.d.ts +8 -0
- package/dist/utils/backgroundColor/backgroundColor.js +102 -0
- package/dist/utils/backgroundColor/backgroundColor.js.map +1 -0
- package/dist/utils/border/border.d.ts +3 -3
- package/dist/utils/creditCard/creditCard.d.ts +7 -0
- package/dist/utils/creditCard/creditCard.js +25 -0
- package/dist/utils/creditCard/creditCard.js.map +1 -0
- package/dist/utils/flex/flex.d.ts +11 -6
- package/dist/utils/flex/flex.js +390 -46
- 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 +8 -0
- package/dist/utils/foregroundColour/foregroundColor.js +125 -0
- package/dist/utils/foregroundColour/foregroundColor.js.map +1 -0
- package/dist/utils/padding/padding.d.ts +7 -7
- package/dist/utils/phoneNumber/phoneNumber.d.ts +24 -0
- package/dist/utils/phoneNumber/phoneNumber.js +566 -0
- package/dist/utils/phoneNumber/phoneNumber.js.map +1 -0
- 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 -13
- package/dist/utils/stories/iconPropsArgTypes.js.map +1 -1
- package/package.json +2 -1
- package/dist/assets/backgroundColour.css +0 -1
- package/dist/assets/fgColor.css +0 -1
- package/dist/utils/backgroundColour/backgroundColour.d.ts +0 -8
- package/dist/utils/backgroundColour/backgroundColour.js +0 -102
- package/dist/utils/backgroundColour/backgroundColour.js.map +0 -1
- package/dist/utils/fgColour/fgColor.d.ts +0 -5
- package/dist/utils/fgColour/fgColor.js +0 -84
- package/dist/utils/fgColour/fgColor.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"position.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -3,19 +3,55 @@ const iconPropsArgTypes = {
|
|
|
3
3
|
type: {
|
|
4
4
|
summary: "Icon Props",
|
|
5
5
|
detail: `
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
|
|
7
|
+
iconName: string;
|
|
8
|
+
iconPrefix?: 'fas' | 'far' | 'fal' | 'fab' | 'fad' | 'fak';
|
|
9
|
+
iconSize?: | '0.5x' | '0.75x' | '1x' | '1.25x' | '1.5x' | '2x' | '2.5x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x';
|
|
10
|
+
padding?: 'none' | 'square' | 'circle';
|
|
11
|
+
flip?: 'horizontal' | 'vertical' | 'both';
|
|
12
|
+
fixedWidth?: boolean;
|
|
13
|
+
listItem?: boolean;
|
|
14
|
+
border?: boolean;
|
|
15
|
+
rotation?: 90 | 180 | 270;
|
|
16
|
+
pull?: 'left' | 'right';
|
|
17
|
+
isDecorative?: boolean;
|
|
18
|
+
ariaLabel?: string;
|
|
19
|
+
className?: string;
|
|
20
|
+
color?:
|
|
21
|
+
'secondary'
|
|
22
|
+
'accentPrimary'
|
|
23
|
+
'accentSecondary'
|
|
24
|
+
'accentOnVibrant'
|
|
25
|
+
'accentOnVibrantAccent'
|
|
26
|
+
'accentOnSubtle'
|
|
27
|
+
'accentOnDeep'
|
|
28
|
+
'criticalPrimary'
|
|
29
|
+
'criticalOnVibrant'
|
|
30
|
+
'criticalOnSubtle'
|
|
31
|
+
'warningPrimary'
|
|
32
|
+
'warningOnVibrant'
|
|
33
|
+
'warningOnSubtle'
|
|
34
|
+
'cautionPrimary'
|
|
35
|
+
'cautionOnVibrant'
|
|
36
|
+
'cautionOnSubtle'
|
|
37
|
+
'successPrimary'
|
|
38
|
+
'successOnVibrant'
|
|
39
|
+
'successOnSubtle'
|
|
40
|
+
'informationPrimary'
|
|
41
|
+
'informationOnVibrant'
|
|
42
|
+
'informationOnSubtle'
|
|
43
|
+
'inversePrimary'
|
|
44
|
+
'inverseOnVibrant'
|
|
45
|
+
'inverseOnSubtle'
|
|
46
|
+
'whitePrimary'
|
|
47
|
+
'whiteOnVibrant'
|
|
48
|
+
'whiteOnSubtle'
|
|
49
|
+
'disabledPrimary'
|
|
50
|
+
'disabledOnVibrant'
|
|
51
|
+
'disabledOnSubtle'
|
|
52
|
+
'salePrimary'
|
|
53
|
+
'saleOnVibrant'
|
|
54
|
+
`
|
|
19
55
|
}
|
|
20
56
|
}
|
|
21
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"iconPropsArgTypes.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"iconPropsArgTypes.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alto-avios/alto-ui",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.0",
|
|
4
4
|
"description": "A react component library for Alto Design System",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Ian Caldwell IAGL",
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"class-variance-authority": "^0.7.0",
|
|
41
41
|
"react-aria-components": "^1.5.0",
|
|
42
|
+
"react-number-format": "^5.4.3",
|
|
42
43
|
"ts-node": "^10.9.2"
|
|
43
44
|
},
|
|
44
45
|
"devDependencies": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._backgroundColour-transparent_jawk2_1{background-color:transparent}._backgroundColour-base_jawk2_5{background-color:var(--alto-sem-color-bg-base)}._backgroundColour-layer1_jawk2_9{background-color:var(--alto-sem-color-bg-layer1-default)}._backgroundColour-layer2_jawk2_13{background-color:var(--alto-sem-color-bg-layer2-default)}._backgroundColour-layer3_jawk2_17{background-color:var(--alto-sem-color-bg-layer3-default)}._backgroundColour-accent-vibrant_jawk2_21{background-color:var(--alto-sem-color-bg-accent-vibrant-default)}._backgroundColour-accent-subtle_jawk2_25{background-color:var(--alto-sem-color-bg-accent-subtle-default)}._backgroundColour-accent-deep_jawk2_29{background-color:var(--alto-sem-color-bg-accent-deep-default)}._backgroundColour-critical-vibrant_jawk2_33{background-color:var(--alto-sem-color-bg-critical-vibrant-default)}._backgroundColour-critical-subtle_jawk2_37{background-color:var(--alto-sem-color-bg-critical-subtle-default)}._backgroundColour-warning-vibrant_jawk2_41{background-color:var(--alto-sem-color-bg-warning-vibrant-default)}._backgroundColour-warning-subtle_jawk2_45{background-color:var(--alto-sem-color-bg-warning-subtle-default)}._backgroundColour-caution-vibrant_jawk2_49{background-color:var(--alto-sem-color-bg-caution-vibrant-default)}._backgroundColour-caution-subtle_jawk2_53{background-color:var(--alto-sem-color-bg-caution-subtle-default)}._backgroundColour-success-vibrant_jawk2_57{background-color:var(--alto-sem-color-bg-success-vibrant-default)}._backgroundColour-success-subtle_jawk2_61{background-color:var(--alto-sem-color-bg-success-subtle-default)}._backgroundColour-information-vibrant_jawk2_65{background-color:var(--alto-sem-color-bg-information-vibrant-default)}._backgroundColour-information-subtle_jawk2_69{background-color:var(--alto-sem-color-bg-information-subtle-default)}._backgroundColour-inverse-vibrant_jawk2_73{background-color:var(--alto-sem-color-bg-inverse-vibrant-default)}._backgroundColour-inverse-subtle_jawk2_77{background-color:var(--alto-sem-color-bg-inverse-subtle-default)}._backgroundColour-white-vibrant_jawk2_81{background-color:var(--alto-sem-color-bg-white-vibrant-default)}._backgroundColour-white-subtle_jawk2_85{background-color:var(--alto-sem-color-bg-white-subtle-default)}._backgroundColour-disabled-vibrant_jawk2_89{background-color:var(--alto-sem-color-bg-disabled-vibrant)}._backgroundColour-disabled-subtle_jawk2_93{background-color:var(--alto-sem-color-bg-disabled-subtle)}._backgroundColour-sale-vibrant_jawk2_97{background-color:var(--alto-sem-color-bg-sale-vibrant-default)}
|
package/dist/assets/fgColor.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._fgColor-primary_qlmrn_1{color:var(--alto-sem-color-fg-primary)}._fgColor-secondary_qlmrn_5{color:var(--alto-sem-color-fg-secondary)}._fgColor-accent-primary_qlmrn_9{color:var(--alto-sem-color-fg-accent-primary)}._fgColor-accent-secondary_qlmrn_13{color:var(--alto-sem-color-fg-accent-secondary)}._fgColor-accent-on-vibrant_qlmrn_17{color:var(--alto-sem-color-fg-accent-on-vibrant)}._fgColor-accent-on-vibrant-accent_qlmrn_21{color:var(--alto-sem-color-fg-accent-on-vibrant-accent)}._fgColor-accent-on-subtle_qlmrn_25{color:var(--alto-sem-color-fg-accent-on-subtle)}._fgColor-accent-on-deep_qlmrn_29{color:var(--alto-sem-color-fg-accent-on-deep)}._fgColor-critical-primary_qlmrn_33{color:var(--alto-sem-color-fg-critical-primary)}._fgColor-critical-on-vibrant_qlmrn_37{color:var(--alto-sem-color-fg-critical-on-vibrant)}._fgColor-critical-on-subtle_qlmrn_41{color:var(--alto-sem-color-fg-critical-on-subtle)}._fgColor-warning-primary_qlmrn_45{color:var(--alto-sem-color-fg-warning-primary)}._fgColor-warning-on-vibrant_qlmrn_49{color:var(--alto-sem-color-fg-warning-on-vibrant)}._fgColor-warning-on-subtle_qlmrn_53{color:var(--alto-sem-color-fg-warning-on-subtle)}._fgColor-caution-primary_qlmrn_57{color:var(--alto-sem-color-fg-caution-primary)}._fgColor-caution-on-vibrant_qlmrn_61{color:var(--alto-sem-color-fg-caution-on-vibrant)}._fgColor-caution-on-subtle_qlmrn_65{color:var(--alto-sem-color-fg-caution-on-subtle)}._fgColor-success-primary_qlmrn_69{color:var(--alto-sem-color-fg-success-primary)}._fgColor-success-on-vibrant_qlmrn_73{color:var(--alto-sem-color-fg-success-on-vibrant)}._fgColor-success-on-subtle_qlmrn_77{color:var(--alto-sem-color-fg-success-on-subtle)}._fgColor-information-primary_qlmrn_81{color:var(--alto-sem-color-fg-information-primary)}._fgColor-information-on-vibrant_qlmrn_85{color:var(--alto-sem-color-fg-information-on-vibrant)}._fgColor-information-on-subtle_qlmrn_89{color:var(--alto-sem-color-fg-information-on-subtle)}._fgColor-inverse-primary_qlmrn_93{color:var(--alto-sem-color-fg-inverse-primary)}._fgColor-inverse-on-vibrant_qlmrn_97{color:var(--alto-sem-color-fg-inverse-on-vibrant)}._fgColor-inverse-on-subtle_qlmrn_101{color:var(--alto-sem-color-fg-inverse-on-subtle)}._fgColor-white-primary_qlmrn_105{color:var(--alto-sem-color-fg-white-primary)}._fgColor-white-on-vibrant_qlmrn_109{color:var(--alto-sem-color-fg-white-on-vibrant)}._fgColor-white-on-subtle_qlmrn_113{color:var(--alto-sem-color-fg-white-on-subtle)}._fgColor-disabled-primary_qlmrn_117{color:var(--alto-sem-color-fg-disabled-primary)}._fgColor-disabled-on-vibrant_qlmrn_121{color:var(--alto-sem-color-fg-disabled-on-vibrant)}._fgColor-disabled-on-subtle_qlmrn_125{color:var(--alto-sem-color-fg-disabled-on-subtle)}._fgColor-sale-primary_qlmrn_129{color:var(--alto-sem-color-fg-sale-primary)}._fgColor-sale-on-vibrant_qlmrn_133{color:var(--alto-sem-color-fg-sale-on-vibrant)}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
import { InputType } from 'storybook/internal/types';
|
|
3
|
-
export declare const backgroundColorVariants: (props?: ({
|
|
4
|
-
backgroundColour?: "transparent" | "base" | "layer1" | "layer2" | "layer3" | "accentVibrant" | "accentSubtle" | "accentDeep" | "criticalVibrant" | "criticalSubtle" | "warningVibrant" | "warningSubtle" | "cautionVibrant" | "cautionSubtle" | "successVibrant" | "successSubtle" | "informationVibrant" | "informationSubtle" | "inverseVibrant" | "inverseSubtle" | "whiteVibrant" | "whiteSubtle" | "disabledVibrant" | "disabledSubtle" | "saleVibrant" | null | undefined;
|
|
5
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
-
export type BackgroundVariants = VariantProps<typeof backgroundColorVariants>;
|
|
7
|
-
export declare const backgroundColourOptions: BackgroundVariants['backgroundColour'][];
|
|
8
|
-
export declare const backgroundColourArgTypes: Record<string, InputType>;
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { c as cva } from "../../index-Bi3v_EjJ.js";
|
|
2
|
-
import '../../assets/backgroundColour.css';const styles = {
|
|
3
|
-
"backgroundColour-transparent": "_backgroundColour-transparent_jawk2_1",
|
|
4
|
-
"backgroundColour-base": "_backgroundColour-base_jawk2_5",
|
|
5
|
-
"backgroundColour-layer1": "_backgroundColour-layer1_jawk2_9",
|
|
6
|
-
"backgroundColour-layer2": "_backgroundColour-layer2_jawk2_13",
|
|
7
|
-
"backgroundColour-layer3": "_backgroundColour-layer3_jawk2_17",
|
|
8
|
-
"backgroundColour-accent-vibrant": "_backgroundColour-accent-vibrant_jawk2_21",
|
|
9
|
-
"backgroundColour-accent-subtle": "_backgroundColour-accent-subtle_jawk2_25",
|
|
10
|
-
"backgroundColour-accent-deep": "_backgroundColour-accent-deep_jawk2_29",
|
|
11
|
-
"backgroundColour-critical-vibrant": "_backgroundColour-critical-vibrant_jawk2_33",
|
|
12
|
-
"backgroundColour-critical-subtle": "_backgroundColour-critical-subtle_jawk2_37",
|
|
13
|
-
"backgroundColour-warning-vibrant": "_backgroundColour-warning-vibrant_jawk2_41",
|
|
14
|
-
"backgroundColour-warning-subtle": "_backgroundColour-warning-subtle_jawk2_45",
|
|
15
|
-
"backgroundColour-caution-vibrant": "_backgroundColour-caution-vibrant_jawk2_49",
|
|
16
|
-
"backgroundColour-caution-subtle": "_backgroundColour-caution-subtle_jawk2_53",
|
|
17
|
-
"backgroundColour-success-vibrant": "_backgroundColour-success-vibrant_jawk2_57",
|
|
18
|
-
"backgroundColour-success-subtle": "_backgroundColour-success-subtle_jawk2_61",
|
|
19
|
-
"backgroundColour-information-vibrant": "_backgroundColour-information-vibrant_jawk2_65",
|
|
20
|
-
"backgroundColour-information-subtle": "_backgroundColour-information-subtle_jawk2_69",
|
|
21
|
-
"backgroundColour-inverse-vibrant": "_backgroundColour-inverse-vibrant_jawk2_73",
|
|
22
|
-
"backgroundColour-inverse-subtle": "_backgroundColour-inverse-subtle_jawk2_77",
|
|
23
|
-
"backgroundColour-white-vibrant": "_backgroundColour-white-vibrant_jawk2_81",
|
|
24
|
-
"backgroundColour-white-subtle": "_backgroundColour-white-subtle_jawk2_85",
|
|
25
|
-
"backgroundColour-disabled-vibrant": "_backgroundColour-disabled-vibrant_jawk2_89",
|
|
26
|
-
"backgroundColour-disabled-subtle": "_backgroundColour-disabled-subtle_jawk2_93",
|
|
27
|
-
"backgroundColour-sale-vibrant": "_backgroundColour-sale-vibrant_jawk2_97"
|
|
28
|
-
};
|
|
29
|
-
const backgroundColorVariants = cva("", {
|
|
30
|
-
variants: {
|
|
31
|
-
backgroundColour: {
|
|
32
|
-
transparent: styles["backgroundColour-transparent"],
|
|
33
|
-
base: styles["backgroundColour-base"],
|
|
34
|
-
layer1: styles["backgroundColour-layer1"],
|
|
35
|
-
layer2: styles["backgroundColour-layer2"],
|
|
36
|
-
layer3: styles["backgroundColour-layer3"],
|
|
37
|
-
accentVibrant: styles["backgroundColour-accent-vibrant"],
|
|
38
|
-
accentSubtle: styles["backgroundColour-accent-subtle"],
|
|
39
|
-
accentDeep: styles["backgroundColour-accent-deep"],
|
|
40
|
-
criticalVibrant: styles["backgroundColour-critical-vibrant"],
|
|
41
|
-
criticalSubtle: styles["backgroundColour-critical-subtle"],
|
|
42
|
-
warningVibrant: styles["backgroundColour-warning-vibrant"],
|
|
43
|
-
warningSubtle: styles["backgroundColour-warning-subtle"],
|
|
44
|
-
cautionVibrant: styles["backgroundColour-caution-vibrant"],
|
|
45
|
-
cautionSubtle: styles["backgroundColour-caution-subtle"],
|
|
46
|
-
successVibrant: styles["backgroundColour-success-vibrant"],
|
|
47
|
-
successSubtle: styles["backgroundColour-success-subtle"],
|
|
48
|
-
informationVibrant: styles["backgroundColour-information-vibrant"],
|
|
49
|
-
informationSubtle: styles["backgroundColour-information-subtle"],
|
|
50
|
-
inverseVibrant: styles["backgroundColour-inverse-vibrant"],
|
|
51
|
-
inverseSubtle: styles["backgroundColour-inverse-subtle"],
|
|
52
|
-
whiteVibrant: styles["backgroundColour-white-vibrant"],
|
|
53
|
-
whiteSubtle: styles["backgroundColour-white-subtle"],
|
|
54
|
-
disabledVibrant: styles["backgroundColour-disabled-vibrant"],
|
|
55
|
-
disabledSubtle: styles["backgroundColour-disabled-subtle"],
|
|
56
|
-
saleVibrant: styles["backgroundColour-sale-vibrant"]
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
defaultVariants: {
|
|
60
|
-
backgroundColour: "transparent"
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
const backgroundColourOptions = [
|
|
64
|
-
"transparent",
|
|
65
|
-
"base",
|
|
66
|
-
"layer1",
|
|
67
|
-
"layer2",
|
|
68
|
-
"layer3",
|
|
69
|
-
"accentVibrant",
|
|
70
|
-
"accentSubtle",
|
|
71
|
-
"accentDeep",
|
|
72
|
-
"criticalVibrant",
|
|
73
|
-
"criticalSubtle",
|
|
74
|
-
"warningVibrant",
|
|
75
|
-
"warningSubtle",
|
|
76
|
-
"cautionVibrant",
|
|
77
|
-
"cautionSubtle",
|
|
78
|
-
"successVibrant",
|
|
79
|
-
"successSubtle",
|
|
80
|
-
"informationVibrant",
|
|
81
|
-
"informationSubtle",
|
|
82
|
-
"inverseVibrant",
|
|
83
|
-
"inverseSubtle",
|
|
84
|
-
"whiteVibrant",
|
|
85
|
-
"whiteSubtle",
|
|
86
|
-
"disabledVibrant",
|
|
87
|
-
"disabledSubtle",
|
|
88
|
-
"saleVibrant"
|
|
89
|
-
];
|
|
90
|
-
const backgroundColourArgTypes = {
|
|
91
|
-
backgroundColour: {
|
|
92
|
-
control: "select",
|
|
93
|
-
options: backgroundColourOptions,
|
|
94
|
-
defaultValue: "transparent"
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
export {
|
|
98
|
-
backgroundColorVariants,
|
|
99
|
-
backgroundColourArgTypes,
|
|
100
|
-
backgroundColourOptions
|
|
101
|
-
};
|
|
102
|
-
//# sourceMappingURL=backgroundColour.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"backgroundColour.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { VariantProps } from 'class-variance-authority';
|
|
2
|
-
export declare const fgColorVariants: (props?: ({
|
|
3
|
-
fgColor?: "secondary" | "default" | "accentPrimary" | "accentSecondary" | "criticalPrimary" | "whitePrimary" | "accentOnVibrant" | "accentOnVibrantAccent" | "accentOnSubtle" | "accentOnDeep" | "criticalOnVibrant" | "criticalOnSubtle" | "warningPrimary" | "warningOnVibrant" | "warningOnSubtle" | "cautionPrimary" | "cautionOnVibrant" | "cautionOnSubtle" | "successPrimary" | "successOnVibrant" | "successOnSubtle" | "informationPrimary" | "informationOnVibrant" | "informationOnSubtle" | "inversePrimary" | "inverseOnVibrant" | "inverseOnSubtle" | "whiteOnVibrant" | "whiteOnSubtle" | "disabledPrimary" | "disabledOnVibrant" | "disabledOnSubtle" | "salePrimary" | "saleOnVibrant" | null | undefined;
|
|
4
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
|
-
export type FgColorVariants = VariantProps<typeof fgColorVariants>;
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { c as cva } from "../../index-Bi3v_EjJ.js";
|
|
2
|
-
import '../../assets/fgColor.css';const styles = {
|
|
3
|
-
"fgColor-primary": "_fgColor-primary_qlmrn_1",
|
|
4
|
-
"fgColor-secondary": "_fgColor-secondary_qlmrn_5",
|
|
5
|
-
"fgColor-accent-primary": "_fgColor-accent-primary_qlmrn_9",
|
|
6
|
-
"fgColor-accent-secondary": "_fgColor-accent-secondary_qlmrn_13",
|
|
7
|
-
"fgColor-accent-on-vibrant": "_fgColor-accent-on-vibrant_qlmrn_17",
|
|
8
|
-
"fgColor-accent-on-vibrant-accent": "_fgColor-accent-on-vibrant-accent_qlmrn_21",
|
|
9
|
-
"fgColor-accent-on-subtle": "_fgColor-accent-on-subtle_qlmrn_25",
|
|
10
|
-
"fgColor-accent-on-deep": "_fgColor-accent-on-deep_qlmrn_29",
|
|
11
|
-
"fgColor-critical-primary": "_fgColor-critical-primary_qlmrn_33",
|
|
12
|
-
"fgColor-critical-on-vibrant": "_fgColor-critical-on-vibrant_qlmrn_37",
|
|
13
|
-
"fgColor-critical-on-subtle": "_fgColor-critical-on-subtle_qlmrn_41",
|
|
14
|
-
"fgColor-warning-primary": "_fgColor-warning-primary_qlmrn_45",
|
|
15
|
-
"fgColor-warning-on-vibrant": "_fgColor-warning-on-vibrant_qlmrn_49",
|
|
16
|
-
"fgColor-warning-on-subtle": "_fgColor-warning-on-subtle_qlmrn_53",
|
|
17
|
-
"fgColor-caution-primary": "_fgColor-caution-primary_qlmrn_57",
|
|
18
|
-
"fgColor-caution-on-vibrant": "_fgColor-caution-on-vibrant_qlmrn_61",
|
|
19
|
-
"fgColor-caution-on-subtle": "_fgColor-caution-on-subtle_qlmrn_65",
|
|
20
|
-
"fgColor-success-primary": "_fgColor-success-primary_qlmrn_69",
|
|
21
|
-
"fgColor-success-on-vibrant": "_fgColor-success-on-vibrant_qlmrn_73",
|
|
22
|
-
"fgColor-success-on-subtle": "_fgColor-success-on-subtle_qlmrn_77",
|
|
23
|
-
"fgColor-information-primary": "_fgColor-information-primary_qlmrn_81",
|
|
24
|
-
"fgColor-information-on-vibrant": "_fgColor-information-on-vibrant_qlmrn_85",
|
|
25
|
-
"fgColor-information-on-subtle": "_fgColor-information-on-subtle_qlmrn_89",
|
|
26
|
-
"fgColor-inverse-primary": "_fgColor-inverse-primary_qlmrn_93",
|
|
27
|
-
"fgColor-inverse-on-vibrant": "_fgColor-inverse-on-vibrant_qlmrn_97",
|
|
28
|
-
"fgColor-inverse-on-subtle": "_fgColor-inverse-on-subtle_qlmrn_101",
|
|
29
|
-
"fgColor-white-primary": "_fgColor-white-primary_qlmrn_105",
|
|
30
|
-
"fgColor-white-on-vibrant": "_fgColor-white-on-vibrant_qlmrn_109",
|
|
31
|
-
"fgColor-white-on-subtle": "_fgColor-white-on-subtle_qlmrn_113",
|
|
32
|
-
"fgColor-disabled-primary": "_fgColor-disabled-primary_qlmrn_117",
|
|
33
|
-
"fgColor-disabled-on-vibrant": "_fgColor-disabled-on-vibrant_qlmrn_121",
|
|
34
|
-
"fgColor-disabled-on-subtle": "_fgColor-disabled-on-subtle_qlmrn_125",
|
|
35
|
-
"fgColor-sale-primary": "_fgColor-sale-primary_qlmrn_129",
|
|
36
|
-
"fgColor-sale-on-vibrant": "_fgColor-sale-on-vibrant_qlmrn_133"
|
|
37
|
-
};
|
|
38
|
-
const fgColorVariants = cva("", {
|
|
39
|
-
variants: {
|
|
40
|
-
fgColor: {
|
|
41
|
-
default: styles["fgColor-primary"],
|
|
42
|
-
secondary: styles["fgColor-secondary"],
|
|
43
|
-
accentPrimary: styles["fgColor-accent-primary"],
|
|
44
|
-
accentSecondary: styles["fgColor-accent-secondary"],
|
|
45
|
-
accentOnVibrant: styles["fgColor-accent-on-vibrant"],
|
|
46
|
-
accentOnVibrantAccent: styles["fgColor-accent-on-vibrant-accent"],
|
|
47
|
-
accentOnSubtle: styles["fgColor-accent-on-subtle"],
|
|
48
|
-
accentOnDeep: styles["fgColor-accent-on-deep"],
|
|
49
|
-
criticalPrimary: styles["fgColor-critical-primary"],
|
|
50
|
-
criticalOnVibrant: styles["fgColor-critical-on-vibrant"],
|
|
51
|
-
criticalOnSubtle: styles["fgColor-critical-on-subtle"],
|
|
52
|
-
warningPrimary: styles["fgColor-warning-primary"],
|
|
53
|
-
warningOnVibrant: styles["fgColor-warning-on-vibrant"],
|
|
54
|
-
warningOnSubtle: styles["fgColor-warning-on-subtle"],
|
|
55
|
-
cautionPrimary: styles["fgColor-caution-primary"],
|
|
56
|
-
cautionOnVibrant: styles["fgColor-caution-on-vibrant"],
|
|
57
|
-
cautionOnSubtle: styles["fgColor-caution-on-subtle"],
|
|
58
|
-
successPrimary: styles["fgColor-success-primary"],
|
|
59
|
-
successOnVibrant: styles["fgColor-success-on-vibrant"],
|
|
60
|
-
successOnSubtle: styles["fgColor-success-on-subtle"],
|
|
61
|
-
informationPrimary: styles["fgColor-information-primary"],
|
|
62
|
-
informationOnVibrant: styles["fgColor-information-on-vibrant"],
|
|
63
|
-
informationOnSubtle: styles["fgColor-information-on-subtle"],
|
|
64
|
-
inversePrimary: styles["fgColor-inverse-primary"],
|
|
65
|
-
inverseOnVibrant: styles["fgColor-inverse-on-vibrant"],
|
|
66
|
-
inverseOnSubtle: styles["fgColor-inverse-on-subtle"],
|
|
67
|
-
whitePrimary: styles["fgColor-white-primary"],
|
|
68
|
-
whiteOnVibrant: styles["fgColor-white-on-vibrant"],
|
|
69
|
-
whiteOnSubtle: styles["fgColor-white-on-subtle"],
|
|
70
|
-
disabledPrimary: styles["fgColor-disabled-primary"],
|
|
71
|
-
disabledOnVibrant: styles["fgColor-disabled-on-vibrant"],
|
|
72
|
-
disabledOnSubtle: styles["fgColor-disabled-on-subtle"],
|
|
73
|
-
salePrimary: styles["fgColor-sale-primary"],
|
|
74
|
-
saleOnVibrant: styles["fgColor-sale-on-vibrant"]
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
defaultVariants: {
|
|
78
|
-
fgColor: "default"
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
export {
|
|
82
|
-
fgColorVariants
|
|
83
|
-
};
|
|
84
|
-
//# sourceMappingURL=fgColor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fgColor.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|