@yakad/ui 1.2.51-beta → 1.2.53-beta

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/inputField/inputField.module.css +8 -8
  2. package/package.json +1 -1
  3. package/theme/theme.module.css +0 -13
package/inputField/inputField.module.css CHANGED
@@ -11,7 +11,7 @@
11
11
  border-image: initial;
12
12
  width: 100%;
13
13
  height: inherit;
14
- color: rgb(var(--onSurfaceRGBColor, 26 28 30) / 0.87);
14
+ color: rgb(var(--onSurfaceColor, #1c1b1f) / 0.87);
15
15
  box-shadow: none;
16
16
  font-family: inherit;
17
17
  font-size: inherit;
@@ -44,10 +44,10 @@
44
44
  border-right: none;
45
45
  border-left: none;
46
46
  border-top: 2.7rem solid transparent;
47
- border-bottom: solid 0.1rem rgb(var(--onSurfaceRGBColor, 26 28 30) / 0.6);
47
+ border-bottom: solid 0.1rem rgb(var(--onSurfaceColor, #1c1b1f) / 0.6);
48
48
  border-radius: 0.4rem 0.4rem 0rem 0rem;
49
49
  padding: 0rem 1.2rem 1rem;
50
- background-color: rgb(var(--onSurfaceRGBColor, 26 28 30)/ 0.04);
50
+ background-color: rgb(var(--onSurfaceColor, #1c1b1f)/ 0.04);
51
51
  transition: border-bottom 0.2s ease 0s, background-color 0.2s ease 0s;
52
52
  }
53
53
  .input:focus {
@@ -73,7 +73,7 @@
73
73
  }
74
74
 
75
75
  .input.outlined:not(:focus):placeholder-shown {
76
- border-top-color: rgb(var(--onSurfaceRGBColor, 26 28 30)/ 0.6);
76
+ border-top-color: rgb(var(--onSurfaceColor, #1c1b1f)/ 0.6);
77
77
  }
78
78
  .input.outlined:not(:focus):placeholder-shown + .span {
79
79
  font-size: inherit;
@@ -85,7 +85,7 @@
85
85
  }
86
86
  .input + .span {
87
87
  position: absolute;
88
- color: rgb(var(--onSurfaceRGBColor, 26 28 30) / 0.6);
88
+ color: rgb(var(--onSurfaceColor, #1c1b1f) / 0.6);
89
89
  font-size: 75%;
90
90
  transition: color 0.2s ease 0s, font-size 0.2s ease 0s,
91
91
  line-height 0.2s ease 0s;
@@ -94,7 +94,7 @@
94
94
  top: 0rem;
95
95
  left: 0rem;
96
96
  display: flex;
97
- border-color: rgb(var(--onSurfaceRGBColor, 26 28 30)/ 0.6);
97
+ border-color: rgb(var(--onSurfaceColor, #1c1b1f)/ 0.6);
98
98
  width: 100%;
99
99
  max-height: 100%;
100
100
  line-height: 1.5rem;
@@ -121,7 +121,7 @@
121
121
  margin-top: 0.6rem;
122
122
  border-top-width: 0.1rem;
123
123
  border-top-style: solid;
124
- border-top-color: rgb(var(--onSurfaceRGBColor, 26 28 30) / 0.6);
124
+ border-top-color: rgb(var(--onSurfaceColor, #1c1b1f) / 0.6);
125
125
  min-width: 1rem;
126
126
  height: 0.8rem;
127
127
  pointer-events: none;
@@ -145,7 +145,7 @@
145
145
  margin-top: 0.6rem;
146
146
  border-top-width: 0.1rem;
147
147
  border-top-style: solid;
148
- border-top-color: rgb(var(--onSurfaceRGBColor, 26 28 30)/ 0.6);
148
+ border-top-color: rgb(var(--onSurfaceColor, #1c1b1f)/ 0.6);
149
149
  min-width: 1rem;
150
150
  height: 0.8rem;
151
151
  pointer-events: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.2.51-beta",
3
+ "version": "1.2.53-beta",
4
4
  "description": "",
5
5
  "main": "./src/index.js",
6
6
  "scripts": {
package/theme/theme.module.css CHANGED
@@ -25,7 +25,6 @@
25
25
  --LightSurfaceContainerHightColor: #ece6f0;
26
26
  --LightSurfaceContainerHighestColor: #e6e0e9;
27
27
  --LightOnSurfaceColor: #1c1b1f;
28
- --LightOnSurfaceRGBColor:26 28 30;
29
28
  --LightOnSurfaceVariantColor: #49454e;
30
29
  --LightOutlineColor: #79747e;
31
30
  --LightOutlineVariantColor: #c4c7c5;
@@ -55,7 +54,6 @@
55
54
  --DarkSurfaceContainerHightColor: #2b2930;
56
55
  --DarkSurfaceContainerHighestColor: #36343b;
57
56
  --DarkOnSurfaceColor: #e6e1e5;
58
- --DarkOnSurfaceRGBColor:227 226 230;
59
57
  --DarkOnSurfaceVariantColor: #cac4d0;
60
58
  --DarkOutlineColor: #938f99;
61
59
  --DarkOutlineVariantColor: #444746;
@@ -86,7 +84,6 @@
86
84
  --LightSurfaceContainerHightColor: #ece6f0;
87
85
  --LightSurfaceContainerHighestColor: #e6e0e9;
88
86
  --LightOnSurfaceColor: #1c1b1f;
89
- --LightOnSurfaceRGBColor:26 28 30;
90
87
  --LightOnSurfaceVariantColor: #49454e;
91
88
  --LightOutlineColor: #79747e;
92
89
  --LightOutlineVariantColor: #c4c7c5;
@@ -116,7 +113,6 @@
116
113
  --DarkSurfaceContainerHightColor: #2b2930;
117
114
  --DarkSurfaceContainerHighestColor: #36343b;
118
115
  --DarkOnSurfaceColor: #e6e1e5;
119
- --DarkOnSurfaceRGBColor:227 226 230;
120
116
  --DarkOnSurfaceVariantColor: #cac4d0;
121
117
  --DarkOutlineColor: #938f99;
122
118
  --DarkOutlineVariantColor: #444746;
@@ -148,7 +144,6 @@
148
144
  --LightSurfaceContainerHightColor: #ece6f0;
149
145
  --LightSurfaceContainerHighestColor: #e6e0e9;
150
146
  --LightOnSurfaceColor: #1c1b1f;
151
- --LightOnSurfaceRGBColor:26 28 30;
152
147
  --LightOnSurfaceVariantColor: #49454e;
153
148
  --LightOutlineColor: #79747e;
154
149
  --LightOutlineVariantColor: #c4c7c5;
@@ -178,7 +173,6 @@
178
173
  --DarkSurfaceContainerHightColor: #2b2930;
179
174
  --DarkSurfaceContainerHighestColor: #36343b;
180
175
  --DarkOnSurfaceColor: #e6e1e5;
181
- --DarkOnSurfaceRGBColor:227 226 230;
182
176
  --DarkOnSurfaceVariantColor: #cac4d0;
183
177
  --DarkOutlineColor: #938f99;
184
178
  --DarkOutlineVariantColor: #444746;
@@ -210,7 +204,6 @@
210
204
  --LightSurfaceContainerHightColor: #ece6f0;
211
205
  --LightSurfaceContainerHighestColor: #e6e0e9;
212
206
  --LightOnSurfaceColor: #1c1b1f;
213
- --LightOnSurfaceRGBColor:26 28 30;
214
207
  --LightOnSurfaceVariantColor: #49454e;
215
208
  --LightOutlineColor: #79747e;
216
209
  --LightOutlineVariantColor: #c4c7c5;
@@ -240,7 +233,6 @@
240
233
  --DarkSurfaceContainerHightColor: #2b2930;
241
234
  --DarkSurfaceContainerHighestColor: #36343b;
242
235
  --DarkOnSurfaceColor: #e6e1e5;
243
- --DarkOnSurfaceRGBColor:227 226 230;
244
236
  --DarkOnSurfaceVariantColor: #cac4d0;
245
237
  --DarkOutlineColor: #938f99;
246
238
  --DarkOutlineVariantColor: #444746;
@@ -274,7 +266,6 @@
274
266
  --LightSurfaceContainerHightColor: #ece6f0;
275
267
  --LightSurfaceContainerHighestColor: #e6e0e9;
276
268
  --LightOnSurfaceColor: #1c1b1f;
277
- --LightOnSurfaceRGBColor:26 28 30;
278
269
  --LightOnSurfaceVariantColor: #49454e;
279
270
  --LightOutlineColor: #79747e;
280
271
  --LightOutlineVariantColor: #c4c7c5;
@@ -306,7 +297,6 @@
306
297
  --DarkSurfaceContainerHightColor: #2b2930;
307
298
  --DarkSurfaceContainerHighestColor: #36343b;
308
299
  --DarkOnSurfaceColor: #e6e1e5;
309
- --DarkOnSurfaceRGBColor:227 226 230;
310
300
  --DarkOnSurfaceVariantColor: #cac4d0;
311
301
  --DarkOutlineColor: #938f99;
312
302
  --DarkOutlineVariantColor: #444746;
@@ -338,7 +328,6 @@
338
328
  --surfaceContainerHightColor: var(--LightSurfaceContainerHightColor);
339
329
  --surfaceContainerHighestColor: var(--LightSurfaceContainerHighestColor);
340
330
  --onSurfaceColor: var(--LightOnSurfaceColor);
341
- --onSurfaceRGBColor:var(--LightOnSurfaceRGBColor);
342
331
  --onSurfaceVariantColor: var(--LightOnSurfaceVariantColor);
343
332
  --outlineColor: var(--LightOutlineColor);
344
333
  --outlineVariantColor: var(--LightOutlineVariantColor);
@@ -368,7 +357,6 @@
368
357
  --surfaceContainerHightColor: var(--DarkSurfaceContainerHightColor);
369
358
  --surfaceContainerHighestColor: var(--DarkSurfaceContainerHighestColor);
370
359
  --onSurfaceColor: var(--DarkOnSurfaceColor);
371
- --onSurfaceRGBColor:var(--DarkOnSurfaceRGBColor);
372
360
  --onSurfaceVariantColor: var(--DarkOnSurfaceVariantColor);
373
361
  --outlineColor: var(--DarkOutlineColor);
374
362
  --outlineVariantColor: var(--DarkOutlineVariantColor);
@@ -399,7 +387,6 @@
399
387
  --surfaceContainerHightColor: var(--DarkSurfaceContainerHightColor);
400
388
  --surfaceContainerHighestColor: var(--DarkSurfaceContainerHighestColor);
401
389
  --onSurfaceColor: var(--DarkOnSurfaceColor);
402
- --onSurfaceRGBColor:var(--DarkOnSurfaceRGBColor);
403
390
  --onSurfaceVariantColor: var(--DarkOnSurfaceVariantColor);
404
391
  --outlineColor: var(--DarkOutlineColor);
405
392
  --outlineVariantColor: var(--DarkOutlineVariantColor);