dibk-design 4.0.2 → 4.1.0

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 (14) hide show
  1. package/dist/components/Accordion.js +1 -1
  2. package/dist/components/Accordion.module.scss +6 -67
  3. package/dist/components/Button.module.scss +5 -5
  4. package/dist/components/Container.module.scss +3 -3
  5. package/dist/components/ContentBox.js +1 -1
  6. package/dist/components/ContentBox.module.scss +6 -67
  7. package/dist/components/DragAndDropFileInput.module.scss +1 -1
  8. package/dist/components/Header.module.scss +13 -27
  9. package/dist/components/Paper.module.scss +2 -4
  10. package/dist/components/Table.module.scss +5 -5
  11. package/dist/components/Theme.module.scss +5 -45
  12. package/dist/style/abstracts/variables/_colors.scss +3 -2
  13. package/dist/style/pdf.css.map +1 -1
  14. package/package.json +1 -1
package/dist/components/Accordion.js CHANGED
@@ -46,7 +46,7 @@ Accordion.propTypes = {
46
46
  title: _propTypes.default.string,
47
47
  titleSize: _propTypes.default.oneOf(["regular", "large"]),
48
48
  content: _propTypes.default.string,
49
- color: _propTypes.default.oneOf(["default", "primary", "success", "warning", "info", "lightCyan", "orange", "lightOrange", "lime", "lightLime"]),
49
+ color: _propTypes.default.oneOf(["default", "secondary"]),
50
50
  expanded: _propTypes.default.bool,
51
51
  onToggleExpand: _propTypes.default.func,
52
52
  buttonProps: _propTypes.default.object
package/dist/components/Accordion.module.scss CHANGED
@@ -75,79 +75,18 @@
75
75
  width: 100%;
76
76
  display: block;
77
77
  &.default {
78
- background-color: $color-default;
78
+ background-color: $color-default-background;
79
79
  .panel span,
80
80
  .content {
81
- color: #000;
81
+ color: $color-default-text;
82
82
  }
83
83
  }
84
- &.primary {
85
- background-color: $color-primary;
86
- color: #fff;
84
+ &.secondary {
85
+ background-color: $color-secondary-background;
86
+ color: $color-default-text;
87
87
  .panel span,
88
88
  .content {
89
- color: #fff;
90
- }
91
- }
92
- &.success {
93
- background-color: $color-success;
94
- color: #fff;
95
- .panel span,
96
- .content {
97
- color: #fff;
98
- }
99
- }
100
- &.warning {
101
- background-color: $color-warning;
102
- color: #fff;
103
- .panel span,
104
- .content {
105
- color: #fff;
106
- }
107
- }
108
-
109
- &.info {
110
- background-color: $color-info;
111
- .panel span,
112
- .content {
113
- color: #000;
114
- }
115
- }
116
- &.lightCyan {
117
- background-color: $color-light-cyan;
118
- .panel span,
119
- .content {
120
- color: #000;
121
- }
122
- }
123
- &.orange {
124
- background-color: $color-orange;
125
- color: #fff;
126
- .panel span,
127
- .content {
128
- color: #fff;
129
- }
130
- }
131
- &.lightOrange {
132
- background-color: $color-light-orange;
133
- .panel span,
134
- .content {
135
- color: #000;
136
- }
137
- }
138
- &.lime {
139
- background-color: $color-lime;
140
- color: #fff;
141
- .panel span,
142
- .content {
143
- color: #fff;
144
- }
145
- }
146
- &.lightLime {
147
- background-color: $color-light-lime;
148
- .panel span,
149
- .content {
150
- color: #000;
89
+ color: $color-default-text;
151
90
  }
152
91
  }
153
92
 
package/dist/components/Button.module.scss CHANGED
@@ -31,10 +31,10 @@
31
31
  @include appearance(none);
32
32
  @include border-radius(0);
33
33
  @include transition(
34
- filter 200ms $default-transition,
35
- background-color 200ms $default-transition,
36
- color 200ms $default-transition,
37
- border-color 200ms $default-transition
34
+ filter $default-transition,
35
+ background-color $default-transition,
36
+ color $default-transition,
37
+ border-color $default-transition
38
38
  );
39
39
  font-family: $default-font;
40
40
  border-style: solid;
@@ -90,7 +90,7 @@
90
90
  }
91
91
 
92
92
  &.default {
93
- background-color: transparent;
93
+ background-color: #fff;
94
94
  color: $color-primary-text;
95
95
  border-color: $color-secondary-light;
96
96
  &:not(.hasTheme) {
package/dist/components/Container.module.scss CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  .container {
4
4
  margin: auto;
5
- padding: 16px;
5
+ padding: 8px;
6
6
  @media (min-width: $screen-sm) {
7
- padding: 24px;
8
- max-width: 980px;
7
+ padding: 20px;
8
+ max-width: 860px;
9
9
  }
10
10
  }
package/dist/components/ContentBox.js CHANGED
@@ -44,7 +44,7 @@ ContentBox.propTypes = {
44
44
  titleSize: _propTypes.default.oneOf(["regular", "large"]),
45
45
  content: _propTypes.default.string,
46
46
  children: _propTypes.default.any,
47
- color: _propTypes.default.oneOf(["default", "primary", "success", "warning", "info", "lightCyan", "orange", "lightOrange", "lime", "lightLime"])
47
+ color: _propTypes.default.oneOf(["default", "secondary"])
48
48
  };
49
49
  ContentBox.defaultProps = {
50
50
  title: null,
package/dist/components/ContentBox.module.scss CHANGED
@@ -18,79 +18,18 @@
18
18
  }
19
19
  }
20
20
  &.default {
21
- background-color: $color-default;
21
+ background-color: $color-default-background;
22
22
  .content,
23
23
  .title {
24
- color: #000;
24
+ color: $color-default-text;
25
25
  }
26
26
  }
27
- &.primary {
28
- background-color: $color-primary;
29
- color: #fff;
27
+ &.secondary {
28
+ background-color: $color-secondary-background;
29
+ color: $color-default-text;
30
30
  .content,
31
31
  .title {
32
- color: #fff;
33
- }
34
- }
35
- &.success {
36
- background-color: $color-success;
37
- color: #fff;
38
- .content,
39
- .title {
40
- color: #fff;
41
- }
42
- }
43
- &.warning {
44
- background-color: $color-warning;
45
- color: #fff;
46
- .content,
47
- .title {
48
- color: #fff;
49
- }
50
- }
51
-
52
- &.info {
53
- background-color: $color-info;
54
- .content,
55
- .title {
56
- color: #000;
57
- }
58
- }
59
- &.lightCyan {
60
- background-color: $color-light-cyan;
61
- .content,
62
- .title {
63
- color: #000;
64
- }
65
- }
66
- &.orange {
67
- background-color: $color-orange;
68
- color: #fff;
69
- .content,
70
- .title {
71
- color: #fff;
72
- }
73
- }
74
- &.lightOrange {
75
- background-color: $color-light-orange;
76
- .content,
77
- .title {
78
- color: #000;
79
- }
80
- }
81
- &.lime {
82
- background-color: $color-lime;
83
- color: #fff;
84
- .content,
85
- .title {
86
- color: #fff;
87
- }
88
- }
89
- &.lightLime {
90
- background-color: $color-light-lime;
91
- .content,
92
- .title {
93
- color: #000;
32
+ color: $color-default-text;
94
33
  }
95
34
  }
96
35
 
package/dist/components/DragAndDropFileInput.module.scss CHANGED
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  &.highlighted {
29
- background: $color-default;
29
+ background: $color-default-background;
30
30
  border-color: $color-primary;
31
31
  }
32
32
  }
package/dist/components/Header.module.scss CHANGED
@@ -12,14 +12,11 @@
12
12
  }
13
13
  &.size-1 {
14
14
  font-family: $default-font;
15
- font-size: 32px;
16
15
  font-style: normal;
17
- font-weight: 500;
18
- line-height: 1.43;
16
+ font-size: 28px;
17
+ font-weight: 600;
18
+ line-height: 36px;
19
19
  letter-spacing: 0px;
20
- @media only screen and (min-width: $screen-sm) {
21
- font-size: 38px;
22
- }
23
20
  &.bigHeader {
24
21
  font-family: $default-font;
25
22
  font-size: 40px;
@@ -33,46 +30,35 @@
33
30
  }
34
31
  &.size-2 {
35
32
  font-family: $default-font;
36
- font-size: 25px;
37
33
  font-style: normal;
38
- font-weight: 500;
39
- line-height: 1.42;
34
+ font-size: 22px;
35
+ font-weight: 600;
36
+ line-height: 30px;
40
37
  letter-spacing: 0px;
41
- @media only screen and (min-width: $screen-sm) {
42
- font-size: 30px;
43
- }
44
38
  }
45
39
  &.size-3 {
46
40
  font-family: $default-font;
47
- font-size: 19px;
48
41
  font-style: normal;
49
- font-weight: bold;
50
- line-height: 1;
42
+ font-size: 18px;
43
+ font-weight: 600;
44
+ line-height: 24px;
51
45
  letter-spacing: 0px;
52
- @media only screen and (min-width: $screen-sm) {
53
- font-size: 22px;
54
- }
55
46
  }
56
47
  &.size-4 {
57
48
  font-family: $default-font;
58
- font-size: 17px;
59
49
  font-style: italic;
50
+ font-size: 17px;
60
51
  font-weight: normal;
61
52
  line-height: 1;
62
53
  letter-spacing: 0px;
63
- @media only screen and (min-width: $screen-sm) {
64
- font-size: 21px;
65
- }
66
54
  }
67
55
  &.size-5 {
68
56
  font-family: $default-font;
69
- font-size: 16px;
70
- font-weight: normal;
57
+ font-style: normal;
58
+ font-size: 15px;
59
+ font-weight: 600;
71
60
  line-height: 1;
72
61
  letter-spacing: 0px;
73
- @media only screen and (min-width: $screen-sm) {
74
- font-size: 19px;
75
- }
76
62
  }
77
63
  }
78
64
  }
