noph-ui 0.26.2 → 0.26.4

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.
@@ -64,7 +64,7 @@
64
64
  </div>
65
65
  <div class="np-select-state-layer"></div>
66
66
  {/if}
67
- <svg class="arrow" height="5" viewBox="7 10 10 5" focusable="false">
67
+ <svg class="arrow" height="6" viewBox="7 10 10 5" focusable="false">
68
68
  <polygon stroke="none" fill-rule="evenodd" points="7 10 12 15 17 10"></polygon>
69
69
  </svg>
70
70
  <select
@@ -148,13 +148,15 @@
148
148
  }
149
149
 
150
150
  .outlined select {
151
- padding: 1rem;
151
+ padding-inline-start: 1rem;
152
+ padding-block: 1rem;
153
+ padding-inline-end: 3.25rem;
152
154
  }
153
155
 
154
156
  .filled select {
155
- padding-inline: 1rem;
157
+ padding-inline-start: 1rem;
156
158
  padding-block-start: 1.5rem;
157
- padding-block-end: 0.5rem;
159
+ padding-inline-end: 3.25rem;
158
160
  }
159
161
 
160
162
  .np-select-outline {
@@ -200,11 +202,16 @@
200
202
  }
201
203
 
202
204
  .arrow {
205
+ padding-inline: 0.375rem;
206
+ padding-block: 0.5625rem;
207
+ box-sizing: border-box;
208
+ width: 24px;
209
+ height: 24px;
203
210
  fill: currentColor;
204
211
  position: absolute;
205
212
  pointer-events: none;
206
213
  inset-inline-end: 0.75rem;
207
- inset-block-start: calc(1.75rem - 3px);
214
+ inset-block-start: 1rem;
208
215
  transition: rotate var(--easing-fast);
209
216
  }
210
217
 
@@ -25,7 +25,6 @@
25
25
  <style>
26
26
  option {
27
27
  all: unset;
28
- cursor: pointer;
29
28
  position: relative;
30
29
  display: flex;
31
30
  padding: 0.5rem 1rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "noph-ui",
3
- "version": "0.26.2",
3
+ "version": "0.26.4",
4
4
  "license": "MIT",
5
5
  "homepage": "https://noph.dev",
6
6
  "repository": {