dso-toolkit 80.0.0 → 81.0.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 (29) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/dso.css +60 -231
  3. package/dist/dso.css.map +1 -1
  4. package/dist/dso.min.css +1 -1
  5. package/dist/dso.min.css.map +1 -1
  6. package/dist/index.js +0 -1
  7. package/package.json +1 -2
  8. package/src/components/banner/banner.mixins.scss +1 -2
  9. package/src/components/button/button.mixins.scss +6 -25
  10. package/src/components/card/card.scss +1 -2
  11. package/src/components/delete/delete.mixins.scss +6 -2
  12. package/src/components/document-header/document-header.scss +0 -4
  13. package/src/components/form-group/files/form-group-files.scss +5 -10
  14. package/src/components/form-group/form-group.scss +1 -2
  15. package/src/components/form-group/search-bar/form-group-search-bar.scss +1 -1
  16. package/src/components/highlight-box/highlight-box.mixins.scss +1 -2
  17. package/src/components/highlight-box/highlight-box.scss +0 -2
  18. package/src/components/info/info.mixins.scss +1 -2
  19. package/src/components/insert/insert.mixins.scss +2 -0
  20. package/src/components/label/label.scss +1 -2
  21. package/src/components/link/link.mixins.scss +3 -3
  22. package/src/components/navbar/navbar.mixins.scss +1 -2
  23. package/src/components/navbar/navbar.scss +0 -1
  24. package/src/components/shopping-cart/shopping-cart.scss +3 -6
  25. package/src/components/table/table.scss +2 -3
  26. package/src/dso.scss +1 -1
  27. package/dist/dso-icons.svg +0 -756
  28. package/src/components/icon/icon.scss +0 -7
  29. package/src/components/icon/readme.md +0 -8
package/src/components/highlight-box/highlight-box.scss CHANGED
@@ -31,7 +31,6 @@
31
31
  @include highlight-box.exoticChildren();
32
32
  }
33
33
 
34
- .dso-step-counter > svg.di,
35
34
  .dso-step-counter > dso-icon {
36
35
  @include step-counter.icon();
37
36
  }
@@ -74,7 +73,6 @@ dso-highlight-box {
74
73
  $step-counter-selector: '[slot="icon"]:first-child'
75
74
  );
76
75
 
77
- svg.di[slot="icon"],
78
76
  dso-icon[slot="icon"] {
79
77
  @include step-counter.icon();
80
78
  }
package/src/components/info/info.mixins.scss CHANGED
@@ -44,8 +44,7 @@
44
44
  &:hover,
45
45
  &:focus {
46
46
  &,
47
- dso-icon,
48
- svg.di {
47
+ dso-icon {
49
48
  color: colors.$grijs-60;
50
49
  text-decoration: underline;
51
50
  }
package/src/components/insert/insert.mixins.scss CHANGED
@@ -12,5 +12,7 @@
12
12
 
13
13
  & {
14
14
  box-shadow: insert-variables.$box-shadow;
15
+
16
+ --_dso-ozon-content-toggletip-color: colors.$zwart;
15
17
  }
16
18
  }
package/src/components/label/label.scss CHANGED
@@ -39,8 +39,7 @@
39
39
  cursor: pointer;
40
40
  }
41
41
 
42
- > dso-icon,
43
- > svg.di {
42
+ > dso-icon {
44
43
  display: block;
45
44
  }
46
45
  }
package/src/components/link/link.mixins.scss CHANGED
@@ -30,12 +30,12 @@
30
30
 
31
31
  @include pseudo();
32
32
 
33
- :is(dso-icon, svg.di) + span,
34
- span + :is(dso-icon, svg.di) {
33
+ dso-icon + span,
34
+ span + dso-icon {
35
35
  margin-inline-start: units.$u1;
36
36
  }
37
37
 
38
- .sr-only + :is(dso-icon, svg.di) {
38
+ .sr-only + dso-icon {
39
39
  margin-inline-start: 0;
40
40
  }
41
41
 
package/src/components/navbar/navbar.mixins.scss CHANGED
@@ -19,8 +19,7 @@
19
19
  padding-block: #{units.$padding-base-block - 1};
20
20
  padding-inline: 0;
21
21
 
22
- dso-icon,
23
- svg.di {
22
+ dso-icon {
24
23
  margin-inline-start: units.$u1;
25
24
  margin-inline-end: units.$u1;
26
25
  }
package/src/components/navbar/navbar.scss CHANGED
@@ -73,7 +73,6 @@
73
73
  font-weight: 600;
74
74
  color: colors.$grasgroen;
75
75
 
76
- svg.di,
77
76
  dso-icon {
78
77
  margin-inline-end: units.$u1;
79
78
  }
package/src/components/shopping-cart/shopping-cart.scss CHANGED
@@ -25,8 +25,7 @@
25
25
  text-align: start;
26
26
  }
27
27
 
28
- dso-icon,
29
- svg.di {
28
+ dso-icon {
30
29
  @include utilities.transition(transform);
31
30
 
32
31
  inset-inline-start: units.$u2;
@@ -36,8 +35,7 @@
36
35
  }
37
36
 
38
37
  &[aria-expanded="true"] {
39
- dso-icon,
40
- svg.di {
38
+ dso-icon {
41
39
  transform: rotate(90deg);
42
40
  }
43
41
  }
@@ -113,8 +111,7 @@
113
111
  padding-block-start: units.$u2;
114
112
  position: relative;
115
113
 
116
- > dso-icon,
117
- > svg.di {
114
+ > dso-icon {
118
115
  float: inline-start;
119
116
  block-size: units.$u3;
120
117
  margin-inline-end: units.$u1;
package/src/components/table/table.scss CHANGED
@@ -41,7 +41,7 @@ table.table,
41
41
  max-inline-size: 100%;
42
42
  inline-size: 100%;
43
43
 
44
- .dso-tertiary,
44
+ .dso-tertiary:not(dso-ozon-content-toggletip *),
45
45
  dso-icon-button {
46
46
  position: relative;
47
47
  inset-block-start: -2px;
@@ -239,8 +239,7 @@ table.table,
239
239
  color: colors.$grijs-90;
240
240
  font-weight: 600;
241
241
 
242
- dso-icon,
243
- svg.di {
242
+ dso-icon {
244
243
  color: colors.$grijs-60;
245
244
 
246
245
  &.dso-sort-active {
package/src/dso.scss CHANGED
@@ -47,7 +47,7 @@
47
47
  @use "components/heading/heading";
48
48
  @use "components/highlight-box/highlight-box";
49
49
  @use "components/horizontal-rule/horizontal-rule";
50
- @use "components/icon/icon";
50
+ @use "components/icon";
51
51
  @use "components/image/image";
52
52
  @use "components/info/info";
53
53
  @use "components/info-button/info-button";