@iroco/ui 1.0.0-13 → 1.0.0-14
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/Button.svelte +3 -3
- package/dist/ImageArticle.svelte +3 -3
- package/dist/NavBar.svelte +3 -3
- package/dist/scss/button.scss +3 -3
- package/dist/scss/colors.scss +6 -2
- package/package.json +1 -1
package/dist/Button.svelte
CHANGED
|
@@ -190,9 +190,9 @@ export let id;
|
|
|
190
190
|
border-radius: 0.3em;
|
|
191
191
|
}
|
|
192
192
|
.iroco-ui-button--basic {
|
|
193
|
-
color: var(--btn-
|
|
194
|
-
background: var(--btn-
|
|
195
|
-
border: 1px solid var(--btn-
|
|
193
|
+
color: var(--btn-secondary-label);
|
|
194
|
+
background: var(--btn-secondary-bg);
|
|
195
|
+
border: 1px solid var(--btn-secondary-border);
|
|
196
196
|
}
|
|
197
197
|
.iroco-ui-button--dark {
|
|
198
198
|
background: var(--dark-btn-primary-bg);
|
package/dist/ImageArticle.svelte
CHANGED
|
@@ -358,9 +358,9 @@ export let reversed = false;
|
|
|
358
358
|
border-radius: 0.3em;
|
|
359
359
|
}
|
|
360
360
|
.iroco-ui-button--basic {
|
|
361
|
-
color: var(--btn-
|
|
362
|
-
background: var(--btn-
|
|
363
|
-
border: 1px solid var(--btn-
|
|
361
|
+
color: var(--btn-secondary-label);
|
|
362
|
+
background: var(--btn-secondary-bg);
|
|
363
|
+
border: 1px solid var(--btn-secondary-border);
|
|
364
364
|
}
|
|
365
365
|
.iroco-ui-button--dark {
|
|
366
366
|
background: var(--dark-btn-primary-bg);
|
package/dist/NavBar.svelte
CHANGED
|
@@ -375,9 +375,9 @@ $:
|
|
|
375
375
|
border-radius: 0.3em;
|
|
376
376
|
}
|
|
377
377
|
.iroco-ui-button--basic {
|
|
378
|
-
color: var(--btn-
|
|
379
|
-
background: var(--btn-
|
|
380
|
-
border: 1px solid var(--btn-
|
|
378
|
+
color: var(--btn-secondary-label);
|
|
379
|
+
background: var(--btn-secondary-bg);
|
|
380
|
+
border: 1px solid var(--btn-secondary-border);
|
|
381
381
|
}
|
|
382
382
|
.iroco-ui-button--dark {
|
|
383
383
|
background: var(--dark-btn-primary-bg);
|
package/dist/scss/button.scss
CHANGED
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
border-radius: constants.$border-radius;
|
|
19
19
|
|
|
20
20
|
&--basic {
|
|
21
|
-
color: var(--btn-
|
|
22
|
-
background: var(--btn-
|
|
23
|
-
border: 1px solid var(--btn-
|
|
21
|
+
color: var(--btn-secondary-label);
|
|
22
|
+
background: var(--btn-secondary-bg);
|
|
23
|
+
border: 1px solid var(--btn-secondary-border);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
&--dark {
|
package/dist/scss/colors.scss
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
--color-primary-dark: #00a873;
|
|
25
25
|
|
|
26
26
|
--color-secondary-light: #ffffff;
|
|
27
|
-
--color-secondary:
|
|
27
|
+
--color-secondary: #f2ebe3;
|
|
28
28
|
--color-secondary-dark: #a9a29e;
|
|
29
29
|
|
|
30
30
|
/* feedback */
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
|
|
38
38
|
/* typography */
|
|
39
39
|
--color-text-light: #ffffff;
|
|
40
|
-
--color-text:
|
|
40
|
+
--color-text: #f2ebe3;
|
|
41
41
|
--color-text-op-50: #f2ebe380;
|
|
42
42
|
--color-text-op-60: #f2ebe399;
|
|
43
43
|
--color-text-dark: #464452;
|
|
@@ -61,6 +61,10 @@
|
|
|
61
61
|
--dark-btn-primary-label: var(--color-beige);
|
|
62
62
|
--dark-btn-primary-bg: var(--color-night-blue);
|
|
63
63
|
|
|
64
|
+
--btn-secondary-bg: var(--color-secondary);
|
|
65
|
+
--btn-secondary-border: var(--color-night-blue);
|
|
66
|
+
--btn-secondary-label: var(--color-night-blue);
|
|
67
|
+
|
|
64
68
|
--btn-basic-label: var(--color-night-blue);
|
|
65
69
|
--btn-basic-bg: var(--color-beige);
|
|
66
70
|
--btn-basic-border: var(--color-night-blue);
|