@motech-development/breeze-ui 4.1.0 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.d.ts +25 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +564 -63
- package/lib/index.js.map +1 -1
- package/lib/primitives/Badge/Badge.d.ts +39 -0
- package/lib/primitives/Badge/Badge.d.ts.map +1 -0
- package/lib/primitives/Button/Button.d.ts +24 -3
- package/lib/primitives/Button/Button.d.ts.map +1 -1
- package/lib/primitives/Card/Card.d.ts +54 -0
- package/lib/primitives/Card/Card.d.ts.map +1 -0
- package/lib/primitives/Container/Container.d.ts +42 -0
- package/lib/primitives/Container/Container.d.ts.map +1 -0
- package/lib/primitives/Grid/Grid.d.ts +29 -0
- package/lib/primitives/Grid/Grid.d.ts.map +1 -0
- package/lib/primitives/Icon/Icon.d.ts +61 -0
- package/lib/primitives/Icon/Icon.d.ts.map +1 -0
- package/lib/primitives/IconTile/IconTile.d.ts +48 -0
- package/lib/primitives/IconTile/IconTile.d.ts.map +1 -0
- package/lib/primitives/Inline/Inline.d.ts +65 -0
- package/lib/primitives/Inline/Inline.d.ts.map +1 -0
- package/lib/primitives/Separator/Separator.d.ts +25 -0
- package/lib/primitives/Separator/Separator.d.ts.map +1 -0
- package/lib/primitives/Skeleton/Skeleton.d.ts +32 -0
- package/lib/primitives/Skeleton/Skeleton.d.ts.map +1 -0
- package/lib/primitives/Stack/Stack.d.ts +25 -0
- package/lib/primitives/Stack/Stack.d.ts.map +1 -0
- package/lib/primitives/Typography/Typography.d.ts +149 -0
- package/lib/primitives/Typography/Typography.d.ts.map +1 -0
- package/lib/primitives/VisuallyHidden/VisuallyHidden.d.ts +12 -0
- package/lib/primitives/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
- package/lib/primitives/layout.accessibility.d.ts +7 -0
- package/lib/primitives/layout.accessibility.d.ts.map +1 -0
- package/lib/primitives/layout.types.d.ts +4 -0
- package/lib/primitives/layout.types.d.ts.map +1 -0
- package/lib/provider/BreezeProvider.d.ts +4 -1
- package/lib/provider/BreezeProvider.d.ts.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +2 -1
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { LayoutAlign, LayoutElement, LayoutGap } from '../layout.types';
|
|
3
|
+
declare const variants: {
|
|
4
|
+
readonly base: {
|
|
5
|
+
readonly inline: "breeze:flex breeze:min-inline-size-0";
|
|
6
|
+
};
|
|
7
|
+
readonly compound: {};
|
|
8
|
+
readonly size: {
|
|
9
|
+
readonly 0: "breeze:gap-0";
|
|
10
|
+
readonly 1: "breeze:gap-breeze-1";
|
|
11
|
+
readonly 2: "breeze:gap-breeze-2";
|
|
12
|
+
readonly 3: "breeze:gap-breeze-3";
|
|
13
|
+
readonly 4: "breeze:gap-breeze-4";
|
|
14
|
+
readonly 5: "breeze:gap-breeze-5";
|
|
15
|
+
readonly 6: "breeze:gap-breeze-6";
|
|
16
|
+
readonly 7: "breeze:gap-breeze-7";
|
|
17
|
+
readonly 8: "breeze:gap-breeze-8";
|
|
18
|
+
};
|
|
19
|
+
readonly state: {
|
|
20
|
+
readonly wrap: "breeze:flex-wrap";
|
|
21
|
+
};
|
|
22
|
+
readonly variant: {
|
|
23
|
+
readonly align: {
|
|
24
|
+
readonly center: "breeze:items-center";
|
|
25
|
+
readonly end: "breeze:items-end";
|
|
26
|
+
readonly start: "breeze:items-start";
|
|
27
|
+
readonly stretch: "breeze:items-stretch";
|
|
28
|
+
};
|
|
29
|
+
readonly justify: {
|
|
30
|
+
readonly between: "breeze:justify-between";
|
|
31
|
+
readonly center: "breeze:justify-center";
|
|
32
|
+
readonly end: "breeze:justify-end";
|
|
33
|
+
readonly start: "breeze:justify-start";
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export type InlineJustify = keyof typeof variants.variant.justify;
|
|
38
|
+
export interface InlineProps {
|
|
39
|
+
/** Names the row when its visible content does not provide a suitable label. */
|
|
40
|
+
'aria-label'?: string;
|
|
41
|
+
/** Items arranged horizontally. */
|
|
42
|
+
children: ReactNode;
|
|
43
|
+
/** Selects the semantic HTML element. Defaults to `div`. */
|
|
44
|
+
element?: LayoutElement;
|
|
45
|
+
/** Applies space between items from the Breeze spacing scale. Defaults to `3`. */
|
|
46
|
+
gap?: LayoutGap;
|
|
47
|
+
/** Distributes items along the inline axis. Defaults to `start`. */
|
|
48
|
+
justify?: InlineJustify;
|
|
49
|
+
/** Aligns items along the block axis. Defaults to `center`. */
|
|
50
|
+
verticalAlign?: LayoutAlign;
|
|
51
|
+
/** Allows items to wrap onto additional rows. Defaults to `false`. */
|
|
52
|
+
wrap?: boolean;
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Arranges children horizontally on the Breeze spacing scale.
|
|
56
|
+
*
|
|
57
|
+
* @summary A constrained horizontal layout primitive.
|
|
58
|
+
*/
|
|
59
|
+
export declare function Inline({ 'aria-label': ariaLabel, children, element, gap, justify, verticalAlign, wrap, }: Readonly<InlineProps>): import("react").DetailedReactHTMLElement<{
|
|
60
|
+
'aria-label': string | undefined;
|
|
61
|
+
className: string;
|
|
62
|
+
role: "group" | undefined;
|
|
63
|
+
}, HTMLElement>;
|
|
64
|
+
export {};
|
|
65
|
+
//# sourceMappingURL=Inline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../../src/primitives/Inline/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE7E,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCJ,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC;AAElE,MAAM,WAAW,WAAW;IAC1B,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kFAAkF;IAClF,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,sEAAsE;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,OAAe,EACf,GAAO,EACP,OAAiB,EACjB,aAAwB,EACxB,IAAY,GACb,EAAE,QAAQ,CAAC,WAAW,CAAC;;;;gBAoBvB"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
declare const variants: {
|
|
2
|
+
readonly base: {
|
|
3
|
+
readonly separator: "breeze:m-0 breeze:shrink-0 breeze:border-0 breeze:bg-breeze-line breeze:forced-colors:bg-[CanvasText]";
|
|
4
|
+
};
|
|
5
|
+
readonly compound: {};
|
|
6
|
+
readonly size: {};
|
|
7
|
+
readonly state: {};
|
|
8
|
+
readonly variant: {
|
|
9
|
+
readonly horizontal: "breeze:block-size-breeze-px breeze:inline-size-full";
|
|
10
|
+
readonly vertical: "breeze:block-size-full breeze:inline-size-breeze-px";
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export type SeparatorOrientation = keyof typeof variants.variant;
|
|
14
|
+
export interface SeparatorProps {
|
|
15
|
+
/** Sets the divider axis. Defaults to `horizontal`. */
|
|
16
|
+
orientation?: SeparatorOrientation;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Separates adjacent regions along a horizontal or vertical axis.
|
|
20
|
+
*
|
|
21
|
+
* @summary A semantic one-token divider.
|
|
22
|
+
*/
|
|
23
|
+
export declare function Separator({ orientation, }: Readonly<SeparatorProps>): import("react").JSX.Element;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=Separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/primitives/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,QAAQ;;;;;;;;;;;CAYJ,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,QAAQ,CAAC,OAAO,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACpC;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,WAA0B,GAC3B,EAAE,QAAQ,CAAC,cAAc,CAAC,+BAS1B"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
declare const variants: {
|
|
2
|
+
readonly base: {
|
|
3
|
+
readonly skeleton: "breeze:block breeze:animate-pulse breeze:appearance-none breeze:bg-breeze-ink-3 breeze:pointer-events-none breeze:forced-colors:outline breeze:forced-colors:outline-1 breeze:forced-colors:outline-[CanvasText]";
|
|
4
|
+
};
|
|
5
|
+
readonly compound: {};
|
|
6
|
+
readonly size: {};
|
|
7
|
+
readonly state: {};
|
|
8
|
+
readonly variant: {
|
|
9
|
+
readonly circle: "breeze:aspect-square breeze:rounded-breeze-full";
|
|
10
|
+
readonly rectangle: "breeze:rounded-breeze-sm";
|
|
11
|
+
readonly text: "breeze:block-size-breeze-3 breeze:inline-size-full breeze:rounded-breeze-xs";
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export type SkeletonShape = keyof typeof variants.variant;
|
|
15
|
+
export interface SkeletonProps {
|
|
16
|
+
/** Any CSS length; Skeleton is the deliberate exception to token-only dimensions. */
|
|
17
|
+
blockSize?: number | string;
|
|
18
|
+
/** Any CSS length; Skeleton is the deliberate exception to token-only dimensions. */
|
|
19
|
+
inlineSize?: number | string;
|
|
20
|
+
/** Announces the loading region. Omit when another component owns the announcement. */
|
|
21
|
+
label?: string;
|
|
22
|
+
/** Selects the placeholder geometry. Defaults to `text`. */
|
|
23
|
+
shape?: SkeletonShape;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Draws an arbitrary placeholder shaped like the content it will replace.
|
|
27
|
+
*
|
|
28
|
+
* @summary A flexible indeterminate content placeholder.
|
|
29
|
+
*/
|
|
30
|
+
export declare function Skeleton({ blockSize, inlineSize, label, shape, }: Readonly<SkeletonProps>): import("react").JSX.Element;
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/primitives/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,QAAQ;;;;;;;;;;;;CAaJ,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,QAAQ,CAAC,OAAO,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAc,GACf,EAAE,QAAQ,CAAC,aAAa,CAAC,+BAuBzB"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { LayoutAlign, LayoutElement, LayoutGap } from '../layout.types';
|
|
3
|
+
export interface StackProps {
|
|
4
|
+
/** Names the stack when its visible content does not provide a suitable label. */
|
|
5
|
+
'aria-label'?: string;
|
|
6
|
+
/** Items arranged vertically. */
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
/** Selects the semantic HTML element. Defaults to `div`. */
|
|
9
|
+
element?: LayoutElement;
|
|
10
|
+
/** Applies space between items from the Breeze spacing scale. Defaults to `3`. */
|
|
11
|
+
gap?: LayoutGap;
|
|
12
|
+
/** Aligns items along the inline axis. Defaults to `stretch`. */
|
|
13
|
+
horizontalAlign?: LayoutAlign;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Arranges children vertically on the Breeze spacing scale.
|
|
17
|
+
*
|
|
18
|
+
* @summary A constrained vertical layout primitive.
|
|
19
|
+
*/
|
|
20
|
+
export declare function Stack({ 'aria-label': ariaLabel, children, element, gap, horizontalAlign, }: Readonly<StackProps>): import("react").DetailedReactHTMLElement<{
|
|
21
|
+
'aria-label': string | undefined;
|
|
22
|
+
className: string;
|
|
23
|
+
role: "group" | undefined;
|
|
24
|
+
}, HTMLElement>;
|
|
25
|
+
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/primitives/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AA2B7E,MAAM,WAAW,UAAU;IACzB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kFAAkF;IAClF,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,iEAAiE;IACjE,eAAe,CAAC,EAAE,WAAW,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,OAAe,EACf,GAAO,EACP,eAA2B,GAC5B,EAAE,QAAQ,CAAC,UAAU,CAAC;;;;gBAgBtB"}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
declare const variants: {
|
|
3
|
+
readonly base: {
|
|
4
|
+
readonly text: "breeze:m-0 breeze:font-breeze-sans";
|
|
5
|
+
};
|
|
6
|
+
readonly compound: {};
|
|
7
|
+
readonly size: {};
|
|
8
|
+
readonly state: {
|
|
9
|
+
readonly aligned: "breeze:block breeze:inline-size-full";
|
|
10
|
+
readonly inlineLoading: "breeze:inline-block";
|
|
11
|
+
readonly numeric: "breeze:tabular-nums breeze:tracking-breeze-tighter";
|
|
12
|
+
readonly truncate: "breeze:block breeze:min-inline-size-0 breeze:inline-size-full breeze:overflow-hidden breeze:text-ellipsis breeze:whitespace-nowrap";
|
|
13
|
+
};
|
|
14
|
+
readonly variant: {
|
|
15
|
+
readonly align: {
|
|
16
|
+
readonly center: "breeze:text-center";
|
|
17
|
+
readonly end: "breeze:text-end";
|
|
18
|
+
readonly start: "breeze:text-start";
|
|
19
|
+
};
|
|
20
|
+
readonly role: {
|
|
21
|
+
readonly body: "breeze:text-breeze-sm breeze:font-normal breeze:leading-breeze-snug";
|
|
22
|
+
readonly caption: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug";
|
|
23
|
+
readonly heading: "breeze:text-breeze-2xl breeze:font-semibold breeze:leading-breeze-tight";
|
|
24
|
+
readonly label: "breeze:text-breeze-xs breeze:font-medium breeze:leading-breeze-snug";
|
|
25
|
+
readonly micro: "breeze:text-breeze-2xs breeze:font-bold breeze:uppercase breeze:leading-breeze-snug breeze:tracking-breeze-caps";
|
|
26
|
+
readonly money: "breeze:text-breeze-4xl breeze:font-semibold breeze:leading-breeze-tight breeze:tracking-breeze-tightest breeze:tabular-nums";
|
|
27
|
+
readonly title: "breeze:text-breeze-md breeze:font-semibold breeze:leading-breeze-snug";
|
|
28
|
+
};
|
|
29
|
+
readonly tone: {
|
|
30
|
+
readonly brand: "breeze:text-breeze-brand-text";
|
|
31
|
+
readonly danger: "breeze:text-breeze-danger";
|
|
32
|
+
readonly default: "breeze:text-breeze-ink";
|
|
33
|
+
readonly muted: "breeze:text-breeze-ink-3";
|
|
34
|
+
readonly positive: "breeze:text-breeze-pos";
|
|
35
|
+
readonly secondary: "breeze:text-breeze-ink-2";
|
|
36
|
+
readonly warning: "breeze:text-breeze-warn";
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
export type TypographyAlign = keyof typeof variants.variant.align;
|
|
41
|
+
export type TypographyElement = 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'p' | 'span';
|
|
42
|
+
/** An ISO 8601 calendar date without a time or time zone. */
|
|
43
|
+
export type IsoCalendarDate = `${number}-${number}-${number}`;
|
|
44
|
+
export type TypographyVariant = keyof typeof variants.variant.role;
|
|
45
|
+
export type TypographyTone = keyof typeof variants.variant.tone;
|
|
46
|
+
interface TypographyBaseProps {
|
|
47
|
+
/** Provides expanded screen-reader text or names rich content. */
|
|
48
|
+
'aria-label'?: string;
|
|
49
|
+
/** Aligns text along the inline axis. Numeric content defaults to `end`. */
|
|
50
|
+
align?: TypographyAlign;
|
|
51
|
+
/** Overrides the semantic HTML element selected by the text role. */
|
|
52
|
+
element?: TypographyElement;
|
|
53
|
+
/** Sets the rendered element's HTML `id`. */
|
|
54
|
+
id?: string;
|
|
55
|
+
/** Applies tabular numerals, logical end alignment and figure tracking. */
|
|
56
|
+
numeric?: boolean;
|
|
57
|
+
/** Selects the semantic text colour. Defaults to `default`. */
|
|
58
|
+
tone?: TypographyTone;
|
|
59
|
+
/** Truncates a single line with an ellipsis when space is constrained. */
|
|
60
|
+
truncate?: boolean;
|
|
61
|
+
}
|
|
62
|
+
interface CurrencyTypographyContent extends TypographyBaseProps {
|
|
63
|
+
/** Unavailable when displaying a formatted currency value. */
|
|
64
|
+
children?: never;
|
|
65
|
+
/** ISO 4217 currency code used for locale-aware formatting. */
|
|
66
|
+
currency: string;
|
|
67
|
+
/** Unavailable when formatting currency. */
|
|
68
|
+
dateStyle?: never;
|
|
69
|
+
/** Formats `value` as locale-aware currency. */
|
|
70
|
+
format: 'currency';
|
|
71
|
+
/** Controls whether the formatted amount displays its sign. Defaults to `auto`. */
|
|
72
|
+
sign?: 'always' | 'auto' | 'never';
|
|
73
|
+
/** Uses the dedicated money text role required for currency formatting. */
|
|
74
|
+
variant: 'money';
|
|
75
|
+
}
|
|
76
|
+
interface DateTypographyContent extends TypographyBaseProps {
|
|
77
|
+
/** Unavailable when displaying a formatted date value. */
|
|
78
|
+
children?: never;
|
|
79
|
+
/** Unavailable when formatting a date. */
|
|
80
|
+
currency?: never;
|
|
81
|
+
/** Selects the locale-aware date verbosity. Defaults to `long`. */
|
|
82
|
+
dateStyle?: 'full' | 'long' | 'medium' | 'short';
|
|
83
|
+
/** Formats `value` as a locale-aware calendar date. */
|
|
84
|
+
format: 'date';
|
|
85
|
+
/** Unavailable when formatting a date. */
|
|
86
|
+
sign?: never;
|
|
87
|
+
/** Selects the visual and typographic text role. Defaults to `body`. */
|
|
88
|
+
variant?: Exclude<TypographyVariant, 'money'>;
|
|
89
|
+
}
|
|
90
|
+
interface TextTypographyContent extends TypographyBaseProps {
|
|
91
|
+
/** Unavailable when displaying text content. */
|
|
92
|
+
currency?: never;
|
|
93
|
+
/** Unavailable when displaying text content. */
|
|
94
|
+
dateStyle?: never;
|
|
95
|
+
/** Omit to display `children` without value formatting. */
|
|
96
|
+
format?: never;
|
|
97
|
+
/** Unavailable when displaying text content. */
|
|
98
|
+
sign?: never;
|
|
99
|
+
/** Unavailable when displaying text content. */
|
|
100
|
+
value?: never;
|
|
101
|
+
/** Selects the visual and typographic text role. Defaults to `body`. */
|
|
102
|
+
variant?: Exclude<TypographyVariant, 'money'>;
|
|
103
|
+
}
|
|
104
|
+
export type TypographyProps = (CurrencyTypographyContent & ({
|
|
105
|
+
/** Replaces the formatted value with a loading placeholder. */
|
|
106
|
+
loading: true;
|
|
107
|
+
/** Numeric amount to format; optional while loading. */
|
|
108
|
+
value?: number;
|
|
109
|
+
} | {
|
|
110
|
+
/** Displays the formatted value instead of a loading placeholder. */
|
|
111
|
+
loading?: false;
|
|
112
|
+
/** Numeric amount to format as currency. */
|
|
113
|
+
value: number;
|
|
114
|
+
})) | (DateTypographyContent & ({
|
|
115
|
+
/** Replaces the formatted value with a loading placeholder. */
|
|
116
|
+
loading: true;
|
|
117
|
+
/** ISO calendar date to format; optional while loading. */
|
|
118
|
+
value?: IsoCalendarDate;
|
|
119
|
+
} | {
|
|
120
|
+
/** Displays the formatted value instead of a loading placeholder. */
|
|
121
|
+
loading?: false;
|
|
122
|
+
/** ISO calendar date to format for the provider locale. */
|
|
123
|
+
value: IsoCalendarDate;
|
|
124
|
+
})) | (TextTypographyContent & ({
|
|
125
|
+
/** Text or inline content; optional while loading. */
|
|
126
|
+
children?: ReactNode;
|
|
127
|
+
/** Replaces the content with a loading placeholder. */
|
|
128
|
+
loading: true;
|
|
129
|
+
} | {
|
|
130
|
+
/** Text or inline content to display. */
|
|
131
|
+
children: ReactNode;
|
|
132
|
+
/** Displays the content instead of a loading placeholder. */
|
|
133
|
+
loading?: false;
|
|
134
|
+
}));
|
|
135
|
+
/**
|
|
136
|
+
* Applies Breeze text roles and locale-aware money or calendar-date formatting.
|
|
137
|
+
*
|
|
138
|
+
* @summary Semantic interface text with typography and formatting kept together.
|
|
139
|
+
*/
|
|
140
|
+
export declare function Typography(props: Readonly<TypographyProps>): import("react").DetailedReactHTMLElement<{
|
|
141
|
+
'aria-busy': true | undefined;
|
|
142
|
+
'aria-label': string | undefined;
|
|
143
|
+
className: string;
|
|
144
|
+
id: string | undefined;
|
|
145
|
+
lang: string;
|
|
146
|
+
role: "group" | undefined;
|
|
147
|
+
}, HTMLElement>;
|
|
148
|
+
export {};
|
|
149
|
+
//# sourceMappingURL=Typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/primitives/Typography/Typography.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CJ,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;AAClE,MAAM,MAAM,iBAAiB,GACzB,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,GAAG,GACH,MAAM,CAAC;AACX,6DAA6D;AAC7D,MAAM,MAAM,eAAe,GAAG,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AACnE,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AAEhE,UAAU,mBAAmB;IAC3B,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,qEAAqE;IACrE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,yBAA0B,SAAQ,mBAAmB;IAC7D,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,gDAAgD;IAChD,MAAM,EAAE,UAAU,CAAC;IACnB,mFAAmF;IACnF,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACnC,2EAA2E;IAC3E,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,qBAAsB,SAAQ,mBAAmB;IACzD,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACjD,uDAAuD;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,UAAU,qBAAsB,SAAQ,mBAAmB;IACzD,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,gDAAgD;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,gDAAgD;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,MAAM,MAAM,eAAe,GACvB,CAAC,yBAAyB,GACxB,CACI;IACE,+DAA+D;IAC/D,OAAO,EAAE,IAAI,CAAC;IACd,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GACD;IACE,qEAAqE;IACrE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf,CACJ,CAAC,GACJ,CAAC,qBAAqB,GACpB,CACI;IACE,+DAA+D;IAC/D,OAAO,EAAE,IAAI,CAAC;IACd,2DAA2D;IAC3D,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,GACD;IACE,qEAAqE;IACrE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,2DAA2D;IAC3D,KAAK,EAAE,eAAe,CAAC;CACxB,CACJ,CAAC,GACJ,CAAC,qBAAqB,GACpB,CACI;IACE,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uDAAuD;IACvD,OAAO,EAAE,IAAI,CAAC;CACf,GACD;IACE,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CACJ,CAAC,CAAC;AA2FT;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC;;;;;;;gBA8E1D"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface VisuallyHiddenProps {
|
|
3
|
+
/** Content hidden visually but retained for assistive technology. */
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Hides explanatory content visually while preserving it for assistive technology.
|
|
8
|
+
*
|
|
9
|
+
* @summary Accessible content with no visual footprint.
|
|
10
|
+
*/
|
|
11
|
+
export declare function VisuallyHidden({ children }: Readonly<VisuallyHiddenProps>): import("react").JSX.Element;
|
|
12
|
+
//# sourceMappingURL=VisuallyHidden.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/primitives/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,MAAM,WAAW,mBAAmB;IAClC,qEAAqE;IACrE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,mBAAmB,CAAC,+BAEzE"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface LayoutAccessibility {
|
|
2
|
+
accessibleLabel?: string;
|
|
3
|
+
role?: 'group';
|
|
4
|
+
}
|
|
5
|
+
declare function getLayoutAccessibility(ariaLabel: string | undefined, element: string): LayoutAccessibility;
|
|
6
|
+
export default getLayoutAccessibility;
|
|
7
|
+
//# sourceMappingURL=layout.accessibility.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layout.accessibility.d.ts","sourceRoot":"","sources":["../../src/primitives/layout.accessibility.ts"],"names":[],"mappings":"AAAA,UAAU,mBAAmB;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iBAAS,sBAAsB,CAC7B,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,OAAO,EAAE,MAAM,GACd,mBAAmB,CAQrB;AAED,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layout.types.d.ts","sourceRoot":"","sources":["../../src/primitives/layout.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;AACjE,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC"}
|
|
@@ -2,8 +2,9 @@ import type { ReactNode } from 'react';
|
|
|
2
2
|
import { type Appearance } from './BreezeContext';
|
|
3
3
|
import enGB from './en-GB';
|
|
4
4
|
interface BreezeProviderBaseProps {
|
|
5
|
+
/** Breeze components and application content rendered inside the provider. */
|
|
5
6
|
children: ReactNode;
|
|
6
|
-
/** BCP 47 locale for accessible interactions and
|
|
7
|
+
/** BCP 47 locale for accessible interactions and content formatting. */
|
|
7
8
|
locale: string;
|
|
8
9
|
/** Accessible messages translated into the provider locale; defaults to English. */
|
|
9
10
|
messages?: Partial<typeof enGB>;
|
|
@@ -11,11 +12,13 @@ interface BreezeProviderBaseProps {
|
|
|
11
12
|
interface ControlledAppearanceProps {
|
|
12
13
|
/** The application-owned appearance choice. */
|
|
13
14
|
appearance: Appearance;
|
|
15
|
+
/** Unavailable when `appearance` is controlled by the application. */
|
|
14
16
|
defaultAppearance?: never;
|
|
15
17
|
/** Reports a semantic appearance choice so the application can persist it. */
|
|
16
18
|
onAppearanceChange: (appearance: Appearance) => void;
|
|
17
19
|
}
|
|
18
20
|
interface UncontrolledAppearanceProps {
|
|
21
|
+
/** Unavailable when the provider manages its own appearance state. */
|
|
19
22
|
appearance?: never;
|
|
20
23
|
/** The initial appearance choice; defaults to automatic. */
|
|
21
24
|
defaultAppearance?: Appearance;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreezeProvider.d.ts","sourceRoot":"","sources":["../../src/provider/BreezeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,OAAO,EAAE,KAAK,UAAU,EAAiB,MAAM,iBAAiB,CAAC;AACjE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,
|
|
1
|
+
{"version":3,"file":"BreezeProvider.d.ts","sourceRoot":"","sources":["../../src/provider/BreezeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,OAAO,EAAE,KAAK,UAAU,EAAiB,MAAM,iBAAiB,CAAC;AACjE,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,UAAU,uBAAuB;IAC/B,8EAA8E;IAC9E,QAAQ,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC;CACjC;AAED,UAAU,yBAAyB;IACjC,+CAA+C;IAC/C,UAAU,EAAE,UAAU,CAAC;IACvB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,8EAA8E;IAC9E,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CACtD;AAED,UAAU,2BAA2B;IACnC,sEAAsE;IACtE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CACvD;AAED,yEAAyE;AACzE,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GACvD,CAAC,yBAAyB,GAAG,2BAA2B,CAAC,CAAC;AAsB5D;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EAAE,oBAAoB,EAChC,QAAQ,EACR,iBAA+B,EAC/B,MAAM,EACN,QAAQ,EACR,kBAAkB,GACnB,EAAE,QAAQ,CAAC,mBAAmB,CAAC,+BAmG/B"}
|
package/lib/styles.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-outline-style:solid}}}@layer theme;@layer base{:where([data-breeze-root]),:where([data-breeze-root]) *,:where([data-breeze-root]) :before,:where([data-breeze-root]) :after{box-sizing:border-box}:where([data-breeze-root]){background:var(--breeze-color-breeze-canvas);min-inline-size:0;color:var(--breeze-color-breeze-ink);font-family:var(--breeze-font-breeze-sans);font-size:var(--breeze-text-breeze-sm);font-synthesis:none;line-height:var(--breeze-leading-breeze-snug)}:where([data-breeze-root]) button{font:inherit}:where([data-breeze-root]) [hidden]{display:none!important}}@layer components;@layer utilities{:where([data-breeze-root]) .breeze\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where([data-breeze-root]) .breeze\:relative{position:relative}:where([data-breeze-root]) .breeze\:flex{display:flex}:where([data-breeze-root]) .breeze\:inline-flex{display:inline-flex}:where([data-breeze-root]) .breeze\:inline-grid{display:inline-grid}:where([data-breeze-root]) .breeze\:grow{flex-grow:1}:where([data-breeze-root]) .breeze\:cursor-not-allowed{cursor:not-allowed}:where([data-breeze-root]) .breeze\:cursor-pointer{cursor:pointer}:where([data-breeze-root]) .breeze\:cursor-wait{cursor:wait}:where([data-breeze-root]) .breeze\:items-center{align-items:center}:where([data-breeze-root]) .breeze\:justify-center{justify-content:center}:where([data-breeze-root]) .breeze\:gap-breeze-2{gap:var(--breeze-spacing-breeze-2)}:where([data-breeze-root]) .breeze\:rounded-breeze-ctl{border-radius:var(--breeze-radius-breeze-ctl)}:where([data-breeze-root]) .breeze\:rounded-breeze-full{border-radius:var(--breeze-radius-breeze-full)}:where([data-breeze-root]) .breeze\:rounded-breeze-xs{border-radius:var(--breeze-radius-breeze-xs)}:where([data-breeze-root]) .breeze\:border{border-style:var(--tw-border-style);border-width:1px}:where([data-breeze-root]) .breeze\:border-solid{--tw-border-style:solid;border-style:solid}:where([data-breeze-root]) .breeze\:border-breeze-line-strong{border-color:var(--breeze-color-breeze-line-strong)}:where([data-breeze-root]) .breeze\:border-transparent{border-color:#0000}:where([data-breeze-root]) .breeze\:bg-breeze-brand{background-color:var(--breeze-color-breeze-brand)}:where([data-breeze-root]) .breeze\:bg-breeze-danger-fill{background-color:var(--breeze-color-breeze-danger-fill)}:where([data-breeze-root]) .breeze\:bg-breeze-line-strong{background-color:var(--breeze-color-breeze-line-strong)}:where([data-breeze-root]) .breeze\:bg-breeze-on-brand\/35{background-color:var(--breeze-color-breeze-on-brand)}@supports (color:color-mix(in lab, red, red)){:where([data-breeze-root]) .breeze\:bg-breeze-on-brand\/35{background-color:color-mix(in oklab, var(--breeze-color-breeze-on-brand) 35%, transparent)}}:where([data-breeze-root]) .breeze\:bg-breeze-surface{background-color:var(--breeze-color-breeze-surface)}:where([data-breeze-root]) .breeze\:bg-transparent{background-color:#0000}:where([data-breeze-root]) .breeze\:py-breeze-1{padding-block:var(--breeze-spacing-breeze-1)}:where([data-breeze-root]) .breeze\:py-breeze-2{padding-block:var(--breeze-spacing-breeze-2)}:where([data-breeze-root]) .breeze\:py-breeze-3{padding-block:var(--breeze-spacing-breeze-3)}:where([data-breeze-root]) .breeze\:ps-breeze-3{padding-inline-start:var(--breeze-spacing-breeze-3)}:where([data-breeze-root]) .breeze\:ps-breeze-5{padding-inline-start:var(--breeze-spacing-breeze-5)}:where([data-breeze-root]) .breeze\:pe-breeze-3{padding-inline-end:var(--breeze-spacing-breeze-3)}:where([data-breeze-root]) .breeze\:pe-breeze-5{padding-inline-end:var(--breeze-spacing-breeze-5)}:where([data-breeze-root]) .breeze\:\[text-align\:center\]{text-align:center}:where([data-breeze-root]) .breeze\:font-breeze-sans{font-family:var(--breeze-font-breeze-sans)}:where([data-breeze-root]) .breeze\:text-breeze-sm{font-size:var(--breeze-text-breeze-sm)}:where([data-breeze-root]) .breeze\:text-breeze-xs{font-size:var(--breeze-text-breeze-xs)}:where([data-breeze-root]) .breeze\:leading-breeze-snug{--tw-leading:var(--breeze-leading-breeze-snug);line-height:var(--breeze-leading-breeze-snug)}:where([data-breeze-root]) .breeze\:text-breeze-brand-text{color:var(--breeze-color-breeze-brand-text)}:where([data-breeze-root]) .breeze\:text-breeze-ink{color:var(--breeze-color-breeze-ink)}:where([data-breeze-root]) .breeze\:text-breeze-on-brand{color:var(--breeze-color-breeze-on-brand)}:where([data-breeze-root]) .breeze\:opacity-0{opacity:0}:where([data-breeze-root]) .breeze\:opacity-50{opacity:.5}:where([data-breeze-root]) .breeze\:shadow-breeze-overlay{box-shadow:var(--breeze-shadow-overlay)}:where([data-breeze-root]) .breeze\:shadow-breeze-panel{box-shadow:var(--breeze-shadow-panel)}:where([data-breeze-root]) .breeze\:outline-offset-2{outline-offset:2px}:where([data-breeze-root]) .breeze\:select-none{-webkit-user-select:none;user-select:none}:where([data-breeze-root]) .breeze\:\[grid-area\:1\/1\]{grid-area:1/1}:where([data-breeze-root]) .breeze\:block-size-breeze-3{block-size:var(--breeze-spacing-breeze-3)}:where([data-breeze-root]) .breeze\:inline-size-full{inline-size:100%}:where([data-breeze-root]) .breeze\:min-block-breeze-lg{min-block-size:var(--breeze-spacing-breeze-lg);min-block-size:var(--breeze-spacing-breeze-lg)}:where([data-breeze-root]) .breeze\:min-block-breeze-md{min-block-size:var(--breeze-spacing-breeze-md);min-block-size:var(--breeze-spacing-breeze-md)}:where([data-breeze-root]) .breeze\:min-block-breeze-sm{min-block-size:var(--breeze-spacing-breeze-sm);min-block-size:var(--breeze-spacing-breeze-sm)}:where([data-breeze-root]) .breeze\:data-\[focus-visible\]\:outline-2[data-focus-visible]{outline-style:var(--tw-outline-style);outline-width:2px}:where([data-breeze-root]) .breeze\:data-\[focus-visible\]\:outline-breeze-brand[data-focus-visible]{outline-color:var(--breeze-color-breeze-brand)}:where([data-breeze-root]) .breeze\:data-\[focus-visible\]\:outline-solid[data-focus-visible]{--tw-outline-style:solid;outline-style:solid}:where([data-breeze-root]) .breeze\:data-\[hovered\]\:bg-breeze-brand-hover[data-hovered]{background-color:var(--breeze-color-breeze-brand-hover)}:where([data-breeze-root]) .breeze\:data-\[hovered\]\:bg-breeze-brand-soft[data-hovered]{background-color:var(--breeze-color-breeze-brand-soft)}:where([data-breeze-root]) .breeze\:data-\[hovered\]\:bg-breeze-danger-hover[data-hovered]{background-color:var(--breeze-color-breeze-danger-hover)}:where([data-breeze-root]) .breeze\:data-\[hovered\]\:bg-breeze-sunken[data-hovered]{background-color:var(--breeze-color-breeze-sunken)}:where([data-breeze-root]) .breeze\:data-\[pressed\]\:bg-breeze-brand-hover[data-pressed]{background-color:var(--breeze-color-breeze-brand-hover)}:where([data-breeze-root]) .breeze\:data-\[pressed\]\:bg-breeze-brand-soft[data-pressed]{background-color:var(--breeze-color-breeze-brand-soft)}:where([data-breeze-root]) .breeze\:data-\[pressed\]\:bg-breeze-danger-hover[data-pressed]{background-color:var(--breeze-color-breeze-danger-hover)}:where([data-breeze-root]) .breeze\:data-\[pressed\]\:bg-breeze-sunken[data-pressed]{background-color:var(--breeze-color-breeze-sunken)}:where([data-breeze-root]) .breeze\:data-\[selected\]\:border-breeze-brand[data-selected]{border-color:var(--breeze-color-breeze-brand)}:where([data-breeze-root]) .breeze\:data-\[selected\]\:bg-breeze-brand-soft[data-selected]{background-color:var(--breeze-color-breeze-brand-soft)}:where([data-breeze-root]) .breeze\:data-\[selected\]\:text-breeze-brand-text[data-selected]{color:var(--breeze-color-breeze-brand-text)}@media (forced-colors:active){:where([data-breeze-root]) .breeze\:forced-colors\:data-\[selected\]\:outline-2[data-selected]{outline-style:var(--tw-outline-style);outline-width:2px}:where([data-breeze-root]) .breeze\:forced-colors\:data-\[selected\]\:outline-offset-2[data-selected]{outline-offset:2px}}@media (any-pointer:coarse){:where([data-breeze-root]) .breeze\:any-pointer-coarse\:min-block-breeze-tap{min-block-size:var(--breeze-spacing-breeze-tap);min-block-size:var(--breeze-spacing-breeze-tap)}:where([data-breeze-root]) .breeze\:any-pointer-coarse\:min-inline-breeze-tap{min-inline-size:var(--breeze-spacing-breeze-tap);min-inline-size:var(--breeze-spacing-breeze-tap)}}}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./assets/public-sans-latin-wght-normal-DdeTHZLK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:host{--breeze-breakpoint-breeze-sm:42.5625rem;--breeze-breakpoint-breeze-md:56.3125rem;--breeze-breakpoint-breeze-lg:73.8125rem;--breeze-font-breeze-sans:"Public Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", helvetica, arial, sans-serif;--breeze-color-breeze-brand:#007fa8;--breeze-color-breeze-brand-hover:#007aa3;--breeze-color-breeze-brand-text:#006884;--breeze-color-breeze-brand-soft:#e3f2f8;--breeze-color-breeze-on-brand:#fff;--breeze-color-breeze-canvas:#f6f9fc;--breeze-color-breeze-surface:#fff;--breeze-color-breeze-raised:#f6f9fc;--breeze-color-breeze-sunken:#eff3f8;--breeze-color-breeze-line:#e3e8ee;--breeze-color-breeze-line-strong:#cfd7e0;--breeze-color-breeze-ink:#161616;--breeze-color-breeze-ink-2:#4a4f57;--breeze-color-breeze-ink-3:#66707c;--breeze-color-breeze-pos:#127a4e;--breeze-color-breeze-pos-soft:#e4f1ea;--breeze-color-breeze-warn:#8a5a0b;--breeze-color-breeze-warn-soft:#fdf3dc;--breeze-color-breeze-danger:#b4231d;--breeze-text-breeze-2xs:11px;--breeze-text-breeze-xs:12px;--breeze-text-breeze-sm:13px;--breeze-text-breeze-base:14px;--breeze-text-breeze-md:15px;--breeze-text-breeze-lg:17px;--breeze-text-breeze-xl:20px;--breeze-text-breeze-2xl:22px;--breeze-text-breeze-3xl:24px;--breeze-text-breeze-4xl:26px;--breeze-spacing-breeze-md:38px;--breeze-spacing-breeze-lg:52px;--breeze-spacing-breeze-sm:34px;--breeze-spacing-breeze-tap:44px;--breeze-spacing-breeze-row:64px;--breeze-spacing-breeze-sheet:610px;--breeze-spacing-breeze-card:400px;--breeze-radius-breeze-panel:8px;--breeze-radius-breeze-ctl:6px;--breeze-radius-breeze-chip:3px;--breeze-leading-breeze-tight:1.1;--breeze-leading-breeze-snug:1.45;--breeze-leading-breeze-normal:1.5;--breeze-tracking-breeze-tight:-.008em;--breeze-tracking-breeze-tighter:-.012em;--breeze-tracking-breeze-tightest:-.018em;--breeze-tracking-breeze-caps:.06em;--breeze-tracking-breeze-wide:.05em;--breeze-aspect-breeze-a4:1/1.414;--breeze-aspect-breeze-photo:3/4;--breeze-container-breeze-page:1500px;--breeze-container-breeze-read:54ch;--breeze-container-breeze-prose:52ch;--breeze-color-breeze-scrim:#0c121f;--breeze-radius-breeze-xs:2px;--breeze-radius-breeze-sm:4px;--breeze-color-breeze-danger-fill:#b4231d;--breeze-color-breeze-danger-hover:#981e19;--breeze-radius-breeze-full:9999px;--breeze-spacing-breeze-1:4px;--breeze-spacing-breeze-2:8px;--breeze-spacing-breeze-3:12px;--breeze-spacing-breeze-4:16px;--breeze-spacing-breeze-5:20px;--breeze-spacing-breeze-6:24px;--breeze-spacing-breeze-8:32px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--breeze-shadow-panel:0 1px 1px #16161608, 0 2px 5px #1616160a;--breeze-shadow-overlay:0 1px 2px #1616160f, 0 8px 24px -10px #16161640}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--breeze-color-breeze-brand-text:#33aacf;--breeze-color-breeze-brand-soft:#12313b;--breeze-color-breeze-canvas:#161616;--breeze-color-breeze-surface:#1f1f1f;--breeze-color-breeze-raised:#262626;--breeze-color-breeze-sunken:#262626;--breeze-color-breeze-line:#303030;--breeze-color-breeze-line-strong:#3d3d3d;--breeze-color-breeze-ink:#f2f2f2;--breeze-color-breeze-ink-2:#b4b4b4;--breeze-color-breeze-ink-3:#949494;--breeze-color-breeze-pos:#3fbf8b;--breeze-color-breeze-pos-soft:#16291f;--breeze-color-breeze-warn:#e0b341;--breeze-color-breeze-warn-soft:#2a2314;--breeze-color-breeze-danger:#f1736a;--breeze-shadow-panel:0 1px 1px #0006;--breeze-shadow-overlay:0 1px 2px #00000080, 0 8px 24px -10px #000000b3}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--breeze-color-breeze-brand-text:#33aacf;--breeze-color-breeze-brand-soft:#12313b;--breeze-color-breeze-canvas:#161616;--breeze-color-breeze-surface:#1f1f1f;--breeze-color-breeze-raised:#262626;--breeze-color-breeze-sunken:#262626;--breeze-color-breeze-line:#303030;--breeze-color-breeze-line-strong:#3d3d3d;--breeze-color-breeze-ink:#f2f2f2;--breeze-color-breeze-ink-2:#b4b4b4;--breeze-color-breeze-ink-3:#949494;--breeze-color-breeze-pos:#3fbf8b;--breeze-color-breeze-pos-soft:#16291f;--breeze-color-breeze-warn:#e0b341;--breeze-color-breeze-warn-soft:#2a2314;--breeze-color-breeze-danger:#f1736a;--breeze-shadow-panel:0 1px 1px #0006;--breeze-shadow-overlay:0 1px 2px #00000080, 0 8px 24px -10px #000000b3}@media (prefers-reduced-motion:reduce){:where([data-breeze-root]) *,:where([data-breeze-root]) :before,:where([data-breeze-root]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:where([data-breeze-root]) button{border-color:buttontext}:where([data-breeze-root]) [data-focus-visible]{outline-color:highlight}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid}}}@layer theme;@layer base{:where([data-breeze-root]),:where([data-breeze-root]) *,:where([data-breeze-root]) :before,:where([data-breeze-root]) :after{box-sizing:border-box}:where([data-breeze-root]){background:var(--breeze-color-breeze-canvas);min-inline-size:0;color:var(--breeze-color-breeze-ink);font-family:var(--breeze-font-breeze-sans);font-size:var(--breeze-text-breeze-sm);font-synthesis:none;line-height:var(--breeze-leading-breeze-snug)}:where([data-breeze-root]) button{font:inherit}:where([data-breeze-root]) [hidden]{display:none!important}}@layer components;@layer utilities{:where([data-breeze-root]) .breeze\:pointer-events-none{pointer-events:none}:where([data-breeze-root]) .breeze\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where([data-breeze-root]) .breeze\:relative{position:relative}:where([data-breeze-root]) .breeze\:m-0{margin:0}:where([data-breeze-root]) .breeze\:mx-auto{margin-inline:auto}:where([data-breeze-root]) .breeze\:block{display:block}:where([data-breeze-root]) .breeze\:flex{display:flex}:where([data-breeze-root]) .breeze\:grid{display:grid}:where([data-breeze-root]) .breeze\:inline-block{display:inline-block}:where([data-breeze-root]) .breeze\:inline-flex{display:inline-flex}:where([data-breeze-root]) .breeze\:inline-grid{display:inline-grid}:where([data-breeze-root]) .breeze\:aspect-square{aspect-ratio:1}:where([data-breeze-root]) .breeze\:shrink-0{flex-shrink:0}:where([data-breeze-root]) .breeze\:grow{flex-grow:1}:where([data-breeze-root]) .breeze\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite breeze-pulse}:where([data-breeze-root]) .breeze\:cursor-not-allowed{cursor:not-allowed}:where([data-breeze-root]) .breeze\:cursor-pointer{cursor:pointer}:where([data-breeze-root]) .breeze\:cursor-wait{cursor:wait}:where([data-breeze-root]) .breeze\:appearance-none{appearance:none}:where([data-breeze-root]) .breeze\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}:where([data-breeze-root]) .breeze\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where([data-breeze-root]) .breeze\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where([data-breeze-root]) .breeze\:flex-col{flex-direction:column}:where([data-breeze-root]) .breeze\:flex-wrap{flex-wrap:wrap}:where([data-breeze-root]) .breeze\:items-center{align-items:center}:where([data-breeze-root]) .breeze\:items-end{align-items:flex-end}:where([data-breeze-root]) .breeze\:items-start{align-items:flex-start}:where([data-breeze-root]) .breeze\:items-stretch{align-items:stretch}:where([data-breeze-root]) .breeze\:justify-between{justify-content:space-between}:where([data-breeze-root]) .breeze\:justify-center{justify-content:center}:where([data-breeze-root]) .breeze\:justify-end{justify-content:flex-end}:where([data-breeze-root]) .breeze\:justify-start{justify-content:flex-start}:where([data-breeze-root]) .breeze\:gap-0{gap:0}:where([data-breeze-root]) .breeze\:gap-breeze-1{gap:var(--breeze-spacing-breeze-1)}:where([data-breeze-root]) .breeze\:gap-breeze-2{gap:var(--breeze-spacing-breeze-2)}:where([data-breeze-root]) .breeze\:gap-breeze-3{gap:var(--breeze-spacing-breeze-3)}:where([data-breeze-root]) .breeze\:gap-breeze-4{gap:var(--breeze-spacing-breeze-4)}:where([data-breeze-root]) .breeze\:gap-breeze-5{gap:var(--breeze-spacing-breeze-5)}:where([data-breeze-root]) .breeze\:gap-breeze-6{gap:var(--breeze-spacing-breeze-6)}:where([data-breeze-root]) .breeze\:gap-breeze-7{gap:var(--breeze-spacing-breeze-7)}:where([data-breeze-root]) .breeze\:gap-breeze-8{gap:var(--breeze-spacing-breeze-8)}:where([data-breeze-root]) .breeze\:overflow-hidden{overflow:hidden}:where([data-breeze-root]) .breeze\:rounded-breeze-chip{border-radius:var(--breeze-radius-breeze-chip)}:where([data-breeze-root]) .breeze\:rounded-breeze-ctl{border-radius:var(--breeze-radius-breeze-ctl)}:where([data-breeze-root]) .breeze\:rounded-breeze-full{border-radius:var(--breeze-radius-breeze-full)}:where([data-breeze-root]) .breeze\:rounded-breeze-panel{border-radius:var(--breeze-radius-breeze-panel)}:where([data-breeze-root]) .breeze\:rounded-breeze-sm{border-radius:var(--breeze-radius-breeze-sm)}:where([data-breeze-root]) .breeze\:rounded-breeze-xs{border-radius:var(--breeze-radius-breeze-xs)}:where([data-breeze-root]) .breeze\:border{border-style:var(--tw-border-style);border-width:1px}:where([data-breeze-root]) .breeze\:border-0{border-style:var(--tw-border-style);border-width:0}:where([data-breeze-root]) .breeze\:border-solid{--tw-border-style:solid;border-style:solid}:where([data-breeze-root]) .breeze\:border-breeze-line{border-color:var(--breeze-color-breeze-line)}:where([data-breeze-root]) .breeze\:border-breeze-line-strong{border-color:var(--breeze-color-breeze-line-strong)}:where([data-breeze-root]) .breeze\:border-transparent{border-color:#0000}:where([data-breeze-root]) .breeze\:bg-breeze-brand{background-color:var(--breeze-color-breeze-brand)}:where([data-breeze-root]) .breeze\:bg-breeze-brand-soft{background-color:var(--breeze-color-breeze-brand-soft)}:where([data-breeze-root]) .breeze\:bg-breeze-danger-fill{background-color:var(--breeze-color-breeze-danger-fill)}:where([data-breeze-root]) .breeze\:bg-breeze-danger\/10{background-color:var(--breeze-color-breeze-danger)}@supports (color:color-mix(in lab, red, red)){:where([data-breeze-root]) .breeze\:bg-breeze-danger\/10{background-color:color-mix(in oklab, var(--breeze-color-breeze-danger) 10%, transparent)}}:where([data-breeze-root]) .breeze\:bg-breeze-ink-3{background-color:var(--breeze-color-breeze-ink-3)}:where([data-breeze-root]) .breeze\:bg-breeze-line{background-color:var(--breeze-color-breeze-line)}:where([data-breeze-root]) .breeze\:bg-breeze-line-strong{background-color:var(--breeze-color-breeze-line-strong)}:where([data-breeze-root]) .breeze\:bg-breeze-on-brand\/35{background-color:var(--breeze-color-breeze-on-brand)}@supports (color:color-mix(in lab, red, red)){:where([data-breeze-root]) .breeze\:bg-breeze-on-brand\/35{background-color:color-mix(in oklab, var(--breeze-color-breeze-on-brand) 35%, transparent)}}:where([data-breeze-root]) .breeze\:bg-breeze-pos-soft{background-color:var(--breeze-color-breeze-pos-soft)}:where([data-breeze-root]) .breeze\:bg-breeze-raised{background-color:var(--breeze-color-breeze-raised)}:where([data-breeze-root]) .breeze\:bg-breeze-sunken{background-color:var(--breeze-color-breeze-sunken)}:where([data-breeze-root]) .breeze\:bg-breeze-surface{background-color:var(--breeze-color-breeze-surface)}:where([data-breeze-root]) .breeze\:bg-breeze-warn-soft{background-color:var(--breeze-color-breeze-warn-soft)}:where([data-breeze-root]) .breeze\:bg-transparent{background-color:#0000}:where([data-breeze-root]) .breeze\:p-0{padding:0}:where([data-breeze-root]) .breeze\:p-breeze-1{padding:var(--breeze-spacing-breeze-1)}:where([data-breeze-root]) .breeze\:p-breeze-2{padding:var(--breeze-spacing-breeze-2)}:where([data-breeze-root]) .breeze\:p-breeze-3{padding:var(--breeze-spacing-breeze-3)}:where([data-breeze-root]) .breeze\:p-breeze-4{padding:var(--breeze-spacing-breeze-4)}:where([data-breeze-root]) .breeze\:p-breeze-5{padding:var(--breeze-spacing-breeze-5)}:where([data-breeze-root]) .breeze\:p-breeze-6{padding:var(--breeze-spacing-breeze-6)}:where([data-breeze-root]) .breeze\:p-breeze-7{padding:var(--breeze-spacing-breeze-7)}:where([data-breeze-root]) .breeze\:p-breeze-8{padding:var(--breeze-spacing-breeze-8)}:where([data-breeze-root]) .breeze\:py-breeze-1{padding-block:var(--breeze-spacing-breeze-1)}:where([data-breeze-root]) .breeze\:py-breeze-2{padding-block:var(--breeze-spacing-breeze-2)}:where([data-breeze-root]) .breeze\:py-breeze-3{padding-block:var(--breeze-spacing-breeze-3)}:where([data-breeze-root]) .breeze\:py-breeze-px{padding-block:var(--breeze-spacing-breeze-px)}:where([data-breeze-root]) .breeze\:ps-breeze-2{padding-inline-start:var(--breeze-spacing-breeze-2)}:where([data-breeze-root]) .breeze\:ps-breeze-3{padding-inline-start:var(--breeze-spacing-breeze-3)}:where([data-breeze-root]) .breeze\:ps-breeze-4{padding-inline-start:var(--breeze-spacing-breeze-4)}:where([data-breeze-root]) .breeze\:ps-breeze-5{padding-inline-start:var(--breeze-spacing-breeze-5)}:where([data-breeze-root]) .breeze\:pe-breeze-2{padding-inline-end:var(--breeze-spacing-breeze-2)}:where([data-breeze-root]) .breeze\:pe-breeze-3{padding-inline-end:var(--breeze-spacing-breeze-3)}:where([data-breeze-root]) .breeze\:pe-breeze-4{padding-inline-end:var(--breeze-spacing-breeze-4)}:where([data-breeze-root]) .breeze\:pe-breeze-5{padding-inline-end:var(--breeze-spacing-breeze-5)}:where([data-breeze-root]) .breeze\:\[text-align\:center\],:where([data-breeze-root]) .breeze\:text-center{text-align:center}:where([data-breeze-root]) .breeze\:text-end{text-align:end}:where([data-breeze-root]) .breeze\:text-start{text-align:start}:where([data-breeze-root]) .breeze\:font-breeze-sans{font-family:var(--breeze-font-breeze-sans)}:where([data-breeze-root]) .breeze\:text-breeze-2xl{font-size:var(--breeze-text-breeze-2xl)}:where([data-breeze-root]) .breeze\:text-breeze-2xs{font-size:var(--breeze-text-breeze-2xs)}:where([data-breeze-root]) .breeze\:text-breeze-4xl{font-size:var(--breeze-text-breeze-4xl)}:where([data-breeze-root]) .breeze\:text-breeze-md{font-size:var(--breeze-text-breeze-md)}:where([data-breeze-root]) .breeze\:text-breeze-sm{font-size:var(--breeze-text-breeze-sm)}:where([data-breeze-root]) .breeze\:text-breeze-xs{font-size:var(--breeze-text-breeze-xs)}:where([data-breeze-root]) .breeze\:leading-breeze-snug{--tw-leading:var(--breeze-leading-breeze-snug);line-height:var(--breeze-leading-breeze-snug)}:where([data-breeze-root]) .breeze\:leading-breeze-tight{--tw-leading:var(--breeze-leading-breeze-tight);line-height:var(--breeze-leading-breeze-tight)}:where([data-breeze-root]) .breeze\:font-bold{font-weight:700}:where([data-breeze-root]) .breeze\:font-medium{font-weight:500}:where([data-breeze-root]) .breeze\:font-normal{font-weight:400}:where([data-breeze-root]) .breeze\:font-semibold{font-weight:600}:where([data-breeze-root]) .breeze\:tracking-breeze-caps{--tw-tracking:var(--breeze-tracking-breeze-caps);letter-spacing:var(--breeze-tracking-breeze-caps)}:where([data-breeze-root]) .breeze\:tracking-breeze-tighter{--tw-tracking:var(--breeze-tracking-breeze-tighter);letter-spacing:var(--breeze-tracking-breeze-tighter)}:where([data-breeze-root]) .breeze\:tracking-breeze-tightest{--tw-tracking:var(--breeze-tracking-breeze-tightest);letter-spacing:var(--breeze-tracking-breeze-tightest)}:where([data-breeze-root]) .breeze\:tracking-breeze-wide{--tw-tracking:var(--breeze-tracking-breeze-wide);letter-spacing:var(--breeze-tracking-breeze-wide)}:where([data-breeze-root]) .breeze\:text-ellipsis{text-overflow:ellipsis}:where([data-breeze-root]) .breeze\:whitespace-nowrap{white-space:nowrap}:where([data-breeze-root]) .breeze\:text-breeze-brand-text{color:var(--breeze-color-breeze-brand-text)}:where([data-breeze-root]) .breeze\:text-breeze-danger{color:var(--breeze-color-breeze-danger)}:where([data-breeze-root]) .breeze\:text-breeze-ink{color:var(--breeze-color-breeze-ink)}:where([data-breeze-root]) .breeze\:text-breeze-ink-2{color:var(--breeze-color-breeze-ink-2)}:where([data-breeze-root]) .breeze\:text-breeze-ink-3{color:var(--breeze-color-breeze-ink-3)}:where([data-breeze-root]) .breeze\:text-breeze-on-brand{color:var(--breeze-color-breeze-on-brand)}:where([data-breeze-root]) .breeze\:text-breeze-pos{color:var(--breeze-color-breeze-pos)}:where([data-breeze-root]) .breeze\:text-breeze-warn{color:var(--breeze-color-breeze-warn)}:where([data-breeze-root]) .breeze\:uppercase{text-transform:uppercase}:where([data-breeze-root]) .breeze\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}:where([data-breeze-root]) .breeze\:opacity-0{opacity:0}:where([data-breeze-root]) .breeze\:opacity-50{opacity:.5}:where([data-breeze-root]) .breeze\:shadow-breeze-panel{box-shadow:var(--breeze-shadow-panel)}:where([data-breeze-root]) .breeze\:outline-offset-2{outline-offset:2px}:where([data-breeze-root]) .breeze\:select-none{-webkit-user-select:none;user-select:none}:where([data-breeze-root]) .breeze\:\[grid-area\:1\/1\]{grid-area:1/1}:where([data-breeze-root]) .breeze\:block-size-breeze-3{block-size:var(--breeze-spacing-breeze-3)}:where([data-breeze-root]) .breeze\:block-size-breeze-4{block-size:var(--breeze-spacing-breeze-4)}:where([data-breeze-root]) .breeze\:block-size-breeze-5{block-size:var(--breeze-spacing-breeze-5)}:where([data-breeze-root]) .breeze\:block-size-breeze-6{block-size:var(--breeze-spacing-breeze-6)}:where([data-breeze-root]) .breeze\:block-size-breeze-7{block-size:var(--breeze-spacing-breeze-7)}:where([data-breeze-root]) .breeze\:block-size-breeze-px{block-size:var(--breeze-spacing-breeze-px)}:where([data-breeze-root]) .breeze\:block-size-breeze-tap{block-size:var(--breeze-spacing-breeze-tap)}:where([data-breeze-root]) .breeze\:block-size-full{block-size:100%}:where([data-breeze-root]) .breeze\:inline-size-breeze-4{inline-size:var(--breeze-spacing-breeze-4)}:where([data-breeze-root]) .breeze\:inline-size-breeze-5{inline-size:var(--breeze-spacing-breeze-5)}:where([data-breeze-root]) .breeze\:inline-size-breeze-6{inline-size:var(--breeze-spacing-breeze-6)}:where([data-breeze-root]) .breeze\:inline-size-breeze-7{inline-size:var(--breeze-spacing-breeze-7)}:where([data-breeze-root]) .breeze\:inline-size-breeze-px{inline-size:var(--breeze-spacing-breeze-px)}:where([data-breeze-root]) .breeze\:inline-size-breeze-tap{inline-size:var(--breeze-spacing-breeze-tap)}:where([data-breeze-root]) .breeze\:inline-size-full{inline-size:100%}:where([data-breeze-root]) .breeze\:max-inline-breeze-page{max-inline-size:var(--breeze-container-breeze-page);max-inline-size:var(--breeze-container-breeze-page)}:where([data-breeze-root]) .breeze\:max-inline-breeze-prose{max-inline-size:var(--breeze-container-breeze-prose);max-inline-size:var(--breeze-container-breeze-prose)}:where([data-breeze-root]) .breeze\:max-inline-breeze-read{max-inline-size:var(--breeze-container-breeze-read);max-inline-size:var(--breeze-container-breeze-read)}:where([data-breeze-root]) .breeze\:min-block-breeze-lg{min-block-size:var(--breeze-spacing-breeze-lg);min-block-size:var(--breeze-spacing-breeze-lg)}:where([data-breeze-root]) .breeze\:min-block-breeze-md{min-block-size:var(--breeze-spacing-breeze-md);min-block-size:var(--breeze-spacing-breeze-md)}:where([data-breeze-root]) .breeze\:min-block-breeze-sm{min-block-size:var(--breeze-spacing-breeze-sm);min-block-size:var(--breeze-spacing-breeze-sm)}:where([data-breeze-root]) .breeze\:min-inline-size-0{min-inline-size:0}:where([data-breeze-root]) .breeze\:data-\[focus-visible\]\:outline-2[data-focus-visible]{outline-style:var(--tw-outline-style);outline-width:2px}:where([data-breeze-root]) .breeze\:data-\[focus-visible\]\:outline-breeze-brand[data-focus-visible]{outline-color:var(--breeze-color-breeze-brand)}:where([data-breeze-root]) .breeze\:data-\[focus-visible\]\:outline-solid[data-focus-visible]{--tw-outline-style:solid;outline-style:solid}:where([data-breeze-root]) .breeze\:data-\[hovered\]\:bg-breeze-brand-hover[data-hovered]{background-color:var(--breeze-color-breeze-brand-hover)}:where([data-breeze-root]) .breeze\:data-\[hovered\]\:bg-breeze-brand-soft[data-hovered]{background-color:var(--breeze-color-breeze-brand-soft)}:where([data-breeze-root]) .breeze\:data-\[hovered\]\:bg-breeze-danger-hover[data-hovered]{background-color:var(--breeze-color-breeze-danger-hover)}:where([data-breeze-root]) .breeze\:data-\[hovered\]\:bg-breeze-sunken[data-hovered]{background-color:var(--breeze-color-breeze-sunken)}:where([data-breeze-root]) .breeze\:data-\[pressed\]\:bg-breeze-brand-hover[data-pressed]{background-color:var(--breeze-color-breeze-brand-hover)}:where([data-breeze-root]) .breeze\:data-\[pressed\]\:bg-breeze-brand-soft[data-pressed]{background-color:var(--breeze-color-breeze-brand-soft)}:where([data-breeze-root]) .breeze\:data-\[pressed\]\:bg-breeze-danger-hover[data-pressed]{background-color:var(--breeze-color-breeze-danger-hover)}:where([data-breeze-root]) .breeze\:data-\[pressed\]\:bg-breeze-sunken[data-pressed]{background-color:var(--breeze-color-breeze-sunken)}:where([data-breeze-root]) .breeze\:data-\[selected\]\:border-breeze-brand[data-selected]{border-color:var(--breeze-color-breeze-brand)}:where([data-breeze-root]) .breeze\:data-\[selected\]\:bg-breeze-brand-soft[data-selected]{background-color:var(--breeze-color-breeze-brand-soft)}:where([data-breeze-root]) .breeze\:data-\[selected\]\:text-breeze-brand-text[data-selected]{color:var(--breeze-color-breeze-brand-text)}@media not all and (width>=73.8125rem){:where([data-breeze-root]) .breeze\:max-breeze-lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media not all and (width>=56.3125rem){:where([data-breeze-root]) .breeze\:max-breeze-md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media not all and (width>=42.5625rem){:where([data-breeze-root]) .breeze\:max-breeze-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (width>=56.3125rem){:where([data-breeze-root]) .breeze\:breeze-md\:ps-breeze-7{padding-inline-start:var(--breeze-spacing-breeze-7)}:where([data-breeze-root]) .breeze\:breeze-md\:pe-breeze-7{padding-inline-end:var(--breeze-spacing-breeze-7)}}:where([data-breeze-root]) .breeze\:rtl\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){rotate:180deg}@media (forced-colors:active){:where([data-breeze-root]) .breeze\:forced-colors\:bg-\[CanvasText\]{background-color:canvastext}:where([data-breeze-root]) .breeze\:forced-colors\:outline,:where([data-breeze-root]) .breeze\:forced-colors\:outline-1{outline-style:var(--tw-outline-style);outline-width:1px}:where([data-breeze-root]) .breeze\:forced-colors\:outline-\[CanvasText\]{outline-color:canvastext}:where([data-breeze-root]) .breeze\:forced-colors\:data-\[selected\]\:outline-2[data-selected]{outline-style:var(--tw-outline-style);outline-width:2px}:where([data-breeze-root]) .breeze\:forced-colors\:data-\[selected\]\:outline-offset-2[data-selected]{outline-offset:2px}}@media (any-pointer:coarse){:where([data-breeze-root]) .breeze\:any-pointer-coarse\:min-block-breeze-tap{min-block-size:var(--breeze-spacing-breeze-tap);min-block-size:var(--breeze-spacing-breeze-tap)}:where([data-breeze-root]) .breeze\:any-pointer-coarse\:min-inline-breeze-tap{min-inline-size:var(--breeze-spacing-breeze-tap);min-inline-size:var(--breeze-spacing-breeze-tap)}}}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./assets/public-sans-latin-wght-normal-DdeTHZLK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:host{--breeze-breakpoint-breeze-sm:42.5625rem;--breeze-breakpoint-breeze-md:56.3125rem;--breeze-breakpoint-breeze-lg:73.8125rem;--breeze-font-breeze-sans:"Public Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", helvetica, arial, sans-serif;--breeze-color-breeze-brand:#007fa8;--breeze-color-breeze-brand-hover:#007aa3;--breeze-color-breeze-brand-text:#006884;--breeze-color-breeze-brand-soft:#e3f2f8;--breeze-color-breeze-on-brand:#fff;--breeze-color-breeze-canvas:#f6f9fc;--breeze-color-breeze-surface:#fff;--breeze-color-breeze-raised:#f6f9fc;--breeze-color-breeze-sunken:#eff3f8;--breeze-color-breeze-line:#e3e8ee;--breeze-color-breeze-line-strong:#cfd7e0;--breeze-color-breeze-ink:#161616;--breeze-color-breeze-ink-2:#4a4f57;--breeze-color-breeze-ink-3:#66707c;--breeze-color-breeze-pos:#127a4e;--breeze-color-breeze-pos-soft:#e4f1ea;--breeze-color-breeze-warn:#8a5a0b;--breeze-color-breeze-warn-soft:#fdf3dc;--breeze-color-breeze-danger:#b4231d;--breeze-text-breeze-2xs:11px;--breeze-text-breeze-xs:12px;--breeze-text-breeze-sm:13px;--breeze-text-breeze-base:14px;--breeze-text-breeze-md:15px;--breeze-text-breeze-lg:17px;--breeze-text-breeze-xl:20px;--breeze-text-breeze-2xl:22px;--breeze-text-breeze-3xl:24px;--breeze-text-breeze-4xl:26px;--breeze-spacing-breeze-md:38px;--breeze-spacing-breeze-lg:52px;--breeze-spacing-breeze-sm:34px;--breeze-spacing-breeze-px:1px;--breeze-spacing-breeze-tap:44px;--breeze-spacing-breeze-row:64px;--breeze-spacing-breeze-sheet:610px;--breeze-spacing-breeze-card:400px;--breeze-radius-breeze-panel:8px;--breeze-radius-breeze-ctl:6px;--breeze-radius-breeze-chip:3px;--breeze-leading-breeze-tight:1.1;--breeze-leading-breeze-snug:1.45;--breeze-leading-breeze-normal:1.5;--breeze-tracking-breeze-tight:-.008em;--breeze-tracking-breeze-tighter:-.012em;--breeze-tracking-breeze-tightest:-.018em;--breeze-tracking-breeze-caps:.06em;--breeze-tracking-breeze-wide:.05em;--breeze-aspect-breeze-a4:1/1.414;--breeze-aspect-breeze-photo:3/4;--breeze-container-breeze-page:1500px;--breeze-container-breeze-read:54ch;--breeze-container-breeze-prose:52ch;--breeze-color-breeze-scrim:#0c121f;--breeze-radius-breeze-xs:2px;--breeze-radius-breeze-sm:4px;--breeze-color-breeze-danger-fill:#b4231d;--breeze-color-breeze-danger-hover:#981e19;--breeze-radius-breeze-full:9999px;--breeze-spacing-breeze-1:4px;--breeze-spacing-breeze-2:8px;--breeze-spacing-breeze-3:12px;--breeze-spacing-breeze-4:16px;--breeze-spacing-breeze-5:20px;--breeze-spacing-breeze-6:24px;--breeze-spacing-breeze-7:28px;--breeze-spacing-breeze-8:32px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--breeze-shadow-panel:0 1px 1px #16161608, 0 2px 5px #1616160a;--breeze-shadow-overlay:0 1px 2px #1616160f, 0 8px 24px -10px #16161640}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--breeze-color-breeze-brand-text:#33aacf;--breeze-color-breeze-brand-soft:#12313b;--breeze-color-breeze-canvas:#161616;--breeze-color-breeze-surface:#1f1f1f;--breeze-color-breeze-raised:#262626;--breeze-color-breeze-sunken:#262626;--breeze-color-breeze-line:#303030;--breeze-color-breeze-line-strong:#3d3d3d;--breeze-color-breeze-ink:#f2f2f2;--breeze-color-breeze-ink-2:#b4b4b4;--breeze-color-breeze-ink-3:#949494;--breeze-color-breeze-pos:#3fbf8b;--breeze-color-breeze-pos-soft:#16291f;--breeze-color-breeze-warn:#e0b341;--breeze-color-breeze-warn-soft:#2a2314;--breeze-color-breeze-danger:#f1736a;--breeze-shadow-panel:0 1px 1px #0006;--breeze-shadow-overlay:0 1px 2px #00000080, 0 8px 24px -10px #000000b3}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--breeze-color-breeze-brand-text:#33aacf;--breeze-color-breeze-brand-soft:#12313b;--breeze-color-breeze-canvas:#161616;--breeze-color-breeze-surface:#1f1f1f;--breeze-color-breeze-raised:#262626;--breeze-color-breeze-sunken:#262626;--breeze-color-breeze-line:#303030;--breeze-color-breeze-line-strong:#3d3d3d;--breeze-color-breeze-ink:#f2f2f2;--breeze-color-breeze-ink-2:#b4b4b4;--breeze-color-breeze-ink-3:#949494;--breeze-color-breeze-pos:#3fbf8b;--breeze-color-breeze-pos-soft:#16291f;--breeze-color-breeze-warn:#e0b341;--breeze-color-breeze-warn-soft:#2a2314;--breeze-color-breeze-danger:#f1736a;--breeze-shadow-panel:0 1px 1px #0006;--breeze-shadow-overlay:0 1px 2px #00000080, 0 8px 24px -10px #000000b3}@keyframes breeze-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){:where([data-breeze-root]) *,:where([data-breeze-root]) :before,:where([data-breeze-root]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:where([data-breeze-root]) button{border-color:buttontext}:where([data-breeze-root]) [data-focus-visible]{outline-color:highlight}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@motech-development/breeze-ui",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.2.0",
|
|
4
4
|
"description": "Accessible, domain-neutral UI primitives and patterns for Motech Development applications",
|
|
5
5
|
"installConfig": {
|
|
6
6
|
"hoistingLimits": "workspaces"
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@internationalized/date": "3.12.2",
|
|
49
|
+
"lucide-react": "1.39.0",
|
|
49
50
|
"react-aria-components": "1.19.0",
|
|
50
51
|
"remark-gfm": "4.0.1"
|
|
51
52
|
},
|