wimui 0.12.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- import { ComponentSize } from '../../../types/tokens';
2
+ import { CARD_STYLED_PADDING, CARD_STYLED_RADIUS } from './styled-values';
3
3
  export type CardProps = {
4
4
  /**
5
5
  * If true, the card will be rendered as its child, merging its props onto that child.
@@ -9,10 +9,23 @@ export type CardProps = {
9
9
  variant?: "elevated" | "outline" | "flat" | "glass";
10
10
  /** Whether to enable hover animation and click effects */
11
11
  interactive?: boolean;
12
- /** Padding size */
13
- padding?: ComponentSize | "none";
14
- /** Corner radius size */
15
- radius?: ComponentSize | "none";
12
+ /**
13
+ * Padding size.
14
+ *
15
+ * Derived from the values `card.module.scss` implements, not from
16
+ * `ComponentSize`. Declaring the whole scale meant `padding="5xl"`
17
+ * type-checked and then did nothing (T38); deriving it means the type cannot
18
+ * drift from the stylesheet again, because `Card.unstyled-values.test.tsx`
19
+ * fails if the list stops matching the SCSS.
20
+ */
21
+ padding?: (typeof CARD_STYLED_PADDING)[number];
22
+ /**
23
+ * Corner radius size.
24
+ *
25
+ * Same derivation as `padding`. There is no `--wim-radius-xs` / `-3xl` /
26
+ * `-4xl` / `-5xl` token, so those values had nothing they could have meant.
27
+ */
28
+ radius?: (typeof CARD_STYLED_RADIUS)[number];
16
29
  } & React.ComponentPropsWithoutRef<"div">;
17
30
  interface CardComponent {
18
31
  (props: CardProps & {
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## What this is
6
6
 
7
- **wimui** v0.12.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
7
+ **wimui** v0.13.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
8
8
 
9
9
  ## Install & required setup
10
10
 
@@ -2099,8 +2099,17 @@ Useful for URL-based pagination (e.g. wrap with a Link via PaginationPage asChil
2099
2099
  - `asChild: boolean` = false — If true, the card will be rendered as its child, merging its props onto that child.
2100
2100
  - `variant: "elevated" | "outline" | "flat" | "glass"` = "elevated" — Visual style variant of the card
2101
2101
  - `interactive: boolean` = false — Whether to enable hover animation and click effects
2102
- - `padding: ComponentSize | "none"` = "md" — Padding size
2103
- - `radius: ComponentSize | "none"` = "lg" — Corner radius size
2102
+ - `padding: (typeof CARD_STYLED_PADDING)[number]` = "md" — Padding size.
2103
+
2104
+ Derived from the values `card.module.scss` implements, not from
2105
+ `ComponentSize`. Declaring the whole scale meant `padding="5xl"`
2106
+ type-checked and then did nothing (T38); deriving it means the type cannot
2107
+ drift from the stylesheet again, because `Card.unstyled-values.test.tsx`
2108
+ fails if the list stops matching the SCSS.
2109
+ - `radius: (typeof CARD_STYLED_RADIUS)[number]` = "lg" — Corner radius size.
2110
+
2111
+ Same derivation as `padding`. There is no `--wim-radius-xs` / `-3xl` /
2112
+ `-4xl` / `-5xl` token, so those values had nothing they could have meant.
2104
2113
  - **Carousel** — Content slideshow
2105
2114
  - `children: React.ReactNode` — Content of the carousel
2106
2115
  - `autoPlay: boolean` = false — Whether to auto-play
@@ -2342,8 +2351,17 @@ drops secondary text below the AA contrast floor.
2342
2351
  - `variant: React.ComponentProps<typeof Card>["variant"]` = "elevated" — Visual style variant of the card
2343
2352
  - `asChild: boolean` = false — If true, the card will be rendered as its child, merging its props onto that child.
2344
2353
  - `interactive: boolean` = false — Whether to enable hover animation and click effects
2345
- - `padding: ComponentSize | "none"` = "md" — Padding size
2346
- - `radius: ComponentSize | "none"` = "lg" — Corner radius size
2354
+ - `padding: (typeof CARD_STYLED_PADDING)[number]` = "md" — Padding size.
2355
+
2356
+ Derived from the values `card.module.scss` implements, not from
2357
+ `ComponentSize`. Declaring the whole scale meant `padding="5xl"`
2358
+ type-checked and then did nothing (T38); deriving it means the type cannot
2359
+ drift from the stylesheet again, because `Card.unstyled-values.test.tsx`
2360
+ fails if the list stops matching the SCSS.
2361
+ - `radius: (typeof CARD_STYLED_RADIUS)[number]` = "lg" — Corner radius size.
2362
+
2363
+ Same derivation as `padding`. There is no `--wim-radius-xs` / `-3xl` /
2364
+ `-4xl` / `-5xl` token, so those values had nothing they could have meant.
2347
2365
  - **SwipeAction** — Mobile-friendly swipe actions (delete, archive) for list items.
2348
2366
  - `as: React.ElementType` = "div" — The element to render as the root container. Default is 'div'.
2349
2367
  - `leftActions: SwipeActionItem[]` = [] — Actions revealed when swiping from left to right
package/dist/llms.txt CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## What this is
6
6
 
7
- **wimui** v0.12.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
7
+ **wimui** v0.13.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
8
8
 
9
9
  ## Install & required setup
10
10
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wimui",
3
- "version": "0.12.0",
3
+ "version": "0.13.0",
4
4
  "type": "module",
5
5
  "description": "React component library with design tokens, dark mode, i18n (en/ja/pt-BR), and WAI-ARIA compliant accessibility. 200+ components documented in Storybook.",
6
6
  "main": "dist/index.cjs",