@basis-ng/styles 0.0.1-alpha.164 → 0.0.1-alpha.166

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/menu.css +14 -14
  3. package/src/components/option.css +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basis-ng/styles",
3
- "version": "0.0.1-alpha.164",
3
+ "version": "0.0.1-alpha.166",
4
4
  "description": "CSS foundation for @basis-ng/primitives components",
5
5
  "main": "src/index.css",
6
6
  "exports": {
package/src/components/menu.css CHANGED
@@ -19,11 +19,14 @@ b-menu {
19
19
  button[b-menu-item],
20
20
  button[b-menu-item-radio],
21
21
  button[b-menu-item-checkbox] {
22
- @apply px-3 py-0 text-sm h-8 rounded-size-sm gap-1.5;
22
+ @apply px-3 py-0 text-sm h-8 rounded-size-md gap-1.5;
23
23
 
24
+ /* Use same squared sizing approach as buttons: aspect-square + size utilities */
24
25
  &.b-squared {
25
- aspect-ratio: 1 / 1;
26
- @apply w-10 min-w-10 h-10 min-h-10 !p-0 flex items-center justify-center text-center;
26
+ @apply aspect-square p-0 flex items-center justify-center;
27
+ /* default (no explicit size) should match button default (md -> size-8) */
28
+ @apply size-8;
29
+ text-align: center;
27
30
  }
28
31
  }
29
32
 
@@ -46,10 +49,9 @@ b-menu {
46
49
  button[b-menu-item-radio],
47
50
  button[b-menu-item-checkbox] {
48
51
  @apply px-2 py-0 text-xs h-6 rounded-size-xs gap-1;
49
-
50
52
  &.b-squared {
51
- aspect-ratio: 1 / 1;
52
- @apply w-8 min-w-8 h-8 min-h-8 !p-0 flex items-center justify-center text-center;
53
+ @apply aspect-square p-0 flex items-center justify-center;
54
+ @apply size-6;
53
55
  }
54
56
  }
55
57
  }
@@ -73,10 +75,9 @@ b-menu {
73
75
  button[b-menu-item-radio],
74
76
  button[b-menu-item-checkbox] {
75
77
  @apply px-3 py-0 text-sm h-8 rounded-size-sm gap-1.5;
76
-
77
78
  &.b-squared {
78
- aspect-ratio: 1 / 1;
79
- @apply w-10 min-w-10 h-10 min-h-10 !p-0 flex items-center justify-center text-center;
79
+ @apply aspect-square p-0 flex items-center justify-center;
80
+ @apply size-8;
80
81
  }
81
82
  }
82
83
  }
@@ -100,10 +101,9 @@ b-menu {
100
101
  button[b-menu-item-radio],
101
102
  button[b-menu-item-checkbox] {
102
103
  @apply px-4 py-0 text-base h-10 rounded-size-md gap-2;
103
-
104
104
  &.b-squared {
105
- aspect-ratio: 1 / 1;
106
- @apply w-12 min-w-12 h-12 min-h-12 !p-0 flex items-center justify-center text-center;
105
+ @apply aspect-square p-0 flex items-center justify-center;
106
+ @apply size-10;
107
107
  }
108
108
  }
109
109
  }
@@ -142,12 +142,12 @@ b-menu {
142
142
  @apply flex flex-col;
143
143
 
144
144
  &:not(:first-child) {
145
- @apply border-t-1 border-secondary;
145
+ @apply border-t border-secondary;
146
146
  @apply dark:border-secondary-dark;
147
147
  }
148
148
 
149
149
  &:not(:last-child) {
150
- @apply border-b-1 border-secondary;
150
+ @apply border-b border-secondary;
151
151
  @apply dark:border-secondary-dark;
152
152
  }
153
153
  }
package/src/components/option.css CHANGED
@@ -27,11 +27,11 @@ li[b-option] {
27
27
  }
28
28
 
29
29
  .b-size-sm li[b-option] {
30
- @apply px-2 py-0 text-xs h-6 rounded-size-xs gap-1;
30
+ @apply px-2 py-0 text-xs min-h-6 rounded-size-xs gap-1;
31
31
  }
32
32
  .b-size-md li[b-option] {
33
- @apply px-3 py-0 text-sm h-8 rounded-size-sm gap-1.5;
33
+ @apply px-3 py-0 text-sm min-h-8 rounded-size-sm gap-1.5;
34
34
  }
35
35
  .b-size-lg li[b-option] {
36
- @apply px-4 py-0 text-base h-10 rounded-size-md gap-2;
36
+ @apply px-4 py-0 text-base min-h-10 rounded-size-md gap-2;
37
37
  }