@nurix/ui-component-library 1.0.1-stage.19 → 1.0.1-stage.21

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.
Files changed (5) hide show
  1. package/dist/index.d.mts +4 -50
  2. package/dist/index.d.ts +4 -50
  3. package/dist/index.js +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1,58 +1,12 @@
1
1
  import * as class_variance_authority_types from 'class-variance-authority/types';
2
2
  import * as React$1 from 'react';
3
3
 
4
- /**
5
- * Button design tokens
6
- * Single source of truth for Button styling decisions
7
- */
8
- declare const BUTTON_TOKENS: {
9
- /**
10
- * Base styles (used by CVA)
11
- */
12
- readonly base: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50";
13
- /**
14
- * Visual variants
15
- */
16
- readonly variants: {
17
- readonly variant: {
18
- readonly default: "bg-primary text-primary-foreground hover:bg-primary/90";
19
- readonly destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90";
20
- readonly outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground";
21
- readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80";
22
- readonly ghost: "hover:bg-accent hover:text-accent-foreground";
23
- readonly link: "text-primary underline-offset-4 hover:underline";
24
- };
25
- readonly size: {
26
- readonly default: "h-10 px-4 py-2";
27
- readonly sm: "h-9 px-3";
28
- readonly lg: "h-11 px-8";
29
- readonly icon: "h-10 w-10";
30
- };
31
- };
32
- /**
33
- * Default selections
34
- */
35
- readonly defaults: {
36
- readonly variant: "default";
37
- readonly size: "default";
38
- };
39
- /**
40
- * Component-scoped radius tokens
41
- * NOT Tailwind
42
- * NOT global
43
- */
44
- readonly radius: {
45
- readonly none: "0px";
46
- readonly soft: "6px";
47
- readonly rounded: "10px";
48
- readonly pill: "9999px";
49
- };
50
- };
51
-
52
4
  type ButtonBorderRadius = "none" | "soft" | "rounded" | "pill";
5
+ type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
6
+ type ButtonSize = "default" | "sm" | "lg" | "icon";
53
7
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
54
- variant?: keyof typeof BUTTON_TOKENS.variants.variant;
55
- size?: keyof typeof BUTTON_TOKENS.variants.size;
8
+ variant?: ButtonVariant;
9
+ size?: ButtonSize;
56
10
  onClick?: () => void;
57
11
  /**
58
12
  * Design-system controlled border radius
package/dist/index.d.ts CHANGED
@@ -1,58 +1,12 @@
1
1
  import * as class_variance_authority_types from 'class-variance-authority/types';
2
2
  import * as React$1 from 'react';
3
3
 
4
- /**
5
- * Button design tokens
6
- * Single source of truth for Button styling decisions
7
- */
8
- declare const BUTTON_TOKENS: {
9
- /**
10
- * Base styles (used by CVA)
11
- */
12
- readonly base: "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50";
13
- /**
14
- * Visual variants
15
- */
16
- readonly variants: {
17
- readonly variant: {
18
- readonly default: "bg-primary text-primary-foreground hover:bg-primary/90";
19
- readonly destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90";
20
- readonly outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground";
21
- readonly secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80";
22
- readonly ghost: "hover:bg-accent hover:text-accent-foreground";
23
- readonly link: "text-primary underline-offset-4 hover:underline";
24
- };
25
- readonly size: {
26
- readonly default: "h-10 px-4 py-2";
27
- readonly sm: "h-9 px-3";
28
- readonly lg: "h-11 px-8";
29
- readonly icon: "h-10 w-10";
30
- };
31
- };
32
- /**
33
- * Default selections
34
- */
35
- readonly defaults: {
36
- readonly variant: "default";
37
- readonly size: "default";
38
- };
39
- /**
40
- * Component-scoped radius tokens
41
- * NOT Tailwind
42
- * NOT global
43
- */
44
- readonly radius: {
45
- readonly none: "0px";
46
- readonly soft: "6px";
47
- readonly rounded: "10px";
48
- readonly pill: "9999px";
49
- };
50
- };
51
-
52
4
  type ButtonBorderRadius = "none" | "soft" | "rounded" | "pill";
5
+ type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
6
+ type ButtonSize = "default" | "sm" | "lg" | "icon";
53
7
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
54
- variant?: keyof typeof BUTTON_TOKENS.variants.variant;
55
- size?: keyof typeof BUTTON_TOKENS.variants.size;
8
+ variant?: ButtonVariant;
9
+ size?: ButtonSize;
56
10
  onClick?: () => void;
57
11
  /**
58
12
  * Design-system controlled border radius
package/dist/index.js CHANGED
@@ -61,7 +61,7 @@ var BUTTON_TOKENS = {
61
61
  size: {
62
62
  default: "h-10 px-4 py-2",
63
63
  sm: "h-9 px-3",
64
- lg: "h-11 px-8",
64
+ lg: "h-10 px-8",
65
65
  icon: "h-10 w-10"
66
66
  }
67
67
  },
package/dist/index.mjs CHANGED
@@ -24,7 +24,7 @@ var BUTTON_TOKENS = {
24
24
  size: {
25
25
  default: "h-10 px-4 py-2",
26
26
  sm: "h-9 px-3",
27
- lg: "h-11 px-8",
27
+ lg: "h-10 px-8",
28
28
  icon: "h-10 w-10"
29
29
  }
30
30
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nurix/ui-component-library",
3
- "version": "1.0.1-stage.19",
3
+ "version": "1.0.1-stage.21",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "files": [