@starasia/input 2.0.0 → 2.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 +7 -5
- package/dist/input.umd.js +7 -5
- package/package.json +2 -2
package/dist/input.es.js
CHANGED
|
@@ -28,6 +28,8 @@ const Sn = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@3
|
|
|
28
28
|
--sa-input-bg-success-subtlest: #ecfff6;
|
|
29
29
|
--sa-input-accent-subtle: #f0f1f2;
|
|
30
30
|
|
|
31
|
+
--sa-input-text-placeholder: rgb(201, 206, 204);
|
|
32
|
+
|
|
31
33
|
--sa-input-radius: 6px;
|
|
32
34
|
--sa-input-padding-x: 12px;
|
|
33
35
|
--sa-input-padding-y: 8px;
|
|
@@ -356,13 +358,13 @@ const Sn = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@3
|
|
|
356
358
|
line-height: 18px;
|
|
357
359
|
}
|
|
358
360
|
.sa-tf-input::placeholder {
|
|
359
|
-
color: var(--sa-input-text-
|
|
360
|
-
font-weight:
|
|
361
|
+
color: var(--sa-input-text-placeholder);
|
|
362
|
+
font-weight: 300;
|
|
361
363
|
opacity: 1;
|
|
362
364
|
}
|
|
363
365
|
.sa-tf-variant-standard .sa-tf-input::placeholder,
|
|
364
366
|
.sa-tf-variant-standard .sa-tf-placeholder {
|
|
365
|
-
color: var(--sa-input-text-
|
|
367
|
+
color: var(--sa-input-text-placeholder);
|
|
366
368
|
}
|
|
367
369
|
.sa-tf-input:disabled {
|
|
368
370
|
color: var(--sa-input-text-disable);
|
|
@@ -376,9 +378,9 @@ const Sn = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@3
|
|
|
376
378
|
display: flex;
|
|
377
379
|
align-items: center;
|
|
378
380
|
pointer-events: none;
|
|
379
|
-
color: var(--sa-input-text-
|
|
381
|
+
color: var(--sa-input-text-placeholder);
|
|
380
382
|
font-size: 14px;
|
|
381
|
-
font-weight:
|
|
383
|
+
font-weight: 300;
|
|
382
384
|
line-height: 21px;
|
|
383
385
|
margin: 0;
|
|
384
386
|
white-space: nowrap;
|
package/dist/input.umd.js
CHANGED
|
@@ -26,6 +26,8 @@
|
|
|
26
26
|
--sa-input-bg-success-subtlest: #ecfff6;
|
|
27
27
|
--sa-input-accent-subtle: #f0f1f2;
|
|
28
28
|
|
|
29
|
+
--sa-input-text-placeholder: rgb(201, 206, 204);
|
|
30
|
+
|
|
29
31
|
--sa-input-radius: 6px;
|
|
30
32
|
--sa-input-padding-x: 12px;
|
|
31
33
|
--sa-input-padding-y: 8px;
|
|
@@ -354,13 +356,13 @@
|
|
|
354
356
|
line-height: 18px;
|
|
355
357
|
}
|
|
356
358
|
.sa-tf-input::placeholder {
|
|
357
|
-
color: var(--sa-input-text-
|
|
358
|
-
font-weight:
|
|
359
|
+
color: var(--sa-input-text-placeholder);
|
|
360
|
+
font-weight: 300;
|
|
359
361
|
opacity: 1;
|
|
360
362
|
}
|
|
361
363
|
.sa-tf-variant-standard .sa-tf-input::placeholder,
|
|
362
364
|
.sa-tf-variant-standard .sa-tf-placeholder {
|
|
363
|
-
color: var(--sa-input-text-
|
|
365
|
+
color: var(--sa-input-text-placeholder);
|
|
364
366
|
}
|
|
365
367
|
.sa-tf-input:disabled {
|
|
366
368
|
color: var(--sa-input-text-disable);
|
|
@@ -374,9 +376,9 @@
|
|
|
374
376
|
display: flex;
|
|
375
377
|
align-items: center;
|
|
376
378
|
pointer-events: none;
|
|
377
|
-
color: var(--sa-input-text-
|
|
379
|
+
color: var(--sa-input-text-placeholder);
|
|
378
380
|
font-size: 14px;
|
|
379
|
-
font-weight:
|
|
381
|
+
font-weight: 300;
|
|
380
382
|
line-height: 21px;
|
|
381
383
|
margin: 0;
|
|
382
384
|
white-space: nowrap;
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@starasia/input",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "input component for starasia UI",
|
|
5
|
-
"author": "
|
|
5
|
+
"author": "Rizki Izzul Haq",
|
|
6
6
|
"main": "dist/input.umd.js",
|
|
7
7
|
"module": "dist/input.es.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|