iryx-ui 0.1.0 → 0.2.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.
Files changed (35) hide show
  1. package/dist/component-names.d.ts +1 -1
  2. package/dist/component-names.js +3 -0
  3. package/dist/components/Alert.js +5 -0
  4. package/dist/components/Alert.vue.d.ts +59 -0
  5. package/dist/components/Alert.vue_vue_type_script_setup_true_lang.js +74 -0
  6. package/dist/components/App.vue.d.ts +1 -1
  7. package/dist/components/App.vue_vue_type_script_setup_true_lang.js +7 -7
  8. package/dist/components/Badge.js +5 -0
  9. package/dist/components/Badge.vue.d.ts +38 -0
  10. package/dist/components/Badge.vue_vue_type_script_setup_true_lang.js +48 -0
  11. package/dist/components/Button.vue.d.ts +1 -1
  12. package/dist/components/Button.vue_vue_type_script_setup_true_lang.js +4 -4
  13. package/dist/components/Card.js +5 -0
  14. package/dist/components/Card.vue.d.ts +49 -0
  15. package/dist/components/Card.vue_vue_type_script_setup_true_lang.js +58 -0
  16. package/dist/components/Checkbox.vue_vue_type_script_setup_true_lang.js +11 -11
  17. package/dist/components/Select.vue_vue_type_script_setup_true_lang.js +14 -14
  18. package/dist/components/index.d.ts +3 -0
  19. package/dist/components/index.js +30 -24
  20. package/dist/index.d.ts +3 -0
  21. package/dist/index.js +30 -24
  22. package/dist/plugin.js +5 -5
  23. package/dist/theme/alert.d.ts +98 -0
  24. package/dist/theme/alert.js +36 -0
  25. package/dist/theme/badge.d.ts +92 -0
  26. package/dist/theme/badge.js +94 -0
  27. package/dist/theme/card.d.ts +110 -0
  28. package/dist/theme/card.js +42 -0
  29. package/dist/theme/form.d.ts +6 -6
  30. package/dist/theme/index.d.ts +3 -0
  31. package/dist/theme/presets.d.ts +20 -0
  32. package/dist/theme/presets.js +21 -1
  33. package/dist/theme/switch.d.ts +6 -6
  34. package/package.json +1 -1
  35. package/theme.css +66 -0
