@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.
Files changed (213) hide show
  1. package/dist/assets/Accordion.css +1 -0
  2. package/dist/assets/AviosBadge.css +1 -0
  3. package/dist/assets/Button.css +1 -1
  4. package/dist/assets/CalloutBanner.css +1 -0
  5. package/dist/assets/CreditCardNumberField.css +1 -0
  6. package/dist/assets/DetailsDisclosure.css +1 -0
  7. package/dist/assets/Dialog.css +1 -0
  8. package/dist/assets/ErrorSummary.css +1 -0
  9. package/dist/assets/FieldHeader.css +1 -1
  10. package/dist/assets/FieldLabel.css +1 -1
  11. package/dist/assets/FieldsetHeader.css +1 -1
  12. package/dist/assets/Icon.css +1 -0
  13. package/dist/assets/IconBackdrop.css +1 -0
  14. package/dist/assets/IconButton.css +1 -1
  15. package/dist/assets/Menu.css +1 -0
  16. package/dist/assets/PasswordField.css +1 -0
  17. package/dist/assets/PhoneNumberField.css +1 -0
  18. package/dist/assets/Popover.css +1 -0
  19. package/dist/assets/SelectCard.css +1 -0
  20. package/dist/assets/SelectNative.css +1 -0
  21. package/dist/assets/Slider.css +1 -0
  22. package/dist/assets/Switch.css +1 -0
  23. package/dist/assets/Tag.css +1 -1
  24. package/dist/assets/ToggleButton.css +1 -1
  25. package/dist/assets/ToggleIconButton.css +1 -1
  26. package/dist/assets/backgroundColor.css +1 -0
  27. package/dist/assets/flex.css +1 -1
  28. package/dist/assets/foregroundColor.css +1 -0
  29. package/dist/assets/position.css +1 -0
  30. package/dist/components/Accordion/Accordion.d.ts +35 -0
  31. package/dist/components/Accordion/Accordion.js +140 -0
  32. package/dist/components/Accordion/Accordion.js.map +1 -0
  33. package/dist/components/Accordion/index.d.ts +1 -0
  34. package/dist/components/Accordion/index.js +5 -0
  35. package/dist/components/Accordion/index.js.map +1 -0
  36. package/dist/components/AviosBadge/AviosBadge.d.ts +34 -0
  37. package/dist/components/AviosBadge/AviosBadge.js +58 -0
  38. package/dist/components/AviosBadge/AviosBadge.js.map +1 -0
  39. package/dist/components/AviosBadge/index.d.ts +1 -0
  40. package/dist/components/AviosBadge/index.js +5 -0
  41. package/dist/components/AviosBadge/index.js.map +1 -0
  42. package/dist/components/Badge/Badge.d.ts +7 -2
  43. package/dist/components/Badge/Badge.js +2 -1
  44. package/dist/components/Badge/Badge.js.map +1 -1
  45. package/dist/components/Box/Box.d.ts +9 -5
  46. package/dist/components/Box/Box.js +10 -1
  47. package/dist/components/Box/Box.js.map +1 -1
  48. package/dist/components/Button/Button.js +31 -31
  49. package/dist/components/CalloutBanner/CalloutBanner.d.ts +21 -0
  50. package/dist/components/CalloutBanner/CalloutBanner.js +96 -0
  51. package/dist/components/CalloutBanner/CalloutBanner.js.map +1 -0
  52. package/dist/components/CalloutBanner/index.d.ts +1 -0
  53. package/dist/components/CalloutBanner/index.js +5 -0
  54. package/dist/components/CalloutBanner/index.js.map +1 -0
  55. package/dist/components/Checkbox/index.d.ts +1 -0
  56. package/dist/components/CreditCardNumberField/CreditCardNumberField.d.ts +29 -0
  57. package/dist/components/CreditCardNumberField/CreditCardNumberField.js +46 -0
  58. package/dist/components/CreditCardNumberField/CreditCardNumberField.js.map +1 -0
  59. package/dist/components/CreditCardNumberField/index.d.ts +1 -0
  60. package/dist/components/CreditCardNumberField/index.js +5 -0
  61. package/dist/components/CreditCardNumberField/index.js.map +1 -0
  62. package/dist/components/DateField/DateField.d.ts +22 -3
  63. package/dist/components/DateField/DateField.js +856 -2
  64. package/dist/components/DateField/DateField.js.map +1 -1
  65. package/dist/components/DetailsDisclosure/DetailsDisclosure.d.ts +33 -0
  66. package/dist/components/DetailsDisclosure/DetailsDisclosure.js +39 -0
  67. package/dist/components/DetailsDisclosure/DetailsDisclosure.js.map +1 -0
  68. package/dist/components/DetailsDisclosure/index.d.ts +2 -0
  69. package/dist/components/DetailsDisclosure/index.js +5 -0
  70. package/dist/components/DetailsDisclosure/index.js.map +1 -0
  71. package/dist/components/Dialog/Dialog.d.ts +46 -0
  72. package/dist/components/Dialog/Dialog.js +117 -0
  73. package/dist/components/Dialog/Dialog.js.map +1 -0
  74. package/dist/components/Dialog/index.d.ts +1 -0
  75. package/dist/components/Dialog/index.js +5 -0
  76. package/dist/components/Dialog/index.js.map +1 -0
  77. package/dist/components/ErrorSummary/ErrorSummary.d.ts +7 -0
  78. package/dist/components/ErrorSummary/ErrorSummary.js +44 -0
  79. package/dist/components/ErrorSummary/ErrorSummary.js.map +1 -0
  80. package/dist/components/ErrorSummary/index.d.ts +1 -0
  81. package/dist/components/ErrorSummary/index.js +5 -0
  82. package/dist/components/ErrorSummary/index.js.map +1 -0
  83. package/dist/components/FieldError/FieldError.js +1 -1
  84. package/dist/components/FieldHeader/FieldHeader.js +6 -6
  85. package/dist/components/FieldLabel/FieldLabel.js +1 -1
  86. package/dist/components/FieldsetHeader/FieldsetHeader.js +3 -3
  87. package/dist/components/Heading/Heading.d.ts +25 -6
  88. package/dist/components/Heading/Heading.js +9 -4
  89. package/dist/components/Heading/Heading.js.map +1 -1
  90. package/dist/components/Icon/Icon.d.ts +31 -4
  91. package/dist/components/Icon/Icon.js +98 -5
  92. package/dist/components/Icon/Icon.js.map +1 -1
  93. package/dist/components/IconBackdrop/IconBackdrop.d.ts +24 -0
  94. package/dist/components/IconBackdrop/IconBackdrop.js +34 -0
  95. package/dist/components/IconBackdrop/IconBackdrop.js.map +1 -0
  96. package/dist/components/IconBackdrop/index.d.ts +1 -0
  97. package/dist/components/IconBackdrop/index.js +5 -0
  98. package/dist/components/IconBackdrop/index.js.map +1 -0
  99. package/dist/components/IconButton/IconButton.d.ts +1 -1
  100. package/dist/components/IconButton/IconButton.js +28 -28
  101. package/dist/components/Image/Image.d.ts +3 -2
  102. package/dist/components/Image/Image.js +7 -2
  103. package/dist/components/Image/Image.js.map +1 -1
  104. package/dist/components/Link/Link.d.ts +3 -3
  105. package/dist/components/Link/Link.js +2 -2
  106. package/dist/components/Menu/Menu.d.ts +75 -0
  107. package/dist/components/Menu/Menu.js +356 -0
  108. package/dist/components/Menu/Menu.js.map +1 -0
  109. package/dist/components/Menu/index.d.ts +1 -0
  110. package/dist/components/Menu/index.js +5 -0
  111. package/dist/components/Menu/index.js.map +1 -0
  112. package/dist/components/Paragraph/Paragraph.d.ts +9 -5
  113. package/dist/components/Paragraph/Paragraph.js +9 -4
  114. package/dist/components/Paragraph/Paragraph.js.map +1 -1
  115. package/dist/components/PasswordField/PasswordField.d.ts +30 -0
  116. package/dist/components/PasswordField/PasswordField.js +104 -0
  117. package/dist/components/PasswordField/PasswordField.js.map +1 -0
  118. package/dist/components/PasswordField/index.d.ts +1 -0
  119. package/dist/components/PasswordField/index.js +5 -0
  120. package/dist/components/PasswordField/index.js.map +1 -0
  121. package/dist/components/PhoneNumberField/PhoneNumberField.d.ts +53 -0
  122. package/dist/components/PhoneNumberField/PhoneNumberField.js +96 -0
  123. package/dist/components/PhoneNumberField/PhoneNumberField.js.map +1 -0
  124. package/dist/components/PhoneNumberField/index.d.ts +3 -0
  125. package/dist/components/PhoneNumberField/index.js +7 -0
  126. package/dist/components/PhoneNumberField/index.js.map +1 -0
  127. package/dist/components/Popover/Popover.d.ts +48 -0
  128. package/dist/components/Popover/Popover.js +65 -0
  129. package/dist/components/Popover/Popover.js.map +1 -0
  130. package/dist/components/Popover/index.d.ts +1 -0
  131. package/dist/components/Popover/index.js +5 -0
  132. package/dist/components/Popover/index.js.map +1 -0
  133. package/dist/components/Radio/index.d.ts +1 -0
  134. package/dist/components/Section/Section.d.ts +2 -1
  135. package/dist/components/Section/Section.js +7 -2
  136. package/dist/components/Section/Section.js.map +1 -1
  137. package/dist/components/SelectCard/SelectCard.d.ts +51 -0
  138. package/dist/components/SelectCard/SelectCard.js +85 -0
  139. package/dist/components/SelectCard/SelectCard.js.map +1 -0
  140. package/dist/components/SelectCard/index.d.ts +1 -0
  141. package/dist/components/SelectCard/index.js +5 -0
  142. package/dist/components/SelectCard/index.js.map +1 -0
  143. package/dist/components/SelectNative/SelectNative.d.ts +56 -0
  144. package/dist/components/SelectNative/SelectNative.js +40 -0
  145. package/dist/components/SelectNative/SelectNative.js.map +1 -0
  146. package/dist/components/SelectNative/index.d.ts +1 -0
  147. package/dist/components/SelectNative/index.js +5 -0
  148. package/dist/components/SelectNative/index.js.map +1 -0
  149. package/dist/components/Slider/Slider.d.ts +33 -0
  150. package/dist/components/Slider/Slider.js +113 -0
  151. package/dist/components/Slider/Slider.js.map +1 -0
  152. package/dist/components/Slider/index.d.ts +1 -0
  153. package/dist/components/Slider/index.js +5 -0
  154. package/dist/components/Slider/index.js.map +1 -0
  155. package/dist/components/SubHeading/SubHeading.d.ts +26 -5
  156. package/dist/components/SubHeading/SubHeading.js +9 -4
  157. package/dist/components/SubHeading/SubHeading.js.map +1 -1
  158. package/dist/components/Switch/Switch.d.ts +7 -0
  159. package/dist/components/Switch/Switch.js +18 -0
  160. package/dist/components/Switch/Switch.js.map +1 -0
  161. package/dist/components/Switch/index.d.ts +1 -0
  162. package/dist/components/Switch/index.js +5 -0
  163. package/dist/components/Switch/index.js.map +1 -0
  164. package/dist/components/Tag/Tag.js +4 -4
  165. package/dist/components/ToggleButton/ToggleButton.js +6 -6
  166. package/dist/components/ToggleIconButton/ToggleIconButton.js +6 -6
  167. package/dist/components/Tooltip/Tooltip.d.ts +5 -1
  168. package/dist/components/Tooltip/Tooltip.js +2 -1
  169. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  170. package/dist/components/_base/Field/Field.d.ts +2 -2
  171. package/dist/components/_base/Field/Field.js +2 -5
  172. package/dist/components/_base/Field/Field.js.map +1 -1
  173. package/dist/components/index.d.ts +16 -0
  174. package/dist/components/index.js +45 -14
  175. package/dist/components/index.js.map +1 -1
  176. package/dist/index.js +45 -14
  177. package/dist/index.js.map +1 -1
  178. package/dist/react-number-format.es-DMLgWFZX.js +760 -0
  179. package/dist/react-number-format.es-DMLgWFZX.js.map +1 -0
  180. package/dist/utils/backgroundColor/backgroundColor.d.ts +8 -0
  181. package/dist/utils/backgroundColor/backgroundColor.js +102 -0
  182. package/dist/utils/backgroundColor/backgroundColor.js.map +1 -0
  183. package/dist/utils/border/border.d.ts +3 -3
  184. package/dist/utils/creditCard/creditCard.d.ts +7 -0
  185. package/dist/utils/creditCard/creditCard.js +25 -0
  186. package/dist/utils/creditCard/creditCard.js.map +1 -0
  187. package/dist/utils/flex/flex.d.ts +11 -6
  188. package/dist/utils/flex/flex.js +390 -46
  189. package/dist/utils/flex/flex.js.map +1 -1
  190. package/dist/utils/flex/flex.test.d.ts +1 -0
  191. package/dist/utils/focus/focusStyles.d.ts +1 -1
  192. package/dist/utils/foregroundColour/foregroundColor.d.ts +8 -0
  193. package/dist/utils/foregroundColour/foregroundColor.js +125 -0
  194. package/dist/utils/foregroundColour/foregroundColor.js.map +1 -0
  195. package/dist/utils/padding/padding.d.ts +7 -7
  196. package/dist/utils/phoneNumber/phoneNumber.d.ts +24 -0
  197. package/dist/utils/phoneNumber/phoneNumber.js +566 -0
  198. package/dist/utils/phoneNumber/phoneNumber.js.map +1 -0
  199. package/dist/utils/position/position.d.ts +8 -0
  200. package/dist/utils/position/position.js +57 -0
  201. package/dist/utils/position/position.js.map +1 -0
  202. package/dist/utils/position/position.test.d.ts +1 -0
  203. package/dist/utils/stories/iconPropsArgTypes.js +49 -13
  204. package/dist/utils/stories/iconPropsArgTypes.js.map +1 -1
  205. package/package.json +2 -1
  206. package/dist/assets/backgroundColour.css +0 -1
  207. package/dist/assets/fgColor.css +0 -1
  208. package/dist/utils/backgroundColour/backgroundColour.d.ts +0 -8
  209. package/dist/utils/backgroundColour/backgroundColour.js +0 -102
  210. package/dist/utils/backgroundColour/backgroundColour.js.map +0 -1
  211. package/dist/utils/fgColour/fgColor.d.ts +0 -5
  212. package/dist/utils/fgColour/fgColor.js +0 -84
  213. 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
- iconName: string;
8
- iconPrefix?: 'fas' | 'far' | 'fal' | 'fab' | 'fad';
9
- iconSize?: 'lg' | 'sm' | '1x' | 'xs' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x';
10
- flip?: 'horizontal' | 'vertical' | 'both';
11
- fixedWidth?: boolean;
12
- listItem?: boolean;
13
- border?: boolean;
14
- rotation?: 90 | 180 | 270;
15
- pull?: 'left' | 'right';
16
- ariaLabel?: string;
17
- className?: string;
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.0.0",
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)}
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}