@basis-ng/styles 0.0.1-alpha.176 → 0.0.1-alpha.178

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/select.css +1 -1
  3. package/src/components/tree.css +12 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basis-ng/styles",
3
- "version": "0.0.1-alpha.176",
3
+ "version": "0.0.1-alpha.178",
4
4
  "description": "CSS foundation for @basis-ng/primitives components",
5
5
  "main": "src/index.css",
6
6
  "exports": {
package/src/components/select.css CHANGED
@@ -94,7 +94,7 @@ ul[b-select-content] {
94
94
  }
95
95
 
96
96
  input[b-input] {
97
- @apply outline-none sticky top-0 z-10 bg-background;
97
+ @apply outline-none sticky top-0 z-10 bg-background min-h8;
98
98
  @apply dark:bg-background-dark;
99
99
  }
100
100
 
package/src/components/tree.css CHANGED
@@ -10,7 +10,7 @@ b-tree {
10
10
  }
11
11
 
12
12
  section {
13
- @apply px-3 rounded-size-md flex justify-between items-center h-9 box-border gap-3 select-none;
13
+ @apply px-3 rounded-size-md flex justify-between items-center h-8 box-border gap-1.5 text-sm select-none;
14
14
 
15
15
  ng-icon {
16
16
  @apply cursor-move;
@@ -34,7 +34,7 @@ b-tree {
34
34
  @apply h-full w-full overflow-hidden shadow-none;
35
35
 
36
36
  & > section {
37
- @apply px-3 rounded-size-md flex justify-between items-center h-9 box-border gap-3 select-none bg-background;
37
+ @apply px-3 rounded-size-md flex justify-between items-center h-8 box-border gap-1.5 text-sm select-none bg-background;
38
38
  @apply dark:bg-background-dark;
39
39
 
40
40
  .projected-content {
@@ -48,3 +48,13 @@ b-tree {
48
48
  }
49
49
  }
50
50
  }
51
+
52
+ .b-size-sm b-tree b-tree-node section {
53
+ @apply px-2 rounded-size-sm h-6 gap-1.5 text-xs;
54
+ }
55
+ .b-size-md b-tree b-tree-node section {
56
+ @apply px-3 rounded-size-md h-8 gap-1.5 text-sm;
57
+ }
58
+ .b-size-lg b-tree b-tree-node section {
59
+ @apply px-4 rounded-size-lg h-10 gap-2 text-base;
60
+ }