@starasia/input 4.0.0 → 4.0.1
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.
- package/dist/input.es.js +6 -6
- package/dist/input.umd.js +6 -6
- package/package.json +1 -1
package/dist/input.es.js
CHANGED
|
@@ -143,7 +143,7 @@ const Sn = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@3
|
|
|
143
143
|
position: relative;
|
|
144
144
|
width: 100%;
|
|
145
145
|
background: transparent;
|
|
146
|
-
border:
|
|
146
|
+
border: 1px solid var(--sa-input-border-subtle);
|
|
147
147
|
overflow: hidden;
|
|
148
148
|
transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
|
|
149
149
|
}
|
|
@@ -176,16 +176,16 @@ const Sn = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@3
|
|
|
176
176
|
/* variants */
|
|
177
177
|
.sa-tf-variant-outline .sa-tf-box {
|
|
178
178
|
background: transparent;
|
|
179
|
-
border:
|
|
179
|
+
border: 1px solid var(--sa-input-border-subtle);
|
|
180
180
|
}
|
|
181
181
|
.sa-tf-variant-standard .sa-tf-box {
|
|
182
182
|
background: var(--sa-input-bg-neutral);
|
|
183
|
-
border:
|
|
183
|
+
border: 1px solid transparent;
|
|
184
184
|
}
|
|
185
185
|
.sa-tf-variant-flushed .sa-tf-box {
|
|
186
186
|
background: transparent;
|
|
187
187
|
border: 0;
|
|
188
|
-
border-bottom:
|
|
188
|
+
border-bottom: 1px solid var(--sa-input-border-subtle);
|
|
189
189
|
border-radius: 0;
|
|
190
190
|
}
|
|
191
191
|
.sa-tf-variant-borderless .sa-tf-box {
|
|
@@ -352,10 +352,10 @@ const Sn = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@3
|
|
|
352
352
|
align-self: stretch;
|
|
353
353
|
}
|
|
354
354
|
.sa-tf-addon-left {
|
|
355
|
-
border-right:
|
|
355
|
+
border-right: 1px solid var(--sa-input-border-subtle);
|
|
356
356
|
}
|
|
357
357
|
.sa-tf-addon-right {
|
|
358
|
-
border-left:
|
|
358
|
+
border-left: 1px solid var(--sa-input-border-subtle);
|
|
359
359
|
}
|
|
360
360
|
.sa-tf-size-sm .sa-tf-addon {
|
|
361
361
|
font-size: 12px;
|
package/dist/input.umd.js
CHANGED
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
position: relative;
|
|
142
142
|
width: 100%;
|
|
143
143
|
background: transparent;
|
|
144
|
-
border:
|
|
144
|
+
border: 1px solid var(--sa-input-border-subtle);
|
|
145
145
|
overflow: hidden;
|
|
146
146
|
transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
|
|
147
147
|
}
|
|
@@ -174,16 +174,16 @@
|
|
|
174
174
|
/* variants */
|
|
175
175
|
.sa-tf-variant-outline .sa-tf-box {
|
|
176
176
|
background: transparent;
|
|
177
|
-
border:
|
|
177
|
+
border: 1px solid var(--sa-input-border-subtle);
|
|
178
178
|
}
|
|
179
179
|
.sa-tf-variant-standard .sa-tf-box {
|
|
180
180
|
background: var(--sa-input-bg-neutral);
|
|
181
|
-
border:
|
|
181
|
+
border: 1px solid transparent;
|
|
182
182
|
}
|
|
183
183
|
.sa-tf-variant-flushed .sa-tf-box {
|
|
184
184
|
background: transparent;
|
|
185
185
|
border: 0;
|
|
186
|
-
border-bottom:
|
|
186
|
+
border-bottom: 1px solid var(--sa-input-border-subtle);
|
|
187
187
|
border-radius: 0;
|
|
188
188
|
}
|
|
189
189
|
.sa-tf-variant-borderless .sa-tf-box {
|
|
@@ -350,10 +350,10 @@
|
|
|
350
350
|
align-self: stretch;
|
|
351
351
|
}
|
|
352
352
|
.sa-tf-addon-left {
|
|
353
|
-
border-right:
|
|
353
|
+
border-right: 1px solid var(--sa-input-border-subtle);
|
|
354
354
|
}
|
|
355
355
|
.sa-tf-addon-right {
|
|
356
|
-
border-left:
|
|
356
|
+
border-left: 1px solid var(--sa-input-border-subtle);
|
|
357
357
|
}
|
|
358
358
|
.sa-tf-size-sm .sa-tf-addon {
|
|
359
359
|
font-size: 12px;
|