package/dist/theme/switch.d.ts CHANGED
@@ -1,22 +1,22 @@
1
1
  export declare const switchTheme: import("tailwind-variants").TVReturnType<{
2
2
  [key: string]: {
3
3
  [key: string]: import("tailwind-variants").ClassValue | {
4
- label?: import("tailwind-variants").ClassValue;
5
- wrapper?: import("tailwind-variants").ClassValue;
6
4
  root?: import("tailwind-variants").ClassValue;
7
5
  content?: import("tailwind-variants").ClassValue;
8
6
  description?: import("tailwind-variants").ClassValue;
7
+ label?: import("tailwind-variants").ClassValue;
8
+ wrapper?: import("tailwind-variants").ClassValue;
9
9
  thumb?: import("tailwind-variants").ClassValue;
10
10
  };
11
11
  };
12
12
  } | {
13
13
  [x: string]: {
14
14
  [x: string]: import("tailwind-variants").ClassValue | {
15
- label?: import("tailwind-variants").ClassValue;
16
- wrapper?: import("tailwind-variants").ClassValue;
17
15
  root?: import("tailwind-variants").ClassValue;
18
16
  content?: import("tailwind-variants").ClassValue;
19
17
  description?: import("tailwind-variants").ClassValue;
18
+ label?: import("tailwind-variants").ClassValue;
19
+ wrapper?: import("tailwind-variants").ClassValue;
20
20
  thumb?: import("tailwind-variants").ClassValue;
21
21
  };
22
22
  };
@@ -31,11 +31,11 @@ export declare const switchTheme: import("tailwind-variants").TVReturnType<{
31
31
  }, undefined, {
32
32
  [key: string]: {
33
33
  [key: string]: import("tailwind-variants").ClassValue | {
34
- label?: import("tailwind-variants").ClassValue;
35
- wrapper?: import("tailwind-variants").ClassValue;
36
34
  root?: import("tailwind-variants").ClassValue;
37
35
  content?: import("tailwind-variants").ClassValue;
38
36
  description?: import("tailwind-variants").ClassValue;
37
+ label?: import("tailwind-variants").ClassValue;
38
+ wrapper?: import("tailwind-variants").ClassValue;
39
39
  thumb?: import("tailwind-variants").ClassValue;
40
40
  };
41
41
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "iryx-ui",
3
3
  "type": "module",
4
- "version": "0.1.0",
4
+ "version": "0.2.0",
5
5
  "description": "Iryx — an artful Vue 3 component library built on Reka UI and Tailwind CSS v4.",
6
6
  "author": "therok1",
7
7
  "license": "MIT",
package/theme.css CHANGED
@@ -32,6 +32,31 @@
32
32
  --iryx-primary-foreground: oklch(0.985 0.005 248);
33
33
  --iryx-primary-from: oklch(0.59 0.2 277.19);
34
34
  --iryx-primary-to: oklch(0.51 0.23 276.99);
35
+ /*
36
+ * Status colours. Each has five roles: the solid fill, text on that fill,
37
+ * a tinted surface, text on that surface, and a border. Components reference
38
+ * these instead of raw palette classes, so a theme can restyle them.
39
+ */
40
+ --iryx-success: oklch(0.596 0.145 163.225);
41
+ --iryx-success-foreground: oklch(1 0 0);
42
+ --iryx-success-muted: oklch(0.979 0.021 166.113);
43
+ --iryx-success-muted-foreground: oklch(0.508 0.118 165.612);
44
+ --iryx-success-border: oklch(0.905 0.093 164.15);
45
+ --iryx-warning: oklch(0.666 0.179 58.318);
46
+ --iryx-warning-foreground: oklch(0.279 0.077 45.635);
47
+ --iryx-warning-muted: oklch(0.987 0.022 95.277);
48
+ --iryx-warning-muted-foreground: oklch(0.555 0.163 48.998);
49
+ --iryx-warning-border: oklch(0.924 0.12 95.746);
50
+ --iryx-danger: oklch(0.577 0.245 27.325);
51
+ --iryx-danger-foreground: oklch(1 0 0);
52
+ --iryx-danger-muted: oklch(0.971 0.013 17.38);
53
+ --iryx-danger-muted-foreground: oklch(0.505 0.213 27.518);
54
+ --iryx-danger-border: oklch(0.885 0.062 18.334);
55
+ --iryx-info: oklch(0.546 0.245 262.881);
56
+ --iryx-info-foreground: oklch(1 0 0);
57
+ --iryx-info-muted: oklch(0.97 0.014 254.604);
58
+ --iryx-info-muted-foreground: oklch(0.488 0.243 264.376);
59
+ --iryx-info-border: oklch(0.882 0.059 254.128);
35
60
  }
36
61
 
37
62
  .dark {
@@ -48,6 +73,27 @@
48
73
  --iryx-primary-foreground: oklch(0.985 0.005 248);
49
74
  --iryx-primary-from: oklch(0.62 0.22 293);
50
75
  --iryx-primary-to: oklch(0.54 0.24 293);
76
+ /* Status colours — lighter fills, deep tinted surfaces. */
77
+ --iryx-success: oklch(0.696 0.17 162.48);
78
+ --iryx-success-foreground: oklch(0.262 0.051 172.552);
79
+ --iryx-success-muted: oklch(0.262 0.051 172.552);
80
+ --iryx-success-muted-foreground: oklch(0.845 0.143 164.978);
81
+ --iryx-success-border: oklch(0.378 0.077 168.94);
82
+ --iryx-warning: oklch(0.828 0.189 84.429);
83
+ --iryx-warning-foreground: oklch(0.279 0.077 45.635);
84
+ --iryx-warning-muted: oklch(0.279 0.077 45.635);
85
+ --iryx-warning-muted-foreground: oklch(0.879 0.169 91.605);
86
+ --iryx-warning-border: oklch(0.414 0.112 45.904);
87
+ --iryx-danger: oklch(0.637 0.237 25.331);
88
+ --iryx-danger-foreground: oklch(0.258 0.092 26.042);
89
+ --iryx-danger-muted: oklch(0.258 0.092 26.042);
90
+ --iryx-danger-muted-foreground: oklch(0.808 0.114 19.571);
91
+ --iryx-danger-border: oklch(0.396 0.141 25.723);
92
+ --iryx-info: oklch(0.623 0.214 259.815);
93
+ --iryx-info-foreground: oklch(0.282 0.091 267.935);
94
+ --iryx-info-muted: oklch(0.282 0.091 267.935);
95
+ --iryx-info-muted-foreground: oklch(0.809 0.105 251.813);
96
+ --iryx-info-border: oklch(0.379 0.146 265.522);
51
97
  }
52
98
 
53
99
  @theme inline {
@@ -62,4 +108,24 @@
62
108
  --color-muted: var(--iryx-muted);
63
109
  --color-muted-foreground: var(--iryx-muted-foreground);
64
110
  --color-border: var(--iryx-border);
111
+ --color-success: var(--iryx-success);
112
+ --color-success-foreground: var(--iryx-success-foreground);
113
+ --color-success-muted: var(--iryx-success-muted);
114
+ --color-success-muted-foreground: var(--iryx-success-muted-foreground);
115
+ --color-success-border: var(--iryx-success-border);
116
+ --color-warning: var(--iryx-warning);
117
+ --color-warning-foreground: var(--iryx-warning-foreground);
118
+ --color-warning-muted: var(--iryx-warning-muted);
119
+ --color-warning-muted-foreground: var(--iryx-warning-muted-foreground);
120
+ --color-warning-border: var(--iryx-warning-border);
121
+ --color-danger: var(--iryx-danger);
122
+ --color-danger-foreground: var(--iryx-danger-foreground);
123
+ --color-danger-muted: var(--iryx-danger-muted);
124
+ --color-danger-muted-foreground: var(--iryx-danger-muted-foreground);
125
+ --color-danger-border: var(--iryx-danger-border);
126
+ --color-info: var(--iryx-info);
127
+ --color-info-foreground: var(--iryx-info-foreground);
128
+ --color-info-muted: var(--iryx-info-muted);
129
+ --color-info-muted-foreground: var(--iryx-info-muted-foreground);
130
+ --color-info-border: var(--iryx-info-border);
65
131
  }