@particle-network/ui-react 0.1.3-beta.4 → 0.1.3-beta.5

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.
@@ -27,6 +27,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
27
27
  text: string;
28
28
  };
29
29
  size: {
30
+ xs: string;
30
31
  sm: string;
31
32
  md: string;
32
33
  lg: string;
@@ -54,6 +55,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
54
55
  };
55
56
  radius: {
56
57
  none: string;
58
+ xs: string;
57
59
  sm: string;
58
60
  md: string;
59
61
  lg: string;
@@ -91,6 +93,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
91
93
  text: string;
92
94
  };
93
95
  size: {
96
+ xs: string;
94
97
  sm: string;
95
98
  md: string;
96
99
  lg: string;
@@ -118,6 +121,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
118
121
  };
119
122
  radius: {
120
123
  none: string;
124
+ xs: string;
121
125
  sm: string;
122
126
  md: string;
123
127
  lg: string;
@@ -155,6 +159,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
155
159
  text: string;
156
160
  };
157
161
  size: {
162
+ xs: string;
158
163
  sm: string;
159
164
  md: string;
160
165
  lg: string;
@@ -182,6 +187,7 @@ declare const button: import("tailwind-variants").TVReturnType<{
182
187
  };
183
188
  radius: {
184
189
  none: string;
190
+ xs: string;
185
191
  sm: string;
186
192
  md: string;
187
193
  lg: string;
@@ -33,6 +33,7 @@ const button_theme_button = tv({
33
33
  text: 'bg-transparent min-w-0 w-auto h-auto px-0'
34
34
  },
35
35
  size: {
36
+ xs: 'gap-2 rounded-small !text-body3 min-w-min font-medium [&_[aria-label="Loading"]>div]:size-3',
36
37
  sm: 'gap-2 rounded-small !text-body3 min-w-min font-medium [&_[aria-label="Loading"]>div]:size-3',
37
38
  md: 'gap-2 rounded-small text-tiny min-w-min font-medium [&_[aria-label="Loading"]>div]:size-4',
38
39
  lg: 'gap-2 rounded-medium text-medium min-w-min font-medium [&_[aria-label="Loading"]>div]:size-6',
@@ -51,6 +52,7 @@ const button_theme_button = tv({
51
52
  },
52
53
  radius: {
53
54
  none: 'rounded-none',
55
+ xs: 'rounded-sm',
54
56
  sm: 'rounded-small',
55
57
  md: 'rounded-medium',
56
58
  lg: 'rounded-large',
@@ -87,6 +89,16 @@ const button_theme_button = tv({
87
89
  disableAnimation: false
88
90
  },
89
91
  compoundVariants: [
92
+ {
93
+ size: 'xs',
94
+ variant: [
95
+ 'solid',
96
+ 'flat',
97
+ 'light',
98
+ 'bordered'
99
+ ],
100
+ class: 'px-sm h-5'
101
+ },
90
102
  {
91
103
  size: 'sm',
92
104
  variant: [
@@ -462,6 +474,11 @@ const button_theme_button = tv({
462
474
  isInGroup: true,
463
475
  class: 'rounded-none first:rounded-s-small last:rounded-e-small'
464
476
  },
477
+ {
478
+ isInGroup: true,
479
+ size: 'xs',
480
+ class: 'rounded-none first:rounded-s-sm last:rounded-e-sm'
481
+ },
465
482
  {
466
483
  isInGroup: true,
467
484
  size: 'sm',
@@ -579,6 +596,11 @@ const button_theme_button = tv({
579
596
  color: 'bearish',
580
597
  class: collapseAdjacentVariantBorders.bearish
581
598
  },
599
+ {
600
+ isIconOnly: true,
601
+ size: 'xs',
602
+ class: 'min-w-5 w-5 h-5'
603
+ },
582
604
  {
583
605
  isIconOnly: true,
584
606
  size: 'sm',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@particle-network/ui-react",
3
- "version": "0.1.3-beta.4",
3
+ "version": "0.1.3-beta.5",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -48,7 +48,7 @@
48
48
  },
49
49
  "dependencies": {
50
50
  "ahooks": "^3.9.4",
51
- "@particle-network/ui-shared": "0.1.0"
51
+ "@particle-network/ui-shared": "0.1.1-beta.0"
52
52
  },
53
53
  "scripts": {
54
54
  "build": "rslib build",