@alto-avios/alto-ui 3.6.0-alpha.1 → 3.6.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 -1
- package/dist/assets/Field.css +1 -1
- package/dist/assets/SelectNative.css +1 -1
- package/dist/components/Accordion/Accordion.js +8 -8
- package/dist/components/AviosCurrencySymbol/AviosCurrencySymbol.js +3 -3
- package/dist/components/Badge/Badge.js +1 -1
- package/dist/components/Button/Button.js +2 -4
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +3 -3
- package/dist/components/CalloutBanner/CalloutBanner.js +3 -3
- package/dist/components/CardSection/CardSection.js +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/CheckboxGroup/CheckboxGroup.js +4 -8
- package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/components/ClearFieldButton/ClearFieldButton.js +1 -1
- package/dist/components/CreditCardNumberField/CreditCardNumberField.js +4 -4
- package/dist/components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js +3 -3
- package/dist/components/DateField/DateField.js +6 -1
- package/dist/components/DateField/DateField.js.map +1 -1
- package/dist/components/Dialog/Dialog.js +3 -3
- package/dist/components/ErrorSummary/ErrorSummary.js +5 -6
- package/dist/components/ErrorSummary/ErrorSummary.js.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.js +1 -1
- package/dist/components/Grid/Grid.js +1 -3
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Heading/Heading.js +1 -1
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/IconBackdrop/IconBackdrop.js +1 -1
- package/dist/components/IconButton/IconButton.js +63 -22
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/Image/Image.js +8 -8
- package/dist/components/Label/Label.js +1 -1
- package/dist/components/Link/Link.js +1 -1
- package/dist/components/ListBox/ListBox.d.ts +1 -1
- package/dist/components/ListBoxItem/index.d.ts +1 -1
- package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +7 -1
- package/dist/components/LoadingSpinner/LoadingSpinner.js +4 -5
- package/dist/components/LoadingSpinner/LoadingSpinner.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +1 -1
- package/dist/components/PasswordField/PasswordField.js +3 -3
- package/dist/components/PhoneNumberField/PhoneNumberField.js +2 -2
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/Radio/Radio.js +1 -1
- package/dist/components/SearchField/SearchField.js +3 -3
- package/dist/components/Section/Section.js +5 -5
- package/dist/components/SelectCard/SelectCard.js +2 -2
- package/dist/components/Spacer/Spacer.js +1 -2
- package/dist/components/Spacer/Spacer.js.map +1 -1
- package/dist/components/SubHeading/SubHeading.js +1 -1
- package/dist/components/TagGroup/TagGroup.js +0 -1
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/TextAreaField/TextAreaField.js +1 -3
- package/dist/components/TextAreaField/TextAreaField.js.map +1 -1
- package/dist/components/ToggleButton/ToggleButton.js +1 -3
- package/dist/components/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/components/ToggleIconButton/ToggleIconButton.js +2 -4
- package/dist/components/ToggleIconButton/ToggleIconButton.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -3
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/_base/Field/Field.d.ts +6 -1
- package/dist/components/_base/Field/Field.js +11 -6
- package/dist/components/_base/Field/Field.js.map +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +2 -2
- package/dist/index-DdUYounA.js +57 -0
- package/dist/index-DdUYounA.js.map +1 -0
- package/dist/index.js +2 -2
- package/dist/{react-number-format.es-DXPULhrt.js → react-number-format.es-BjKL6crg.js} +6 -6
- package/dist/{react-number-format.es-DXPULhrt.js.map → react-number-format.es-BjKL6crg.js.map} +1 -1
- package/dist/utils/backgroundColor/backgroundColor.js +1 -1
- package/dist/utils/backgroundColor/backgroundColor.test.d.ts +1 -0
- package/dist/utils/border/border.js +1 -1
- package/dist/utils/border/border.test.d.ts +1 -0
- package/dist/utils/creditCard/creditCard.test.d.ts +1 -0
- package/dist/utils/flex/flex.js +1 -23
- package/dist/utils/flex/flex.js.map +1 -1
- package/dist/utils/focus/focusStyles.js +1 -1
- package/dist/utils/focus/focusStyles.test.d.ts +1 -0
- package/dist/utils/foregroundColour/foregroundColor.js +1 -1
- package/dist/utils/foregroundColour/foregroundColor.test.d.ts +1 -0
- package/dist/utils/forms/field.js +1 -1
- package/dist/utils/padding/padding.js +1 -1
- package/dist/utils/padding/padding.test.d.ts +1 -0
- package/dist/utils/phoneNumber/phoneNumber.test.d.ts +1 -0
- package/dist/utils/position/position.js +1 -1
- package/dist/utils/spaceToken/spaceToken.test.d.ts +1 -0
- package/package.json +1 -2
- package/dist/IconButton.module-DcfPVyUX.js +0 -48
- package/dist/IconButton.module-DcfPVyUX.js.map +0 -1
- package/dist/assets/AutoplayControl.css +0 -1
- package/dist/assets/Carousel.css +0 -1
- package/dist/assets/CarouselButton.css +0 -1
- package/dist/assets/CarouselDots.css +0 -1
- package/dist/components/Carousel/AutoplayControl/AutoplayControl.d.ts +0 -27
- package/dist/components/Carousel/AutoplayControl/AutoplayControl.js +0 -116
- package/dist/components/Carousel/AutoplayControl/AutoplayControl.js.map +0 -1
- package/dist/components/Carousel/Carousel.d.ts +0 -171
- package/dist/components/Carousel/Carousel.js +0 -402
- package/dist/components/Carousel/Carousel.js.map +0 -1
- package/dist/components/Carousel/CarouselButton/CarouselButton.d.ts +0 -44
- package/dist/components/Carousel/CarouselButton/CarouselButton.js +0 -196
- package/dist/components/Carousel/CarouselButton/CarouselButton.js.map +0 -1
- package/dist/components/Carousel/CarouselControls.d.ts +0 -7
- package/dist/components/Carousel/CarouselControls.js +0 -305
- package/dist/components/Carousel/CarouselControls.js.map +0 -1
- package/dist/components/Carousel/CarouselDots/CarouselDots.d.ts +0 -16
- package/dist/components/Carousel/CarouselDots/CarouselDots.js +0 -151
- package/dist/components/Carousel/CarouselDots/CarouselDots.js.map +0 -1
- package/dist/components/Carousel/index.d.ts +0 -1
- package/dist/components/Carousel/index.js +0 -5
- package/dist/components/Carousel/index.js.map +0 -1
- package/dist/index-Bi3v_EjJ.js +0 -57
- package/dist/index-Bi3v_EjJ.js.map +0 -1
- package/dist/index-uZFEbUWx.js +0 -1005
- package/dist/index-uZFEbUWx.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
._accordion_1m3lr_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_1m3lr_14,._accordionStack_1m3lr_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1m3lr_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1m3lr_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_1m3lr_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1m3lr_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1m3lr_57{display:flex;flex-direction:column}._endContainer_1m3lr_62{gap:var(--alto-sem-space-sm)}._endContainer_1m3lr_62,._titleEnd_1m3lr_69,._titleStart_1m3lr_68{align-items:center;display:flex}._accordionTitle_1m3lr_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:600;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);text-align:left}._accordionDescription_1m3lr_87,._accordionTitle_1m3lr_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_1m3lr_87{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_1m3lr_96{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}._accordion_1m3lr_1[data-expanded=true] ._iconWrapper_1m3lr_96{transform:rotate(180deg)}._accordion_1m3lr_1>[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_1m3lr_1>[role=group],._accordion_1m3lr_1[data-expanded=true]>[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility
|
|
1
|
+
._accordion_1m3lr_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_1m3lr_14,._accordionStack_1m3lr_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1m3lr_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1m3lr_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_1m3lr_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1m3lr_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1m3lr_57{display:flex;flex-direction:column}._endContainer_1m3lr_62{gap:var(--alto-sem-space-sm)}._endContainer_1m3lr_62,._titleEnd_1m3lr_69,._titleStart_1m3lr_68{align-items:center;display:flex}._accordionTitle_1m3lr_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:600;letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);text-align:left}._accordionDescription_1m3lr_87,._accordionTitle_1m3lr_74{font-family:var(--alto-sem-text-body-font-family);margin:0}._accordionDescription_1m3lr_87{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letterSpacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_1m3lr_96{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}._accordion_1m3lr_1[data-expanded=true] ._iconWrapper_1m3lr_96{transform:rotate(180deg)}._accordion_1m3lr_1>[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_1m3lr_1>[role=group],._accordion_1m3lr_1[data-expanded=true]>[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0s linear}._accordion_1m3lr_1[data-expanded=true]>[role=group]{height:var(--group-height);visibility:visible}._panelContent_1m3lr_128{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_1m3lr_1[data-expanded=true],._accordion_1m3lr_1[data-expanded=true] ._trigger_1m3lr_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_1m3lr_1[data-expanded=true] ._trigger_1m3lr_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:var(--alto-card-radius) var(--alto-card-radius) 0 0}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-focused]{outline:none}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._accordion_1m3lr_1 ._trigger_1m3lr_33[data-disabled] ._iconWrapper_1m3lr_96,._trigger_1m3lr_33[data-disabled] ._accordionDescription_1m3lr_87,._trigger_1m3lr_33[data-disabled] ._accordionTitle_1m3lr_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_1m3lr_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
|
package/dist/assets/Field.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._fieldGrid_1ajki_1{display:grid;grid-template-columns:repeat(12,1fr)}._fieldError_1ajki_6{margin-top:var(--alto-sem-space-2xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._select_2fygw_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._selectInput_2fygw_10{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234B4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);color:var(--alto-sem-color-fg-primary);cursor:pointer;font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._selectInput_2fygw_10 option[value=""][disabled]{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:-moz-placeholder
|
|
1
|
+
._select_2fygw_1{color:var(--alto-sem-color-fg-primary);display:flex;flex-direction:column;font-style:normal;font-weight:var(--alto-sem-text-body-regular-font-weight);width:100%}._selectInput_2fygw_10{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--alto-sem-color-bg-base);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none' viewBox='0 0 18 20'%3E%3Cpath fill='%234B4855' d='M9.586 19.492c-.352.274-.86.274-1.172 0l-6.25-5c-.43-.312-.469-.898-.156-1.328.312-.39.898-.469 1.328-.117L9 17.578l5.664-4.531a.89.89 0 0 1 1.29.117c.312.43.273 1.016-.157 1.328l-6.25 5zm6.25-13.945c.39.312.469.898.117 1.289-.312.43-.898.469-1.289.156L9 2.461 3.336 6.992c-.43.313-1.016.274-1.328-.156-.313-.39-.274-.977.156-1.29l6.25-5c.313-.273.82-.273 1.172 0z'/%3E%3C/svg%3E");background-position:right var(--alto-sem-space-sm) center;background-repeat:no-repeat;border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-input-radius);color:var(--alto-sem-color-fg-primary);cursor:pointer;font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height);padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm)}._selectInput_2fygw_10 option[value=""][disabled]{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:-moz-placeholder{color:var(--alto-sem-color-fg-secondary)}._selectInput_2fygw_10:placeholder-shown{color:var(--alto-sem-color-fg-secondary)}._select_2fygw_1[data-disabled] ._selectInput_2fygw_10{background-color:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._select_2fygw_1[data-invalid] ._selectInput_2fygw_10{border:2px solid var(--alto-sem-color-border-critical)}@-moz-document url-prefix(){._selectInput_2fygw_10{padding-right:var(--alto-sem-space-xl);text-indent:0;text-overflow:""}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
|
|
4
4
|
import { Icon } from "../Icon/Icon.js";
|
|
5
5
|
import '../../assets/Accordion.css';const accordion = "_accordion_1m3lr_1";
|
|
@@ -58,8 +58,8 @@ const AccordionPanel = ({
|
|
|
58
58
|
children,
|
|
59
59
|
...props
|
|
60
60
|
}) => {
|
|
61
|
-
const contentRef =
|
|
62
|
-
|
|
61
|
+
const contentRef = React.useRef(null);
|
|
62
|
+
React.useEffect(() => {
|
|
63
63
|
const content = contentRef.current;
|
|
64
64
|
if (!content) return;
|
|
65
65
|
const group = content.closest('[role="group"]');
|
|
@@ -110,8 +110,8 @@ const AccordionGroup = ({
|
|
|
110
110
|
allowsMultipleExpanded = true
|
|
111
111
|
}) => {
|
|
112
112
|
const groupClasses = [styles.accordionGroup, className].filter(Boolean).join(" ");
|
|
113
|
-
const defaultExpandedKeys =
|
|
114
|
-
if (
|
|
113
|
+
const defaultExpandedKeys = React.Children.toArray(children).map((child, index) => {
|
|
114
|
+
if (React.isValidElement(child) && child.props.defaultExpanded) {
|
|
115
115
|
return `accordion-${index}`;
|
|
116
116
|
}
|
|
117
117
|
return null;
|
|
@@ -121,9 +121,9 @@ const AccordionGroup = ({
|
|
|
121
121
|
title,
|
|
122
122
|
description
|
|
123
123
|
] }),
|
|
124
|
-
/* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children:
|
|
125
|
-
if (
|
|
126
|
-
return
|
|
124
|
+
/* @__PURE__ */ jsx(DisclosureGroup, { className: styles.accordionStack, allowsMultipleExpanded, defaultExpandedKeys, children: React.Children.map(children, (child, index) => {
|
|
125
|
+
if (React.isValidElement(child)) {
|
|
126
|
+
return React.cloneElement(child, {
|
|
127
127
|
key: `accordion-${index}`,
|
|
128
128
|
id: `accordion-${index}`
|
|
129
129
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
4
4
|
import '../../assets/AviosCurrencySymbol.css';const styles = {
|
|
5
5
|
"aviosCurrencySymbol-primary": "_aviosCurrencySymbol-primary_152jd_1",
|
|
6
6
|
"aviosCurrencySymbol-secondary": "_aviosCurrencySymbol-secondary_152jd_11",
|
|
@@ -51,7 +51,7 @@ const AviosCurrencySymbol = ({
|
|
|
51
51
|
"aria-label": ariaLabel,
|
|
52
52
|
...props
|
|
53
53
|
}) => {
|
|
54
|
-
const dimensions =
|
|
54
|
+
const dimensions = React.useMemo(() => {
|
|
55
55
|
if (width && height) {
|
|
56
56
|
return {
|
|
57
57
|
width,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
3
3
|
import { Icon } from "../Icon/Icon.js";
|
|
4
4
|
import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
|
|
5
5
|
import '../../assets/Badge.css';const badge$1 = "_badge_12fsq_1";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import { useButton } from "@react-aria/button";
|
|
5
5
|
import { useObjectRef, mergeProps } from "@react-aria/utils";
|
|
@@ -66,9 +66,7 @@ const styles = {
|
|
|
66
66
|
whitePrimary,
|
|
67
67
|
whiteSecondary,
|
|
68
68
|
whiteTertiary,
|
|
69
|
-
whiteQuaternary
|
|
70
|
-
"fa-spinner-third": "_fa-spinner-third_9pg0y_544",
|
|
71
|
-
"icon-wrapper": "_icon-wrapper_9pg0y_549"
|
|
69
|
+
whiteQuaternary
|
|
72
70
|
};
|
|
73
71
|
const button = cva(styles.button, {
|
|
74
72
|
variants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
4
4
|
import '../../assets/ButtonGroup.css';const buttonGroup = "_buttonGroup_zcnod_2";
|
|
5
5
|
const alignStart = "_alignStart_zcnod_10";
|
|
6
6
|
const alignCenter = "_alignCenter_zcnod_14";
|
|
@@ -41,7 +41,7 @@ const ButtonGroup = ({
|
|
|
41
41
|
}) => {
|
|
42
42
|
return /* @__PURE__ */ jsx("div", { className: `${buttonGroupStyles({
|
|
43
43
|
align
|
|
44
|
-
})}`, role: "group", "aria-label": "Button Group", children:
|
|
44
|
+
})}`, role: "group", "aria-label": "Button Group", children: React.Children.map(children, (child) => child) });
|
|
45
45
|
};
|
|
46
46
|
export {
|
|
47
47
|
ButtonGroup,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { Icon } from "../Icon/Icon.js";
|
|
4
|
-
import { c as cva } from "../../index-
|
|
4
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
5
5
|
import { IconButton } from "../IconButton/IconButton.js";
|
|
6
6
|
import '../../assets/CalloutBanner.css';const calloutBanner$1 = "_calloutBanner_kxqgt_1";
|
|
7
7
|
const calloutBanner__icon = "_calloutBanner__icon_kxqgt_12";
|
|
@@ -57,7 +57,7 @@ const CalloutBanner = ({
|
|
|
57
57
|
emphasis = "primary",
|
|
58
58
|
onDismiss
|
|
59
59
|
}) => {
|
|
60
|
-
const iconName =
|
|
60
|
+
const iconName = React.useMemo(() => {
|
|
61
61
|
switch (styleVariant) {
|
|
62
62
|
case "critical":
|
|
63
63
|
return "circle-exclamation";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import '../../assets/CardSection.css';const cardSection$1 = "_cardSection_1uwwa_1";
|
|
5
5
|
const cardContainer = "_cardContainer_1uwwa_12";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { Checkbox as Checkbox$1 } from "react-aria-components";
|
|
3
|
-
import { c as cva } from "../../index-
|
|
3
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
4
4
|
import FieldDescription from "../FieldDescription/FieldDescription.js";
|
|
5
5
|
import '../../assets/Checkbox.css';const checkbox$1 = "_checkbox_1twm2_2";
|
|
6
6
|
const checkboxContainer = "_checkboxContainer_1twm2_19";
|
|
@@ -2,24 +2,20 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { CheckboxGroup as CheckboxGroup$1 } from "react-aria-components";
|
|
3
3
|
import { FieldHeader } from "../FieldHeader/FieldHeader.js";
|
|
4
4
|
import '../../assets/CheckboxGroup.css';const checkboxGroup = "_checkboxGroup_1vs5o_1";
|
|
5
|
-
const errorMessage = "_errorMessage_1vs5o_8";
|
|
6
|
-
const description = "_description_1vs5o_13";
|
|
7
5
|
const styles = {
|
|
8
|
-
checkboxGroup
|
|
9
|
-
errorMessage,
|
|
10
|
-
description
|
|
6
|
+
checkboxGroup
|
|
11
7
|
};
|
|
12
8
|
const CheckboxGroup = ({
|
|
13
9
|
label,
|
|
14
10
|
children,
|
|
15
|
-
description
|
|
16
|
-
errorMessage
|
|
11
|
+
description,
|
|
12
|
+
errorMessage,
|
|
17
13
|
isDisabled,
|
|
18
14
|
isInvalid,
|
|
19
15
|
...props
|
|
20
16
|
}) => {
|
|
21
17
|
return /* @__PURE__ */ jsxs(CheckboxGroup$1, { className: styles.checkboxGroup, isDisabled, isInvalid, ...props, children: [
|
|
22
|
-
/* @__PURE__ */ jsx(FieldHeader, { label, description
|
|
18
|
+
/* @__PURE__ */ jsx(FieldHeader, { label, description, errorMessage, isRequired: true, isInvalid }),
|
|
23
19
|
children
|
|
24
20
|
] });
|
|
25
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
3
3
|
import { Button } from "react-aria-components";
|
|
4
4
|
import { Icon } from "../Icon/Icon.js";
|
|
5
5
|
import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { TextField, Input } from "react-aria-components";
|
|
4
|
-
import { P as PatternFormat } from "../../react-number-format.es-
|
|
4
|
+
import { P as PatternFormat } from "../../react-number-format.es-BjKL6crg.js";
|
|
5
5
|
import { Field } from "../_base/Field/Field.js";
|
|
6
6
|
import { Icon } from "../Icon/Icon.js";
|
|
7
7
|
import { getCardIcon } from "../../utils/creditCard/creditCard.js";
|
|
@@ -21,9 +21,9 @@ const CreditCardNumberField = ({
|
|
|
21
21
|
label = "Credit card number",
|
|
22
22
|
...props
|
|
23
23
|
}) => {
|
|
24
|
-
const [value, setValue] =
|
|
24
|
+
const [value, setValue] = React.useState(defaultValue);
|
|
25
25
|
const valueDefinitive = valueControlled ?? value;
|
|
26
|
-
const cardIcon =
|
|
26
|
+
const cardIcon = React.useMemo(() => {
|
|
27
27
|
if (typeof cardIconProp === "function") {
|
|
28
28
|
return cardIconProp(value) || "credit-card";
|
|
29
29
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { TextField, Input } from "react-aria-components";
|
|
4
|
-
import { P as PatternFormat } from "../../react-number-format.es-
|
|
4
|
+
import { P as PatternFormat } from "../../react-number-format.es-BjKL6crg.js";
|
|
5
5
|
import { Field } from "../_base/Field/Field.js";
|
|
6
6
|
import '../../assets/CreditCardSecurityCodeField.css';const creditCardSecurityCodeField = "_creditCardSecurityCodeField_14mb2_1";
|
|
7
7
|
const inputWrapper = "_inputWrapper_14mb2_11";
|
|
@@ -20,7 +20,7 @@ const CreditCardSecurityCodeField = ({
|
|
|
20
20
|
digits = 3,
|
|
21
21
|
...props
|
|
22
22
|
}) => {
|
|
23
|
-
const [value, setValue] =
|
|
23
|
+
const [value, setValue] = React.useState(defaultValue);
|
|
24
24
|
const valueDefinitive = valueControlled ?? value;
|
|
25
25
|
return /* @__PURE__ */ jsxs(Field, { className: styles.creditCardSecurityCodeField, as: TextField, label, isRequired: true, ...props, children: [
|
|
26
26
|
/* @__PURE__ */ jsxs("div", { className: styles.inputWrapper, children: [
|
|
@@ -126,6 +126,11 @@ class $3b62074eb05584b2$export$80ee6245ec4f29ec {
|
|
|
126
126
|
this.identifier = "gregory";
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
|
+
function $14e0f24ef4ac5c92$export$dbc69fd56b53d5e(a, b) {
|
|
130
|
+
var _a_isEqual, _b_isEqual;
|
|
131
|
+
var _a_isEqual1, _ref;
|
|
132
|
+
return (_ref = (_a_isEqual1 = (_a_isEqual = a.isEqual) === null || _a_isEqual === void 0 ? void 0 : _a_isEqual.call(a, b)) !== null && _a_isEqual1 !== void 0 ? _a_isEqual1 : (_b_isEqual = b.isEqual) === null || _b_isEqual === void 0 ? void 0 : _b_isEqual.call(b, a)) !== null && _ref !== void 0 ? _ref : a.identifier === b.identifier;
|
|
133
|
+
}
|
|
129
134
|
function $14e0f24ef4ac5c92$export$68781ddf31c0090f(a, b) {
|
|
130
135
|
return a.calendar.toJulianDay(a) - b.calendar.toJulianDay(b);
|
|
131
136
|
}
|
|
@@ -260,7 +265,7 @@ function $11d87f3f76e88657$export$b21e0b124e224484(date, time) {
|
|
|
260
265
|
return new $35ea8db9cb2ccb90$export$ca871e8dbb80966f(date.calendar, date.era, date.year, date.month, date.day, hour, minute, second, millisecond);
|
|
261
266
|
}
|
|
262
267
|
function $11d87f3f76e88657$export$b4a036af3fc0b032(date, calendar) {
|
|
263
|
-
if (date.calendar
|
|
268
|
+
if ($14e0f24ef4ac5c92$export$dbc69fd56b53d5e(date.calendar, calendar)) return date;
|
|
264
269
|
let calendarDate = calendar.fromJulianDay(date.calendar.toJulianDay(date));
|
|
265
270
|
let copy = date.copy();
|
|
266
271
|
copy.calendar = calendar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React, { useRef } from "react";
|
|
3
3
|
import { IconButton } from "../IconButton/IconButton.js";
|
|
4
4
|
import { OverlayContainer, useOverlay, usePreventScroll, useModal } from "@react-aria/overlays";
|
|
5
5
|
import { useDialog } from "@react-aria/dialog";
|
|
@@ -68,8 +68,8 @@ function DialogWrapper({
|
|
|
68
68
|
const {
|
|
69
69
|
modalProps
|
|
70
70
|
} = useModal();
|
|
71
|
-
const headerChild =
|
|
72
|
-
const otherChildren =
|
|
71
|
+
const headerChild = React.Children.toArray(children).find((child) => React.isValidElement(child) && child.type === DialogHeader);
|
|
72
|
+
const otherChildren = React.Children.toArray(children).filter((child) => !React.isValidElement(child) || child.type !== DialogHeader);
|
|
73
73
|
const hasHeader = Boolean(headerChild) || hasDismissButton;
|
|
74
74
|
const headerId = props["aria-labelledby"] || `${id}-header`;
|
|
75
75
|
const contentId = props["aria-describedby"] || `${id}-content`;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { CalloutBanner } from "../CalloutBanner/CalloutBanner.js";
|
|
3
|
-
import
|
|
3
|
+
import React, { useState } from "react";
|
|
4
4
|
import Link from "../Link/Link.js";
|
|
5
5
|
import { Box } from "../Box/Box.js";
|
|
6
6
|
import '../../assets/ErrorSummary.css';const styles = {
|
|
7
|
-
"errorSummary-list": "_errorSummary-list_yt1ru_1"
|
|
8
|
-
"errorSummary-list__item": "_errorSummary-list__item_yt1ru_24"
|
|
7
|
+
"errorSummary-list": "_errorSummary-list_yt1ru_1"
|
|
9
8
|
};
|
|
10
9
|
const MAX_ERRORS_SHOW = 4;
|
|
11
10
|
const ErrorSummary = ({
|
|
@@ -20,9 +19,9 @@ const ErrorSummary = ({
|
|
|
20
19
|
const errorsToRender = showAllErrors ? children : Array.isArray(children) ? children.slice(0, MAX_ERRORS_SHOW) : [children];
|
|
21
20
|
const hasMoreErrors = Array.isArray(children) && children.length > MAX_ERRORS_SHOW;
|
|
22
21
|
return /* @__PURE__ */ jsx(CalloutBanner, { title, description, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
|
|
23
|
-
/* @__PURE__ */ jsx("div", { className: styles["errorSummary-list"], children:
|
|
24
|
-
if (
|
|
25
|
-
return
|
|
22
|
+
/* @__PURE__ */ jsx("div", { className: styles["errorSummary-list"], children: React.Children.map(errorsToRender, (child, index) => {
|
|
23
|
+
if (React.isValidElement(child)) {
|
|
24
|
+
return React.cloneElement(child, {
|
|
26
25
|
key: `error-${index}`,
|
|
27
26
|
iconEndProps: false
|
|
28
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorSummary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
3
3
|
import '../../assets/Eyebrow.css';const eyebrow$1 = "_eyebrow_ie5k8_1";
|
|
4
4
|
const inspiration = "_inspiration_ie5k8_14";
|
|
5
5
|
const collect = "_collect_ie5k8_19";
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { getSpaceValue } from "../../utils/spaceToken/spaceToken.js";
|
|
3
3
|
import '../../assets/Grid.css';const grid = "_grid_agdpw_1";
|
|
4
|
-
const gridItem = "_gridItem_agdpw_6";
|
|
5
4
|
const styles = {
|
|
6
|
-
grid
|
|
7
|
-
gridItem
|
|
5
|
+
grid
|
|
8
6
|
};
|
|
9
7
|
const GridCell = ({
|
|
10
8
|
as,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Grid.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
3
3
|
import { foregroundColorVariants } from "../../utils/foregroundColour/foregroundColor.js";
|
|
4
4
|
import '../../assets/Heading.css';const heading$1 = "_heading_15puj_1";
|
|
5
5
|
const xxs = "_xxs_15puj_8";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
3
3
|
import { useState, useEffect } from "react";
|
|
4
4
|
import { foregroundColorVariants } from "../../utils/foregroundColour/foregroundColor.js";
|
|
5
5
|
import { backgroundColorVariants } from "../../utils/backgroundColor/backgroundColor.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
3
3
|
import { Icon } from "../Icon/Icon.js";
|
|
4
4
|
import '../../assets/IconBackdrop.css';const iconBackdrop$1 = "_iconBackdrop_1e7m2_1";
|
|
5
5
|
const squircle = "_squircle_1e7m2_7";
|
|
@@ -1,42 +1,83 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
3
3
|
import { forwardRef, useRef, useState, useEffect } from "react";
|
|
4
4
|
import { Button } from "react-aria-components";
|
|
5
|
-
import { i as iconButtonStyles } from "../../IconButton.module-DcfPVyUX.js";
|
|
6
5
|
import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
|
|
7
6
|
import { Icon } from "../Icon/Icon.js";
|
|
8
7
|
import LoadingSpinner from "../LoadingSpinner/LoadingSpinner.js";
|
|
9
8
|
import { Tooltip } from "../Tooltip/Tooltip.js";
|
|
10
|
-
const iconButton =
|
|
9
|
+
import '../../assets/IconButton.css';const iconButton$1 = "_iconButton_kb1oz_1";
|
|
10
|
+
const sm = "_sm_kb1oz_24";
|
|
11
|
+
const md = "_md_kb1oz_30";
|
|
12
|
+
const lg = "_lg_kb1oz_36";
|
|
13
|
+
const accentPrimary = "_accentPrimary_kb1oz_46";
|
|
14
|
+
const accentSecondary = "_accentSecondary_kb1oz_69";
|
|
15
|
+
const accentTertiary = "_accentTertiary_kb1oz_98";
|
|
16
|
+
const accentQuaternary = "_accentQuaternary_kb1oz_127";
|
|
17
|
+
const criticalPrimary = "_criticalPrimary_kb1oz_151";
|
|
18
|
+
const criticalSecondary = "_criticalSecondary_kb1oz_175";
|
|
19
|
+
const criticalTertiary = "_criticalTertiary_kb1oz_204";
|
|
20
|
+
const criticalQuaternary = "_criticalQuaternary_kb1oz_229";
|
|
21
|
+
const neutralPrimary = "_neutralPrimary_kb1oz_254";
|
|
22
|
+
const neutralSecondary = "_neutralSecondary_kb1oz_278";
|
|
23
|
+
const neutralTertiary = "_neutralTertiary_kb1oz_305";
|
|
24
|
+
const neutralQuaternary = "_neutralQuaternary_kb1oz_330";
|
|
25
|
+
const whitePrimary = "_whitePrimary_kb1oz_356";
|
|
26
|
+
const whiteSecondary = "_whiteSecondary_kb1oz_385";
|
|
27
|
+
const whiteTertiary = "_whiteTertiary_kb1oz_416";
|
|
28
|
+
const whiteQuaternary = "_whiteQuaternary_kb1oz_445";
|
|
29
|
+
const styles = {
|
|
30
|
+
iconButton: iconButton$1,
|
|
31
|
+
sm,
|
|
32
|
+
md,
|
|
33
|
+
lg,
|
|
34
|
+
accentPrimary,
|
|
35
|
+
accentSecondary,
|
|
36
|
+
accentTertiary,
|
|
37
|
+
accentQuaternary,
|
|
38
|
+
criticalPrimary,
|
|
39
|
+
criticalSecondary,
|
|
40
|
+
criticalTertiary,
|
|
41
|
+
criticalQuaternary,
|
|
42
|
+
neutralPrimary,
|
|
43
|
+
neutralSecondary,
|
|
44
|
+
neutralTertiary,
|
|
45
|
+
neutralQuaternary,
|
|
46
|
+
whitePrimary,
|
|
47
|
+
whiteSecondary,
|
|
48
|
+
whiteTertiary,
|
|
49
|
+
whiteQuaternary
|
|
50
|
+
};
|
|
51
|
+
const iconButton = cva(styles.iconButton, {
|
|
11
52
|
variants: {
|
|
12
53
|
size: {
|
|
13
|
-
sm:
|
|
14
|
-
md:
|
|
15
|
-
lg:
|
|
54
|
+
sm: styles.sm,
|
|
55
|
+
md: styles.md,
|
|
56
|
+
lg: styles.lg
|
|
16
57
|
},
|
|
17
58
|
accent: {
|
|
18
|
-
primary:
|
|
19
|
-
secondary:
|
|
20
|
-
tertiary:
|
|
21
|
-
quaternary:
|
|
59
|
+
primary: styles.accentPrimary,
|
|
60
|
+
secondary: styles.accentSecondary,
|
|
61
|
+
tertiary: styles.accentTertiary,
|
|
62
|
+
quaternary: styles.accentQuaternary
|
|
22
63
|
},
|
|
23
64
|
critical: {
|
|
24
|
-
primary:
|
|
25
|
-
secondary:
|
|
26
|
-
tertiary:
|
|
27
|
-
quaternary:
|
|
65
|
+
primary: styles.criticalPrimary,
|
|
66
|
+
secondary: styles.criticalSecondary,
|
|
67
|
+
tertiary: styles.criticalTertiary,
|
|
68
|
+
quaternary: styles.criticalQuaternary
|
|
28
69
|
},
|
|
29
70
|
neutral: {
|
|
30
|
-
primary:
|
|
31
|
-
secondary:
|
|
32
|
-
tertiary:
|
|
33
|
-
quaternary:
|
|
71
|
+
primary: styles.neutralPrimary,
|
|
72
|
+
secondary: styles.neutralSecondary,
|
|
73
|
+
tertiary: styles.neutralTertiary,
|
|
74
|
+
quaternary: styles.neutralQuaternary
|
|
34
75
|
},
|
|
35
76
|
white: {
|
|
36
|
-
primary:
|
|
37
|
-
secondary:
|
|
38
|
-
tertiary:
|
|
39
|
-
quaternary:
|
|
77
|
+
primary: styles.whitePrimary,
|
|
78
|
+
secondary: styles.whiteSecondary,
|
|
79
|
+
tertiary: styles.whiteTertiary,
|
|
80
|
+
quaternary: styles.whiteQuaternary
|
|
40
81
|
}
|
|
41
82
|
},
|
|
42
83
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import React, { useState, useRef, useEffect } from "react";
|
|
3
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
4
4
|
import { borderVariants } from "../../utils/border/border.js";
|
|
5
5
|
import { backgroundColorVariants } from "../../utils/backgroundColor/backgroundColor.js";
|
|
6
6
|
import '../../assets/Image.css';const image = "_image_1dojz_1";
|
|
@@ -32,7 +32,7 @@ const imageVariants = cva(styles.image, {
|
|
|
32
32
|
const useImageLoaded = (onLoadProp) => {
|
|
33
33
|
const [loaded, setLoaded] = useState(false);
|
|
34
34
|
const ref = useRef(null);
|
|
35
|
-
const handleLoad =
|
|
35
|
+
const handleLoad = React.useCallback((event) => {
|
|
36
36
|
if (typeof onLoadProp === "function") {
|
|
37
37
|
onLoadProp(event);
|
|
38
38
|
}
|
|
@@ -50,7 +50,7 @@ const useImageLoaded = (onLoadProp) => {
|
|
|
50
50
|
};
|
|
51
51
|
};
|
|
52
52
|
const useMergedRef = (internalRef, forwardedRef) => {
|
|
53
|
-
return
|
|
53
|
+
return React.useMemo(() => {
|
|
54
54
|
if (!forwardedRef) return internalRef;
|
|
55
55
|
return (node) => {
|
|
56
56
|
if (typeof forwardedRef === "function") {
|
|
@@ -62,7 +62,7 @@ const useMergedRef = (internalRef, forwardedRef) => {
|
|
|
62
62
|
};
|
|
63
63
|
}, [internalRef, forwardedRef]);
|
|
64
64
|
};
|
|
65
|
-
const Image =
|
|
65
|
+
const Image = React.forwardRef(({
|
|
66
66
|
src,
|
|
67
67
|
fallbackSrc,
|
|
68
68
|
onError: onErrorProp,
|
|
@@ -90,7 +90,7 @@ const Image = React__default.forwardRef(({
|
|
|
90
90
|
if (asChild && !children) {
|
|
91
91
|
console.error("Image component: Children required when asChild is true");
|
|
92
92
|
}
|
|
93
|
-
const handleError =
|
|
93
|
+
const handleError = React.useCallback((e) => {
|
|
94
94
|
if (fallbackSrc) {
|
|
95
95
|
setError(true);
|
|
96
96
|
}
|
|
@@ -119,8 +119,8 @@ const Image = React__default.forwardRef(({
|
|
|
119
119
|
},
|
|
120
120
|
...props
|
|
121
121
|
};
|
|
122
|
-
if (asChild &&
|
|
123
|
-
return
|
|
122
|
+
if (asChild && React.isValidElement(children)) {
|
|
123
|
+
return React.cloneElement(children, {
|
|
124
124
|
...imgProps,
|
|
125
125
|
...children.props
|
|
126
126
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as cva } from "../../index-
|
|
2
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
3
3
|
import { foregroundColorVariants } from "../../utils/foregroundColour/foregroundColor.js";
|
|
4
4
|
import '../../assets/Label.css';const label$1 = "_label_1w8ui_1";
|
|
5
5
|
const xxs = "_xxs_1w8ui_7";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import { Icon } from "../Icon/Icon.js";
|
|
4
|
-
import { c as cva } from "../../index-
|
|
4
|
+
import { c as cva } from "../../index-DdUYounA.js";
|
|
5
5
|
import { Link as Link$1 } from "react-aria-components";
|
|
6
6
|
import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
|
|
7
7
|
import { foregroundColorVariants } from "../../utils/foregroundColour/foregroundColor.js";
|
|
@@ -5,7 +5,7 @@ export interface ListBoxProps<T> extends AriaListBoxProps<T> {
|
|
|
5
5
|
}
|
|
6
6
|
export declare const ListBox: {
|
|
7
7
|
<T extends object>({ children, isLoading, ...props }: ListBoxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
Item: ({ children, isLoading, labelLoading, ...props }: import('
|
|
8
|
+
Item: ({ children, isLoading, labelLoading, ...props }: import('..').ListBoxItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
Group: <T extends object>(props: import('react-aria-components').ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
10
10
|
GroupHeader: ({ children }: {
|
|
11
11
|
children: React.ReactNode;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ForegroundVariants } from '../../utils/foregroundColour/foregroundColor';
|
|
1
2
|
export interface LoadingSpinnerProps {
|
|
2
3
|
/**
|
|
3
4
|
* What size loading spinner
|
|
@@ -7,7 +8,12 @@ export interface LoadingSpinnerProps {
|
|
|
7
8
|
* What size loading spinner
|
|
8
9
|
*/
|
|
9
10
|
buttonSize?: 'sm' | 'md' | 'lg' | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* The styleVariant of the loadingSpinner
|
|
13
|
+
* @default "secondary"
|
|
14
|
+
*/
|
|
15
|
+
styleVariant?: ForegroundVariants['foregroundColor'];
|
|
10
16
|
className?: string;
|
|
11
17
|
}
|
|
12
|
-
declare const LoadingSpinner: ({ size, buttonSize, className, }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const LoadingSpinner: ({ size, buttonSize, styleVariant, className, }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
19
|
export default LoadingSpinner;
|