dibk-design 0.3.24 → 0.4.3
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/components/Button.js +11 -5
- package/dist/components/Button.md +22 -13
- package/dist/components/Button.module.scss +79 -31
- package/dist/components/ContentBox.module.scss +27 -16
- package/dist/components/Header.js +7 -2
- package/dist/components/Header.md +2 -1
- package/dist/components/Header.module.scss +32 -18
- package/dist/components/InputField.js +3 -2
- package/dist/components/InputField.module.scss +10 -19
- package/dist/components/Label.js +80 -0
- package/dist/components/Label.md +8 -0
- package/dist/components/Label.module.scss +14 -0
- package/dist/components/Select.js +3 -1
- package/dist/components/Select.module.scss +35 -19
- package/dist/components/Textarea.js +139 -0
- package/dist/components/Textarea.md +23 -0
- package/dist/components/Textarea.module.scss +61 -0
- package/dist/fonts/Altis.eot +0 -0
- package/dist/fonts/Altis.svg +327 -0
- package/dist/fonts/Altis.ttf +0 -0
- package/dist/functions/theme.js +7 -1
- package/dist/index.js +38 -22
- package/dist/style/abstracts/variables/_colors.scss +5 -11
- package/dist/style/base/fonts.css +11 -2
- package/package.json +1 -1
|
@@ -4,32 +4,26 @@ $color-link: #072938;
|
|
|
4
4
|
$color-dark-blue: #072938;
|
|
5
5
|
$color-light-blue: #acc5d4;
|
|
6
6
|
|
|
7
|
+
$color-error: #9d2024;
|
|
8
|
+
$color-error-text: #c1272c;
|
|
7
9
|
|
|
8
|
-
$color-primary: #
|
|
9
|
-
$color-primary-hover: #00676f;
|
|
10
|
+
$color-primary: #072938;
|
|
10
11
|
|
|
11
12
|
$color-default: #f2f1f0;
|
|
12
|
-
$color-default-hover: #e9e7e5;
|
|
13
13
|
|
|
14
14
|
$color-success: #43ac6a;
|
|
15
|
-
$color-success-hover: #368a55;
|
|
16
15
|
|
|
17
16
|
$color-warning: #c12732;
|
|
18
|
-
$color-warning-hover: #a2220b;
|
|
19
17
|
$color-light-warning: #ffeaeb;
|
|
20
18
|
|
|
21
19
|
$color-info: #a0d3e8;
|
|
22
|
-
$color-info-hover: #61b6d9;
|
|
23
20
|
|
|
24
21
|
$color-light-cyan: #ecf2f6;
|
|
25
|
-
|
|
22
|
+
|
|
23
|
+
$color-sea-green: #00757f;
|
|
26
24
|
|
|
27
25
|
$color-orange: #f08a24;
|
|
28
|
-
$color-orange-hover: #cf6e0e;
|
|
29
26
|
$color-light-orange: #faefdf;
|
|
30
|
-
$color-light-orange-hover: #f7e4c9;
|
|
31
27
|
|
|
32
28
|
$color-lime: #c9d12b;
|
|
33
|
-
$color-lime-hover: #b5bc27;
|
|
34
29
|
$color-light-lime: #f0f2cb;
|
|
35
|
-
$color-light-lime-hover: #ebeebb;
|
|
@@ -1,6 +1,15 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: "Altis";
|
|
3
|
+
src: url("../../fonts/Altis.eot#Altis") format("eot");
|
|
4
|
+
src: local("Altis"), url("../../fonts/Altis.ttf") format("truetype"), url("../../fonts/Altis.svg") format("svg");
|
|
5
|
+
}
|
|
6
|
+
|
|
1
7
|
@font-face {
|
|
2
8
|
font-family: "Altis-Light";
|
|
3
9
|
src: url("../../fonts/Altis-Light.eot#Altis-Light") format("eot");
|
|
4
|
-
src: local("Altis-Light"), url("../../fonts/Altis-Light.woff") format("woff"),
|
|
10
|
+
src: local("Altis-Light"), url("../../fonts/Altis-Light.woff") format("woff"),
|
|
11
|
+
url("../../fonts/Altis-Light.ttf") format("truetype"), url("../../fonts/Altis-Light.svg") format("svg");
|
|
12
|
+
}
|
|
13
|
+
.flex {
|
|
14
|
+
display: flex;
|
|
5
15
|
}
|
|
6
|
-
.flex {display: flex;}
|