package/dist/components/Paper.module.scss CHANGED
@@ -1,18 +1,16 @@
1
1
  @import "../style/global.scss";
2
2
 
3
3
  .paper {
4
- line-height: 1.6;
5
4
  position: relative;
6
5
  width: 100%;
7
6
  background: white;
8
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.18);
9
7
  &:not(.noMargin) {
10
8
  margin: 20px 0;
11
9
  }
12
10
  &:not(.noPadding) {
13
- padding: 12px 12px;
11
+ padding: 48px 20px;
14
12
  @media only screen and (min-width: $screen-sm) {
15
- padding: 24px 28px;
13
+ padding: 48px;
16
14
  }
17
15
  }
18
16
  }
package/dist/components/Table.module.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  font-style: italic;
11
11
  line-height: 1;
12
12
  font-size: 19px;
13
- color: #072938;
13
+ color: $color-primary;
14
14
  }
15
15
  &.captionSide-top {
16
16
  caption {
@@ -42,20 +42,20 @@
42
42
  thead {
43
43
  tr {
44
44
  background-color: #ededed;
45
- border: 1px solid #000;
45
+ border: 1px solid $color-secondary;
46
46
  th {
47
47
  text-align: left;
48
- font-size: 17px;
48
+ font-size: 16px;
49
49
  padding: 10px;
50
50
  }
51
51
  }
52
52
  }
53
53
  tbody {
54
54
  tr {
55
- border: 1px solid #000;
55
+ border: 1px solid $color-secondary;
56
56
  td {
57
57
  padding: 10px;
58
- font-size: 17px;
58
+ font-size: 16px;
59
59
  }
60
60
  }
61
61
  }
package/dist/components/Theme.module.scss CHANGED
@@ -24,53 +24,13 @@ img {
24
24
  line-height: 3em;
25
25
 
26
26
  &.default {
27
- background-color: $color-default;
28
- color: #000;
27
+ background-color: $color-default-background;
28
+ color: $color-default-text;
29
29
  }
30
30
 
31
- &.primary {
32
- background-color: $color-primary;
33
- color: #fff;
34
- }
35
-
36
- &.success {
37
- background-color: $color-success;
38
- color: #fff;
39
- }
40
-
41
- &.warning {
42
- background-color: $color-warning;
43
- color: #fff;
44
- }
45
-
46
- &.info {
47
- background-color: $color-info;
48
- color: #000;
49
- }
50
-
51
- &.lightCyan {
52
- background-color: $color-light-cyan;
53
- color: #000;
54
- }
55
-
56
- &.orange {
57
- background-color: $color-orange;
58
- color: #fff;
59
- }
60
-
61
- &.lightOrange {
62
- background-color: $color-light-orange;
63
- color: #000;
64
- }
65
-
66
- &.lime {
67
- background-color: $color-lime;
68
- color: #fff;
69
- }
70
-
71
- &.lightLime {
72
- background-color: $color-light-lime;
73
- color: #000;
31
+ &.secodary {
32
+ background-color: $color-secondary-background;
33
+ color: $color-default-text;
74
34
  }
75
35
  }
76
36
  }
package/dist/style/abstracts/variables/_colors.scss CHANGED
@@ -6,14 +6,15 @@ $color-primary: #003045;
6
6
  $color-primary-light: #264f61;
7
7
  $color-primary-x-light: #406474;
8
8
 
9
- $color-default: #f2f1f0;
10
-
11
9
  $color-secondary: #89bad6;
12
10
  $color-secondary-light: #c7e0f2;
13
11
  $color-secondary-x-light: #ebf4fa;
14
12
 
15
13
  $color-focus: rgba(0, 92, 173, 0.4);
16
14
 
15
+ $color-default-background: #f1fae3;
16
+ $color-secondary-background: #f5f0f0;
17
+
17
18
  $color-success: #43ac6a;
18
19
 
19
20
  $color-error: #db0000;
package/dist/style/pdf.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss","../../src/style/abstracts/variables/_colors.scss"],"names":[],"mappings":"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","file":"pdf.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/stories/PDF.scss","../../src/style/abstracts/mixins/_box-sizing.scss","../../src/style/abstracts/variables/_colors.scss"],"names":[],"mappings":"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","file":"pdf.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dibk-design",
3
- "version": "4.0.2",
3
+ "version": "4.1.0",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "files": [