@propelinc/citrus-ui 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +21 -15
- package/dist/index.cdn.css +1 -0
- package/dist/index.cdn.mjs +21718 -0
- package/dist/index.cdn.mjs.map +1 -0
- package/dist/styles/main.css +466 -62
- package/dist/styles/utils.css +390 -0
- package/package.json +5 -2
- package/src/components/CTextField.vue +11 -5
- package/src/styles/_core.scss +1 -0
- package/src/styles/_reset.scss +93 -78
- package/src/styles/utils.scss +50 -0
- package/dist/colors/colors.d.ts +0 -31
- package/dist/colors/theme.d.ts +0 -3
- package/dist/colors/util-classes.d.ts +0 -11
- package/dist/components/CAccordion.vue.d.ts +0 -21
- package/dist/components/CAccordionItem.vue.d.ts +0 -41
- package/dist/components/CAppBar.vue.d.ts +0 -156
- package/dist/components/CBadge.vue.d.ts +0 -52
- package/dist/components/CBottomSheet.vue.d.ts +0 -226
- package/dist/components/CButton/CButton.vue.d.ts +0 -231
- package/dist/components/CButton/types.d.ts +0 -5
- package/dist/components/CButtonStack.vue.d.ts +0 -24
- package/dist/components/CCard.vue.d.ts +0 -107
- package/dist/components/CCardFooter.vue.d.ts +0 -26
- package/dist/components/CCardHeader.vue.d.ts +0 -3
- package/dist/components/CCardSection.vue.d.ts +0 -17
- package/dist/components/CCheckbox.vue.d.ts +0 -145
- package/dist/components/CCol.vue.d.ts +0 -21
- package/dist/components/CDivider.vue.d.ts +0 -17
- package/dist/components/CDobField.vue.d.ts +0 -2109
- package/dist/components/CDobSelect.vue.d.ts +0 -398
- package/dist/components/CEmailField.vue.d.ts +0 -699
- package/dist/components/CExpandTransition.vue.d.ts +0 -19
- package/dist/components/CFadeTransition.vue.d.ts +0 -3
- package/dist/components/CFileInput.vue.d.ts +0 -98
- package/dist/components/CFixedPageFooter.vue.d.ts +0 -106
- package/dist/components/CForm.vue.d.ts +0 -29
- package/dist/components/CFormFieldCounter.vue.d.ts +0 -42
- package/dist/components/CIconButton.vue.d.ts +0 -390
- package/dist/components/CLabel.vue.d.ts +0 -32
- package/dist/components/CListItem.vue.d.ts +0 -208
- package/dist/components/CListItemContent.vue.d.ts +0 -27
- package/dist/components/CListItemIcon.vue.d.ts +0 -54
- package/dist/components/CLoader.vue.d.ts +0 -73
- package/dist/components/CLogo.vue.d.ts +0 -19
- package/dist/components/CMaskedTextField.vue.d.ts +0 -2012
- package/dist/components/CMenu.vue.d.ts +0 -6
- package/dist/components/CMenuItem.vue.d.ts +0 -170
- package/dist/components/CMenuLabel.vue.d.ts +0 -3
- package/dist/components/CModal.vue.d.ts +0 -206
- package/dist/components/CModalLoading.vue.d.ts +0 -230
- package/dist/components/CNotification.vue.d.ts +0 -589
- package/dist/components/CPhoneField.vue.d.ts +0 -2088
- package/dist/components/CPill.vue.d.ts +0 -42
- package/dist/components/CPillGroup.vue.d.ts +0 -70
- package/dist/components/CPopup.vue.d.ts +0 -21
- package/dist/components/CProgressLinear.vue.d.ts +0 -61
- package/dist/components/CProgressRing.vue.d.ts +0 -103
- package/dist/components/CRadio.vue.d.ts +0 -73
- package/dist/components/CRadioGroup.vue.d.ts +0 -123
- package/dist/components/CRebrand.vue.d.ts +0 -28
- package/dist/components/CRow.vue.d.ts +0 -67
- package/dist/components/CSafeArea.vue.d.ts +0 -18
- package/dist/components/CSectionHeader.vue.d.ts +0 -28
- package/dist/components/CSelect.vue.d.ts +0 -293
- package/dist/components/CSkeleton.vue.d.ts +0 -3
- package/dist/components/CSkeletonLoaderCard.vue.d.ts +0 -21
- package/dist/components/CSkeletonLoaderCircle.vue.d.ts +0 -5
- package/dist/components/CSkeletonLoaderText.vue.d.ts +0 -44
- package/dist/components/CSlideFadeTransition.vue.d.ts +0 -58
- package/dist/components/CSplitInput.vue.d.ts +0 -2131
- package/dist/components/CSquaredIcon.vue.d.ts +0 -47
- package/dist/components/CSsnField.vue.d.ts +0 -2083
- package/dist/components/CStatusDot.vue.d.ts +0 -27
- package/dist/components/CSwitch.vue.d.ts +0 -54
- package/dist/components/CSwitchListItem.vue.d.ts +0 -392
- package/dist/components/CTextArea.vue.d.ts +0 -240
- package/dist/components/CTextField.vue.d.ts +0 -647
- package/dist/components/CTextLink.vue.d.ts +0 -55
- package/dist/components/CThirdPartyLogo.vue.d.ts +0 -128
- package/dist/components/CTimeago.vue.d.ts +0 -12
- package/dist/components/CToast.vue.d.ts +0 -458
- package/dist/components/CToastsList.vue.d.ts +0 -430
- package/dist/components/CValidationMessage.vue.d.ts +0 -45
- package/dist/components/CZipcodeField.vue.d.ts +0 -2080
- package/dist/components/index.d.ts +0 -66
- package/dist/components/internal/CCloseButton.vue.d.ts +0 -14
- package/dist/composables/accessibility.d.ts +0 -1
- package/dist/composables/animation.d.ts +0 -12
- package/dist/composables/binding.d.ts +0 -19
- package/dist/composables/colors.d.ts +0 -13
- package/dist/composables/elements.d.ts +0 -3
- package/dist/composables/fields.d.ts +0 -9
- package/dist/composables/gestures.d.ts +0 -53
- package/dist/composables/i18n.d.ts +0 -3
- package/dist/composables/id.d.ts +0 -11
- package/dist/composables/input-mask.d.ts +0 -18
- package/dist/composables/router.d.ts +0 -30
- package/dist/composables/slots.d.ts +0 -2
- package/dist/composables/toast.d.ts +0 -21
- package/dist/composables/validations.d.ts +0 -77
- package/dist/index.css +0 -1
- package/dist/index.d.ts +0 -8
- package/dist/index.mjs +0 -11738
- package/dist/index.mjs.map +0 -1
- package/dist/plugin.d.ts +0 -3
- package/dist/services/animation.d.ts +0 -17
- package/dist/services/directives/index.d.ts +0 -2
- package/dist/services/directives/scroll-into-view.d.ts +0 -7
- package/dist/services/directives/tap-animation.d.ts +0 -6
- package/dist/services/id.d.ts +0 -22
- package/dist/services/injections/accordions.d.ts +0 -3
- package/dist/services/injections/animations.d.ts +0 -2
- package/dist/services/injections/buttons.d.ts +0 -4
- package/dist/services/injections/forms.d.ts +0 -6
- package/dist/services/injections/icon-buttons.d.ts +0 -3
- package/dist/services/injections/pills.d.ts +0 -4
- package/dist/services/injections/radio.d.ts +0 -10
- package/dist/theme/icons.d.ts +0 -36
- package/dist/types/CForm.d.ts +0 -12
- package/dist/types/font-awesome.d.ts +0 -5
- package/dist/types.d.ts +0 -12
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
export { default as CAccordion } from './CAccordion.vue';
|
|
2
|
-
export { default as CAccordionItem } from './CAccordionItem.vue';
|
|
3
|
-
export { default as CAppBar } from './CAppBar.vue';
|
|
4
|
-
export { default as CBadge } from './CBadge.vue';
|
|
5
|
-
export { default as CBottomSheet } from './CBottomSheet.vue';
|
|
6
|
-
export { default as CButton } from './CButton/CButton.vue';
|
|
7
|
-
export { default as CCard } from './CCard.vue';
|
|
8
|
-
export { default as CCardFooter } from './CCardFooter.vue';
|
|
9
|
-
export { default as CCardHeader } from './CCardHeader.vue';
|
|
10
|
-
export { default as CCardSection } from './CCardSection.vue';
|
|
11
|
-
export { default as CCheckbox } from './CCheckbox.vue';
|
|
12
|
-
export { default as CCol } from './CCol.vue';
|
|
13
|
-
export { default as CDivider } from './CDivider.vue';
|
|
14
|
-
export { default as CDobField } from './CDobField.vue';
|
|
15
|
-
export { default as CDobSelect } from './CDobSelect.vue';
|
|
16
|
-
export { default as CEmailField } from './CEmailField.vue';
|
|
17
|
-
export { default as CExpandTransition } from './CExpandTransition.vue';
|
|
18
|
-
export { default as CFadeTransition } from './CFadeTransition.vue';
|
|
19
|
-
export { default as CFileInput } from './CFileInput.vue';
|
|
20
|
-
export { default as CFixedPageFooter } from './CFixedPageFooter.vue';
|
|
21
|
-
export { default as CForm } from './CForm.vue';
|
|
22
|
-
export { default as CIconButton } from './CIconButton.vue';
|
|
23
|
-
export { default as CLabel } from './CLabel.vue';
|
|
24
|
-
export { default as CListItem } from './CListItem.vue';
|
|
25
|
-
export { default as CListItemIcon } from './CListItemIcon.vue';
|
|
26
|
-
export { default as CLoader } from './CLoader.vue';
|
|
27
|
-
export { default as CLogo } from './CLogo.vue';
|
|
28
|
-
export { default as CMaskedTextField } from './CMaskedTextField.vue';
|
|
29
|
-
export { default as CMenu } from './CMenu.vue';
|
|
30
|
-
export { default as CMenuItem } from './CMenuItem.vue';
|
|
31
|
-
export { default as CMenuLabel } from './CMenuLabel.vue';
|
|
32
|
-
export { default as CModal } from './CModal.vue';
|
|
33
|
-
export { default as CModalLoading } from './CModalLoading.vue';
|
|
34
|
-
export { default as CNotification } from './CNotification.vue';
|
|
35
|
-
export { default as CPhoneField } from './CPhoneField.vue';
|
|
36
|
-
export { default as CPill } from './CPill.vue';
|
|
37
|
-
export { default as CPillGroup } from './CPillGroup.vue';
|
|
38
|
-
export { default as CPopup } from './CPopup.vue';
|
|
39
|
-
export { default as CProgressLinear } from './CProgressLinear.vue';
|
|
40
|
-
export { default as CProgressRing } from './CProgressRing.vue';
|
|
41
|
-
export { default as CRadio } from './CRadio.vue';
|
|
42
|
-
export { default as CRadioGroup } from './CRadioGroup.vue';
|
|
43
|
-
export { default as CRebrand } from './CRebrand.vue';
|
|
44
|
-
export { default as CRow } from './CRow.vue';
|
|
45
|
-
export { default as CSafeArea } from './CSafeArea.vue';
|
|
46
|
-
export { default as CSectionHeader } from './CSectionHeader.vue';
|
|
47
|
-
export { default as CSelect } from './CSelect.vue';
|
|
48
|
-
export { default as CSkeleton } from './CSkeleton.vue';
|
|
49
|
-
export { default as CSkeletonLoaderCard } from './CSkeletonLoaderCard.vue';
|
|
50
|
-
export { default as CSkeletonLoaderCircle } from './CSkeletonLoaderCircle.vue';
|
|
51
|
-
export { default as CSkeletonLoaderText } from './CSkeletonLoaderText.vue';
|
|
52
|
-
export { default as CSlideFadeTransition } from './CSlideFadeTransition.vue';
|
|
53
|
-
export { default as CSplitInput } from './CSplitInput.vue';
|
|
54
|
-
export { default as CSquaredIcon } from './CSquaredIcon.vue';
|
|
55
|
-
export { default as CSsnField } from './CSsnField.vue';
|
|
56
|
-
export { default as CStatusDot } from './CStatusDot.vue';
|
|
57
|
-
export { default as CSwitch } from './CSwitch.vue';
|
|
58
|
-
export { default as CSwitchListItem } from './CSwitchListItem.vue';
|
|
59
|
-
export { default as CTextArea } from './CTextArea.vue';
|
|
60
|
-
export { default as CTextField } from './CTextField.vue';
|
|
61
|
-
export { default as CTextLink } from './CTextLink.vue';
|
|
62
|
-
export { default as CThirdPartyLogo } from './CThirdPartyLogo.vue';
|
|
63
|
-
export { default as CTimeago } from './CTimeago.vue';
|
|
64
|
-
export { default as CToast } from './CToast.vue';
|
|
65
|
-
export { default as CToastsList } from './CToastsList.vue';
|
|
66
|
-
export { default as CZipcodeField } from './CZipcodeField.vue';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
};
|
|
5
|
-
declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
6
|
-
focus: (...args: any[]) => void;
|
|
7
|
-
blur: (...args: any[]) => void;
|
|
8
|
-
click: (...args: any[]) => void;
|
|
9
|
-
}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
10
|
-
onFocus?: ((...args: any[]) => any) | undefined;
|
|
11
|
-
onBlur?: ((...args: any[]) => any) | undefined;
|
|
12
|
-
onClick?: ((...args: any[]) => any) | undefined;
|
|
13
|
-
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
14
|
-
export default _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useA11yLabelCheck(componentName: string, props?: Record<string, unknown>): void;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ElementAnimation } from '@shoelace-style/shoelace/dist/utilities/animation-registry.js';
|
|
2
|
-
import { Ref } from 'vue';
|
|
3
|
-
type MaybeRef<T> = T | Ref<T>;
|
|
4
|
-
export declare function useShoelaceAnimation(el: Ref<Element | null>, animationName: string, animation: MaybeRef<ElementAnimation | 'default' | null>): void;
|
|
5
|
-
export declare function useTapAnimation({ el, keyframes, }: {
|
|
6
|
-
el: Ref<Element | null>;
|
|
7
|
-
keyframes: {
|
|
8
|
-
default: Keyframe;
|
|
9
|
-
pressed: Keyframe;
|
|
10
|
-
};
|
|
11
|
-
}): Record<string, () => void>;
|
|
12
|
-
export {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
/**
|
|
3
|
-
* A composable that creates a ref that tracks the value of the provided ref.
|
|
4
|
-
*
|
|
5
|
-
* Whenever the provided ref changes, the returned ref updates, but not the
|
|
6
|
-
* other way around. When the returned ref changes, the `onChange` callback is
|
|
7
|
-
* called (if provided).
|
|
8
|
-
*
|
|
9
|
-
* Useful for components that need to respond both to user input and to
|
|
10
|
-
* programmatic changes.
|
|
11
|
-
*
|
|
12
|
-
* @param value - The value to bind to the internal value.
|
|
13
|
-
* @param options.onChange - A callback function that is called when the
|
|
14
|
-
* internal value changes.
|
|
15
|
-
* @returns A ref to the internal value.
|
|
16
|
-
*/
|
|
17
|
-
export declare function useInternalValue<T>(value: Ref<T>, options?: {
|
|
18
|
-
onChange?: (value: T) => void;
|
|
19
|
-
}): Ref<T>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { MaybeRefOrGetter, Ref } from 'vue';
|
|
2
|
-
import { CssColor } from '../colors/colors';
|
|
3
|
-
/**
|
|
4
|
-
* Maps from a color name or hex code to its corresponding CSS color value.
|
|
5
|
-
* Gray neutrals resolve to rgba(); other palette colors are hex.
|
|
6
|
-
*
|
|
7
|
-
* @param name - The color to resolve. Can be in kebab case, SCREAMING_SNAKE_CASE, or a hex code from the palette.
|
|
8
|
-
* @returns The CSS color value (hex or rgba) and whether the color is valid.
|
|
9
|
-
*/
|
|
10
|
-
export declare function useCssColor(name: MaybeRefOrGetter<string | undefined>): {
|
|
11
|
-
cssColor: Ref<CssColor | undefined>;
|
|
12
|
-
isValidColor: Ref<boolean>;
|
|
13
|
-
};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
export declare function useResizeObserver(element: Ref<HTMLElement | null>, callback: (entries: ResizeObserverEntry[]) => void): void;
|
|
3
|
-
export declare function useShoelaceShadowParts<T extends string>(shoelaceComponent: Ref<HTMLElement | null>, parts: T[]): Record<T, Ref<HTMLElement | null>>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Ref, SetupContext } from 'vue';
|
|
2
|
-
export interface Field {
|
|
3
|
-
input: HTMLInputElement | null;
|
|
4
|
-
}
|
|
5
|
-
interface FocusableField {
|
|
6
|
-
field: Ref<Field | null>;
|
|
7
|
-
}
|
|
8
|
-
export declare function useFocusableField(expose: SetupContext['expose']): FocusableField;
|
|
9
|
-
export {};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
export interface Coordinate {
|
|
3
|
-
x: number;
|
|
4
|
-
y: number;
|
|
5
|
-
}
|
|
6
|
-
type DragCallback = (dragDetails: {
|
|
7
|
-
/** How far the user has dragged in pixels */
|
|
8
|
-
distance: Coordinate;
|
|
9
|
-
/** Velocity of drag in pixels/ms */
|
|
10
|
-
velocity: Coordinate;
|
|
11
|
-
}) => void;
|
|
12
|
-
/**
|
|
13
|
-
* Listens for drag events on the provided element and tracks the distance and
|
|
14
|
-
* velocity of the drag.
|
|
15
|
-
*
|
|
16
|
-
* @param element - The element to listen for drag events on.
|
|
17
|
-
* @param options.onDragEnd - A callback that is called when the drag ends.
|
|
18
|
-
* @returns An object containing the drag distance and velocity.
|
|
19
|
-
*/
|
|
20
|
-
export declare const useDragListener: (element: Ref<HTMLElement | null>, options?: {
|
|
21
|
-
onDragEnd?: DragCallback;
|
|
22
|
-
}) => {
|
|
23
|
-
dragDistance: Ref<Coordinate | null>;
|
|
24
|
-
dragVelocity: Ref<Coordinate | null>;
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* Adds listeners to the provided element to prevent it from emitting touch
|
|
28
|
-
* events when it is scrolling.
|
|
29
|
-
*
|
|
30
|
-
* @param element - A scrollable element inside a draggable component.
|
|
31
|
-
*/
|
|
32
|
-
export declare const useScrollBoundary: (element: Ref<HTMLElement | null>) => void;
|
|
33
|
-
/**
|
|
34
|
-
* Clamps a value in between the provided min and max values. As the value
|
|
35
|
-
* increases above 0, it will approach the max, but will never reach it (and
|
|
36
|
-
* vice versa for the min).
|
|
37
|
-
*
|
|
38
|
-
* This can be used to create a "springy" effect where as a user pulls further
|
|
39
|
-
* on an element, it will move less and less.
|
|
40
|
-
*
|
|
41
|
-
* @param value - The value to clamp.
|
|
42
|
-
* @param options.min - The minimum value to keep the value above.
|
|
43
|
-
* @param options.max - The maximum value to keep the value below.
|
|
44
|
-
* @param options.resistance - The resistance value which determines how quickly
|
|
45
|
-
* the value approaches the min or max.
|
|
46
|
-
* @returns The clamped value.
|
|
47
|
-
*/
|
|
48
|
-
export declare const useElasticClamp: (value: Ref<number | null>, options?: Ref<{
|
|
49
|
-
min?: number;
|
|
50
|
-
max?: number;
|
|
51
|
-
resistance?: number;
|
|
52
|
-
}>) => Ref<number>;
|
|
53
|
-
export {};
|
package/dist/composables/id.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
/**
|
|
3
|
-
* Generates a unique ID for a component.
|
|
4
|
-
*
|
|
5
|
-
* This is a very rudimentary backport of Vue 3.5's `useId` composable that is
|
|
6
|
-
* _not_ stable across server and client.
|
|
7
|
-
*
|
|
8
|
-
* @param id - The ID to use. If not provided, a unique ID will be generated.
|
|
9
|
-
* @returns A computed value that returns the provided ID or a unique ID.
|
|
10
|
-
*/
|
|
11
|
-
export declare function useId(id: Ref<string | null | undefined>): Ref<string>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Mask, MaskInputOptions, MaskOptions } from 'maska';
|
|
2
|
-
import { Ref } from 'vue';
|
|
3
|
-
export declare function useInputMask(
|
|
4
|
-
/** Element to be masked */
|
|
5
|
-
input: Ref<HTMLInputElement | null>,
|
|
6
|
-
/** Value passed into the input */
|
|
7
|
-
value: Ref<string>,
|
|
8
|
-
/**
|
|
9
|
-
* Options for the mask.
|
|
10
|
-
* @see https://beholdr.github.io/maska/v2/#/?id=mask-options
|
|
11
|
-
*/
|
|
12
|
-
options: Ref<MaskInputOptions>): {
|
|
13
|
-
mask: Ref<Mask>;
|
|
14
|
-
maskedValue: Ref<string>;
|
|
15
|
-
unmaskedValue: Ref<string>;
|
|
16
|
-
};
|
|
17
|
-
export declare function useMaskedMinLength(minlength: Ref<number | string | null>, value: Ref<string>, options: Ref<MaskOptions>): Ref<number | null>;
|
|
18
|
-
export declare function useMaskedMaxLength(maxlength: Ref<number | string | null>, options: Ref<MaskOptions>): Ref<number | null>;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
import { RouteLocationRaw } from 'vue-router';
|
|
3
|
-
interface RouterComposableHelpers {
|
|
4
|
-
/**
|
|
5
|
-
* V-bind this to an element to make it accessible as a link.
|
|
6
|
-
*/
|
|
7
|
-
linkAttrs: Ref<{
|
|
8
|
-
role?: string;
|
|
9
|
-
tabindex?: string;
|
|
10
|
-
href?: string;
|
|
11
|
-
}>;
|
|
12
|
-
/**
|
|
13
|
-
* The href to link to.
|
|
14
|
-
*/
|
|
15
|
-
href: Ref<string | undefined>;
|
|
16
|
-
/**
|
|
17
|
-
* Navigates to the given route or href. If you're not using an `<a>` tag,
|
|
18
|
-
* you'll need to call this on `@click` and on `@keydown.enter`
|
|
19
|
-
*/
|
|
20
|
-
navigate: (event: MouseEvent) => Promise<void>;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Adds router-link functionality to any component. Accepts an `undefined`
|
|
24
|
-
* route, which disables routing.
|
|
25
|
-
*
|
|
26
|
-
* @param to - The route to link to.
|
|
27
|
-
* @returns A few helpers can be used to link to the given route.
|
|
28
|
-
*/
|
|
29
|
-
export declare function useRouterLink(to: Ref<RouteLocationRaw | undefined>): RouterComposableHelpers;
|
|
30
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
import { ToastVariant } from '../types';
|
|
3
|
-
export interface Toast {
|
|
4
|
-
id: number;
|
|
5
|
-
dataTest?: string;
|
|
6
|
-
message: string;
|
|
7
|
-
variant: ToastVariant;
|
|
8
|
-
}
|
|
9
|
-
interface ToastInjection {
|
|
10
|
-
dismissToast: (id: Toast['id']) => void;
|
|
11
|
-
showToast: (toast: Omit<Toast, 'id'>) => void;
|
|
12
|
-
toasts: Ref<Toast[]>;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Custom provider for our toasts. Enables us to declaratively manage toasts in event handlers.
|
|
16
|
-
*
|
|
17
|
-
* NOTE: injecting `getNextId` allows us to test the composable without worry of side effects
|
|
18
|
-
*/
|
|
19
|
-
export declare function useToastProvider(getNextId?: () => number): ToastInjection;
|
|
20
|
-
export declare function useToast(): ToastInjection;
|
|
21
|
-
export {};
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
import { ValidationState } from '../types/CForm';
|
|
3
|
-
export type Rule<Value extends string | boolean> = (value: Value) => string | boolean;
|
|
4
|
-
export type Rules<Value extends string | boolean> = Rule<Value>[];
|
|
5
|
-
export type ValidationEvent = 'blur' | 'input' | 'change';
|
|
6
|
-
export interface UseValidationRuleCheckOptions<Value extends string | boolean> {
|
|
7
|
-
value: Ref<Value>;
|
|
8
|
-
rules: Ref<Rules<Value>>;
|
|
9
|
-
required?: Ref<boolean>;
|
|
10
|
-
onValidationResultChange?: ({ message, valid, }: {
|
|
11
|
-
message: string | null;
|
|
12
|
-
valid: boolean;
|
|
13
|
-
}) => void;
|
|
14
|
-
}
|
|
15
|
-
interface UseValidationRuleCheckReturn {
|
|
16
|
-
/** The validation error message, if any. */
|
|
17
|
-
message: Ref<string | null>;
|
|
18
|
-
/** Whether the input element is valid. This is only set after
|
|
19
|
-
* `startValidating` is called. */
|
|
20
|
-
valid: Ref<boolean>;
|
|
21
|
-
/** Whether the input element is valid regardless of whether `startValidating`
|
|
22
|
-
* has been called. */
|
|
23
|
-
passesRules: Ref<boolean>;
|
|
24
|
-
/** Starts the validation process. */
|
|
25
|
-
startValidating: () => boolean;
|
|
26
|
-
/** Clears the validation results. */
|
|
27
|
-
clearValidations: () => void;
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* A composable that provides manual control of validation rules for a form
|
|
31
|
-
* control. For full validation support, please see the `useValidations`
|
|
32
|
-
* composable.
|
|
33
|
-
*
|
|
34
|
-
* @see {@link useValidations}
|
|
35
|
-
*
|
|
36
|
-
* @param options - The options for the composable.
|
|
37
|
-
*/
|
|
38
|
-
export declare function useValidationRuleCheck<Value extends string | boolean>(options: UseValidationRuleCheckOptions<Value>): UseValidationRuleCheckReturn;
|
|
39
|
-
export interface UseValidationsOptions<Value extends string | boolean> {
|
|
40
|
-
id?: Ref<string>;
|
|
41
|
-
/** The input element. The `aria-invalid` attribute will be set on this
|
|
42
|
-
* element. */
|
|
43
|
-
field?: Ref<HTMLElement | null>;
|
|
44
|
-
/** The value of the input element. */
|
|
45
|
-
value: Ref<Value>;
|
|
46
|
-
/** The validation rules to apply to the input element. */
|
|
47
|
-
rules: Ref<Rules<Value>>;
|
|
48
|
-
/** Value of the required attribute. */
|
|
49
|
-
required?: Ref<boolean>;
|
|
50
|
-
/** Which event to wait for before starting validation. */
|
|
51
|
-
validateOn?: ValidationEvent | Ref<ValidationEvent>;
|
|
52
|
-
}
|
|
53
|
-
interface UseValidationsReturn {
|
|
54
|
-
/** The validation error message, if any. */
|
|
55
|
-
message: Ref<string | null>;
|
|
56
|
-
/** Whether the input element is valid. */
|
|
57
|
-
valid: Ref<boolean | null>;
|
|
58
|
-
/** The event listeners to bind to the component using `v-on`. */
|
|
59
|
-
listeners: Record<string, (event: Event) => void>;
|
|
60
|
-
/** Triggers validation. */
|
|
61
|
-
startValidating: () => boolean;
|
|
62
|
-
/** Clears the validation results. */
|
|
63
|
-
clearValidations: () => void;
|
|
64
|
-
}
|
|
65
|
-
/** Registers this field with a parent form to enable form-wide validation. */
|
|
66
|
-
export type ValidationStateWithOptionalId = Omit<ValidationState, 'id'> & {
|
|
67
|
-
id?: string;
|
|
68
|
-
};
|
|
69
|
-
export declare function useFormValidationSupport(state: ValidationStateWithOptionalId): void;
|
|
70
|
-
/**
|
|
71
|
-
* A composable that provides validation support for form controls. Please make sure to
|
|
72
|
-
* `v-bind` the returned `attrs` and `v-on` the returned `listeners` to the component.
|
|
73
|
-
*
|
|
74
|
-
* @param options - The options for the composable.
|
|
75
|
-
*/
|
|
76
|
-
export declare function useValidations<Value extends string | boolean>(options: UseValidationsOptions<Value>): UseValidationsReturn;
|
|
77
|
-
export {};
|
package/dist/index.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.c-accordion-item[data-v-5bf59e42]::part(base){background:transparent;border:none}.c-accordion-item[data-v-5bf59e42]::part(header){padding:16px}.c-accordion-item[data-v-5bf59e42]::part(summary){font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;padding-right:16px}.c-accordion-item[data-v-5bf59e42]::part(summary-icon){rotate:0;transition-duration:.2s}.c-accordion-item[open][data-v-5bf59e42]::part(summary-icon){rotate:180deg}.c-accordion-item[data-v-5bf59e42]::part(content){padding:0 16px 16px}.c-accordion-item+.c-accordion-item[data-v-5bf59e42]{border-top:1px solid rgba(0,0,0,.1)}.c-accordion-item--fluid[data-v-5bf59e42]::part(content){padding:0}.c-accordion-item__header[data-v-5bf59e42]{width:100%}.c-accordion-item__content[data-v-5bf59e42]{box-sizing:border-box}.fade-enter-active[data-v-50e23043],.fade-leave-active[data-v-50e23043]{transition:opacity .3s ease-out}.fade-enter[data-v-50e23043],.fade-leave-to[data-v-50e23043]{opacity:0}.c-loader[data-v-ab29fb41]{display:inline-flex;font-size:var(--loader-size);height:1em;width:1em}.c-loader__svg[data-v-ab29fb41]{flex:1 1 auto;height:100%;overflow:visible;width:100%}.c-loader__indicator[data-v-ab29fb41],.c-loader__track[data-v-ab29fb41]{cx:.5em;cy:.5em;fill:none;r:calc(.5em - var(--track-width) / 2);stroke-width:var(--track-width)}.c-loader__indicator[data-v-ab29fb41]{animation:spin-ab29fb41 2s linear infinite;stroke:var(--indicator-color);stroke-dasharray:150% 75%;stroke-linecap:round;transform-origin:50% 50%}.c-loader__track[data-v-ab29fb41]{stroke:var(--track-color);transform-origin:0% 0%}@keyframes spin-ab29fb41{0%{stroke-dasharray:.05em 3em;transform:rotate(0)}50%{stroke-dasharray:1.375em 1.375em;transform:rotate(450deg)}to{stroke-dasharray:.05em 3em;transform:rotate(1080deg)}}.c-app-bar[data-v-c39a496d]{align-items:center;background-color:var(--c-app-bar-background-color);color:var(--c-app-bar-color);display:flex;gap:8px;height:42px;padding:0 8px}.c-app-bar--fixed[data-v-c39a496d]{left:0;position:fixed;right:0;top:env(safe-area-inset-top);z-index:5}.c-app-bar--border[data-v-c39a496d]{border-bottom:1px solid rgba(0,0,0,.1)}.c-app-bar__left[data-v-c39a496d]{align-items:center;display:flex;flex:none;min-width:40px;justify-content:flex-start}.c-app-bar__right[data-v-c39a496d]{align-items:center;display:flex;flex:none;min-width:40px;justify-content:flex-end}.c-app-bar__title[data-v-c39a496d]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;flex:auto;overflow:hidden;text-align:center}.c-app-bar__loader[data-v-c39a496d]{transform:translateY(3px)}.c-app-bar__title-content[data-v-c39a496d]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-badge[data-v-dbf20410]{--height: 24px;font-size:12px;font-weight:700;letter-spacing:.5px;line-height:120%;text-transform:uppercase;background-color:var(--c-badge-background-color);border:none;border-radius:4px;color:var(--c-badge-text-color);display:inline-block;height:var(--height);line-height:var(--height);padding-inline:12px;white-space:nowrap}[data-v-58eb3097] .c-button+.c-button{margin-top:8px}.c-close-button[data-v-9db7ba0f]{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:8px;width:36px;background-color:#fff;border-color:#fff;color:#000}.c-close-button[data-v-9db7ba0f]:hover{background-color:#fff;border-color:#fff;color:#000}.c-close-button[data-v-9db7ba0f]:focus{outline:var(--sl-focus-ring-width) solid var(--sl-focus-ring-color);outline-offset:var(--sl-focus-ring-offset)}.c-bottom-sheet[data-v-adb6a8a1]{--size: auto;--header-spacing: 24px;--body-spacing: 0;--bottom-padding: max(env(safe-area-inset-bottom, 0px), 16px);--footer-spacing: 12px 24px var(--bottom-padding)}.c-bottom-sheet[data-v-adb6a8a1]::part(header-actions){padding:0}.c-bottom-sheet[data-v-adb6a8a1]::part(close-button){border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-bottom-sheet[data-v-adb6a8a1]::part(panel){background:var(--background-color-hex-code, #fff);border-radius:12px 12px 0 0;max-height:90%;overflow:visible;transform:var(--panel-transform, none)}.c-bottom-sheet[data-v-adb6a8a1]::part(panel):after{background:var(--background-color-hex-code, #fff);bottom:-100px;content:"";height:101px;left:0;position:absolute;right:0}.c-bottom-sheet[data-v-adb6a8a1]::part(body){border-radius:12px 12px 0 0;position:relative}.c-bottom-sheet[data-v-adb6a8a1]::part(title){font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:26px;font-weight:650;letter-spacing:-.5px;line-height:120%;padding-bottom:16px}.c-bottom-sheet--with-dismiss[data-v-adb6a8a1]::part(title){margin-right:28px}.c-bottom-sheet[data-v-adb6a8a1]::part(overlay){opacity:var(--overlay-opacity, 1)}.c-bottom-sheet__actions[data-v-adb6a8a1]{position:absolute;right:16px;top:16px}.c-bottom-sheet__body[data-v-adb6a8a1]{padding:0 24px var(--bottom-padding)}.c-bottom-sheet--with-footer .c-bottom-sheet__body[data-v-adb6a8a1]{padding-bottom:12px}.c-bottom-sheet--hide-title .c-bottom-sheet__body[data-v-adb6a8a1]{padding-top:16px}.c-bottom-sheet--hide-overlay[data-v-adb6a8a1]::part(overlay){display:none}.c-button[data-v-892548ad]{-webkit-tap-highlight-color:transparent}.c-button[data-v-892548ad]::part(base){border-width:1px;transition:background-color .2s ease-in-out}.c-button[data-v-892548ad]::part(label){padding:0 16px}.c-button-size--medium[data-v-892548ad]::part(base){--sl-input-height-medium: 40px}.c-button-size--large[data-v-892548ad]::part(base){--sl-input-height-large: 48px}.c-button--has-prefix-icon[data-v-892548ad]::part(base){padding-inline-start:16px}.c-button--has-prefix-icon[data-v-892548ad]::part(label){padding-inline-start:8px}.c-button--has-suffix-icon[data-v-892548ad]::part(base){padding-inline-end:16px}.c-button--has-suffix-icon[data-v-892548ad]::part(label){padding-inline-end:8px}.c-button--block[data-v-892548ad]{min-width:100%}.c-button-variant--primary[data-v-892548ad]::part(base){background-color:#000;border-color:#000;color:#fff}.c-button-variant--primary[data-v-892548ad]::part(base):hover{background-color:#000;border-color:#000;color:#fff}.c-button-variant--primary.c-button-level--danger[data-v-892548ad]::part(base){background-color:#cd000c;border-color:#cd000c;color:#fff}.c-button-variant--primary.c-button-level--danger[data-v-892548ad]::part(base):hover{background-color:#cd000c;border-color:#cd000c;color:#fff}.c-button-variant--secondary[data-v-892548ad]::part(base){background-color:transparent;border-color:#000;color:#000}.c-button-variant--secondary[data-v-892548ad]::part(base):hover{background-color:transparent;border-color:#000;color:#000}.c-button-variant--secondary.c-button-level--danger[data-v-892548ad]::part(base){background-color:#fff;border-color:#cd000c;color:#cd000c}.c-button-variant--secondary.c-button-level--danger[data-v-892548ad]::part(base):hover{background-color:#fff;border-color:#cd000c;color:#cd000c}.c-button-variant--tertiary[data-v-892548ad]::part(base){background-color:transparent;border-color:transparent;color:#000}.c-button-variant--tertiary[data-v-892548ad]::part(base):hover{background-color:transparent;border-color:transparent;color:#000}.c-button-variant--tertiary.c-button-level--danger[data-v-892548ad]::part(base){background-color:transparent;border-color:transparent;color:#cd000c}.c-button-variant--tertiary.c-button-level--danger[data-v-892548ad]::part(base):hover{background-color:transparent;border-color:transparent;color:#cd000c}:not(.c-button-level--danger).c-button-variant--primary[disabled][data-v-892548ad]::part(base){background-color:#0000001a;border-color:#0000001a;color:#0000007a}:not(.c-button-level--danger).c-button-variant--secondary[disabled][data-v-892548ad]::part(base){background-color:transparent;border-color:#0000004f;color:#0000004f}:not(.c-button-level--danger).c-button-variant--tertiary[disabled][data-v-892548ad]::part(base){background-color:transparent;border-color:transparent;color:#0000004f}.c-card-header[data-v-6e3a314e]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:flex}.c-card-header__title[data-v-6e3a314e]{flex:1 1 auto;padding:16px 16px 8px}.c-card-header__append[data-v-6e3a314e]{align-items:center;display:flex;flex:none}.c-card-header__append .c-icon-button[data-v-6e3a314e],.c-card-header__append .c-badge[data-v-6e3a314e]{margin-right:8px}.c-card[data-v-7647ec1b]{--background-color: #fff;--border-color: rgba(0, 0, 0, .1);--border-radius: 12px;--text-color: #000;background-color:var(--background-color);border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:1px;color:var(--text-color);display:block;max-width:100%;overflow:hidden}.c-card+.c-card[data-v-7647ec1b]{margin-top:8px}.c-card--tile[data-v-7647ec1b]{--border-radius: 0;border-left:none;border-right:none}.c-card--borderless[data-v-7647ec1b]{--border-color: transparent}.c-card--link[data-v-7647ec1b]{cursor:pointer}.c-card--stretch[data-v-7647ec1b]{height:100%}.c-card-footer[data-v-fd372288],.c-card-section[data-v-bbb3cb05]{padding:0 16px 16px}.c-card-section[data-v-bbb3cb05]:first-child:not(.c-card-section--fluid){padding-top:16px}.c-card-section--fluid[data-v-bbb3cb05]{padding:0}.c-validation-message[data-v-e6f509ae]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;display:flex;justify-content:space-between;margin-bottom:8px}.c-validation-message--invalid[data-v-e6f509ae]{color:#cd000c}.c-checkbox[data-v-74c82f22]{align-items:flex-start;cursor:pointer;display:flex;gap:8px;transition:border-color .2s ease;--padding: 12px}.c-checkbox--contained[data-v-74c82f22]{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:var(--padding);width:100%}.c-checkbox--contained.c-checkbox--checked[data-v-74c82f22]{border-color:#000;border-width:1px}.c-checkbox--contained.c-checkbox--invalid[data-v-74c82f22]{border-color:#cd000c}.c-checkbox--invalid[data-v-74c82f22]{color:#cd000c}.c-checkbox__input[data-v-74c82f22]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-checkbox__control[data-v-74c82f22]{align-items:center;border:rgba(0,0,0,.31) solid 1px;border-radius:4px;color:#fff;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.c-checkbox--checked .c-checkbox__control[data-v-74c82f22]{background-color:#000;border-color:#000}.c-checkbox--invalid .c-checkbox__control[data-v-74c82f22]{border-color:#cd000c}.c-checkbox__input:focus-visible~.c-checkbox__control[data-v-74c82f22]{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-checkbox__message[data-v-74c82f22]{margin-top:4px}.c-col[data-v-813fe64a]{flex-basis:0;flex-grow:1;max-width:100%}.c-col[data-v-813fe64a]:not(.c-col-auto){padding:12px;width:100%}.c-col-auto[data-v-813fe64a]{flex:0 0 auto;max-width:100%;width:auto}.c-col-1[data-v-813fe64a]{flex:0 0 calc(1 / 12 * 100%);max-width:calc(1 / 12 * 100%)}.c-col-2[data-v-813fe64a]{flex:0 0 calc(2 / 12 * 100%);max-width:calc(2 / 12 * 100%)}.c-col-3[data-v-813fe64a]{flex:0 0 25%;max-width:25%}.c-col-4[data-v-813fe64a]{flex:0 0 calc(4 / 12 * 100%);max-width:calc(4 / 12 * 100%)}.c-col-5[data-v-813fe64a]{flex:0 0 calc(5 / 12 * 100%);max-width:calc(5 / 12 * 100%)}.c-col-6[data-v-813fe64a]{flex:0 0 50%;max-width:50%}.c-col-7[data-v-813fe64a]{flex:0 0 calc(7 / 12 * 100%);max-width:calc(7 / 12 * 100%)}.c-col-8[data-v-813fe64a]{flex:0 0 calc(8 / 12 * 100%);max-width:calc(8 / 12 * 100%)}.c-col-9[data-v-813fe64a]{flex:0 0 75%;max-width:75%}.c-col-10[data-v-813fe64a]{flex:0 0 calc(10 / 12 * 100%);max-width:calc(10 / 12 * 100%)}.c-col-11[data-v-813fe64a]{flex:0 0 calc(11 / 12 * 100%);max-width:calc(11 / 12 * 100%)}.c-col-12[data-v-813fe64a]{flex:0 0 100%;max-width:100%}.c-divider[data-v-a5970c3f]{border:solid rgba(0,0,0,.1);border-width:thin 0 0;display:block;flex:1 1 0px;height:0;max-height:0;max-width:100%;transition:inherit}.c-divider--vertical[data-v-a5970c3f]{align-self:stretch;border-width:0 thin 0 0;display:inline-flex;height:inherit;margin:0 -1px;max-height:100%;max-width:0;min-height:100%;vertical-align:text-bottom;width:0}.c-icon-button[data-v-492395d8]::part(base){font-size:16px;line-height:0;padding:0;width:40px}.c-icon-button--inherit[data-v-492395d8]::part(base){color:inherit}.c-icon-button[data-v-492395d8]::part(label){align-items:center;display:flex;justify-content:center;padding:0}.c-icon-button-size--large[data-v-492395d8]::part(base){width:48px}.c-icon-button__icon--spin[data-v-492395d8]{animation:loader-spin-fast-slow 3.5s infinite cubic-bezier(.35,.16,.65,.84)}.c-text-field__label[data-v-efe41252]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:inline-block;margin-bottom:8px;transition:color .2s ease}.c-text-field__container[data-v-efe41252]{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;display:flex;transition:border-color .2s ease}.c-text-field--focused .c-text-field__container[data-v-efe41252],.c-text-field--invalid .c-text-field__container[data-v-efe41252]{border-color:#000}.c-text-field--invalid .c-text-field__container[data-v-efe41252]{color:#cd000c}.c-text-field--hide-label .c-text-field__label[data-v-efe41252]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-text-field--disabled .c-text-field__label[data-v-efe41252]{color:#0000004f}.c-text-field--disabled .c-text-field__container[data-v-efe41252]{background-color:#0000000a;color:#0000004f}.c-text-field__input[data-v-efe41252]{background-color:transparent;border:none;border-radius:12px;flex:1 1 0%;outline:none;width:100%}.c-text-field__input--has-prefix[data-v-efe41252]{border-bottom-left-radius:0;border-top-left-radius:0}.c-text-field__input--has-suffix[data-v-efe41252]{border-bottom-right-radius:0;border-top-right-radius:0}.c-text-field__suffix-btn[data-v-efe41252]{margin-right:4px}.c-text-field__clear-btn[data-v-efe41252]{background:none;border:none;cursor:pointer;font-size:1rem;margin-left:.5rem}.c-text-field--medium .c-text-field__input[data-v-efe41252]{padding:12px 16px}.c-text-field--medium .c-text-field__input--clearable[data-v-efe41252],.c-text-field--medium .c-text-field__input--hideable[data-v-efe41252]{padding-right:0}.c-text-field--medium .c-text-field__input--has-suffix[data-v-efe41252]{padding-right:8px}.c-text-field--large .c-text-field__input[data-v-efe41252]{padding:24px}.c-text-field--large .c-text-field__input--clearable[data-v-efe41252],.c-text-field--large .c-text-field__input--hideable[data-v-efe41252]{padding-right:0}.c-text-field--large .c-text-field__input--has-suffix[data-v-efe41252]{padding-right:8px}.c-text-field__prefix[data-v-efe41252]{flex:0 0 auto;margin-left:16px}.c-text-field__suffix[data-v-efe41252]{align-items:center;display:flex;flex:0 0 auto;gap:12px;margin-right:16px}.c-text-field__validation-message[data-v-efe41252]{margin-top:4px}.c-text-field__message[data-v-efe41252]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;color:#000000b0;margin-bottom:16px}.c-select[data-v-757a69ee]{display:flex;flex-direction:column}.c-select--disabled[data-v-757a69ee]{color:#0000004f}.c-select__label[data-v-757a69ee]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;margin-bottom:8px;transition:color .2s ease}.c-select__label--hidden[data-v-757a69ee]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-select__input-container[data-v-757a69ee]{align-items:center;display:flex;position:relative}.c-select__icon[data-v-757a69ee]{pointer-events:none;position:absolute;right:16px}.c-select__input[data-v-757a69ee]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;color:#0000007a;cursor:pointer;flex-grow:1;letter-spacing:.25px;max-width:100%;min-height:48px;outline:.5px solid transparent;padding:0 36px 0 16px;text-overflow:ellipsis;transition:border-color ease .2s,outline-color ease .2s}.c-select__input[data-v-757a69ee]:focus{border-color:#000}.c-select__input--has-value[data-v-757a69ee]{color:#000}.c-select__input--invalid[data-v-757a69ee]{border-color:#000;outline-color:#000}.c-select__input[disabled][data-v-757a69ee]{background-color:#0000000a}.c-select__message[data-v-757a69ee]{margin-top:4px}.c-dob-select__label[data-v-a891e419]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:inline-block;margin-bottom:4px}.c-dob-select__container[data-v-a891e419]{display:flex;gap:12px}.c-dob-select__field[data-v-a891e419]{flex:auto}.c-dob-select__messages[data-v-a891e419]{margin-top:4px}.c-expand-transition[data-v-01bae3a7]{overflow:hidden;transition:height .3s ease}.c-expand-transition__content[data-v-01bae3a7]{overflow:hidden}.c-expand-transition--disabled[data-v-01bae3a7]{transition:none}.c-file-input[data-v-86c2a58c]{align-items:flex-start;display:flex;flex-direction:column;position:relative}.c-file-input:focus-within .c-file-input__prompt[data-v-86c2a58c]{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-file-input--disabled:hover .c-file-input__prompt[data-v-86c2a58c]{background-color:transparent;border-color:#0000004f;color:#0000004f}.c-file-input--disabled .c-file-input__label[data-v-86c2a58c]{color:#0000004f}.c-file-input--disabled .c-file-input__prompt[data-v-86c2a58c]{background-color:transparent;border-color:#0000004f;color:#0000004f}.c-file-input--disabled .c-file-input__input[data-v-86c2a58c]{cursor:not-allowed}.c-file-input__label[data-v-86c2a58c]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;margin-bottom:var(--sl-spacing-3x-small)}.c-file-input__prompt[data-v-86c2a58c]{background-color:transparent;border-color:#000;color:#000;align-items:center;border-radius:var(--sl-input-border-radius-medium);border-style:solid;border-width:1px;display:inline-flex;font-family:var(--sl-input-font-family);font-weight:var(--sl-font-weight-semibold);height:40px;justify-content:center;padding:0 20px;transition:background-color .2s ease-in-out}.c-file-input__prompt[data-v-86c2a58c]:hover{background-color:transparent;border-color:#000;color:#000}.c-file-input__input[data-v-86c2a58c]{cursor:pointer;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;width:100%}.c-file-input__files[data-v-86c2a58c]{display:flex;flex-direction:column;gap:var(--sl-spacing-3x-small);margin-top:var(--sl-spacing-2x-small)}.c-file-input__file[data-v-86c2a58c]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;word-break:break-word}.c-fixed-page-footer[data-v-dc094e5a]{bottom:0;left:0;position:fixed;right:0;z-index:1}.c-fixed-page-footer[data-v-dc094e5a]:before{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,var(--fixed-page-footer-color, white) 32px);content:"";top:-32px;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:-1}.c-fixed-page-footer__content[data-v-dc094e5a]{padding:0 16px max(env(safe-area-inset-bottom,0),8px)}.c-label[data-v-81eeefa6]{align-items:center;background-color:#0000000a;border-radius:4px;color:#000000b0;display:inline-flex;font-size:14px;font-weight:650;gap:4px;height:24px;margin-bottom:6px;padding:0 12px}.c-label[data-v-81eeefa6]:not(:last-child){margin-right:8px}.c-list-item-content[data-v-96e7b2dd]{flex:1 1 auto;min-width:0}.c-list-item-content__title[data-v-96e7b2dd]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;align-items:center;display:flex}.c-list-item-content__title+.c-list-item-content__label[data-v-96e7b2dd]{margin-top:2px}.c-squared-icon[data-v-0985165d]{align-items:center;border-radius:8px;color:#000;display:flex;font-size:16px;height:40px;justify-content:center;position:relative;width:40px}.c-squared-icon--white-icon[data-v-0985165d]{color:#fff}.c-squared-icon--large[data-v-0985165d]{border-radius:12px;font-size:20px;height:56px;width:56px}.c-list-item-icon[data-v-f2d22fcb]{flex:none}.c-list-item[data-v-b74985c6]{background:transparent;color:#000;min-height:64px;outline:none;text-align:left;text-decoration:none}.c-list-item+.c-list-item[data-v-b74985c6]{border-top:1px solid rgba(0,0,0,.1)}.c-list-item[data-v-b74985c6]:focus-visible{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.c-list-item--is-tappable[data-v-b74985c6]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer}.c-list-item__append__action-icon[data-v-b74985c6]{color:#000000b0;font-size:16px}.c-menu[data-v-fc4859b7]{--sl-panel-border-width: $border-width}.menu-item[data-v-766b33c1]::part(base){font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;--sl-spacing-x-small: 12px;align-items:center;background-color:#fff;color:#000;cursor:initial;padding:12px 16px}.menu-item.selectable[data-v-766b33c1]::part(base):hover{background-color:var(--sl-color-neutral-100);color:var(--sl-color-neutral-1000);cursor:pointer}.menu-item[data-v-766b33c1]::part(checked-icon){display:none}.menu-item[data-v-766b33c1]::part(submenu-icon){display:none}.menu-item .checkbox[data-v-766b33c1]{pointer-events:none}.menu-item .check-icon[data-v-766b33c1]{width:14px}.menu-label[data-v-3fbcf638]::part(base){font-size:12px;font-weight:700;letter-spacing:.5px;line-height:120%;text-transform:uppercase;padding:0}.c-modal[data-v-68c61ebc]::part(body){padding:24px 24px 16px}.c-modal[data-v-68c61ebc] .c-card-section{padding:0!important}.c-modal[data-v-68c61ebc] .c-card-footer{padding:24px 0 0}.c-modal[data-v-68c61ebc] .c-expand-transition--disabled .c-expand-transition__content{height:100%}.c-modal__title[data-v-68c61ebc]{font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:26px;font-weight:650;letter-spacing:-.5px;line-height:120%;padding:0 0 8px}.c-modal__dismiss[data-v-68c61ebc]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-modal__body[data-v-68c61ebc]{display:flex;flex-direction:column;height:100%}.c-modal__content[data-v-68c61ebc]{display:flex;flex:auto;flex-direction:column;max-height:100%}.c-modal__footer[data-v-68c61ebc]{flex:none;padding:24px 0 0}.c-modal__loading[data-v-68c61ebc]{padding:32px 0 24px;text-align:center}.c-modal__loading__loader[data-v-68c61ebc]{line-height:1;margin-bottom:8px}.c-modal--fullscreen[data-v-68c61ebc]::part(panel){border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.c-modal--fullscreen[data-v-68c61ebc]::part(body){padding:calc(env(safe-area-inset-top,0) + 12px) 16px max(env(safe-area-inset-bottom,0),12px)}.c-modal--fullscreen .c-modal__wrapper[data-v-68c61ebc]{height:100%}.c-notification[data-v-9466b4ac]{background-color:#e0edff;border-radius:12px;padding:16px;position:relative}.c-notification--alert[data-v-9466b4ac]{background-color:#ffe5dd}.c-notification--warning[data-v-9466b4ac]{background-color:#fff0ba}.c-notification__close-button[data-v-9466b4ac]{float:right;font-size:14px;margin-right:-8px;margin-top:-8px}.c-notification__title[data-v-9466b4ac]{align-items:center;display:flex;margin-bottom:8px}.c-notification__title-icon[data-v-9466b4ac]{margin-right:8px}.c-notification__title-text[data-v-9466b4ac]{flex:1}.c-notification__button[data-v-9466b4ac]{margin-top:12px}.c-pill[data-v-0ba948d5]{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;color:#000;display:inline-block;font-family:Polymath;height:40px;padding-inline:12px}.c-pill--active[data-v-0ba948d5]{background-color:#000;border-color:#000;color:#fff}.c-pill-body[data-v-0ba948d5]{align-items:center;display:flex;gap:8px;height:100%;line-height:1;white-space:nowrap}.c-pill-icon[data-v-0ba948d5]{width:16px}.c-pill-group[data-v-faab4f72]{overflow:scroll hidden;padding:0 16px}.c-pill-group__track[data-v-faab4f72]{border:none;display:block;display:flex;flex-wrap:nowrap;gap:8px}.c-popup[data-v-29adc368]::part(popup){z-index:1}.anchor[data-v-29adc368]{height:-moz-fit-content;height:fit-content}.c-progress-linear[data-v-064e8aea]{--height: 4px;--indicator-color: #000;--track-color: rgba(0, 0, 0, .1)}.c-progress-linear[data-v-064e8aea]::part(base){border-radius:0}.c-progress-linear--rounded[data-v-064e8aea]::part(base){border-radius:2px}.c-progress-ring[data-v-5141ca97]{align-items:center;display:inline-flex;flex-shrink:0;font-size:var(--size);height:1em;justify-content:center;position:relative;width:1em}.c-progress-ring__label[data-v-5141ca97]{color:var(--indicator-color);font-size:14px;font-weight:700}.c-progress-ring__svg[data-v-5141ca97]{height:100%;position:absolute;width:100%}.c-progress-ring__indicator[data-v-5141ca97],.c-progress-ring__track[data-v-5141ca97]{cx:.5em;cy:.5em;fill:none;r:calc(.5em - var(--track-width) / 2);stroke-width:var(--track-width)}.c-progress-ring__indicator[data-v-5141ca97]{stroke:var(--indicator-color);stroke-dasharray:var(--indicator-length) 100;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .2s}.c-progress-ring__track[data-v-5141ca97]{stroke:var(--track-color)}.c-radio[data-v-d7b1e7b9]{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:border-color .2s ease;width:100%}.c-radio__input[data-v-d7b1e7b9]{accent-color:#000;background-color:#000;border:rgba(0,0,0,.31) solid 1px;border-color:#000;margin-top:1px;transform:scale(1.5)}.c-radio__label[data-v-d7b1e7b9]{padding:0 12px;width:100%}.c-radio--checked[data-v-d7b1e7b9]{border-color:#000}.c-radio--invalid[data-v-d7b1e7b9]{border-color:#cd000c}.c-radio--invalid .c-radio__input[data-v-d7b1e7b9]{accent-color:#cd000c;border-color:#cd000c}.c-radio-group[data-v-7cf9d6ac]{border:none;display:flex;flex-direction:row;gap:8px;width:100%}.c-radio-group.c-radio-group--column[data-v-7cf9d6ac]{flex-direction:column}.c-radio-group--row[data-v-7cf9d6ac]{align-items:center}.c-radio-group--row[data-v-7cf9d6ac] .c-radio{width:auto}.w-100[data-v-011ad982]{width:100%}.c-row[data-v-f952a4dc]{display:flex;flex:1 1 auto;flex-wrap:wrap;margin:0 -12px}.c-row--dense[data-v-f952a4dc]{margin:0 -4px}.c-row--no-gutters[data-v-f952a4dc]{margin:0}.c-safe-area[data-v-d4b412f9]{--full-height: 100vh;display:flex;flex-direction:column;height:calc(var(--full-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:100%;overflow:scroll}@supports (height: 100dvh){.c-safe-area[data-v-d4b412f9]{--full-height: 100dvh}}.c-section-header[data-v-ea4f25c1]{align-items:center;display:flex;gap:12px;height:48px;justify-content:space-between}.c-section-header__title[data-v-ea4f25c1]{font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:20px;font-weight:650;letter-spacing:-.25px;line-height:125%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.c-card+.c-section-header[data-v-ea4f25c1]{margin-top:16px}.c-skeleton[data-v-aecc010b]{display:flex;height:100%;min-height:1rem;position:relative;width:100%}.c-skeleton__indicator[data-v-aecc010b]{--color: rgba(0, 0, 0, .04);--sheen-color: rgba(0, 0, 0, .1);animation:sheen-aecc010b 8s ease-in-out infinite;background:linear-gradient(270deg,var(--sheen-color),var(--color),var(--color),var(--sheen-color));background-size:400% 100%;border-radius:12px;flex:1 1 auto}@keyframes sheen-aecc010b{0%{background-position:200% 0}to{background-position:-200% 0}}.c-skeleton-loader-circle[data-v-a52d5f81]{--size: 36px;border-radius:calc(var(--size) / 2);height:var(--size);overflow:hidden;width:var(--size)}.c-skeleton-loader-text[data-v-ba69ac5a]{display:flex;flex-direction:column;width:100%}.c-skeleton-loader-text__line[data-v-ba69ac5a]{font-size:16px;line-height:140%;align-items:center;display:flex;width:100%}.c-skeleton-loader-text__line .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:16px}.c-skeleton-loader-text__line[data-v-ba69ac5a]:last-child{width:calc(100% - 32px)}.c-skeleton-loader-text__line--balance[data-v-ba69ac5a]{font-size:26px;line-height:100%;max-width:120px}.c-skeleton-loader-text__line--balance .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:26px}.c-skeleton-loader-text__line--caption[data-v-ba69ac5a]{font-size:14px;line-height:140%}.c-skeleton-loader-text__line--caption .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:14px}.c-skeleton-loader-text__line--eyebrow[data-v-ba69ac5a]{font-size:12px;line-height:120%}.c-skeleton-loader-text__line--eyebrow .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:12px}.c-skeleton-loader-text__line--headline[data-v-ba69ac5a]{font-size:20px;line-height:125%}.c-skeleton-loader-text__line--headline .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:20px}.c-skeleton-loader-text__line--large-headline[data-v-ba69ac5a]{font-size:26px;line-height:120%}.c-skeleton-loader-text__line--large-headline .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:26px}.c-skeleton-loader-text__line--statement[data-v-ba69ac5a]{font-size:16px;line-height:100%}.c-skeleton-loader-text__line--statement .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:16px}.c-skeleton-loader-text__line--subheadline[data-v-ba69ac5a]{font-size:16px;line-height:140%}.c-skeleton-loader-text__line--subheadline .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:16px}.c-skeleton-loader-text__line--wallet-caption[data-v-ba69ac5a]{font-size:13px;line-height:140%}.c-skeleton-loader-text__line--wallet-caption .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:13px}.c-skeleton-loader-text__line--x-large-headline[data-v-ba69ac5a]{font-size:32px;line-height:120%}.c-skeleton-loader-text__line--x-large-headline .c-skeleton-loader-text__line__skeleton[data-v-ba69ac5a]{height:32px}.slide-fade-enter-active[data-v-5e96a2b1],.slide-fade-leave-active[data-v-5e96a2b1]{transition:all .3s ease-out}.slide-fade-enter[data-v-5e96a2b1],.slide-fade-enter-from[data-v-5e96a2b1],.slide-fade-leave-to[data-v-5e96a2b1]{opacity:0}.to-left .slide-fade-enter[data-v-5e96a2b1],.to-left .slide-fade-enter-from[data-v-5e96a2b1],.to-left .slide-fade-leave-to[data-v-5e96a2b1]{transform:translate(calc(-1 * var(--slide-fade-amount)))}.to-right .slide-fade-enter[data-v-5e96a2b1],.to-right .slide-fade-enter-from[data-v-5e96a2b1],.to-right .slide-fade-leave-to[data-v-5e96a2b1]{transform:translate(var(--slide-fade-amount))}.to-top .slide-fade-enter[data-v-5e96a2b1],.to-top .slide-fade-enter-from[data-v-5e96a2b1],.to-top .slide-fade-leave-to[data-v-5e96a2b1]{transform:translateY(calc(-1 * var(--slide-fade-amount)))}.to-bottom .slide-fade-enter[data-v-5e96a2b1],.to-bottom .slide-fade-enter-from[data-v-5e96a2b1],.to-bottom .slide-fade-leave-to[data-v-5e96a2b1]{transform:translateY(var(--slide-fade-amount))}.c-split-input[data-v-0d994c3d]::part(input){font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:20px;font-weight:650;letter-spacing:-.25px;line-height:125%;letter-spacing:12px;line-height:1;text-align:center}.c-split-input[data-v-0d994c3d]::part(input)::-moz-placeholder{font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:20px;font-weight:650;letter-spacing:-.25px;line-height:125%;letter-spacing:12px;line-height:1;text-align:center;font-weight:400}.c-split-input[data-v-0d994c3d]::part(input)::placeholder{font-family:var(--font-family-headline, Polymath, -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial, sans-serif);font-size:20px;font-weight:650;letter-spacing:-.25px;line-height:125%;letter-spacing:12px;line-height:1;text-align:center;font-weight:400}.c-status-dot[data-v-ce70720e]{background-color:#cd000c;border-radius:9999px;display:inline-block;height:8px;width:8px}.c-status-dot--bordered[data-v-ce70720e]{box-shadow:0 0 0 1.5px #fff}.c-status-dot--count[data-v-ce70720e]{align-items:center;color:#fff;display:flex;font-size:.625rem;font-weight:700;height:1rem;justify-content:center;line-height:1;text-align:center;width:1rem}.c-switch[data-v-b8dc5254]{--width: 44px;--height: 24px;--thumb-size: 20px}.c-switch[data-v-b8dc5254]::part(control){border:none}.c-switch[data-v-b8dc5254]::part(thumb){align-items:center;border:none;display:flex;justify-content:center}.c-switch[data-v-b8dc5254]::part(thumb):after{border-radius:1px;content:"";height:8px;transition:background-color var(--sl-transition-fast) ease-in-out;width:2px}.c-switch[data-v-b8dc5254]::part(control){background-color:#0000007a}.c-switch[data-v-b8dc5254]::part(thumb){background-color:#fff}.c-switch[data-v-b8dc5254]::part(thumb):after{background-color:transparent}.c-switch--label-first[data-v-b8dc5254]::part(base){flex-direction:row-reverse;gap:12px;width:100%}.c-switch--label-first[data-v-b8dc5254]::part(label){flex:1;margin:0}.c-switch--checked[data-v-b8dc5254]::part(control){background-color:#3fa41c}.c-switch--checked[data-v-b8dc5254]::part(thumb){background-color:#fff}.c-switch--checked[data-v-b8dc5254]::part(thumb):after{background-color:#3fa41c}.c-switch--disabled[data-v-b8dc5254]::part(control){background-color:#0000004f}.c-switch--disabled[data-v-b8dc5254]::part(thumb){background-color:#0000001a}.c-switch--disabled[data-v-b8dc5254]::part(thumb):after{background-color:transparent}.c-switch--disabled.c-switch--checked[data-v-b8dc5254]::part(control){background-color:#0000004f}.c-switch--disabled.c-switch--checked[data-v-b8dc5254]::part(thumb){background-color:#0000001a}.c-switch--disabled.c-switch--checked[data-v-b8dc5254]::part(thumb):after{background-color:#0000004f}.c-switch__sr-label[data-v-b8dc5254]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-switch-list-item__switch[data-v-7ad2dee8]{width:100%}.c-switch-list-item__switch[data-v-7ad2dee8]::part(base){align-items:center;display:inline-flex;flex-direction:row-reverse;gap:12px;padding:0;width:100%}.c-switch-list-item__switch[data-v-7ad2dee8]::part(label){align-items:center;display:flex;flex:1;gap:12px;justify-content:space-between;margin:0}.c-text-area__label[data-v-3a9731e4]{font-size:16px;font-weight:650;letter-spacing:.25px;line-height:140%;display:inline-block;margin-bottom:4px;transition:color .2s ease}.c-text-area--disabled .c-text-area__label[data-v-3a9731e4]{color:#0000004f}.c-text-area--hide-label .c-text-area__label[data-v-3a9731e4]{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.c-text-area__input[data-v-3a9731e4]{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:16px;resize:vertical;transition:border-color .2s ease}.c-text-area__input[data-v-3a9731e4]:focus,.c-text-area__input[data-v-3a9731e4]:focus-within,.c-text-area--invalid .c-text-area__input[data-v-3a9731e4]{border-color:#000;outline:none}.c-text-area__input[data-v-3a9731e4]:disabled{background-color:#0000000a;color:#0000004f}.c-text-area__message[data-v-3a9731e4]{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:140%;color:#000000b0;margin-bottom:16px}.c-text-link[data-v-53e2a62b]{color:#000;font-weight:650}.c-text-link--underline[data-v-53e2a62b]{text-decoration:underline!important;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:3px}.c-third-party-logo[data-v-38062f05]{border-radius:8px;height:var(--size);isolation:isolate;-o-object-fit:contain;object-fit:contain;overflow:hidden;position:relative;width:var(--size)}.c-third-party-logo__img[data-v-38062f05]{display:block;height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%;z-index:1}.opacity-0[data-v-38062f05]{opacity:0}.transition-opacity[data-v-38062f05]{transition:opacity .1s ease-in-out}.c-toast[data-v-777f5027]{margin:16px}.c-toast[data-v-777f5027]::part(base){background-color:#b2cffa;border:none;border-radius:12px;box-shadow:0 4px 20px #0000001f;color:#000;transform:var(--toast-base-transform)}.c-toast[data-v-777f5027]::part(message){font-size:16px;font-weight:400;letter-spacing:.25px;line-height:140%;align-items:center;display:flex;padding:16px 0 16px 16px}.c-toast[data-v-777f5027]::part(icon){padding-left:12px}.c-toast--error[data-v-777f5027]::part(base){background-color:#ffaaa5}.c-toast--success[data-v-777f5027]::part(base){background-color:#b8da96}.c-toast--warning[data-v-777f5027]::part(base){background-color:#fcde74}.c-toast__message[data-v-777f5027]{flex:auto}.c-toast__icon[data-v-777f5027]{color:#000;font-size:16px}
|
package/dist/index.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { default as plugin } from './plugin';
|
|
2
|
-
export default plugin;
|
|
3
|
-
export { default as Colors } from './colors/colors';
|
|
4
|
-
export { default as Theme } from './colors/theme';
|
|
5
|
-
export { default as Icons } from './theme/icons';
|
|
6
|
-
export * from './types';
|
|
7
|
-
export * from './components';
|
|
8
|
-
export * from './services/directives';
|