@basis-ng/styles 0.0.1-alpha.160 → 0.0.1-alpha.161

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 +15 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basis-ng/styles",
3
- "version": "0.0.1-alpha.160",
3
+ "version": "0.0.1-alpha.161",
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,13 @@ 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
+ /* Match button default sizing (md) */
23
+ @apply px-3 py-0 text-sm h-8 rounded-size-md gap-1.5;
23
24
 
24
25
  &.b-squared {
25
26
  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;
27
+ /* default (md) squared should match button.b-squared size-8 */
28
+ @apply w-8 min-w-8 h-8 min-h-8 p-0! flex items-center justify-center text-center;
27
29
  }
28
30
  }
29
31
 
@@ -45,11 +47,12 @@ b-menu {
45
47
  button[b-menu-item],
46
48
  button[b-menu-item-radio],
47
49
  button[b-menu-item-checkbox] {
48
- @apply px-2 py-0 text-xs h-6 rounded-size-xs gap-1;
50
+ @apply px-2 py-0 text-xs h-6 rounded-size-sm gap-1;
49
51
 
50
52
  &.b-squared {
51
53
  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;
54
+ /* sm squared should match button.b-squared size-6 */
55
+ @apply w-6 min-w-6 h-6 min-h-6 p-0! flex items-center justify-center text-center;
53
56
  }
54
57
  }
55
58
  }
@@ -72,11 +75,12 @@ b-menu {
72
75
  button[b-menu-item],
73
76
  button[b-menu-item-radio],
74
77
  button[b-menu-item-checkbox] {
75
- @apply px-3 py-0 text-sm h-8 rounded-size-sm gap-1.5;
78
+ @apply px-3 py-0 text-sm h-8 rounded-size-md gap-1.5;
76
79
 
77
80
  &.b-squared {
78
81
  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;
82
+ /* md squared should match button.b-squared size-8 */
83
+ @apply w-8 min-w-8 h-8 min-h-8 p-0! flex items-center justify-center text-center;
80
84
  }
81
85
  }
82
86
  }
@@ -99,11 +103,12 @@ b-menu {
99
103
  button[b-menu-item],
100
104
  button[b-menu-item-radio],
101
105
  button[b-menu-item-checkbox] {
102
- @apply px-4 py-0 text-base h-10 rounded-size-md gap-2;
106
+ @apply px-4 py-0 text-base h-10 rounded-size-lg gap-2;
103
107
 
104
108
  &.b-squared {
105
109
  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;
110
+ /* lg squared should match button.b-squared size-10 */
111
+ @apply w-10 min-w-10 h-10 min-h-10 p-0! flex items-center justify-center text-center;
107
112
  }
108
113
  }
109
114
  }
@@ -142,12 +147,12 @@ b-menu {
142
147
  @apply flex flex-col;
143
148
 
144
149
  &:not(:first-child) {
145
- @apply border-t-1 border-secondary;
150
+ @apply border-t border-secondary;
146
151
  @apply dark:border-secondary-dark;
147
152
  }
148
153
 
149
154
  &:not(:last-child) {
150
- @apply border-b-1 border-secondary;
155
+ @apply border-b border-secondary;
151
156
  @apply dark:border-secondary-dark;
152
157
  }
153
158
  }