@astryxdesign/core 0.2.0-canary.dfccd57 → 0.2.0-canary.e0de50f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -3
- package/dist/AppShell/AppShell.d.ts +1 -19
- package/dist/AppShell/AppShell.d.ts.map +1 -1
- package/dist/AppShell/AppShell.js +0 -13
- package/dist/AppShell/index.d.ts +20 -1
- package/dist/AppShell/index.d.ts.map +1 -1
- package/dist/AppShell/index.js +14 -0
- package/dist/Avatar/AvatarStatusDot.d.ts +1 -25
- package/dist/Avatar/AvatarStatusDot.d.ts.map +1 -1
- package/dist/Avatar/AvatarStatusDot.js +0 -21
- package/dist/Avatar/index.d.ts +26 -1
- package/dist/Avatar/index.d.ts.map +1 -1
- package/dist/Avatar/index.js +21 -0
- package/dist/AvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroup.js +3 -7
- package/dist/Badge/Badge.d.ts +1 -29
- package/dist/Badge/Badge.d.ts.map +1 -1
- package/dist/Badge/Badge.js +1 -16
- package/dist/Badge/index.d.ts +31 -2
- package/dist/Badge/index.d.ts.map +1 -1
- package/dist/Badge/index.js +15 -1
- package/dist/Banner/Banner.d.ts +1 -36
- package/dist/Banner/Banner.d.ts.map +1 -1
- package/dist/Banner/Banner.js +0 -28
- package/dist/Banner/index.d.ts +37 -1
- package/dist/Banner/index.d.ts.map +1 -1
- package/dist/Banner/index.js +27 -0
- package/dist/Breadcrumbs/BreadcrumbItem.js +3 -2
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +1 -17
- package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +0 -14
- package/dist/Breadcrumbs/index.d.ts +18 -1
- package/dist/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/Breadcrumbs/index.js +14 -0
- package/dist/Button/Button.d.ts +1 -19
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +1 -16
- package/dist/Button/index.d.ts +21 -3
- package/dist/Button/index.d.ts.map +1 -1
- package/dist/Button/index.js +15 -1
- package/dist/Carousel/Carousel.d.ts +53 -2
- package/dist/Carousel/Carousel.d.ts.map +1 -1
- package/dist/Carousel/Carousel.js +81 -14
- package/dist/Carousel/index.d.ts +1 -1
- package/dist/Carousel/index.d.ts.map +1 -1
- package/dist/Chat/ChatComposerDrawer.js +2 -2
- package/dist/Chat/ChatSendButton.d.ts.map +1 -1
- package/dist/Chat/ChatSendButton.js +4 -2
- package/dist/Collapsible/Collapsible.js +2 -2
- package/dist/CommandPalette/CommandPaletteInput.d.ts +1 -1
- package/dist/CommandPalette/CommandPaletteInput.d.ts.map +1 -1
- package/dist/CommandPalette/CommandPaletteInput.js +3 -1
- package/dist/ComplexSelector/ComplexSelector.d.ts +108 -0
- package/dist/ComplexSelector/ComplexSelector.d.ts.map +1 -0
- package/dist/ComplexSelector/ComplexSelector.js +316 -0
- package/dist/ComplexSelector/index.d.ts +7 -0
- package/dist/ComplexSelector/index.d.ts.map +1 -0
- package/dist/ComplexSelector/index.js +10 -0
- package/dist/ContextMenu/ContextMenu.d.ts +1 -1
- package/dist/ContextMenu/ContextMenu.d.ts.map +1 -1
- package/dist/ContextMenu/ContextMenu.js +13 -4
- package/dist/Dialog/Dialog.d.ts +1 -17
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +1 -16
- package/dist/Dialog/index.d.ts +18 -1
- package/dist/Dialog/index.d.ts.map +1 -1
- package/dist/Dialog/index.js +14 -0
- package/dist/Divider/Divider.d.ts +1 -17
- package/dist/Divider/Divider.d.ts.map +1 -1
- package/dist/Divider/Divider.js +0 -14
- package/dist/Divider/index.d.ts +18 -1
- package/dist/Divider/index.d.ts.map +1 -1
- package/dist/Divider/index.js +14 -0
- package/dist/DropdownMenu/DropdownMenu.d.ts +8 -2
- package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenu.js +22 -18
- package/dist/Field/FieldLabel.d.ts +1 -1
- package/dist/Field/FieldLabel.d.ts.map +1 -1
- package/dist/Field/FieldLabel.js +40 -1
- package/dist/FieldStatus/FieldStatus.d.ts +1 -18
- package/dist/FieldStatus/FieldStatus.d.ts.map +1 -1
- package/dist/FieldStatus/FieldStatus.js +0 -14
- package/dist/FieldStatus/index.d.ts +19 -1
- package/dist/FieldStatus/index.d.ts.map +1 -1
- package/dist/FieldStatus/index.js +14 -0
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/Icon.js +3 -1
- package/dist/Icon/globalIconRegistry.d.ts +47 -5
- package/dist/Icon/globalIconRegistry.d.ts.map +1 -1
- package/dist/Icon/globalIconRegistry.js +73 -6
- package/dist/Icon/index.d.ts +4 -3
- package/dist/Icon/index.d.ts.map +1 -1
- package/dist/Icon/index.js +2 -1
- package/dist/Icon/useIcon.d.ts +14 -0
- package/dist/Icon/useIcon.d.ts.map +1 -0
- package/dist/Icon/useIcon.js +21 -0
- package/dist/Markdown/Markdown.d.ts.map +1 -1
- package/dist/Markdown/Markdown.js +31 -9
- package/dist/MoreMenu/MoreMenu.js +2 -2
- package/dist/MultiSelector/MultiSelector.d.ts +12 -3
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +99 -20
- package/dist/Pagination/Pagination.d.ts +1 -20
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +14 -29
- package/dist/Pagination/index.d.ts +21 -1
- package/dist/Pagination/index.d.ts.map +1 -1
- package/dist/Pagination/index.js +14 -0
- package/dist/Popover/Popover.d.ts +19 -2
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/Popover/Popover.js +4 -0
- package/dist/ProgressBar/ProgressBar.d.ts +1 -20
- package/dist/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/ProgressBar/ProgressBar.js +0 -14
- package/dist/ProgressBar/index.d.ts +21 -1
- package/dist/ProgressBar/index.d.ts.map +1 -1
- package/dist/ProgressBar/index.js +14 -0
- package/dist/Section/Section.d.ts +1 -18
- package/dist/Section/Section.d.ts.map +1 -1
- package/dist/Section/Section.js +0 -14
- package/dist/Section/index.d.ts +19 -1
- package/dist/Section/index.d.ts.map +1 -1
- package/dist/Section/index.js +14 -0
- package/dist/Selector/Selector.d.ts +11 -2
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +99 -20
- package/dist/SideNav/SideNavCollapseButton.d.ts.map +1 -1
- package/dist/SideNav/SideNavCollapseButton.js +3 -2
- package/dist/SideNav/SideNavHeading.d.ts.map +1 -1
- package/dist/SideNav/SideNavHeading.js +7 -6
- package/dist/SideNav/SideNavItem.d.ts +1 -1
- package/dist/SideNav/SideNavItem.d.ts.map +1 -1
- package/dist/SideNav/SideNavItem.js +5 -6
- package/dist/StatusDot/StatusDot.d.ts +1 -20
- package/dist/StatusDot/StatusDot.d.ts.map +1 -1
- package/dist/StatusDot/StatusDot.js +1 -16
- package/dist/StatusDot/index.d.ts +21 -1
- package/dist/StatusDot/index.d.ts.map +1 -1
- package/dist/StatusDot/index.js +14 -0
- package/dist/Text/index.d.ts +31 -1
- package/dist/Text/index.d.ts.map +1 -1
- package/dist/Text/index.js +23 -0
- package/dist/Timestamp/Timestamp.d.ts +4 -1
- package/dist/Timestamp/Timestamp.d.ts.map +1 -1
- package/dist/Timestamp/Timestamp.js +76 -5
- package/dist/Timestamp/formatInstant.d.ts +3 -3
- package/dist/Timestamp/formatInstant.d.ts.map +1 -1
- package/dist/Timestamp/formatInstant.js +2 -2
- package/dist/Timestamp/tooltipEntries.d.ts +3 -2
- package/dist/Timestamp/tooltipEntries.d.ts.map +1 -1
- package/dist/Timestamp/tooltipEntries.js +3 -2
- package/dist/Token/Token.d.ts +1 -26
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/Token.js +0 -14
- package/dist/Token/index.d.ts +27 -1
- package/dist/Token/index.d.ts.map +1 -1
- package/dist/Token/index.js +14 -0
- package/dist/TopNav/TopNavHeading.d.ts.map +1 -1
- package/dist/TopNav/TopNavHeading.js +6 -5
- package/dist/TopNav/TopNavMegaMenu.js +5 -3
- package/dist/TopNav/TopNavMenu.d.ts.map +1 -1
- package/dist/TopNav/TopNavMenu.js +4 -3
- package/dist/TreeList/TreeListItem.d.ts.map +1 -1
- package/dist/TreeList/TreeListItem.js +3 -2
- package/dist/TreeList/TreeListTypes.d.ts +1 -17
- package/dist/TreeList/TreeListTypes.d.ts.map +1 -1
- package/dist/TreeList/index.d.ts +18 -1
- package/dist/TreeList/index.d.ts.map +1 -1
- package/dist/TreeList/index.js +14 -0
- package/dist/astryx.css +25 -1
- package/dist/astryx.umd.js +50 -50
- package/dist/astryx.umd.js.map +4 -4
- package/dist/hooks/containerReveal.pool.stylex.d.ts +49 -27
- package/dist/hooks/containerReveal.pool.stylex.d.ts.map +1 -1
- package/dist/hooks/containerReveal.pool.stylex.js +40 -29
- package/dist/hooks/useContainerReveal.d.ts +1 -1
- package/dist/hooks/useContainerReveal.d.ts.map +1 -1
- package/dist/hooks/useContainerReveal.js +1 -1
- package/dist/hooks/useGridFocus.d.ts +8 -6
- package/dist/hooks/useGridFocus.d.ts.map +1 -1
- package/dist/hooks/useInputContainer.d.ts.map +1 -1
- package/dist/hooks/useInputContainer.js +29 -1
- package/dist/hooks/useListFocus.d.ts +8 -7
- package/dist/hooks/useListFocus.d.ts.map +1 -1
- package/dist/hooks/useTreeFocus.d.ts.map +1 -1
- package/dist/hooks/useTreeFocus.js +13 -2
- package/dist/i18n/InternationalizationProvider.d.ts +6 -0
- package/dist/i18n/InternationalizationProvider.d.ts.map +1 -1
- package/dist/i18n/useDirection.d.ts.map +1 -1
- package/dist/i18n/useDirection.js +6 -3
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/theme/Theme.d.ts.map +1 -1
- package/dist/theme/Theme.js +2 -7
- package/dist/theme/defineTheme.d.ts.map +1 -1
- package/dist/theme/defineTheme.js +4 -1
- package/dist/theme/index.d.ts +4 -2
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +2 -1
- package/dist/theme/themeRegistry.d.ts +32 -0
- package/dist/theme/themeRegistry.d.ts.map +1 -0
- package/dist/theme/themeRegistry.js +49 -0
- package/dist/theme/types.d.ts +1 -30
- package/dist/theme/types.d.ts.map +1 -1
- package/dist/theme/useTheme.d.ts +9 -0
- package/dist/theme/useTheme.d.ts.map +1 -1
- package/dist/theme/useTheme.js +82 -27
- package/package.json +7 -2
- package/src/AppShell/AppShell.tsx +1 -19
- package/src/AppShell/index.ts +20 -1
- package/src/Avatar/AvatarStatusDot.tsx +1 -26
- package/src/Avatar/index.ts +26 -1
- package/src/AvatarGroup/AvatarGroup.tsx +2 -6
- package/src/Badge/Badge.tsx +1 -30
- package/src/Badge/index.ts +32 -6
- package/src/Banner/Banner.tsx +1 -38
- package/src/Banner/index.ts +39 -7
- package/src/Breadcrumbs/BreadcrumbItem.tsx +4 -2
- package/src/Breadcrumbs/Breadcrumbs.tsx +1 -18
- package/src/Breadcrumbs/index.ts +19 -5
- package/src/Button/Button.tsx +1 -20
- package/src/Button/index.ts +22 -7
- package/src/Carousel/Carousel.doc.mjs +7 -0
- package/src/Carousel/Carousel.test.tsx +232 -1
- package/src/Carousel/Carousel.tsx +143 -20
- package/src/Carousel/index.ts +1 -1
- package/src/Chat/ChatComposerDrawer.tsx +2 -2
- package/src/Chat/ChatSendButton.tsx +5 -3
- package/src/CheckboxInput/CheckboxInput.test.tsx +33 -0
- package/src/Collapsible/Collapsible.tsx +2 -2
- package/src/CommandPalette/CommandPaletteInput.tsx +4 -0
- package/src/ComplexSelector/ComplexSelector.doc.mjs +179 -0
- package/src/ComplexSelector/ComplexSelector.test.tsx +156 -0
- package/src/ComplexSelector/ComplexSelector.tsx +429 -0
- package/src/ComplexSelector/index.ts +17 -0
- package/src/ContextMenu/ContextMenu.tsx +16 -4
- package/src/Dialog/Dialog.tsx +1 -18
- package/src/Dialog/index.ts +18 -1
- package/src/Divider/Divider.tsx +1 -18
- package/src/Divider/index.ts +19 -5
- package/src/DropdownMenu/DropdownMenu.doc.mjs +12 -0
- package/src/DropdownMenu/DropdownMenu.test.tsx +87 -0
- package/src/DropdownMenu/DropdownMenu.tsx +30 -19
- package/src/Field/FieldLabel.test.tsx +78 -0
- package/src/Field/FieldLabel.tsx +49 -2
- package/src/FieldStatus/FieldStatus.tsx +1 -19
- package/src/FieldStatus/index.ts +20 -5
- package/src/Icon/Icon.doc.mjs +1 -0
- package/src/Icon/Icon.test.tsx +23 -0
- package/src/Icon/Icon.tsx +3 -1
- package/src/Icon/globalIconRegistry.test.tsx +87 -1
- package/src/Icon/globalIconRegistry.tsx +108 -8
- package/src/Icon/index.ts +9 -7
- package/src/Icon/useIcon.ts +23 -0
- package/src/List/ListItem.doc.mjs +1 -1
- package/src/Markdown/Markdown.doc.mjs +80 -0
- package/src/Markdown/Markdown.test.tsx +92 -0
- package/src/Markdown/Markdown.tsx +93 -65
- package/src/Markdown/parser.perf.test.ts +47 -35
- package/src/MoreMenu/MoreMenu.tsx +2 -2
- package/src/MultiSelector/MultiSelector.doc.mjs +32 -7
- package/src/MultiSelector/MultiSelector.test.tsx +186 -0
- package/src/MultiSelector/MultiSelector.tsx +188 -48
- package/src/Pagination/Pagination.tsx +13 -31
- package/src/Pagination/index.ts +21 -1
- package/src/Popover/Popover.doc.mjs +28 -0
- package/src/Popover/Popover.test.tsx +41 -0
- package/src/Popover/Popover.tsx +24 -1
- package/src/ProgressBar/ProgressBar.tsx +1 -21
- package/src/ProgressBar/index.ts +22 -5
- package/src/Section/Section.tsx +1 -19
- package/src/Section/index.ts +20 -5
- package/src/Selector/Selector.doc.mjs +25 -5
- package/src/Selector/Selector.test.tsx +163 -0
- package/src/Selector/Selector.tsx +187 -48
- package/src/SideNav/SideNavCollapseButton.tsx +3 -2
- package/src/SideNav/SideNavHeading.tsx +7 -8
- package/src/SideNav/SideNavItem.tsx +4 -5
- package/src/StatusDot/StatusDot.tsx +1 -21
- package/src/StatusDot/index.ts +22 -5
- package/src/Switch/Switch.test.tsx +34 -0
- package/src/Text/index.ts +31 -1
- package/src/Timestamp/Timestamp.doc.mjs +2 -2
- package/src/Timestamp/Timestamp.test.tsx +131 -0
- package/src/Timestamp/Timestamp.tsx +91 -8
- package/src/Timestamp/formatInstant.ts +3 -4
- package/src/Timestamp/tooltipEntries.ts +3 -2
- package/src/Token/Token.tsx +1 -27
- package/src/Token/index.ts +28 -1
- package/src/TopNav/TopNavHeading.tsx +6 -7
- package/src/TopNav/TopNavMegaMenu.tsx +5 -3
- package/src/TopNav/TopNavMenu.tsx +4 -3
- package/src/TreeList/TreeListItem.tsx +3 -2
- package/src/TreeList/TreeListTypes.ts +1 -18
- package/src/TreeList/index.ts +19 -1
- package/src/hooks/containerReveal.pool.stylex.ts +154 -47
- package/src/hooks/useContainerReveal.doc.mjs +5 -5
- package/src/hooks/useContainerReveal.ts +5 -4
- package/src/hooks/useGridFocus.ts +8 -6
- package/src/hooks/useInputContainer.test.tsx +180 -0
- package/src/hooks/useInputContainer.ts +36 -1
- package/src/hooks/useListFocus.ts +8 -7
- package/src/hooks/useTreeFocus.test.tsx +53 -1
- package/src/hooks/useTreeFocus.ts +13 -2
- package/src/i18n/InternationalizationProvider.doc.mjs +12 -0
- package/src/i18n/InternationalizationProvider.tsx +6 -0
- package/src/i18n/useDirection.ts +6 -3
- package/src/index.ts +2 -0
- package/src/theme/Theme.tsx +3 -7
- package/src/theme/defineTheme.ts +5 -1
- package/src/theme/index.ts +8 -2
- package/src/theme/themeRegistry.test.ts +59 -0
- package/src/theme/themeRegistry.ts +53 -0
- package/src/theme/types.ts +2 -31
- package/src/theme/useTheme.test.tsx +48 -3
- package/src/theme/useTheme.ts +100 -29
package/README.md
CHANGED
|
@@ -75,10 +75,12 @@ astryx gap-report # report a missing capability
|
|
|
75
75
|
|
|
76
76
|
## Quick Start
|
|
77
77
|
|
|
78
|
+
Astryx requires **React 19** or later (`react` and `react-dom` >= 19.0.0 are peer dependencies).
|
|
79
|
+
|
|
78
80
|
Install Astryx and a theme:
|
|
79
81
|
|
|
80
82
|
```bash
|
|
81
|
-
npm install @astryxdesign/core @astryxdesign/theme-neutral
|
|
83
|
+
npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex
|
|
82
84
|
```
|
|
83
85
|
|
|
84
86
|
Then pick your setup below based on your framework and styling approach.
|
|
@@ -226,7 +228,7 @@ export default function Page() {
|
|
|
226
228
|
Use the pre-built dist alongside StyleX for your own styles.
|
|
227
229
|
|
|
228
230
|
```bash
|
|
229
|
-
npm install @astryxdesign/core @astryxdesign/theme-neutral
|
|
231
|
+
npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex
|
|
230
232
|
```
|
|
231
233
|
|
|
232
234
|
**`src/app/globals.css`**
|
|
@@ -242,7 +244,7 @@ Providers and layout are the same as the Tailwind example (use `@astryxdesign/th
|
|
|
242
244
|
### Vite
|
|
243
245
|
|
|
244
246
|
```bash
|
|
245
|
-
npm install @astryxdesign/core @astryxdesign/theme-neutral
|
|
247
|
+
npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex
|
|
246
248
|
```
|
|
247
249
|
|
|
248
250
|
Same CSS imports and providers as above. No build plugins needed; Astryx ships pre-built.
|
|
@@ -17,6 +17,7 @@ import React from 'react';
|
|
|
17
17
|
import { type ReactNode } from 'react';
|
|
18
18
|
import type { SpacingStep } from '../utils/types';
|
|
19
19
|
import type { BaseProps } from '../BaseProps';
|
|
20
|
+
import type { AppShellVariantMap } from './index';
|
|
20
21
|
/**
|
|
21
22
|
* SideNav breakpoint options.
|
|
22
23
|
* - `sm`: 640px
|
|
@@ -33,25 +34,6 @@ export type AppShellBreakpoint = 'sm' | 'md' | 'lg' | 'none';
|
|
|
33
34
|
* - `elevated`: Wash nav background with elevated surface content + border radius
|
|
34
35
|
* @default 'elevated'
|
|
35
36
|
*/
|
|
36
|
-
/**
|
|
37
|
-
* Extensible variant map for AppShell.
|
|
38
|
-
*
|
|
39
|
-
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
40
|
-
* @example
|
|
41
|
-
* ```
|
|
42
|
-
* declare module '@astryxdesign/core/AppShell' {
|
|
43
|
-
* interface AppShellVariantMap {
|
|
44
|
-
* 'glass': true;
|
|
45
|
-
* }
|
|
46
|
-
* }
|
|
47
|
-
* ```
|
|
48
|
-
*/
|
|
49
|
-
export interface AppShellVariantMap {
|
|
50
|
-
wash: true;
|
|
51
|
-
surface: true;
|
|
52
|
-
section: true;
|
|
53
|
-
elevated: true;
|
|
54
|
-
}
|
|
55
37
|
/**
|
|
56
38
|
* Navigation background style. Extensible via module augmentation of AppShellVariantMap.
|
|
57
39
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAmBf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAmBf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAM5C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AA8BhD;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE7D;;;;;;;GAOG;AAEH;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,eAAe,GAAG,SAAS,CAAC;IAEhD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAkKD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAoB,EACpB,MAAM,EACN,QAAQ,EACR,cAAc,EACd,aAAa,EAAE,UAAU,EACzB,MAAe,EACf,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,qBAsXf;yBArYe,QAAQ"}
|
|
@@ -84,19 +84,6 @@ const MAIN_CONTENT_ID = 'astryx-app-shell-main';
|
|
|
84
84
|
* - `elevated`: Wash nav background with elevated surface content + border radius
|
|
85
85
|
* @default 'elevated'
|
|
86
86
|
*/
|
|
87
|
-
/**
|
|
88
|
-
* Extensible variant map for AppShell.
|
|
89
|
-
*
|
|
90
|
-
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
91
|
-
* @example
|
|
92
|
-
* ```
|
|
93
|
-
* declare module '@astryxdesign/core/AppShell' {
|
|
94
|
-
* interface AppShellVariantMap {
|
|
95
|
-
* 'glass': true;
|
|
96
|
-
* }
|
|
97
|
-
* }
|
|
98
|
-
* ```
|
|
99
|
-
*/
|
|
100
87
|
|
|
101
88
|
/**
|
|
102
89
|
* Navigation background style. Extensible via module augmentation of AppShellVariantMap.
|
package/dist/AppShell/index.d.ts
CHANGED
|
@@ -6,8 +6,27 @@
|
|
|
6
6
|
*
|
|
7
7
|
* SYNC: When modified, update this header and /packages/core/src/AppShell/AppShell.doc.mjs
|
|
8
8
|
*/
|
|
9
|
+
/**
|
|
10
|
+
* Extensible variant map for AppShell.
|
|
11
|
+
*
|
|
12
|
+
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
13
|
+
* @example
|
|
14
|
+
* ```
|
|
15
|
+
* declare module '@astryxdesign/core/AppShell' {
|
|
16
|
+
* interface AppShellVariantMap {
|
|
17
|
+
* 'glass': true;
|
|
18
|
+
* }
|
|
19
|
+
* }
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
export interface AppShellVariantMap {
|
|
23
|
+
wash: true;
|
|
24
|
+
surface: true;
|
|
25
|
+
section: true;
|
|
26
|
+
elevated: true;
|
|
27
|
+
}
|
|
9
28
|
export { AppShell } from './AppShell';
|
|
10
|
-
export type { AppShellProps, AppShellBreakpoint, AppShellVariant,
|
|
29
|
+
export type { AppShellProps, AppShellBreakpoint, AppShellVariant, MobileNavConfig, } from './AppShell';
|
|
11
30
|
export { useAppShellMobile, AppShellMobileContext, } from './AppShellMobileContext';
|
|
12
31
|
export type { AppShellMobileContextValue } from './AppShellMobileContext';
|
|
13
32
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AppShell/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AppShell/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,QAAQ,EAAE,IAAI,CAAC;CAChB;AAED,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAC,0BAA0B,EAAC,MAAM,yBAAyB,CAAC"}
|
package/dist/AppShell/index.js
CHANGED
|
@@ -10,5 +10,19 @@
|
|
|
10
10
|
*
|
|
11
11
|
* SYNC: When modified, update this header and /packages/core/src/AppShell/AppShell.doc.mjs
|
|
12
12
|
*/
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Extensible variant map for AppShell.
|
|
16
|
+
*
|
|
17
|
+
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
18
|
+
* @example
|
|
19
|
+
* ```
|
|
20
|
+
* declare module '@astryxdesign/core/AppShell' {
|
|
21
|
+
* interface AppShellVariantMap {
|
|
22
|
+
* 'glass': true;
|
|
23
|
+
* }
|
|
24
|
+
* }
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
13
27
|
export { AppShell } from "./AppShell.js";
|
|
14
28
|
export { useAppShellMobile, AppShellMobileContext } from "./AppShellMobileContext.js";
|
|
@@ -12,31 +12,7 @@
|
|
|
12
12
|
*/
|
|
13
13
|
import React, { type ReactNode } from 'react';
|
|
14
14
|
import type { BaseProps } from '../BaseProps';
|
|
15
|
-
|
|
16
|
-
* Extensible variant map for AvatarStatusDot.
|
|
17
|
-
*
|
|
18
|
-
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
19
|
-
* @example
|
|
20
|
-
* ```
|
|
21
|
-
* declare module '@astryxdesign/core/Avatar' {
|
|
22
|
-
* interface AvatarStatusDotVariantMap {
|
|
23
|
-
* 'away': true;
|
|
24
|
-
* }
|
|
25
|
-
* }
|
|
26
|
-
* ```
|
|
27
|
-
*
|
|
28
|
-
* Custom variants render no background fill, no ink colour, and no built-in
|
|
29
|
-
* shape glyph — the theme must supply the fill and, if it passes an `icon`,
|
|
30
|
-
* a `color` for it to paint with. It should also supply a non-colour mark
|
|
31
|
-
* so the status is not distinguishable by colour alone (a WCAG 1.4.1
|
|
32
|
-
* failure): pass `icon`, or theme a glyph onto the dot via
|
|
33
|
-
* `.astryx-avatar-status-dot[data-variant="..."]` (e.g. a `::before` mark).
|
|
34
|
-
*/
|
|
35
|
-
export interface AvatarStatusDotVariantMap {
|
|
36
|
-
success: true;
|
|
37
|
-
neutral: true;
|
|
38
|
-
error: true;
|
|
39
|
-
}
|
|
15
|
+
import type { AvatarStatusDotVariantMap } from './index';
|
|
40
16
|
/**
|
|
41
17
|
* AvatarStatusDot variant type. Extensible via module augmentation of AvatarStatusDotVariantMap.
|
|
42
18
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarStatusDot.d.ts","sourceRoot":"","sources":["../../src/Avatar/AvatarStatusDot.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAM,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"AvatarStatusDot.d.ts","sourceRoot":"","sources":["../../src/Avatar/AvatarStatusDot.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAM,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAM5C,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,SAAS,CAAC;AA4CvD;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,MAAM,yBAAyB,CAAC;AAErE,MAAM,WAAW,oBAAqB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACrE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;;;;;;OAkBG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA2JD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,OAAmB,EACnB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAyCtB;yBAlDe,eAAe"}
|
|
@@ -73,27 +73,6 @@ function resolveStatusDotSize(avatarSize) {
|
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
/**
|
|
77
|
-
* Extensible variant map for AvatarStatusDot.
|
|
78
|
-
*
|
|
79
|
-
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
80
|
-
* @example
|
|
81
|
-
* ```
|
|
82
|
-
* declare module '@astryxdesign/core/Avatar' {
|
|
83
|
-
* interface AvatarStatusDotVariantMap {
|
|
84
|
-
* 'away': true;
|
|
85
|
-
* }
|
|
86
|
-
* }
|
|
87
|
-
* ```
|
|
88
|
-
*
|
|
89
|
-
* Custom variants render no background fill, no ink colour, and no built-in
|
|
90
|
-
* shape glyph — the theme must supply the fill and, if it passes an `icon`,
|
|
91
|
-
* a `color` for it to paint with. It should also supply a non-colour mark
|
|
92
|
-
* so the status is not distinguishable by colour alone (a WCAG 1.4.1
|
|
93
|
-
* failure): pass `icon`, or theme a glyph onto the dot via
|
|
94
|
-
* `.astryx-avatar-status-dot[data-variant="..."]` (e.g. a `::before` mark).
|
|
95
|
-
*/
|
|
96
|
-
|
|
97
76
|
/**
|
|
98
77
|
* AvatarStatusDot variant type. Extensible via module augmentation of AvatarStatusDotVariantMap.
|
|
99
78
|
*/
|
package/dist/Avatar/index.d.ts
CHANGED
|
@@ -6,8 +6,33 @@
|
|
|
6
6
|
*
|
|
7
7
|
* SYNC: When modified, update this header and /packages/core/src/Avatar/Avatar.doc.mjs
|
|
8
8
|
*/
|
|
9
|
+
/**
|
|
10
|
+
* Extensible variant map for AvatarStatusDot.
|
|
11
|
+
*
|
|
12
|
+
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
13
|
+
* @example
|
|
14
|
+
* ```
|
|
15
|
+
* declare module '@astryxdesign/core/Avatar' {
|
|
16
|
+
* interface AvatarStatusDotVariantMap {
|
|
17
|
+
* 'away': true;
|
|
18
|
+
* }
|
|
19
|
+
* }
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* Custom variants render no background fill, no ink colour, and no built-in
|
|
23
|
+
* shape glyph — the theme must supply the fill and, if it passes an `icon`,
|
|
24
|
+
* a `color` for it to paint with. It should also supply a non-colour mark
|
|
25
|
+
* so the status is not distinguishable by colour alone (a WCAG 1.4.1
|
|
26
|
+
* failure): pass `icon`, or theme a glyph onto the dot via
|
|
27
|
+
* `.astryx-avatar-status-dot[data-variant="..."]` (e.g. a `::before` mark).
|
|
28
|
+
*/
|
|
29
|
+
export interface AvatarStatusDotVariantMap {
|
|
30
|
+
success: true;
|
|
31
|
+
neutral: true;
|
|
32
|
+
error: true;
|
|
33
|
+
}
|
|
9
34
|
export { Avatar, resolveSize } from './Avatar';
|
|
10
35
|
export type { AvatarProps, AvatarSize } from './Avatar';
|
|
11
36
|
export { AvatarStatusDot } from './AvatarStatusDot';
|
|
12
|
-
export type { AvatarStatusDotProps, AvatarStatusDotVariant,
|
|
37
|
+
export type { AvatarStatusDotProps, AvatarStatusDotVariant, } from './AvatarStatusDot';
|
|
13
38
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,UAAU,CAAC;AACtD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,YAAY,EACV,oBAAoB,EACpB,sBAAsB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;CACb;AAED,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,UAAU,CAAC;AACtD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,YAAY,EACV,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC"}
|
package/dist/Avatar/index.js
CHANGED
|
@@ -10,5 +10,26 @@
|
|
|
10
10
|
*
|
|
11
11
|
* SYNC: When modified, update this header and /packages/core/src/Avatar/Avatar.doc.mjs
|
|
12
12
|
*/
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Extensible variant map for AvatarStatusDot.
|
|
16
|
+
*
|
|
17
|
+
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
18
|
+
* @example
|
|
19
|
+
* ```
|
|
20
|
+
* declare module '@astryxdesign/core/Avatar' {
|
|
21
|
+
* interface AvatarStatusDotVariantMap {
|
|
22
|
+
* 'away': true;
|
|
23
|
+
* }
|
|
24
|
+
* }
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* Custom variants render no background fill, no ink colour, and no built-in
|
|
28
|
+
* shape glyph — the theme must supply the fill and, if it passes an `icon`,
|
|
29
|
+
* a `color` for it to paint with. It should also supply a non-colour mark
|
|
30
|
+
* so the status is not distinguishable by colour alone (a WCAG 1.4.1
|
|
31
|
+
* failure): pass `icon`, or theme a glyph onto the dot via
|
|
32
|
+
* `.astryx-avatar-status-dot[data-variant="..."]` (e.g. a `::before` mark).
|
|
33
|
+
*/
|
|
13
34
|
export { Avatar, resolveSize } from "./Avatar.js";
|
|
14
35
|
export { AvatarStatusDot } from "./AvatarStatusDot.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAA2B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAc,KAAK,UAAU,EAAC,MAAM,WAAW,CAAC;AAavD,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAW,EACX,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,kBAAkB,EAChC,kBAAkB,EAAE,wBAAwB,EAC5C,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAA2B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAc,KAAK,UAAU,EAAC,MAAM,WAAW,CAAC;AAavD,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAW,EACX,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,kBAAkB,EAChC,kBAAkB,EAAE,wBAAwB,EAC5C,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CAmE9B;yBAhFe,WAAW"}
|
|
@@ -87,11 +87,9 @@ export function AvatarGroup({
|
|
|
87
87
|
}), [size, overlap, numericSize]);
|
|
88
88
|
|
|
89
89
|
// The keyboard hint and roving tab stop only make sense once the group has
|
|
90
|
-
// interactive children. Detect their presence
|
|
91
|
-
//
|
|
92
|
-
// how the codebase reads direction elsewhere (`getComputedStyle(el).direction`).
|
|
90
|
+
// interactive children. Detect their presence from the rendered DOM after
|
|
91
|
+
// commit. (Arrow-key direction is auto-detected inside useListFocus.)
|
|
93
92
|
const [hasInteractiveItems, setHasInteractiveItems] = useState(false);
|
|
94
|
-
const [isRtl, setIsRtl] = useState(false);
|
|
95
93
|
|
|
96
94
|
// Single tab stop + roving arrow focus over the group's interactive items.
|
|
97
95
|
// `itemSelector` targets the shared `[data-avatar-item]` marker stamped on
|
|
@@ -105,8 +103,7 @@ export function AvatarGroup({
|
|
|
105
103
|
} = useListFocus({
|
|
106
104
|
itemSelector: '[data-avatar-item]',
|
|
107
105
|
orientation: 'horizontal',
|
|
108
|
-
hasRovingTabIndex: true
|
|
109
|
-
isRtl
|
|
106
|
+
hasRovingTabIndex: true
|
|
110
107
|
});
|
|
111
108
|
useIsomorphicLayoutEffect(() => {
|
|
112
109
|
const root = listRef.current;
|
|
@@ -114,7 +111,6 @@ export function AvatarGroup({
|
|
|
114
111
|
return;
|
|
115
112
|
}
|
|
116
113
|
setHasInteractiveItems(root.querySelector('[data-avatar-item]') != null);
|
|
117
|
-
setIsRtl(getComputedStyle(root).direction === 'rtl');
|
|
118
114
|
});
|
|
119
115
|
const hintId = useId();
|
|
120
116
|
const describedBy = [ariaDescribedByFromProps, hasInteractiveItems ? hintId : null].filter(Boolean).join(' ') || undefined;
|
package/dist/Badge/Badge.d.ts
CHANGED
|
@@ -13,35 +13,7 @@
|
|
|
13
13
|
*/
|
|
14
14
|
import type { ReactNode } from 'react';
|
|
15
15
|
import type { BaseProps } from '../BaseProps';
|
|
16
|
-
|
|
17
|
-
* Extensible variant map for Badge.
|
|
18
|
-
*
|
|
19
|
-
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
20
|
-
* @example
|
|
21
|
-
* ```
|
|
22
|
-
* declare module '@astryxdesign/core/Badge' {
|
|
23
|
-
* interface BadgeVariantMap {
|
|
24
|
-
* 'premium': true;
|
|
25
|
-
* }
|
|
26
|
-
* }
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
|
-
export interface BadgeVariantMap {
|
|
30
|
-
neutral: true;
|
|
31
|
-
info: true;
|
|
32
|
-
success: true;
|
|
33
|
-
warning: true;
|
|
34
|
-
error: true;
|
|
35
|
-
blue: true;
|
|
36
|
-
cyan: true;
|
|
37
|
-
green: true;
|
|
38
|
-
orange: true;
|
|
39
|
-
pink: true;
|
|
40
|
-
purple: true;
|
|
41
|
-
red: true;
|
|
42
|
-
teal: true;
|
|
43
|
-
yellow: true;
|
|
44
|
-
}
|
|
16
|
+
import type { BadgeVariantMap } from './index';
|
|
45
17
|
/**
|
|
46
18
|
* Badge variant type derived from BadgeVariantMap.
|
|
47
19
|
* Extensible via module augmentation of BadgeVariantMap.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAW5C,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAwF7C;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD,MAAM,WAAW,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,UAAU,+BAeZ;yBAxBe,KAAK"}
|
package/dist/Badge/Badge.js
CHANGED
|
@@ -20,11 +20,10 @@ import "../theme/tokens.stylex.js";
|
|
|
20
20
|
import { colorVars, spacingVars, radiusVars, fontWeightVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
21
21
|
import { mergeProps } from "../utils/index.js";
|
|
22
22
|
import { themeProps } from "../utils/themeProps.js";
|
|
23
|
-
|
|
23
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
24
|
/**
|
|
25
25
|
* Base badge styles
|
|
26
26
|
*/
|
|
27
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
28
27
|
const styles = {
|
|
29
28
|
base: {
|
|
30
29
|
k1xSpc: "x3nfvp2",
|
|
@@ -121,20 +120,6 @@ const variants = {
|
|
|
121
120
|
}
|
|
122
121
|
};
|
|
123
122
|
|
|
124
|
-
/**
|
|
125
|
-
* Extensible variant map for Badge.
|
|
126
|
-
*
|
|
127
|
-
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
128
|
-
* @example
|
|
129
|
-
* ```
|
|
130
|
-
* declare module '@astryxdesign/core/Badge' {
|
|
131
|
-
* interface BadgeVariantMap {
|
|
132
|
-
* 'premium': true;
|
|
133
|
-
* }
|
|
134
|
-
* }
|
|
135
|
-
* ```
|
|
136
|
-
*/
|
|
137
|
-
|
|
138
123
|
/**
|
|
139
124
|
* Badge variant type derived from BadgeVariantMap.
|
|
140
125
|
* Extensible via module augmentation of BadgeVariantMap.
|
package/dist/Badge/index.d.ts
CHANGED
|
@@ -1,11 +1,40 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @file index.ts
|
|
3
3
|
* @input Imports Badge component and types from Badge.tsx
|
|
4
|
-
* @output Exports Badge, BadgeProps, BadgeVariant
|
|
4
|
+
* @output Exports Badge, BadgeProps, BadgeVariant
|
|
5
5
|
* @position Component entry point; re-exported by /packages/core/src/index.ts
|
|
6
6
|
*
|
|
7
7
|
* SYNC: When modified, update this header and /packages/core/src/Badge/Badge.doc.mjs
|
|
8
8
|
*/
|
|
9
|
+
/**
|
|
10
|
+
* Extensible variant map for Badge.
|
|
11
|
+
*
|
|
12
|
+
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
13
|
+
* @example
|
|
14
|
+
* ```
|
|
15
|
+
* declare module '@astryxdesign/core/Badge' {
|
|
16
|
+
* interface BadgeVariantMap {
|
|
17
|
+
* 'premium': true;
|
|
18
|
+
* }
|
|
19
|
+
* }
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
export interface BadgeVariantMap {
|
|
23
|
+
neutral: true;
|
|
24
|
+
info: true;
|
|
25
|
+
success: true;
|
|
26
|
+
warning: true;
|
|
27
|
+
error: true;
|
|
28
|
+
blue: true;
|
|
29
|
+
cyan: true;
|
|
30
|
+
green: true;
|
|
31
|
+
orange: true;
|
|
32
|
+
pink: true;
|
|
33
|
+
purple: true;
|
|
34
|
+
red: true;
|
|
35
|
+
teal: true;
|
|
36
|
+
yellow: true;
|
|
37
|
+
}
|
|
9
38
|
export { Badge } from './Badge';
|
|
10
|
-
export type { BadgeProps, BadgeVariant
|
|
39
|
+
export type { BadgeProps, BadgeVariant } from './Badge';
|
|
11
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,IAAI,CAAC;IACZ,MAAM,EAAE,IAAI,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,IAAI,CAAC;IACb,GAAG,EAAE,IAAI,CAAC;IACV,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,IAAI,CAAC;CACd;AAED,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,YAAY,EAAC,UAAU,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC"}
|
package/dist/Badge/index.js
CHANGED
|
@@ -5,9 +5,23 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* @file index.ts
|
|
7
7
|
* @input Imports Badge component and types from Badge.tsx
|
|
8
|
-
* @output Exports Badge, BadgeProps, BadgeVariant
|
|
8
|
+
* @output Exports Badge, BadgeProps, BadgeVariant
|
|
9
9
|
* @position Component entry point; re-exported by /packages/core/src/index.ts
|
|
10
10
|
*
|
|
11
11
|
* SYNC: When modified, update this header and /packages/core/src/Badge/Badge.doc.mjs
|
|
12
12
|
*/
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Extensible variant map for Badge.
|
|
16
|
+
*
|
|
17
|
+
* Theme packages can add custom variants via TypeScript module augmentation:
|
|
18
|
+
* @example
|
|
19
|
+
* ```
|
|
20
|
+
* declare module '@astryxdesign/core/Badge' {
|
|
21
|
+
* interface BadgeVariantMap {
|
|
22
|
+
* 'premium': true;
|
|
23
|
+
* }
|
|
24
|
+
* }
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
13
27
|
export { Badge } from "./Badge.js";
|
package/dist/Banner/Banner.d.ts
CHANGED
|
@@ -29,47 +29,12 @@
|
|
|
29
29
|
import { type ReactNode } from 'react';
|
|
30
30
|
import type { BaseProps } from '../BaseProps';
|
|
31
31
|
import type { Elevation } from '../utils/types';
|
|
32
|
-
|
|
33
|
-
* Extensible status map for Banner.
|
|
34
|
-
*
|
|
35
|
-
* Theme packages can add custom statuses via TypeScript module augmentation:
|
|
36
|
-
* @example
|
|
37
|
-
* ```
|
|
38
|
-
* declare module '@astryxdesign/core/Banner' {
|
|
39
|
-
* interface BannerStatusMap {
|
|
40
|
-
* 'neutral': true;
|
|
41
|
-
* }
|
|
42
|
-
* }
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
export interface BannerStatusMap {
|
|
46
|
-
info: true;
|
|
47
|
-
warning: true;
|
|
48
|
-
error: true;
|
|
49
|
-
success: true;
|
|
50
|
-
}
|
|
32
|
+
import type { BannerStatusMap, BannerContainerMap } from './index';
|
|
51
33
|
/**
|
|
52
34
|
* Status type controlling the banner's icon and color.
|
|
53
35
|
* Extensible via module augmentation of BannerStatusMap.
|
|
54
36
|
*/
|
|
55
37
|
export type BannerStatus = keyof BannerStatusMap;
|
|
56
|
-
/**
|
|
57
|
-
* Extensible container map for Banner.
|
|
58
|
-
*
|
|
59
|
-
* Theme packages can add custom container types via TypeScript module augmentation:
|
|
60
|
-
* @example
|
|
61
|
-
* ```
|
|
62
|
-
* declare module '@astryxdesign/core/Banner' {
|
|
63
|
-
* interface BannerContainerMap {
|
|
64
|
-
* 'floating': true;
|
|
65
|
-
* }
|
|
66
|
-
* }
|
|
67
|
-
* ```
|
|
68
|
-
*/
|
|
69
|
-
export interface BannerContainerMap {
|
|
70
|
-
card: true;
|
|
71
|
-
section: true;
|
|
72
|
-
}
|
|
73
38
|
/**
|
|
74
39
|
* Container type of the banner.
|
|
75
40
|
* - `card`: standalone card with border-radius and shadow
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgB5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner/Banner.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgB5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAC,eAAe,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAMjE;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA+KD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAqB,EACrB,SAAS,EACT,UAAU,EACV,SAAkB,EAClB,SAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,sCAmJb;yBApKe,MAAM"}
|
package/dist/Banner/Banner.js
CHANGED
|
@@ -45,39 +45,11 @@ import { useTranslator } from "../i18n/index.js";
|
|
|
45
45
|
// Types
|
|
46
46
|
// =============================================================================
|
|
47
47
|
|
|
48
|
-
/**
|
|
49
|
-
* Extensible status map for Banner.
|
|
50
|
-
*
|
|
51
|
-
* Theme packages can add custom statuses via TypeScript module augmentation:
|
|
52
|
-
* @example
|
|
53
|
-
* ```
|
|
54
|
-
* declare module '@astryxdesign/core/Banner' {
|
|
55
|
-
* interface BannerStatusMap {
|
|
56
|
-
* 'neutral': true;
|
|
57
|
-
* }
|
|
58
|
-
* }
|
|
59
|
-
* ```
|
|
60
|
-
*/
|
|
61
|
-
|
|
62
48
|
/**
|
|
63
49
|
* Status type controlling the banner's icon and color.
|
|
64
50
|
* Extensible via module augmentation of BannerStatusMap.
|
|
65
51
|
*/
|
|
66
52
|
|
|
67
|
-
/**
|
|
68
|
-
* Extensible container map for Banner.
|
|
69
|
-
*
|
|
70
|
-
* Theme packages can add custom container types via TypeScript module augmentation:
|
|
71
|
-
* @example
|
|
72
|
-
* ```
|
|
73
|
-
* declare module '@astryxdesign/core/Banner' {
|
|
74
|
-
* interface BannerContainerMap {
|
|
75
|
-
* 'floating': true;
|
|
76
|
-
* }
|
|
77
|
-
* }
|
|
78
|
-
* ```
|
|
79
|
-
*/
|
|
80
|
-
|
|
81
53
|
/**
|
|
82
54
|
* Container type of the banner.
|
|
83
55
|
* - `card`: standalone card with border-radius and shadow
|
package/dist/Banner/index.d.ts
CHANGED
|
@@ -6,6 +6,42 @@
|
|
|
6
6
|
*
|
|
7
7
|
* SYNC: When modified, update this header and /packages/core/src/Banner/Banner.doc.mjs
|
|
8
8
|
*/
|
|
9
|
+
/**
|
|
10
|
+
* Extensible status map for Banner.
|
|
11
|
+
*
|
|
12
|
+
* Theme packages can add custom statuses via TypeScript module augmentation:
|
|
13
|
+
* @example
|
|
14
|
+
* ```
|
|
15
|
+
* declare module '@astryxdesign/core/Banner' {
|
|
16
|
+
* interface BannerStatusMap {
|
|
17
|
+
* 'neutral': true;
|
|
18
|
+
* }
|
|
19
|
+
* }
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
/**
|
|
23
|
+
* Extensible container map for Banner.
|
|
24
|
+
*
|
|
25
|
+
* Theme packages can add custom container types via TypeScript module augmentation:
|
|
26
|
+
* @example
|
|
27
|
+
* ```
|
|
28
|
+
* declare module '@astryxdesign/core/Banner' {
|
|
29
|
+
* interface BannerContainerMap {
|
|
30
|
+
* 'floating': true;
|
|
31
|
+
* }
|
|
32
|
+
* }
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
export interface BannerContainerMap {
|
|
36
|
+
card: true;
|
|
37
|
+
section: true;
|
|
38
|
+
}
|
|
39
|
+
export interface BannerStatusMap {
|
|
40
|
+
info: true;
|
|
41
|
+
warning: true;
|
|
42
|
+
error: true;
|
|
43
|
+
success: true;
|
|
44
|
+
}
|
|
9
45
|
export { Banner } from './Banner';
|
|
10
|
-
export type { BannerProps, BannerStatus,
|
|
46
|
+
export type { BannerProps, BannerStatus, BannerContainer } from './Banner';
|
|
11
47
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH;;;;;;;;;;;;GAYG;AACH;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,IAAI,CAAC;CACf;AAED,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,YAAY,EAAC,WAAW,EAAE,YAAY,EAAE,eAAe,EAAC,MAAM,UAAU,CAAC"}
|