@max-ts/kit 1.3.1 → 1.3.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/lib/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/lib/components/Autocomplete/styles.css.d.ts +1 -0
- package/lib/components/Autocomplete/styles.css.d.ts.map +1 -1
- package/lib/components/Autocomplete/types.d.ts +2 -0
- package/lib/components/Autocomplete/types.d.ts.map +1 -1
- package/lib/components/CircularProgress/styles.css.d.ts +1 -1
- package/lib/components/Combobox/Combobox.d.ts +2 -2
- package/lib/components/Combobox/Combobox.d.ts.map +1 -1
- package/lib/components/Combobox/types.d.ts +6 -1
- package/lib/components/Combobox/types.d.ts.map +1 -1
- package/lib/index.mjs +74 -62
- package/lib/stories/Autocomplete.stories.d.ts +1 -0
- package/lib/stories/Autocomplete.stories.d.ts.map +1 -1
- package/lib/styles.css +80 -71
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMjD,iBAAS,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,+BAuK/D;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -4,5 +4,6 @@ export declare const label: string;
|
|
|
4
4
|
export declare const helperText: string;
|
|
5
5
|
export declare const error: string;
|
|
6
6
|
export declare const disabled: string;
|
|
7
|
+
export declare const loading: string;
|
|
7
8
|
export declare const optionMeta: string;
|
|
8
9
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC"}
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,qBAAqB,CAAC,OAAO,IAAI,IAAI,CACzC,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAClC,UAAU,GACV,cAAc,GACd,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,GACnB,OAAO,GACP,UAAU,GACV,eAAe,GACf,OAAO,CACT,GAAG;IACH,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,OAAO,IAC1C,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEH,MAAM,MAAM,yBAAyB,CAAC,OAAO,IAC5C,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAChC,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AAEH,MAAM,MAAM,iBAAiB,CAAC,OAAO,IAClC,uBAAuB,CAAC,OAAO,CAAC,GAChC,yBAAyB,CAAC,OAAO,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,qBAAqB,CAAC,OAAO,IAAI,IAAI,CACzC,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAClC,UAAU,GACV,cAAc,GACd,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,GACnB,OAAO,GACP,UAAU,GACV,eAAe,GACf,OAAO,CACT,GAAG;IACH,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,OAAO,IAC1C,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEH,MAAM,MAAM,yBAAyB,CAAC,OAAO,IAC5C,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAChC,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AAEH,MAAM,MAAM,iBAAiB,CAAC,OAAO,IAClC,uBAAuB,CAAC,OAAO,CAAC,GAChC,yBAAyB,CAAC,OAAO,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const root: string;
|
|
2
2
|
export declare const svg: string;
|
|
3
3
|
export declare const circle: string;
|
|
4
|
-
export declare const variants: Record<"
|
|
4
|
+
export declare const variants: Record<"determinate" | "indeterminate", string>;
|
|
5
5
|
export declare const colors: Record<"primary" | "secondary" | "inherit", string>;
|
|
6
6
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -4,7 +4,7 @@ declare namespace Combobox {
|
|
|
4
4
|
var Value: (props: ComboboxProps.Value) => import("react").JSX.Element;
|
|
5
5
|
var Trigger: ({ className, children, ...props }: ComboboxProps.Trigger) => import("react").JSX.Element;
|
|
6
6
|
var Clear: ({ className, children, ...props }: ComboboxProps.Clear) => import("react").JSX.Element;
|
|
7
|
-
var Input: ({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxProps.Input) => import("react").JSX.Element;
|
|
7
|
+
var Input: ({ className, children, disabled, error: _error, helperText: _helperText, showTrigger, showClear, ...props }: ComboboxProps.Input) => import("react").JSX.Element;
|
|
8
8
|
var Content: ({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxProps.Content) => import("react").JSX.Element;
|
|
9
9
|
var List: ({ className, ...props }: ComboboxProps.List) => import("react").JSX.Element;
|
|
10
10
|
var Item: ({ className, children, ...props }: ComboboxProps.Item) => import("react").JSX.Element;
|
|
@@ -15,7 +15,7 @@ declare namespace Combobox {
|
|
|
15
15
|
var Separator: ({ className, ...props }: ComboboxProps.Separator) => import("react").JSX.Element;
|
|
16
16
|
var Chips: ({ className, ...props }: ComboboxProps.Chips) => import("react").JSX.Element;
|
|
17
17
|
var Chip: ({ className, children, showRemove, ...props }: ComboboxProps.Chip) => import("react").JSX.Element;
|
|
18
|
-
var ChipsInput: ({ className, ...props }: ComboboxProps.ChipsInput) => import("react").JSX.Element;
|
|
18
|
+
var ChipsInput: ({ className, error: _error, helperText: _helperText, ...props }: ComboboxProps.ChipsInput) => import("react").JSX.Element;
|
|
19
19
|
}
|
|
20
20
|
declare function useComboboxAnchor(): import("react").RefObject<HTMLDivElement | null>;
|
|
21
21
|
export { Combobox, useComboboxAnchor };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,QAAQ,CAChB,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC3C,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,+BAE3C;kBALQ,QAAQ;uBAOK,aAAa,CAAC,KAAK;qDAIW,aAAa,CAAC,OAAO;mDAavB,aAAa,CAAC,KAAK;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,QAAQ,CAChB,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC3C,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,+BAE3C;kBALQ,QAAQ;uBAOK,aAAa,CAAC,KAAK;qDAIW,aAAa,CAAC,OAAO;mDAavB,aAAa,CAAC,KAAK;6HAqBlE,aAAa,CAAC,KAAK;yFA6BnB,aAAa,CAAC,OAAO;wCAsBe,aAAa,CAAC,IAAI;kDAUR,aAAa,CAAC,IAAI;8BAetC,aAAa,CAAC,KAAK;8CAIH,aAAa,CAAC,KAAK;4BAUrC,aAAa,CAAC,UAAU;yCAIX,aAAa,CAAC,KAAK;6CAUf,aAAa,CAAC,SAAS;yCAU3B,aAAa,CAAC,KAAK;8DAexD,aAAa,CAAC,IAAI;sFAiClB,aAAa,CAAC,UAAU;;AAU3B,iBAAS,iBAAiB,qDAEzB;AAkBD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -8,6 +8,8 @@ export declare namespace ComboboxProps {
|
|
|
8
8
|
type Input = Combobox.Input.Props & {
|
|
9
9
|
showTrigger?: boolean;
|
|
10
10
|
showClear?: boolean;
|
|
11
|
+
error?: boolean;
|
|
12
|
+
helperText?: React.ReactNode;
|
|
11
13
|
};
|
|
12
14
|
type Content = Combobox.Popup.Props & Pick<Combobox.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'>;
|
|
13
15
|
type List = Combobox.List.Props;
|
|
@@ -21,6 +23,9 @@ export declare namespace ComboboxProps {
|
|
|
21
23
|
type Chip = Combobox.Chip.Props & {
|
|
22
24
|
showRemove?: boolean;
|
|
23
25
|
};
|
|
24
|
-
type ChipsInput = Combobox.Input.Props
|
|
26
|
+
type ChipsInput = Combobox.Input.Props & {
|
|
27
|
+
error?: boolean;
|
|
28
|
+
helperText?: React.ReactNode;
|
|
29
|
+
};
|
|
25
30
|
}
|
|
26
31
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,yBAAiB,aAAa,CAAC;IAC9B,KAAY,IAAI,CACf,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;IAE7C,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;QAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,SAAS,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,yBAAiB,aAAa,CAAC;IAC9B,KAAY,IAAI,CACf,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;IAE7C,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;QAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B,CAAC;IAEF,KAAY,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GACzC,IAAI,CACH,QAAQ,CAAC,UAAU,CAAC,KAAK,EACzB,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ,CAC1D,CAAC;IAEH,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAEvC,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAEvC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;IAE9C,KAAY,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;IAEnD,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC;IAExC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG;QACxC,UAAU,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;IAEF,KAAY,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;QAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B,CAAC;CACF"}
|
package/lib/index.mjs
CHANGED
|
@@ -272,6 +272,49 @@ AlertDialog_AlertDialog.Title = Title;
|
|
|
272
272
|
AlertDialog_AlertDialog.Description = Description;
|
|
273
273
|
AlertDialog_AlertDialog.Action = Action;
|
|
274
274
|
AlertDialog_AlertDialog.Cancel = Cancel;
|
|
275
|
+
var circle = 'style__m6b9n24';
|
|
276
|
+
var colors = {
|
|
277
|
+
primary: 'primary__m6b9n27',
|
|
278
|
+
secondary: 'secondary__m6b9n28',
|
|
279
|
+
inherit: 'inherit__m6b9n29'
|
|
280
|
+
};
|
|
281
|
+
var styles_css_root = 'style__m6b9n22';
|
|
282
|
+
var svg = 'style__m6b9n23';
|
|
283
|
+
var variants = {
|
|
284
|
+
determinate: 'determinate__m6b9n25',
|
|
285
|
+
indeterminate: 'indeterminate__m6b9n26'
|
|
286
|
+
};
|
|
287
|
+
const CircularProgress = ({ size = 30, thickness = 2.2, color = 'primary', value = 0, variant = 'indeterminate', className })=>{
|
|
288
|
+
const radius = (size - thickness) / 2;
|
|
289
|
+
const circumference = 2 * Math.PI * radius;
|
|
290
|
+
const dashOffset = 'determinate' === variant ? circumference * (1 - value / 100) : 0.25 * circumference;
|
|
291
|
+
return /*#__PURE__*/ jsx("div", {
|
|
292
|
+
className: clsx_0(styles_css_root, variants[variant], colors[color], className),
|
|
293
|
+
style: {
|
|
294
|
+
width: size,
|
|
295
|
+
height: size
|
|
296
|
+
},
|
|
297
|
+
children: /*#__PURE__*/ jsxs("svg", {
|
|
298
|
+
className: svg,
|
|
299
|
+
viewBox: `0 0 ${size} ${size}`,
|
|
300
|
+
children: [
|
|
301
|
+
/*#__PURE__*/ jsx("title", {
|
|
302
|
+
children: "Progress bar"
|
|
303
|
+
}),
|
|
304
|
+
/*#__PURE__*/ jsx("circle", {
|
|
305
|
+
className: clsx_0(circle, 'determinate' === variant && variants.determinate),
|
|
306
|
+
cx: size / 2,
|
|
307
|
+
cy: size / 2,
|
|
308
|
+
r: radius,
|
|
309
|
+
fill: "none",
|
|
310
|
+
strokeWidth: thickness,
|
|
311
|
+
strokeDasharray: circumference,
|
|
312
|
+
strokeDashoffset: dashOffset
|
|
313
|
+
})
|
|
314
|
+
]
|
|
315
|
+
})
|
|
316
|
+
});
|
|
317
|
+
};
|
|
275
318
|
var addon = 'style__1rv6t1j1';
|
|
276
319
|
var addonAlign = {
|
|
277
320
|
'inline-start': 'inline-start__1rv6t1j2',
|
|
@@ -288,13 +331,13 @@ var buttonSize = {
|
|
|
288
331
|
};
|
|
289
332
|
var control = 'style__1rv6t1jc';
|
|
290
333
|
var input = 'style__1rv6t1jd';
|
|
291
|
-
var
|
|
334
|
+
var InputGroup_styles_css_root = 'style__1rv6t1j0';
|
|
292
335
|
var styles_css_text = 'style__1rv6t1jb';
|
|
293
336
|
var styles_css_textarea = 'style__1rv6t1je';
|
|
294
337
|
function InputGroup({ className, ...props }) {
|
|
295
338
|
return /*#__PURE__*/ jsx("div", {
|
|
296
339
|
"data-slot": "input-group",
|
|
297
|
-
className: clsx(
|
|
340
|
+
className: clsx(InputGroup_styles_css_root, className),
|
|
298
341
|
...props
|
|
299
342
|
});
|
|
300
343
|
}
|
|
@@ -398,7 +441,7 @@ function Clear({ className, children, ...props }) {
|
|
|
398
441
|
})
|
|
399
442
|
});
|
|
400
443
|
}
|
|
401
|
-
function Combobox_Input({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
|
|
444
|
+
function Combobox_Input({ className, children, disabled = false, error: _error, helperText: _helperText, showTrigger = true, showClear = false, ...props }) {
|
|
402
445
|
return /*#__PURE__*/ jsxs(Combobox.InputGroup, {
|
|
403
446
|
render: /*#__PURE__*/ jsx(InputGroup, {
|
|
404
447
|
className: clsx(inputGroup, className)
|
|
@@ -522,7 +565,7 @@ function Chip({ className, children, showRemove = true, ...props }) {
|
|
|
522
565
|
]
|
|
523
566
|
});
|
|
524
567
|
}
|
|
525
|
-
function ChipsInput({ className, ...props }) {
|
|
568
|
+
function ChipsInput({ className, error: _error, helperText: _helperText, ...props }) {
|
|
526
569
|
return /*#__PURE__*/ jsx(Combobox.Input, {
|
|
527
570
|
"data-slot": "combobox-chip-input",
|
|
528
571
|
className: clsx(chipsInput, className),
|
|
@@ -566,7 +609,7 @@ var alignments = {
|
|
|
566
609
|
right: 'right__1sba6zom',
|
|
567
610
|
justify: 'justify__1sba6zon'
|
|
568
611
|
};
|
|
569
|
-
var
|
|
612
|
+
var styles_css_colors = {
|
|
570
613
|
primary: 'primary__1sba6zoc',
|
|
571
614
|
secondary: 'secondary__1sba6zod',
|
|
572
615
|
disabled: 'disabled__1sba6zoe',
|
|
@@ -591,7 +634,7 @@ var transforms = {
|
|
|
591
634
|
uppercase: 'uppercase__1sba6zov',
|
|
592
635
|
capitalize: 'capitalize__1sba6zow'
|
|
593
636
|
};
|
|
594
|
-
var
|
|
637
|
+
var styles_css_variants = {
|
|
595
638
|
h1: 'h1__1sba6zo0',
|
|
596
639
|
h2: 'h2__1sba6zo1',
|
|
597
640
|
h3: 'h3__1sba6zo2',
|
|
@@ -628,7 +671,7 @@ const VARIANT_COMPONENT_MAP = {
|
|
|
628
671
|
const Typography = ({ className, variant = 'body1', component, color = 'primary', align = 'left', display = 'inline', weight = 'normal', transform, decoration = 'none', gutterBottom, children, ...props })=>{
|
|
629
672
|
const Component = component || VARIANT_COMPONENT_MAP[variant || 'body1'];
|
|
630
673
|
return /*#__PURE__*/ jsx(Component, {
|
|
631
|
-
className: clsx(decorations[decoration],
|
|
674
|
+
className: clsx(decorations[decoration], styles_css_variants[variant], styles_css_colors[color], weights[weight], transform && transforms[transform], displays[display], alignments[align], {
|
|
632
675
|
[gutterBottomClass]: gutterBottom
|
|
633
676
|
}, className),
|
|
634
677
|
...props,
|
|
@@ -641,11 +684,12 @@ var styles_css_field = 'style__17arfox0';
|
|
|
641
684
|
var styles_css_fullWidth = 'style__17arfox1';
|
|
642
685
|
var styles_css_helperText = 'style__17arfox3';
|
|
643
686
|
var styles_css_label = 'style__17arfox2';
|
|
687
|
+
var styles_css_loading = 'style__17arfox6';
|
|
644
688
|
function defaultGetOptionLabel(option) {
|
|
645
689
|
return 'string' == typeof option ? option : String(option);
|
|
646
690
|
}
|
|
647
691
|
function Autocomplete(props) {
|
|
648
|
-
const { className, contentClassName, defaultValue, disabled = false, error = false, fullWidth = false, getOptionLabel = defaultGetOptionLabel, getOptionValue = getOptionLabel, helperText, id, inputClassName, isOptionEqualToValue, label, labelClassName, multiple, noOptionsText = 'No results found', onChange, options, placeholder, renderOption, required, style, value, ...rootProps } = props;
|
|
692
|
+
const { className, contentClassName, defaultValue, disabled = false, error = false, fullWidth = false, getOptionLabel = defaultGetOptionLabel, getOptionValue = getOptionLabel, helperText, id, inputClassName, isOptionEqualToValue, isLoading = false, label, labelClassName, loadingText, multiple, noOptionsText = 'No results found', onChange, options, placeholder, renderOption, required, style, value, ...rootProps } = props;
|
|
649
693
|
const generatedId = useId();
|
|
650
694
|
const inputId = id ?? (label ? generatedId : void 0);
|
|
651
695
|
const anchor = useComboboxAnchor();
|
|
@@ -715,17 +759,28 @@ function Autocomplete(props) {
|
|
|
715
759
|
[styles_css_fullWidth]: fullWidth
|
|
716
760
|
}, inputClassName)
|
|
717
761
|
}),
|
|
718
|
-
/*#__PURE__*/
|
|
762
|
+
/*#__PURE__*/ jsx(Combobox_Combobox.Content, {
|
|
719
763
|
anchor: multiple ? anchor : void 0,
|
|
720
764
|
className: contentClassName,
|
|
721
|
-
children:
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
/*#__PURE__*/ jsx(
|
|
726
|
-
|
|
765
|
+
children: isLoading ? /*#__PURE__*/ jsx("div", {
|
|
766
|
+
"data-slot": "autocomplete-loading",
|
|
767
|
+
className: styles_css_loading,
|
|
768
|
+
role: "status",
|
|
769
|
+
children: loadingText ?? /*#__PURE__*/ jsx(CircularProgress, {
|
|
770
|
+
thickness: 1.6,
|
|
771
|
+
size: 18,
|
|
772
|
+
color: "inherit"
|
|
727
773
|
})
|
|
728
|
-
|
|
774
|
+
}) : /*#__PURE__*/ jsxs(Fragment, {
|
|
775
|
+
children: [
|
|
776
|
+
/*#__PURE__*/ jsx(Combobox_Combobox.Empty, {
|
|
777
|
+
children: noOptionsText
|
|
778
|
+
}),
|
|
779
|
+
/*#__PURE__*/ jsx(Combobox_Combobox.List, {
|
|
780
|
+
children: renderItem
|
|
781
|
+
})
|
|
782
|
+
]
|
|
783
|
+
})
|
|
729
784
|
})
|
|
730
785
|
]
|
|
731
786
|
}),
|
|
@@ -1399,49 +1454,6 @@ const Checkbox_Checkbox = ({ className, ...props })=>/*#__PURE__*/ jsx(Checkbox.
|
|
|
1399
1454
|
})
|
|
1400
1455
|
})
|
|
1401
1456
|
});
|
|
1402
|
-
var circle = 'style__m6b9n24';
|
|
1403
|
-
var styles_css_colors = {
|
|
1404
|
-
primary: 'primary__m6b9n27',
|
|
1405
|
-
secondary: 'secondary__m6b9n28',
|
|
1406
|
-
inherit: 'inherit__m6b9n29'
|
|
1407
|
-
};
|
|
1408
|
-
var CircularProgress_styles_css_root = 'style__m6b9n22';
|
|
1409
|
-
var svg = 'style__m6b9n23';
|
|
1410
|
-
var styles_css_variants = {
|
|
1411
|
-
determinate: 'determinate__m6b9n25',
|
|
1412
|
-
indeterminate: 'indeterminate__m6b9n26'
|
|
1413
|
-
};
|
|
1414
|
-
const CircularProgress = ({ size = 30, thickness = 2.6, color = 'primary', value = 0, variant = 'indeterminate', className })=>{
|
|
1415
|
-
const radius = (size - thickness) / 2;
|
|
1416
|
-
const circumference = 2 * Math.PI * radius;
|
|
1417
|
-
const dashOffset = 'determinate' === variant ? circumference * (1 - value / 100) : 0.25 * circumference;
|
|
1418
|
-
return /*#__PURE__*/ jsx("div", {
|
|
1419
|
-
className: clsx_0(CircularProgress_styles_css_root, styles_css_variants[variant], styles_css_colors[color], className),
|
|
1420
|
-
style: {
|
|
1421
|
-
width: size,
|
|
1422
|
-
height: size
|
|
1423
|
-
},
|
|
1424
|
-
children: /*#__PURE__*/ jsxs("svg", {
|
|
1425
|
-
className: svg,
|
|
1426
|
-
viewBox: `0 0 ${size} ${size}`,
|
|
1427
|
-
children: [
|
|
1428
|
-
/*#__PURE__*/ jsx("title", {
|
|
1429
|
-
children: "Progress bar"
|
|
1430
|
-
}),
|
|
1431
|
-
/*#__PURE__*/ jsx("circle", {
|
|
1432
|
-
className: clsx_0(circle, 'determinate' === variant && styles_css_variants.determinate),
|
|
1433
|
-
cx: size / 2,
|
|
1434
|
-
cy: size / 2,
|
|
1435
|
-
r: radius,
|
|
1436
|
-
fill: "none",
|
|
1437
|
-
strokeWidth: thickness,
|
|
1438
|
-
strokeDasharray: circumference,
|
|
1439
|
-
strokeDashoffset: dashOffset
|
|
1440
|
-
})
|
|
1441
|
-
]
|
|
1442
|
-
})
|
|
1443
|
-
});
|
|
1444
|
-
};
|
|
1445
1457
|
function Collapsible_Collapsible({ ...props }) {
|
|
1446
1458
|
return /*#__PURE__*/ jsx(Collapsible.Root, {
|
|
1447
1459
|
"data-slot": "collapsible",
|
|
@@ -2030,7 +2042,7 @@ function Header_Header({ columns, height }) {
|
|
|
2030
2042
|
var DataGrid_styles_css_container = 'style__1gqvluf0';
|
|
2031
2043
|
var DataGrid_styles_css_disabled = 'style__1gqvluf3';
|
|
2032
2044
|
var fullHeight = 'style__1gqvluf2';
|
|
2033
|
-
var
|
|
2045
|
+
var DataGrid_styles_css_loading = 'style__1gqvluf4';
|
|
2034
2046
|
var table = 'style__1gqvluf1';
|
|
2035
2047
|
var titleClass = 'style__1gqvluf5';
|
|
2036
2048
|
function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, headerHeight = 40, keyId, onRowClick, isLoading, isDisabled, isError, emptyState, errorState, footer, title, onRetry }) {
|
|
@@ -2045,7 +2057,7 @@ function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, h
|
|
|
2045
2057
|
/*#__PURE__*/ jsxs("table", {
|
|
2046
2058
|
className: clsx(table, {
|
|
2047
2059
|
[DataGrid_styles_css_disabled]: isDisabled,
|
|
2048
|
-
[
|
|
2060
|
+
[DataGrid_styles_css_loading]: isLoading,
|
|
2049
2061
|
[fullHeight]: isFullHeight
|
|
2050
2062
|
}, className),
|
|
2051
2063
|
children: [
|
|
@@ -4844,4 +4856,4 @@ const ToggleGroup = ({ value, onChange, options, size, className, label, multipl
|
|
|
4844
4856
|
]
|
|
4845
4857
|
});
|
|
4846
4858
|
};
|
|
4847
|
-
export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize,
|
|
4859
|
+
export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, styles_css_colors as colors, styles_css_variants as variants, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, weights };
|
|
@@ -6,4 +6,5 @@ export declare function Default(): import("react").JSX.Element;
|
|
|
6
6
|
export declare function ErrorState(): import("react").JSX.Element;
|
|
7
7
|
export declare function WithObjectItems(): import("react").JSX.Element;
|
|
8
8
|
export declare function MultipleWithObjects(): import("react").JSX.Element;
|
|
9
|
+
export declare function AsyncOptions(): import("react").JSX.Element;
|
|
9
10
|
//# sourceMappingURL=Autocomplete.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;wBAmCvC,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC"}
|
|
1
|
+
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;wBAmCvC,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC;AAED,wBAAgB,YAAY,gCAiD3B"}
|
package/lib/styles.css
CHANGED
|
@@ -612,6 +612,77 @@ img, picture, video, canvas, svg {
|
|
|
612
612
|
}
|
|
613
613
|
}
|
|
614
614
|
|
|
615
|
+
@keyframes style__m6b9n20 {
|
|
616
|
+
to {
|
|
617
|
+
transform: rotate(360deg);
|
|
618
|
+
}
|
|
619
|
+
}
|
|
620
|
+
|
|
621
|
+
@keyframes style__m6b9n21 {
|
|
622
|
+
0% {
|
|
623
|
+
stroke-dasharray: 1 200;
|
|
624
|
+
stroke-dashoffset: 0;
|
|
625
|
+
}
|
|
626
|
+
|
|
627
|
+
50% {
|
|
628
|
+
stroke-dasharray: 100 200;
|
|
629
|
+
stroke-dashoffset: -15px;
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
100% {
|
|
633
|
+
stroke-dasharray: 100 200;
|
|
634
|
+
stroke-dashoffset: -125px;
|
|
635
|
+
}
|
|
636
|
+
}
|
|
637
|
+
|
|
638
|
+
.style__m6b9n22 {
|
|
639
|
+
display: inline-block;
|
|
640
|
+
position: relative;
|
|
641
|
+
}
|
|
642
|
+
|
|
643
|
+
.style__m6b9n23 {
|
|
644
|
+
transform-origin: center;
|
|
645
|
+
width: 100%;
|
|
646
|
+
height: 100%;
|
|
647
|
+
display: block;
|
|
648
|
+
}
|
|
649
|
+
|
|
650
|
+
.style__m6b9n24 {
|
|
651
|
+
stroke: currentColor;
|
|
652
|
+
stroke-linecap: round;
|
|
653
|
+
transition: stroke-dashoffset .35s;
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
.determinate__m6b9n25 {
|
|
657
|
+
& style__m6b9n23 {
|
|
658
|
+
transform: rotate(-90deg);
|
|
659
|
+
}
|
|
660
|
+
|
|
661
|
+
& style__m6b9n24 {
|
|
662
|
+
transition: stroke-dashoffset .35s;
|
|
663
|
+
}
|
|
664
|
+
}
|
|
665
|
+
|
|
666
|
+
.indeterminate__m6b9n26 {
|
|
667
|
+
animation: 1.4s linear infinite style__m6b9n20;
|
|
668
|
+
|
|
669
|
+
& style__m6b9n24 {
|
|
670
|
+
animation: 1.4s ease-in-out infinite style__m6b9n21;
|
|
671
|
+
}
|
|
672
|
+
}
|
|
673
|
+
|
|
674
|
+
.primary__m6b9n27 {
|
|
675
|
+
color: var(--colors-primary);
|
|
676
|
+
}
|
|
677
|
+
|
|
678
|
+
.secondary__m6b9n28 {
|
|
679
|
+
color: var(--colors-secondary);
|
|
680
|
+
}
|
|
681
|
+
|
|
682
|
+
.inherit__m6b9n29 {
|
|
683
|
+
color: inherit;
|
|
684
|
+
}
|
|
685
|
+
|
|
615
686
|
.style__1rv6t1j0 {
|
|
616
687
|
min-height: var(--spacing-8);
|
|
617
688
|
border: 1px solid var(--colors-border);
|
|
@@ -1305,6 +1376,15 @@ img, picture, video, canvas, svg {
|
|
|
1305
1376
|
}
|
|
1306
1377
|
|
|
1307
1378
|
.style__17arfox6 {
|
|
1379
|
+
min-height: var(--spacing-10);
|
|
1380
|
+
padding: var(--spacing-2);
|
|
1381
|
+
color: var(--colors-text-secondary);
|
|
1382
|
+
justify-content: center;
|
|
1383
|
+
align-items: center;
|
|
1384
|
+
display: flex;
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
.style__17arfox7 {
|
|
1308
1388
|
color: var(--colors-text-secondary);
|
|
1309
1389
|
font-size: var(--fontSize-xs);
|
|
1310
1390
|
margin-left: auto;
|
|
@@ -2007,77 +2087,6 @@ a.outline__1af895x4:hover {
|
|
|
2007
2087
|
stroke-width: 3px;
|
|
2008
2088
|
}
|
|
2009
2089
|
|
|
2010
|
-
@keyframes style__m6b9n20 {
|
|
2011
|
-
to {
|
|
2012
|
-
transform: rotate(360deg);
|
|
2013
|
-
}
|
|
2014
|
-
}
|
|
2015
|
-
|
|
2016
|
-
@keyframes style__m6b9n21 {
|
|
2017
|
-
0% {
|
|
2018
|
-
stroke-dasharray: 1 200;
|
|
2019
|
-
stroke-dashoffset: 0;
|
|
2020
|
-
}
|
|
2021
|
-
|
|
2022
|
-
50% {
|
|
2023
|
-
stroke-dasharray: 100 200;
|
|
2024
|
-
stroke-dashoffset: -15px;
|
|
2025
|
-
}
|
|
2026
|
-
|
|
2027
|
-
100% {
|
|
2028
|
-
stroke-dasharray: 100 200;
|
|
2029
|
-
stroke-dashoffset: -125px;
|
|
2030
|
-
}
|
|
2031
|
-
}
|
|
2032
|
-
|
|
2033
|
-
.style__m6b9n22 {
|
|
2034
|
-
display: inline-block;
|
|
2035
|
-
position: relative;
|
|
2036
|
-
}
|
|
2037
|
-
|
|
2038
|
-
.style__m6b9n23 {
|
|
2039
|
-
transform-origin: center;
|
|
2040
|
-
width: 100%;
|
|
2041
|
-
height: 100%;
|
|
2042
|
-
display: block;
|
|
2043
|
-
}
|
|
2044
|
-
|
|
2045
|
-
.style__m6b9n24 {
|
|
2046
|
-
stroke: currentColor;
|
|
2047
|
-
stroke-linecap: round;
|
|
2048
|
-
transition: stroke-dashoffset .35s;
|
|
2049
|
-
}
|
|
2050
|
-
|
|
2051
|
-
.determinate__m6b9n25 {
|
|
2052
|
-
& style__m6b9n23 {
|
|
2053
|
-
transform: rotate(-90deg);
|
|
2054
|
-
}
|
|
2055
|
-
|
|
2056
|
-
& style__m6b9n24 {
|
|
2057
|
-
transition: stroke-dashoffset .35s;
|
|
2058
|
-
}
|
|
2059
|
-
}
|
|
2060
|
-
|
|
2061
|
-
.indeterminate__m6b9n26 {
|
|
2062
|
-
animation: 1.4s linear infinite style__m6b9n20;
|
|
2063
|
-
|
|
2064
|
-
& style__m6b9n24 {
|
|
2065
|
-
animation: 1.4s ease-in-out infinite style__m6b9n21;
|
|
2066
|
-
}
|
|
2067
|
-
}
|
|
2068
|
-
|
|
2069
|
-
.primary__m6b9n27 {
|
|
2070
|
-
color: var(--colors-primary);
|
|
2071
|
-
}
|
|
2072
|
-
|
|
2073
|
-
.secondary__m6b9n28 {
|
|
2074
|
-
color: var(--colors-secondary);
|
|
2075
|
-
}
|
|
2076
|
-
|
|
2077
|
-
.inherit__m6b9n29 {
|
|
2078
|
-
color: inherit;
|
|
2079
|
-
}
|
|
2080
|
-
|
|
2081
2090
|
@keyframes style__1xy4jvu0 {
|
|
2082
2091
|
from {
|
|
2083
2092
|
opacity: 0;
|