@basis-ng/styles 0.0.1-alpha.34 → 0.0.1-alpha.36

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/button.component.css +3 -6
  3. package/src/components/combobox.component.css +4 -1
  4. package/src/components/select.component.css +4 -1
  5. package/src/components/tooltip.component.css +6 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@basis-ng/styles",
3
- "version": "0.0.1-alpha.34",
3
+ "version": "0.0.1-alpha.36",
4
4
  "description": "CSS foundation for @basis-ng/primitives components",
5
5
  "main": "src/index.css",
6
6
  "exports": {
package/src/components/button.component.css CHANGED
@@ -7,9 +7,6 @@ button[b-button] {
7
7
  box-sizing: border-box;
8
8
  gap: 0.5rem;
9
9
  position: relative;
10
- transition:
11
- background-color 0.2s,
12
- opacity 0.2s;
13
10
  border: none;
14
11
  text-decoration: none;
15
12
  font-family: 'Geist', sans-serif;
@@ -150,7 +147,7 @@ button[b-button] {
150
147
  }
151
148
 
152
149
  &.size-1 {
153
- padding-inline: 0.571rem;
150
+ padding: 0.215rem 0.5rem;
154
151
  min-height: 1.714rem;
155
152
  font-size: 0.857rem;
156
153
 
@@ -161,7 +158,7 @@ button[b-button] {
161
158
  }
162
159
 
163
160
  &.size-2 {
164
- padding-inline: 0.857rem;
161
+ padding: 0.4rem 0.75rem;
165
162
  min-height: 2.286rem;
166
163
  font-size: 1rem;
167
164
 
@@ -172,7 +169,7 @@ button[b-button] {
172
169
  }
173
170
 
174
171
  &.size-3 {
175
- padding-inline: 1.143rem;
172
+ padding: 0.608rem 1rem;
176
173
  min-height: 2.857rem;
177
174
  font-size: 1.143rem;
178
175
 
package/src/components/combobox.component.css CHANGED
@@ -3,7 +3,10 @@ b-combobox {
3
3
  display: flex;
4
4
  justify-content: space-between !important;
5
5
  align-items: center;
6
- padding-inline: 0.857rem 0.5rem !important;
6
+ text-align: start;
7
+ padding-right: 0.5rem !important;
8
+ width: 100%;
9
+ gap: 0.3rem !important;
7
10
  }
8
11
  }
9
12
 
package/src/components/select.component.css CHANGED
@@ -3,6 +3,9 @@ b-select {
3
3
  display: flex;
4
4
  justify-content: space-between !important;
5
5
  align-items: center;
6
- padding-inline: 0.857rem 0.5rem !important;
6
+ padding-right: 0.5rem !important;
7
+ text-align: start;
8
+ gap: 0.3rem !important;
9
+ width: 100% !important;
7
10
  }
8
11
  }
package/src/components/tooltip.component.css CHANGED
@@ -2,6 +2,8 @@ b-tooltip {
2
2
  white-space: nowrap;
3
3
  background: var(--input-background);
4
4
  border-radius: var(--radius);
5
+ border: 1px solid var(--border-color);
6
+ box-shadow: 0 0 0.25rem 0.125rem rgba(1, 1, 1, 0.01);
5
7
 
6
8
  &.size-1 {
7
9
  padding: 0.357rem 0.5rem;
@@ -33,7 +35,7 @@ b-tooltip {
33
35
  }
34
36
 
35
37
  &.b-tooltip-bottom {
36
- transform: translateY(5px);
38
+ transform: translateY(0.5rem);
37
39
 
38
40
  &.b-tooltip-leave {
39
41
  transform: translateY(0);
@@ -42,7 +44,7 @@ b-tooltip {
42
44
  }
43
45
 
44
46
  &.b-tooltip-top {
45
- transform: translateY(-5px);
47
+ transform: translateY(-0.5rem);
46
48
 
47
49
  &.b-tooltip-leave {
48
50
  transform: translateY(0);
@@ -51,7 +53,7 @@ b-tooltip {
51
53
  }
52
54
 
53
55
  &.b-tooltip-left {
54
- transform: translateX(-5px);
56
+ transform: translateX(-0.5rem);
55
57
 
56
58
  &.b-tooltip-leave {
57
59
  transform: translateX(0);
@@ -60,7 +62,7 @@ b-tooltip {
60
62
  }
61
63
 
62
64
  &.b-tooltip-right {
63
- transform: translateX(5px);
65
+ transform: translateX(0.5rem);
64
66
 
65
67
  &.b-tooltip-leave {
66
68
  transform: translateX(0);