@tempoxyz/ds 0.3.6 → 0.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/web/components/Accordion.js.zyzz.json +1 -1
- package/dist/web/components/AddressCard.css +1 -1
- package/dist/web/components/AddressCard.js.zyzz.json +1 -1
- package/dist/web/components/AgentLogo.css +1 -1
- package/dist/web/components/AgentLogo.js.zyzz.json +1 -1
- package/dist/web/components/Alert.js.zyzz.json +1 -1
- package/dist/web/components/AlertDialog.js.zyzz.json +1 -1
- package/dist/web/components/Amount.js.zyzz.json +1 -1
- package/dist/web/components/AmountInput.css +1 -1
- package/dist/web/components/AmountInput.js +1 -1
- package/dist/web/components/AmountInput.js.map +1 -1
- package/dist/web/components/AmountInput.js.zyzz.json +1 -1
- package/dist/web/components/AppShell.css +1 -1
- package/dist/web/components/AppShell.d.ts +31 -110
- package/dist/web/components/AppShell.d.ts.map +1 -1
- package/dist/web/components/AppShell.js +40 -44
- package/dist/web/components/AppShell.js.map +1 -1
- package/dist/web/components/AppShell.js.zyzz.json +1 -1
- package/dist/web/components/AssetChip.css +1 -1
- package/dist/web/components/AssetChip.js.zyzz.json +1 -1
- package/dist/web/components/Autocomplete.js.zyzz.json +1 -1
- package/dist/web/components/Avatar.js.zyzz.json +1 -1
- package/dist/web/components/Badge.css +1 -1
- package/dist/web/components/Badge.d.ts +1 -1
- package/dist/web/components/Badge.js.map +1 -1
- package/dist/web/components/Badge.js.zyzz.json +1 -1
- package/dist/web/components/BadgedLogo.css +1 -0
- package/dist/web/components/BadgedLogo.d.ts +44 -0
- package/dist/web/components/BadgedLogo.d.ts.map +1 -0
- package/dist/web/components/BadgedLogo.js +59 -0
- package/dist/web/components/BadgedLogo.js.map +1 -0
- package/dist/web/components/BadgedLogo.js.zyzz.json +1 -0
- package/dist/web/components/Banner.js.zyzz.json +1 -1
- package/dist/web/components/BarChart.css +1 -1
- package/dist/web/components/BarChart.d.ts +1 -1
- package/dist/web/components/BarChart.js.map +1 -1
- package/dist/web/components/BarChart.js.zyzz.json +1 -1
- package/dist/web/components/Breadcrumbs.js.zyzz.json +1 -1
- package/dist/web/components/Button.css +1 -1
- package/dist/web/components/Button.d.ts +40 -31
- package/dist/web/components/Button.d.ts.map +1 -1
- package/dist/web/components/Button.js +25 -8
- package/dist/web/components/Button.js.map +1 -1
- package/dist/web/components/Button.js.zyzz.json +1 -1
- package/dist/web/components/ButtonGroup.js.zyzz.json +1 -1
- package/dist/web/components/Calendar.css +1 -1
- package/dist/web/components/Calendar.js.zyzz.json +1 -1
- package/dist/web/components/Callout.js.zyzz.json +1 -1
- package/dist/web/components/Checkbox.css +1 -1
- package/dist/web/components/Checkbox.js.zyzz.json +1 -1
- package/dist/web/components/CheckboxGroup.js.zyzz.json +1 -1
- package/dist/web/components/ChoiceGroup.css +1 -1
- package/dist/web/components/ChoiceGroup.js.zyzz.json +1 -1
- package/dist/web/components/Choicebox.css +1 -1
- package/dist/web/components/Choicebox.js.zyzz.json +1 -1
- package/dist/web/components/Code.js.zyzz.json +1 -1
- package/dist/web/components/Combobox.css +1 -1
- package/dist/web/components/Combobox.js.zyzz.json +1 -1
- package/dist/web/components/Container.js.zyzz.json +1 -1
- package/dist/web/components/CopyButton.js.zyzz.json +1 -1
- package/dist/web/components/DatePicker.css +1 -1
- package/dist/web/components/DatePicker.js.zyzz.json +1 -1
- package/dist/web/components/Dialog.css +1 -1
- package/dist/web/components/Dialog.d.ts +14 -0
- package/dist/web/components/Dialog.d.ts.map +1 -1
- package/dist/web/components/Dialog.js +7 -5
- package/dist/web/components/Dialog.js.map +1 -1
- package/dist/web/components/Dialog.js.zyzz.json +1 -1
- package/dist/web/components/Drawer.css +1 -1
- package/dist/web/components/Drawer.js.zyzz.json +1 -1
- package/dist/web/components/Empty.js.zyzz.json +1 -1
- package/dist/web/components/Field.js.zyzz.json +1 -1
- package/dist/web/components/Fieldset.js.zyzz.json +1 -1
- package/dist/web/components/Frame.js.zyzz.json +1 -1
- package/dist/web/components/Gauge.js.zyzz.json +1 -1
- package/dist/web/components/GetStartedVisual.js.zyzz.json +1 -1
- package/dist/web/components/Grid.js.zyzz.json +1 -1
- package/dist/web/components/HeroVisual.js.zyzz.json +1 -1
- package/dist/web/components/Hex.js.zyzz.json +1 -1
- package/dist/web/components/IconTile.js.zyzz.json +1 -1
- package/dist/web/components/Identicon.js.zyzz.json +1 -1
- package/dist/web/components/Inline.js.zyzz.json +1 -1
- package/dist/web/components/Inset.js.zyzz.json +1 -1
- package/dist/web/components/Kbd.js.zyzz.json +1 -1
- package/dist/web/components/ListGroup.css +1 -1
- package/dist/web/components/ListGroup.d.ts +46 -4
- package/dist/web/components/ListGroup.d.ts.map +1 -1
- package/dist/web/components/ListGroup.js +11 -9
- package/dist/web/components/ListGroup.js.map +1 -1
- package/dist/web/components/ListGroup.js.zyzz.json +1 -1
- package/dist/web/components/LoadingDots.js.zyzz.json +1 -1
- package/dist/web/components/Menu.css +1 -1
- package/dist/web/components/Menu.js.zyzz.json +1 -1
- package/dist/web/components/NativeSelect.css +1 -1
- package/dist/web/components/NativeSelect.js.zyzz.json +1 -1
- package/dist/web/components/NetworkLogo.js.zyzz.json +1 -1
- package/dist/web/components/NumberField.js.zyzz.json +1 -1
- package/dist/web/components/OtpField.css +1 -1
- package/dist/web/components/OtpField.js.zyzz.json +1 -1
- package/dist/web/components/Pagination.css +1 -1
- package/dist/web/components/Pagination.js.zyzz.json +1 -1
- package/dist/web/components/Popover.css +1 -1
- package/dist/web/components/Popover.js.zyzz.json +1 -1
- package/dist/web/components/Progress.js.zyzz.json +1 -1
- package/dist/web/components/Qr.js.zyzz.json +1 -1
- package/dist/web/components/RadioGroup.css +1 -1
- package/dist/web/components/RadioGroup.js.zyzz.json +1 -1
- package/dist/web/components/SecretValue.js.zyzz.json +1 -1
- package/dist/web/components/Select.css +1 -1
- package/dist/web/components/Select.d.ts +14 -7
- package/dist/web/components/Select.d.ts.map +1 -1
- package/dist/web/components/Select.js +8 -6
- package/dist/web/components/Select.js.map +1 -1
- package/dist/web/components/Select.js.zyzz.json +1 -1
- package/dist/web/components/Separator.js.zyzz.json +1 -1
- package/dist/web/components/SidebarMenu.css +1 -1
- package/dist/web/components/SidebarMenu.d.ts +102 -11
- package/dist/web/components/SidebarMenu.d.ts.map +1 -1
- package/dist/web/components/SidebarMenu.js +58 -4
- package/dist/web/components/SidebarMenu.js.map +1 -1
- package/dist/web/components/SidebarMenu.js.zyzz.json +1 -1
- package/dist/web/components/Skeleton.js.zyzz.json +1 -1
- package/dist/web/components/Slider.js.zyzz.json +1 -1
- package/dist/web/components/Snippet.css +1 -1
- package/dist/web/components/Snippet.js.zyzz.json +1 -1
- package/dist/web/components/Spinner.css +1 -1
- package/dist/web/components/Spinner.d.ts +40 -12
- package/dist/web/components/Spinner.d.ts.map +1 -1
- package/dist/web/components/Spinner.js +8 -7
- package/dist/web/components/Spinner.js.map +1 -1
- package/dist/web/components/Spinner.js.zyzz.json +1 -1
- package/dist/web/components/SplitBar.js.zyzz.json +1 -1
- package/dist/web/components/SplitButton.js.zyzz.json +1 -1
- package/dist/web/components/Stack.js.zyzz.json +1 -1
- package/dist/web/components/StatusChip.js.zyzz.json +1 -1
- package/dist/web/components/StatusIndicator.js.zyzz.json +1 -1
- package/dist/web/components/StatusRow.js.zyzz.json +1 -1
- package/dist/web/components/Stepper.js.zyzz.json +1 -1
- package/dist/web/components/SuccessHero.css +1 -1
- package/dist/web/components/SuccessHero.d.ts.map +1 -1
- package/dist/web/components/SuccessHero.js +0 -2
- package/dist/web/components/SuccessHero.js.map +1 -1
- package/dist/web/components/SuccessHero.js.zyzz.json +1 -1
- package/dist/web/components/Surface.css +1 -1
- package/dist/web/components/Surface.d.ts +1 -1
- package/dist/web/components/Surface.js.map +1 -1
- package/dist/web/components/Surface.js.zyzz.json +1 -1
- package/dist/web/components/Switch.css +1 -1
- package/dist/web/components/Switch.d.ts +1 -1
- package/dist/web/components/Switch.js.map +1 -1
- package/dist/web/components/Switch.js.zyzz.json +1 -1
- package/dist/web/components/Table.css +1 -1
- package/dist/web/components/Table.js.zyzz.json +1 -1
- package/dist/web/components/Tabs.css +1 -1
- package/dist/web/components/Tabs.d.ts +9 -18
- package/dist/web/components/Tabs.d.ts.map +1 -1
- package/dist/web/components/Tabs.js.map +1 -1
- package/dist/web/components/Tabs.js.zyzz.json +1 -1
- package/dist/web/components/TempoLogo.js.zyzz.json +1 -1
- package/dist/web/components/TextInput.js.zyzz.json +1 -1
- package/dist/web/components/Textarea.css +1 -1
- package/dist/web/components/Textarea.js.zyzz.json +1 -1
- package/dist/web/components/Toast.css +1 -1
- package/dist/web/components/Toast.d.ts.map +1 -1
- package/dist/web/components/Toast.js +6 -7
- package/dist/web/components/Toast.js.map +1 -1
- package/dist/web/components/Toast.js.zyzz.json +1 -1
- package/dist/web/components/Token.css +1 -1
- package/dist/web/components/Token.d.ts.map +1 -1
- package/dist/web/components/Token.js +1 -1
- package/dist/web/components/Token.js.map +1 -1
- package/dist/web/components/Token.js.zyzz.json +1 -1
- package/dist/web/components/TokenLogo.js.zyzz.json +1 -1
- package/dist/web/components/Tooltip.css +1 -1
- package/dist/web/components/Tooltip.js.zyzz.json +1 -1
- package/dist/web/components/VerificationCode.js.zyzz.json +1 -1
- package/dist/web/components/Visual.css +1 -1
- package/dist/web/components/Visual.js.zyzz.json +1 -1
- package/dist/web/components/internal/Field.css +1 -1
- package/dist/web/components/internal/Field.js.zyzz.json +1 -1
- package/dist/web/components/internal/InputGroup.css +1 -1
- package/dist/web/components/internal/InputGroup.js.zyzz.json +1 -1
- package/dist/web/components/internal/Listbox.css +1 -1
- package/dist/web/components/internal/Listbox.js.zyzz.json +1 -1
- package/dist/web/components/internal/Streaks.js.zyzz.json +1 -1
- package/dist/web/components/internal/TabBar.d.ts +1 -1
- package/dist/web/index.d.ts +1 -0
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +1 -0
- package/dist/web/index.js.map +1 -1
- package/dist/web/index.js.zyzz.json +1 -1
- package/dist/web/vars.d.ts +50 -4
- package/dist/web/vars.d.ts.map +1 -1
- package/dist/web/vars.js.map +1 -1
- package/dist/web/vars.js.zyzz.json +1 -1
- package/dist/web/zyzz.config.d.ts +250 -20
- package/dist/web/zyzz.config.d.ts.map +1 -1
- package/dist/web/zyzz.config.js.zyzz.json +1 -1
- package/package.json +1 -1
- package/src/web/components/AmountInput.tsx +6 -1
- package/src/web/components/AppShell.tsx +64 -125
- package/src/web/components/Badge.tsx +1 -1
- package/src/web/components/BadgedLogo.tsx +125 -0
- package/src/web/components/BarChart.tsx +1 -1
- package/src/web/components/Button.tsx +66 -36
- package/src/web/components/Dialog.tsx +11 -0
- package/src/web/components/ListGroup.tsx +53 -7
- package/src/web/components/Select.tsx +15 -8
- package/src/web/components/SidebarMenu.tsx +165 -11
- package/src/web/components/Spinner.tsx +34 -11
- package/src/web/components/SuccessHero.tsx +2 -4
- package/src/web/components/Surface.tsx +1 -1
- package/src/web/components/Switch.tsx +1 -1
- package/src/web/components/Tabs.tsx +10 -20
- package/src/web/components/Toast.tsx +17 -5
- package/src/web/components/Token.tsx +2 -4
- package/src/web/components/internal/TabBar.ts +1 -1
- package/src/web/index.ts +1 -0
- package/src/web/vars.ts +43 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
.z_tds_2f_web-rvpwDc0{animation:.8s linear infinite z-kid-tds_2f_web_2f_spinner_2f_rotation}.z_tds_2f_web-rvpwDc1{height:100%}.z_tds_2f_web-rvpwDc2{width:100%}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-
|
|
1
|
+
.z_tds_2f_web-rvpwDc0{animation:.8s linear infinite z-kid-tds_2f_web_2f_spinner_2f_rotation}.z_tds_2f_web-rvpwDc1{height:100%}.z_tds_2f_web-rvpwDc2{width:100%}.z_tds_2f_web-rvpwDc3{&>*{vector-effect:non-scaling-stroke}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-rvpwDc4{animation:none}}.z_tds_2f_web-rvpwDc5{align-items:center}.z_tds_2f_web-rvpwDc6{color:inherit}.z_tds_2f_web-rvpwDc7{display:inline-flex}.z_tds_2f_web-rvpwDc8{flex-shrink:0}.z_tds_2f_web-rvpwDc9{height:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-rvpwDca{justify-content:center}.z_tds_2f_web-rvpwDcb{width:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-rvpwDcc{&:where([data-size="40"]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-rvpwDcd{&:where([data-size="40"]){width:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-rvpwDce{&:where([data-size="40"]){&>svg>*{stroke-width:2.5px}}}.z_tds_2f_web-rvpwDcf{&:where([data-elevated=true]):where(*,.__zyzz-compound-0){background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),#1a1a1a))}}.z_tds_2f_web-rvpwDcg{&:where([data-elevated=true]):where(*,.__zyzz-compound-0){border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-rvpwDch{&:where([data-elevated=true]):where(*,.__zyzz-compound-0){box-shadow:0 12px 36px #0000000a,0 8px 32px #0000000a,0 4px 12px #0000000a}}.z_tds_2f_web-rvpwDci{&:where([data-elevated=true]):where(*,.__zyzz-compound-0){height:var(--z-tds_2f_web-spacing-44,2.75rem)}}.z_tds_2f_web-rvpwDcj{&:where([data-elevated=true]):where(*,.__zyzz-compound-0){width:var(--z-tds_2f_web-spacing-44,2.75rem)}}.z_tds_2f_web-rvpwDck{&:where([data-elevated=true]):where(*,.__zyzz-compound-0){&>svg{height:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-rvpwDcl{&:where([data-elevated=true]):where(*,.__zyzz-compound-0){&>svg{width:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-rvpwDcm{&:where([data-elevated=true]):where(*,.__zyzz-compound-0){&>svg>*{stroke-width:1px}}}.z_tds_2f_web-rvpwDcn{stroke:light-dark(#000,currentColor)}
|
|
@@ -4,8 +4,9 @@ import type * as zyzz from 'zyzz';
|
|
|
4
4
|
* An indeterminate loading indicator. Renders a Base UI `Progress.Root` with
|
|
5
5
|
* `role="progressbar"`, no `aria-valuenow`, and the name `Loading`. The arc draws in
|
|
6
6
|
* `currentColor` on a faint track, black in light mode and the text color in dark mode, and stops
|
|
7
|
-
* rotating under `prefers-reduced-motion: reduce`. `
|
|
8
|
-
* with a
|
|
7
|
+
* rotating under `prefers-reduced-motion: reduce`. `size` sets the ring to 16px or 40px, and the
|
|
8
|
+
* ring and its stroke scale together. `elevated` places a 16px ring on a 44px elevated tile with a
|
|
9
|
+
* shadow, whatever the `size`.
|
|
9
10
|
*
|
|
10
11
|
* - Pass `aria-label` to say what is loading, such as `Loading transactions`.
|
|
11
12
|
* - Show it only after a short delay, so fast responses do not flash an indicator.
|
|
@@ -35,22 +36,49 @@ declare namespace styles {
|
|
|
35
36
|
readonly justifyContent: "center";
|
|
36
37
|
readonly width: "16";
|
|
37
38
|
};
|
|
39
|
+
readonly compoundVariants: readonly [{
|
|
40
|
+
readonly when: {
|
|
41
|
+
readonly elevated: true;
|
|
42
|
+
};
|
|
43
|
+
readonly style: {
|
|
44
|
+
readonly backgroundColor: "background.elevated";
|
|
45
|
+
readonly borderRadius: "xs";
|
|
46
|
+
readonly boxShadow: "0 12px 36px #0000000a, 0 8px 32px #0000000a, 0 4px 12px #0000000a !custom";
|
|
47
|
+
readonly height: "44";
|
|
48
|
+
readonly width: "44";
|
|
49
|
+
readonly selectors: {
|
|
50
|
+
readonly '& > svg': {
|
|
51
|
+
readonly height: "16";
|
|
52
|
+
readonly width: "16";
|
|
53
|
+
};
|
|
54
|
+
readonly '& > svg > *': {
|
|
55
|
+
readonly strokeWidth: "1px !custom";
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
}];
|
|
38
60
|
readonly defaultVariants: {
|
|
39
61
|
readonly elevated: false;
|
|
62
|
+
readonly size: "16";
|
|
40
63
|
};
|
|
41
64
|
readonly variants: {
|
|
42
65
|
readonly elevated: {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
66
|
+
false: {};
|
|
67
|
+
true: {};
|
|
68
|
+
};
|
|
69
|
+
/**
|
|
70
|
+
* The width and height of the ring, in pixels. The 40px ring draws a 2.5px stroke.
|
|
71
|
+
*
|
|
72
|
+
* @default '16'
|
|
73
|
+
*/
|
|
74
|
+
readonly size: {
|
|
75
|
+
readonly '16': {};
|
|
76
|
+
readonly '40': {
|
|
77
|
+
readonly height: "40";
|
|
78
|
+
readonly width: "40";
|
|
50
79
|
readonly selectors: {
|
|
51
|
-
readonly '& > svg': {
|
|
52
|
-
readonly
|
|
53
|
-
readonly width: "16";
|
|
80
|
+
readonly '& > svg > *': {
|
|
81
|
+
readonly strokeWidth: "2.5px !custom";
|
|
54
82
|
};
|
|
55
83
|
};
|
|
56
84
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/web/components/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/web/components/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAoB3C;AAED,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAChE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;CAC7C;AAOD,kBAAU,MAAM,CAAC;IACR,MAAM,KAAK,gCAUjB,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAiCF,KAAK;gBAAM,IAAI;;YAC3B;;;;eAIG;;;;;;;;;;;;;;eAYR,CAAA;IAIM,MAAM,KAAK,gCAGjB,CAAA;CACF"}
|
|
@@ -8,8 +8,9 @@ import { style, variants } from '../zyzz.config.js';
|
|
|
8
8
|
* An indeterminate loading indicator. Renders a Base UI `Progress.Root` with
|
|
9
9
|
* `role="progressbar"`, no `aria-valuenow`, and the name `Loading`. The arc draws in
|
|
10
10
|
* `currentColor` on a faint track, black in light mode and the text color in dark mode, and stops
|
|
11
|
-
* rotating under `prefers-reduced-motion: reduce`. `
|
|
12
|
-
* with a
|
|
11
|
+
* rotating under `prefers-reduced-motion: reduce`. `size` sets the ring to 16px or 40px, and the
|
|
12
|
+
* ring and its stroke scale together. `elevated` places a 16px ring on a 44px elevated tile with a
|
|
13
|
+
* shadow, whatever the `size`.
|
|
13
14
|
*
|
|
14
15
|
* - Pass `aria-label` to say what is loading, such as `Loading transactions`.
|
|
15
16
|
* - Show it only after a short delay, so fast responses do not flash an indicator.
|
|
@@ -24,17 +25,17 @@ import { style, variants } from '../zyzz.config.js';
|
|
|
24
25
|
* @see {@link https://www.w3.org/WAI/WCAG22/Understanding/pause-stop-hide.html | WCAG 2.2 Pause, Stop, Hide}
|
|
25
26
|
*/
|
|
26
27
|
export function Spinner(props) {
|
|
27
|
-
const { className, elevated, vars, ...attributes } = props;
|
|
28
|
-
return (_jsx(BaseUi.Progress.Root, { "aria-label": "Loading", ...attributes, ...styles.spinner({ className, elevated, style: props.style, vars }), value: null, children: _jsxs("svg", { "aria-hidden": "true", ...styles.glyph(), fill: "none", viewBox: "0 0 16 16", children: [_jsx("circle", { cx: "8", cy: "8", r: "6", strokeOpacity: "0.08", ...styles.track() }), _jsx("path", { d: "M14 7.97422C14 9.3007 13.5642 10.5901 12.7601 11.6425C11.9561 12.6948 10.8287 13.4514 9.55292 13.7947C8.27712 14.138 6.92417 14.0489 5.70391 13.5413C4.48364 13.0337 3.46426 12.1359 2.80386 10.9871C2.14345 9.83835 1.87894 8.50283 2.05134 7.1877C2.22374 5.87257 2.82342 4.65132 3.75737 3.71336C4.69132 2.77539 5.90734 2.17314 7.21685 2", stroke: "currentColor", strokeLinecap: "round" })] }) }));
|
|
28
|
+
const { className, elevated, size, vars, ...attributes } = props;
|
|
29
|
+
return (_jsx(BaseUi.Progress.Root, { "aria-label": "Loading", ...attributes, ...styles.spinner({ className, elevated, size, style: props.style, vars }), value: null, children: _jsxs("svg", { "aria-hidden": "true", ...styles.glyph(), fill: "none", viewBox: "0 0 16 16", children: [_jsx("circle", { cx: "8", cy: "8", r: "6", strokeOpacity: "0.08", ...styles.track() }), _jsx("path", { d: "M14 7.97422C14 9.3007 13.5642 10.5901 12.7601 11.6425C11.9561 12.6948 10.8287 13.4514 9.55292 13.7947C8.27712 14.138 6.92417 14.0489 5.70391 13.5413C4.48364 13.0337 3.46426 12.1359 2.80386 10.9871C2.14345 9.83835 1.87894 8.50283 2.05134 7.1877C2.22374 5.87257 2.82342 4.65132 3.75737 3.71336C4.69132 2.77539 5.90734 2.17314 7.21685 2", stroke: "currentColor", strokeLinecap: "round" })] }) }));
|
|
29
30
|
}
|
|
30
31
|
const rotation = "z-kid-tds_2f_web_2f_spinner_2f_rotation";
|
|
31
32
|
var styles;
|
|
32
33
|
(function (styles) {
|
|
33
|
-
styles.glyph = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-rvpwDc0 z_tds_2f_web-rvpwDc1 z_tds_2f_web-rvpwDc2 z_tds_2f_web-rvpwDc3"});
|
|
34
|
-
styles.spinner = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-
|
|
34
|
+
styles.glyph = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-rvpwDc0 z_tds_2f_web-rvpwDc1 z_tds_2f_web-rvpwDc2 z_tds_2f_web-rvpwDc3 z_tds_2f_web-rvpwDc4"});
|
|
35
|
+
styles.spinner = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-rvpwDc5 z_tds_2f_web-rvpwDc6 z_tds_2f_web-rvpwDc7 z_tds_2f_web-rvpwDc8 z_tds_2f_web-rvpwDc9 z_tds_2f_web-rvpwDca z_tds_2f_web-rvpwDcb z_tds_2f_web-rvpwDcc z_tds_2f_web-rvpwDcd z_tds_2f_web-rvpwDce z_tds_2f_web-rvpwDcf z_tds_2f_web-rvpwDcg z_tds_2f_web-rvpwDch z_tds_2f_web-rvpwDci z_tds_2f_web-rvpwDcj z_tds_2f_web-rvpwDck z_tds_2f_web-rvpwDcl z_tds_2f_web-rvpwDcm"+" "+external:"z_tds_2f_web-rvpwDc5 z_tds_2f_web-rvpwDc6 z_tds_2f_web-rvpwDc7 z_tds_2f_web-rvpwDc8 z_tds_2f_web-rvpwDc9 z_tds_2f_web-rvpwDca z_tds_2f_web-rvpwDcb z_tds_2f_web-rvpwDcc z_tds_2f_web-rvpwDcd z_tds_2f_web-rvpwDce z_tds_2f_web-rvpwDcf z_tds_2f_web-rvpwDcg z_tds_2f_web-rvpwDch z_tds_2f_web-rvpwDci z_tds_2f_web-rvpwDcj z_tds_2f_web-rvpwDck z_tds_2f_web-rvpwDcl z_tds_2f_web-rvpwDcm",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"elevated")?input["elevated"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-elevated"]=String(value);value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="16";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
|
|
35
36
|
// Figma draws the track in black at 8% in every scheme. Its black has no dark value, so the dark
|
|
36
37
|
// track keeps the text color, which stays visible on a dark surface.
|
|
37
|
-
styles.track = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-
|
|
38
|
+
styles.track = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-rvpwDcn"});
|
|
38
39
|
})(styles || (styles = {}));
|
|
39
40
|
//# sourceMappingURL=Spinner.js.map
|
|
40
41
|
import './Spinner.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/web/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAA;AAGjD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEnD
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/web/components/Spinner.tsx"],"names":[],"mappings":"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"}
|