@basis-ng/styles 0.0.1-alpha.165 → 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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/menu.css +12 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basis-ng/styles",
3
- "version": "0.0.1-alpha.165",
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
  }