dibk-design 6.2.0 → 6.2.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.
Files changed (6) hide show
  1. package/dist/components/Accordion.js +4 -2
  2. package/dist/components/Accordion.module.scss +3 -0
  3. package/dist/components/Button.module.scss +46 -41
  4. package/dist/components/InfoBox.module.scss +0 -2
  5. package/dist/components/Select.module.scss +2 -2
  6. package/package.json +1 -1
package/dist/components/Accordion.js CHANGED
@@ -7,6 +7,7 @@ exports.default = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _AccordionModule = _interopRequireDefault(require("./Accordion.module.scss"));
10
+ var _helpers = require("functions/helpers");
10
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -35,7 +36,7 @@ const Accordion = props => {
35
36
  className: "".concat(_AccordionModule.default.panelChevron, " ").concat(expanded ? _AccordionModule.default.expanded : "")
36
37
  }));
37
38
  };
38
- const className = "".concat(_AccordionModule.default.accordion, " ").concat(props.color ? _AccordionModule.default[props.color] : "");
39
+ const className = (0, _helpers.classNameArrayToClassNameString)([_AccordionModule.default.accordion, props.color && _AccordionModule.default[props.color], !props.noMargin && _AccordionModule.default.margin]);
39
40
  return _react.default.createElement("div", {
40
41
  className: className
41
42
  }, renderPanel(), _react.default.createElement("div", {
@@ -57,6 +58,7 @@ Accordion.defaultProps = {
57
58
  href: null,
58
59
  content: "",
59
60
  color: "default",
60
- expanded: false
61
+ expanded: false,
62
+ noMargin: false
61
63
  };
62
64
  var _default = exports.default = Accordion;
package/dist/components/Accordion.module.scss CHANGED
@@ -89,6 +89,9 @@
89
89
  color: var(--color-default-text, $color-default-text);
90
90
  }
91
91
  }
92
+ &.margin {
93
+ margin-bottom: 8px;
94
+ }
92
95
 
93
96
  .panel {
94
97
  @include appearance(none);
package/dist/components/Button.module.scss CHANGED
@@ -111,20 +111,20 @@
111
111
  border-color: var(--color-secondary-x-light, $color-secondary-x-light);
112
112
  &:hover:not(.noHover),
113
113
  &:focus-visible {
114
- background-color: var(--color-secondary-x-light, $color-secondary-x-light);
114
+ background-color: var(--color-secondary-light, $color-secondary-x-light);
115
115
  color: var(--color-secondary-contrast, $color-secondary-contrast);
116
116
  &:after,
117
117
  &:before {
118
- border-color: var(--color-secondary-x-light, $color-secondary-x-light);
118
+ border-color: var(--color-secondary-light, $color-secondary-x-light);
119
119
  }
120
120
  }
121
121
  &:active:not(.noHover),
122
122
  &:active:hover:not(.noHover) {
123
- background-color: var(--color-secondary-light, $color-secondary-light);
123
+ background-color: var(--color-secondary-x-light, $color-secondary-light);
124
124
  color: var(--color-secondary-contrast, $color-secondary-contrast);
125
125
  &:after,
126
126
  &:before {
127
- border-color: var(--color-secondary-light, $color-secondary-light);
127
+ border-color: var(--color-secondary-x-light, $color-secondary-light);
128
128
  }
129
129
  }
130
130
  }
@@ -154,7 +154,7 @@
154
154
  }
155
155
  &:before,
156
156
  &:after {
157
- border-color: var(--color-secondary-light, $color-secondary-light);
157
+ border-color: var(--color-primary-contrast, $color-primary-contrast);
158
158
  }
159
159
  }
160
160
  }
@@ -184,24 +184,8 @@
184
184
  left: 1em;
185
185
  }
186
186
  }
