@aracreate/arm-ui 3.7.1 → 3.8.1
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 +17 -4
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +4 -1
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -25,7 +25,7 @@ the previously published types until the bump happens.
|
|
|
25
25
|
| Framework | React 19 (peer: `>=18`) |
|
|
26
26
|
| Bundler | `tsup` — ESM + CJS + `.d.ts` |
|
|
27
27
|
| Styling | UnoCSS, shipped as the `acPreset` preset and a pre-built `style.css` |
|
|
28
|
-
| Primitives | Radix
|
|
28
|
+
| Primitives | Radix Themes and `@radix-ui/react-icons`, re-exported from this package |
|
|
29
29
|
| Calendar grid | `react-big-calendar`, with brand overrides shipped separately |
|
|
30
30
|
| Catalogue | Storybook |
|
|
31
31
|
| Tests | Vitest — two configs (components, Storybook) — plus axe accessibility tests |
|
|
@@ -76,10 +76,23 @@ is the way to actually look at them.
|
|
|
76
76
|
| Shell | `Sidebar`, `Topbar`, `SearchOverlay` |
|
|
77
77
|
| Data display | `DataTableRow`, `MetricCard`, `AppCard`, `ActivityRow`, `AccentHeader`, `CardFooter`, `IconTile` |
|
|
78
78
|
| Feedback & state | `Toast`, `ConfirmDialog`, `Skeleton`, `EmptyCard`, `DashboardErrorCard` |
|
|
79
|
-
| Icons | `ProviderIcon`, `GoogleIcon`, `MicrosoftIcon` |
|
|
79
|
+
| Icons | `ProviderIcon`, `GoogleIcon`, `MicrosoftIcon`, plus the whole Radix icon set (`Cross2Icon`, `ChevronDownIcon`, …) |
|
|
80
|
+
| Basics | The Radix Themes components, re-exported — see below |
|
|
80
81
|
|
|
81
|
-
|
|
82
|
-
|
|
82
|
+
### The basics
|
|
83
|
+
|
|
84
|
+
`Button`, `Text`, `Flex`, `TextField`, `Dialog`, `Select` and the rest of the basic Radix Themes
|
|
85
|
+
components are exported from this package too — import them from `@aracreate/arm-ui`, not from
|
|
86
|
+
`@radix-ui/themes`. So are all the Radix icons.
|
|
87
|
+
|
|
88
|
+
They are the **identical Radix objects**, not wrappers, so behaviour and props are Radix's own and its
|
|
89
|
+
docs apply. `src/components/primitives.ts` is the list; a component becomes a real wrapper only when ARM
|
|
90
|
+
needs something Radix does not give, and that edit is then made here alone.
|
|
91
|
+
|
|
92
|
+
Two names differ from Radix. Radix `Link` is exported as **`TextLink`** (react-router's `Link` shares
|
|
93
|
+
files with it). `Skeleton` is this library's own, not Radix's. `Theme` is not exported at all —
|
|
94
|
+
`UIProvider` owns it. `primitives.test.ts` fails on any Radix export that is neither re-exported nor
|
|
95
|
+
named there, so upgrading Radix cannot add a component silently.
|
|
83
96
|
|
|
84
97
|
## Installation and setup in a consuming app
|
|
85
98
|
|
package/dist/index.d.mts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import { ThemeProps } from '@radix-ui/themes';
|
|
2
|
+
export { AccessibleIcon, AccessibleIconProps, AlertDialog, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, Box, BoxProps, Button, ButtonProps, Callout, Card, CardProps, Checkbox, CheckboxCards, CheckboxGroup, CheckboxProps, Code, CodeProps, Container, ContainerProps, ContextMenu, DataList, Dialog, DropdownMenu, Em, EmProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, HoverCard, IconButton, IconButtonProps, Inset, InsetProps, Kbd, KbdProps, Popover, Portal, PortalProps, Progress, ProgressProps, Quote, QuoteProps, Radio, RadioCards, RadioGroup, RadioProps, ScrollArea, ScrollAreaProps, Section, SectionProps, SegmentedControl, Select, Separator, SeparatorProps, Slider, SliderProps, Slot, Slottable, Spinner, SpinnerProps, Strong, StrongProps, Switch, SwitchProps, TabNav, Table, Tabs, Text, TextArea, TextAreaProps, TextField, Link as TextLink, LinkProps as TextLinkProps, TextProps, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps } from '@radix-ui/themes';
|
|
1
3
|
import * as react from 'react';
|
|
2
4
|
import react__default, { CSSProperties, ReactNode } from 'react';
|
|
3
5
|
import { HeaderProps, ToolbarProps } from 'react-big-calendar';
|
|
4
6
|
export { View } from 'react-big-calendar';
|
|
5
7
|
import { ClassValue } from 'clsx';
|
|
6
|
-
|
|
8
|
+
export * from '@radix-ui/react-icons';
|
|
7
9
|
|
|
8
10
|
/**
|
|
9
11
|
* Skeleton — loading placeholder. Generalizes the local `Skel` helper and the
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import { ThemeProps } from '@radix-ui/themes';
|
|
2
|
+
export { AccessibleIcon, AccessibleIconProps, AlertDialog, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, Blockquote, BlockquoteProps, Box, BoxProps, Button, ButtonProps, Callout, Card, CardProps, Checkbox, CheckboxCards, CheckboxGroup, CheckboxProps, Code, CodeProps, Container, ContainerProps, ContextMenu, DataList, Dialog, DropdownMenu, Em, EmProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, HoverCard, IconButton, IconButtonProps, Inset, InsetProps, Kbd, KbdProps, Popover, Portal, PortalProps, Progress, ProgressProps, Quote, QuoteProps, Radio, RadioCards, RadioGroup, RadioProps, ScrollArea, ScrollAreaProps, Section, SectionProps, SegmentedControl, Select, Separator, SeparatorProps, Slider, SliderProps, Slot, Slottable, Spinner, SpinnerProps, Strong, StrongProps, Switch, SwitchProps, TabNav, Table, Tabs, Text, TextArea, TextAreaProps, TextField, Link as TextLink, LinkProps as TextLinkProps, TextProps, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps } from '@radix-ui/themes';
|
|
1
3
|
import * as react from 'react';
|
|
2
4
|
import react__default, { CSSProperties, ReactNode } from 'react';
|
|
3
5
|
import { HeaderProps, ToolbarProps } from 'react-big-calendar';
|
|
4
6
|
export { View } from 'react-big-calendar';
|
|
5
7
|
import { ClassValue } from 'clsx';
|
|
6
|
-
|
|
8
|
+
export * from '@radix-ui/react-icons';
|
|
7
9
|
|
|
8
10
|
/**
|
|
9
11
|
* Skeleton — loading placeholder. Generalizes the local `Skel` helper and the
|