187
- &.primary {
188
- &:before {
189
- border-color: var(--color-primary-contrast, $color-primary-contrast);
190
- }
191
- }
192
- &.secondary {
193
- &:before {
194
- border-color: var(--color-secondary-contrast, $color-secondary-contrast);
195
- }
196
- }
197
-
198
- &:hover:not(.noHover),
199
- &:focus-visible,
200
- &:active:not(.noHover),
201
- &:active:hover:not(.noHover) {
202
- &:before {
203
- @include animation(pushprev 0.8s linear infinite);
204
- }
187
+ &:not(:disabled),
188
+ &:not(.disabled) {
205
189
  &.primary {
206
190
  &:before {
207
191
  border-color: var(--color-primary-contrast, $color-primary-contrast);
@@ -212,6 +196,24 @@
212
196
  border-color: var(--color-secondary-contrast, $color-secondary-contrast);
213
197
  }
214
198
  }
199
+ &:hover:not(.noHover),
200
+ &:focus-visible,
201
+ &:active:not(.noHover),
202
+ &:active:hover:not(.noHover) {
203
+ &:before {
204
+ @include animation(pushprev 0.8s linear infinite);
205
+ }
206
+ &.primary {
207
+ &:before {
208
+ border-color: var(--color-primary-contrast, $color-primary-contrast);
209
+ }
210
+ }
211
+ &.secondary {
212
+ &:before {
213
+ border-color: var(--color-secondary-contrast, $color-secondary-contrast);
214
+ }
215
+ }
216
+ }
215
217
  }
216
218
  }
217
219
 
@@ -232,24 +234,8 @@
232
234
  }
233
235
  }
234
236
 
235
- &.primary {
236
- &:after {
237
- border-color: var(--color-primary-contrast, $color-primary-contrast);
238
- }
239
- }
240
- &.secondary {
241
- &:after {
242
- border-color: var(--color-secondary-contrast, $color-secondary-contrast);
243
- }
244
- }
245
-
246
- &:hover:not(.noHover),
247
- &:focus-visible,
248
- &:active:not(.noHover),
249
- &:active:hover:not(.noHover) {
250
- &:after {
251
- @include animation(pushnext 0.8s linear infinite);
252
- }
237
+ &:not(:disabled),
238
+ &:not(.disabled) {
253
239
  &.primary {
254
240
  &:after {
255
241
  border-color: var(--color-primary-contrast, $color-primary-contrast);
@@ -260,6 +246,25 @@
260
246
  border-color: var(--color-secondary-contrast, $color-secondary-contrast);
261
247
  }
262
248
  }
249
+
250
+ &:hover:not(.noHover),
251
+ &:focus-visible,
252
+ &:active:not(.noHover),
253
+ &:active:hover:not(.noHover) {
254
+ &:after {
255
+ @include animation(pushnext 0.8s linear infinite);
256
+ }
257
+ &.primary {
258
+ &:after {
259
+ border-color: var(--color-primary-contrast, $color-primary-contrast);
260
+ }
261
+ }
262
+ &.secondary {
263
+ &:after {
264
+ border-color: var(--color-secondary-contrast, $color-secondary-contrast);
265
+ }
266
+ }
267
+ }
263
268
  }
264
269
  }
265
270
  }
package/dist/components/InfoBox.module.scss CHANGED
@@ -22,8 +22,6 @@
22
22
  height: 24px;
23
23
  display: inline-block;
24
24
  vertical-align: middle;
25
- background-color: var(--color-warning-x-light, $color-warning-x-light);
26
- border-left-color: var(--color-warning, $color-warning);
27
25
  }
28
26
  h1,
29
27
  h2,
package/dist/components/Select.module.scss CHANGED
@@ -18,7 +18,7 @@
18
18
  right: 15px;
19
19
  display: block;
20
20
  width: 12px;
21
- height: 12px;
21
+ height: calc(50% - 6px);
22
22
  border-radius: 100px;
23
23
  @media only screen and (min-width: $screen-sm) {
24
24
  top: 20px;
@@ -84,7 +84,7 @@
84
84
  cursor: default;
85
85
  }
86
86
  &:not(.multiple) {
87
- height: 52px;
87
+ height: 54px;
88
88
  padding: 12px 40px 12px 12px;
89
89
  }
90
90
  &.multiple {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dibk-design",
3
- "version": "6.2.0",
3
+ "version": "6.2.1",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "files": [