@inera/ids-design 7.0.0 → 7.0.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.
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-badge .ids-badge__inner{align-items:center;border-radius:.313rem;box-sizing:border-box;color:var(--IDS-BADGE__COLOR);display:inline-flex;font-size:.75rem;font-weight:400;justify-items:center;line-height:1rem;padding:.188rem .438rem}.ids-badge .ids-badge__icon{display:flex;margin-right:.5rem}.ids-badge.ids-badge--primary .ids-badge__inner{background-color:var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--PRIMARY__BORDER);color:var(--IDS-BADGE--PRIMARY__COLOR)}.ids-badge.ids-badge--secondary .ids-badge__inner{background-color:var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--SECONDARY__BORDER)}.ids-badge.ids-badge--neutral .ids-badge__inner{background-color:var(--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR);border:var(--IDS-BADGE--NEUTRAL__BORDER)}.ids-badge.ids-badge--info .ids-badge__inner{background-color:var(--IDS-BADGE--INFO__BACKGROUND-COLOR);border:var(--IDS-BADGE--INFO__BORDER)}.ids-badge.ids-badge--attention .ids-badge__inner{background-color:var(--IDS-BADGE--ATTENTION__BACKGROUND-COLOR);border:var(--IDS-BADGE--ATTENTION__BORDER)}.ids-badge.ids-badge--success .ids-badge__inner{background-color:var(--IDS-BADGE--SUCCESS__BACKGROUND-COLOR);border:var(--IDS-BADGE--SUCCESS__BORDER)}.ids-badge.ids-badge--error .ids-badge__inner{background-color:var(--IDS-BADGE--ERROR__BACKGROUND-COLOR);border:var(--IDS-BADGE--ERROR__BORDER)}@media (min-width:1024px){.ids-badge .ids-badge__inner{font-size:.875em;padding:.3125rem .4375rem}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-badge{display:inline}.ids-badge .ids-badge__inner{align-items:center;border-radius:.313rem;box-sizing:border-box;color:var(--IDS-BADGE__COLOR);display:inline-flex;font-size:.75rem;font-weight:400;justify-items:center;line-height:1rem;padding:.188rem .438rem}.ids-badge .ids-badge__icon{display:flex;margin-right:.5rem}.ids-badge.ids-badge--primary .ids-badge__inner{background-color:var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--PRIMARY__BORDER);color:var(--IDS-BADGE--PRIMARY__COLOR)}.ids-badge.ids-badge--secondary .ids-badge__inner{background-color:var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);border:var(--IDS-BADGE--SECONDARY__BORDER)}.ids-badge.ids-badge--neutral .ids-badge__inner{background-color:var(--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR);border:var(--IDS-BADGE--NEUTRAL__BORDER)}.ids-badge.ids-badge--info .ids-badge__inner{background-color:var(--IDS-BADGE--INFO__BACKGROUND-COLOR);border:var(--IDS-BADGE--INFO__BORDER)}.ids-badge.ids-badge--attention .ids-badge__inner{background-color:var(--IDS-BADGE--ATTENTION__BACKGROUND-COLOR);border:var(--IDS-BADGE--ATTENTION__BORDER)}.ids-badge.ids-badge--success .ids-badge__inner{background-color:var(--IDS-BADGE--SUCCESS__BACKGROUND-COLOR);border:var(--IDS-BADGE--SUCCESS__BORDER)}.ids-badge.ids-badge--error .ids-badge__inner{background-color:var(--IDS-BADGE--ERROR__BACKGROUND-COLOR);border:var(--IDS-BADGE--ERROR__BORDER)}@media (min-width:1024px){.ids-badge .ids-badge__inner{font-size:.875em;padding:.3125rem .4375rem}}";
4
4
 
5
5
  var badgeLit = css`${unsafeCSS(css_248z)}`;
6
6
 
@@ -10,6 +10,9 @@
10
10
  }
11
11
  }
12
12
 
13
+ .ids-badge {
14
+ display: inline;
15
+ }
13
16
  .ids-badge .ids-badge__inner {
14
17
  line-height: 1rem;
15
18
  box-sizing: border-box;
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:640px){.ids-dropdown.ids-dropdown--sblock,:host([sblock]) .ids-dropdown{display:block;width:100%}}@media (max-width:1024px){.ids-dropdown.ids-dropdown--mblock,:host([mblock]) .ids-dropdown{display:block;width:100%}}.ids-dropdown{display:inline-block;position:relative}.ids-dropdown.ids-dropdown--position-right .ids-dropdown__content,.ids-dropdown.ids-dropdown--position-right ::slotted([slot=content]){left:auto;right:0}.ids-dropdown__content,:host(ids-dropdown-content){background:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);left:0;padding:.5rem;position:absolute;top:calc(100% + 4px);width:max-content;z-index:10}.ids-dropdown__content.ids-dropdown__content--hide,:host(ids-dropdown-content).ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]),:host(ids-dropdown-content).ids-dropdown__content--mblock,:host(ids-dropdown-content):host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]),:host(ids-dropdown-content).ids-dropdown__content--sblock,:host(ids-dropdown-content):host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown-content-link,:host(ids-dropdown-content) .ids-dropdown-content-link{border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown__content ::slotted(*),:host(ids-dropdown-content) ::slotted(*){align-items:flex-start!important;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem!important;line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown__content .ids-dropdown-content-link:focus,.ids-dropdown__content .ids-dropdown-content-link:hover,.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover),:host(ids-dropdown-content) .ids-dropdown-content-link:focus,:host(ids-dropdown-content) .ids-dropdown-content-link:hover,:host(ids-dropdown-content) ::slotted(a:focus),:host(ids-dropdown-content) ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-COLOR-NEUTRAL-100)}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:640px){.ids-dropdown.ids-dropdown--sblock,:host([sblock]) .ids-dropdown{display:block;width:100%}}@media (max-width:1024px){.ids-dropdown.ids-dropdown--mblock,:host([mblock]) .ids-dropdown{display:block;width:100%}}.ids-dropdown{display:inline-block;position:relative}.ids-dropdown__content{background:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);left:0;padding:.5rem;position:absolute;top:calc(100% + 4px);width:max-content;z-index:10}.ids-dropdown__content.ids-dropdown__content--position-right{left:auto;right:0}.ids-dropdown__content.ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown-content-link{border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown__content ::slotted(*){align-items:flex-start!important;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem!important;line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown__content .ids-dropdown-content-link:focus,.ids-dropdown__content .ids-dropdown-content-link:hover,.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-COLOR-NEUTRAL-100)}";
4
4
 
5
5
  var dropdownLit = css`
6
6
  ${unsafeCSS(css_248z)}
@@ -28,14 +28,8 @@
28
28
  position: relative;
29
29
  display: inline-block;
30
30
  }
31
- .ids-dropdown.ids-dropdown--position-right .ids-dropdown__content,
32
- .ids-dropdown.ids-dropdown--position-right ::slotted([slot=content]) {
33
- right: 0px;
34
- left: auto;
35
- }
36
31
 
37
- .ids-dropdown__content,
38
- :host(ids-dropdown-content) {
32
+ .ids-dropdown__content {
39
33
  position: absolute;
40
34
  border-radius: var(--IDS-BORDER-RADIUS);
41
35
  border: 0.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);
@@ -47,26 +41,24 @@
47
41
  z-index: 10;
48
42
  width: max-content;
49
43
  }
50
- .ids-dropdown__content.ids-dropdown__content--hide,
51
- :host(ids-dropdown-content).ids-dropdown__content--hide {
44
+ .ids-dropdown__content.ids-dropdown__content--position-right {
45
+ right: 0px;
46
+ left: auto;
47
+ }
48
+ .ids-dropdown__content.ids-dropdown__content--hide {
52
49
  display: none;
53
50
  }
54
51
  @media (max-width: 1024px) {
55
- .ids-dropdown__content.ids-dropdown__content--mblock, .ids-dropdown__content:host([mblock]),
56
- :host(ids-dropdown-content).ids-dropdown__content--mblock,
57
- :host(ids-dropdown-content):host([mblock]) {
52
+ .ids-dropdown__content.ids-dropdown__content--mblock, .ids-dropdown__content:host([mblock]) {
58
53
  width: 100%;
59
54
  }
60
55
  }
61
56
  @media (max-width: 640px) {
62
- .ids-dropdown__content.ids-dropdown__content--sblock, .ids-dropdown__content:host([sblock]),
63
- :host(ids-dropdown-content).ids-dropdown__content--sblock,
64
- :host(ids-dropdown-content):host([sblock]) {
57
+ .ids-dropdown__content.ids-dropdown__content--sblock, .ids-dropdown__content:host([sblock]) {
65
58
  width: 100%;
66
59
  }
67
60
  }
68
- .ids-dropdown__content .ids-dropdown-content-link,
69
- :host(ids-dropdown-content) .ids-dropdown-content-link {
61
+ .ids-dropdown__content .ids-dropdown-content-link {
70
62
  display: block;
71
63
  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
72
64
  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
@@ -82,8 +74,7 @@
82
74
  text-align: left;
83
75
  white-space: normal !important;
84
76
  }
85
- .ids-dropdown__content ::slotted(*),
86
- :host(ids-dropdown-content) ::slotted(*) {
77
+ .ids-dropdown__content ::slotted(*) {
87
78
  display: block;
88
79
  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
89
80
  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
@@ -105,11 +96,7 @@
105
96
  .ids-dropdown__content ::slotted(a:hover),
106
97
  .ids-dropdown__content ::slotted(a:focus),
107
98
  .ids-dropdown__content .ids-dropdown-content-link:hover,
108
- .ids-dropdown__content .ids-dropdown-content-link:focus,
109
- :host(ids-dropdown-content) ::slotted(a:hover),
110
- :host(ids-dropdown-content) ::slotted(a:focus),
111
- :host(ids-dropdown-content) .ids-dropdown-content-link:hover,
112
- :host(ids-dropdown-content) .ids-dropdown-content-link:focus {
99
+ .ids-dropdown__content .ids-dropdown-content-link:focus {
113
100
  color: var(--IDS-COLOR-NEUTRAL-100);
114
101
  background-color: var(--IDS-COLOR-ACCENT-30);
115
102
  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-region-icon{display:flex}.ids-region-icon.ids-region-icon--inline{display:inline-flex}.ids-region-icon.ids-region-icon--xs{font-size:1.5rem}.ids-region-icon.ids-region-icon--s{font-size:2rem}.ids-region-icon.ids-region-icon--m{font-size:2.5rem}.ids-region-icon.ids-region-icon--l{font-size:3rem}.ids-region-icon.ids-region-icon--ml{font-size:2.5rem}@media (min-width:1024px){.ids-region-icon.ids-region-icon--ml{font-size:3rem}}.ids-region-icon.ids-region-icon--color-preset-1{color:var(--IDS-ICON__COLOR-PRESET-1)}.ids-region-icon.ids-region-icon--color-preset-2{color:var(--IDS-ICON__COLOR-PRESET-2)}.ids-region-icon.ids-region-icon--color-preset-3{color:var(--IDS-ICON__COLOR-PRESET-3)}.ids-region-icon.ids-region-icon--color-preset-4{color:var(--IDS-ICON__COLOR-PRESET-4)}.ids-region-icon.ids-region-icon--stockholm:before{content:\"\\e947\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--blekinge:before{content:\"\\e99c\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--dalarna:before{content:\"\\e99d\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--gavleborg:before{content:\"\\e99e\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--gotland:before{content:\"\\e99f\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--halland:before{content:\"\\e9a0\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--jamtland-harjedalen:before{content:\"\\e9a1\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--jonkoping:before{content:\"\\e9a2\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--kalmar:before{content:\"\\e9a3\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--kronoberg:before{content:\"\\e9a4\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--norrbotten:before{content:\"\\e9a5\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--orebro:before{content:\"\\e9a6\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--ostergotland:before{content:\"\\e9a7\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--skane:before{content:\"\\e9a8\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--sormland:before{content:\"\\e9a9\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--uppsala:before{content:\"\\e9aa\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--varmland:before{content:\"\\e9ab\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--vasterbotten:before{content:\"\\e9ac\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--vasternorrland:before{content:\"\\e9ad\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--vastmanland:before{content:\"\\e9ae\";font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--vastragotaland:before{content:\"\\e9af\";font-family:Inera-Design-Icons!important}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-region-icon{display:flex}.ids-region-icon.ids-region-icon--inline{display:inline-flex}.ids-region-icon.ids-region-icon--xs{font-size:1.5rem}.ids-region-icon.ids-region-icon--s{font-size:2rem}.ids-region-icon.ids-region-icon--m{font-size:2.5rem}.ids-region-icon.ids-region-icon--l{font-size:3rem}.ids-region-icon.ids-region-icon--ml{font-size:2.5rem}@media (min-width:1024px){.ids-region-icon.ids-region-icon--ml{font-size:3rem}}.ids-region-icon.ids-region-icon--color-preset-1{color:var(--IDS-ICON__COLOR-PRESET-1)}.ids-region-icon.ids-region-icon--color-preset-2{color:var(--IDS-ICON__COLOR-PRESET-2)}.ids-region-icon.ids-region-icon--color-preset-3{color:var(--IDS-ICON__COLOR-PRESET-3)}.ids-region-icon.ids-region-icon--color-preset-4{color:var(--IDS-ICON__COLOR-PRESET-4)}.ids-region-icon.ids-region-icon--stockholm:before{content:\"\\e947\"}.ids-region-icon.ids-region-icon--blekinge:before,.ids-region-icon.ids-region-icon--stockholm:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--blekinge:before{content:\"\\e99c\"}.ids-region-icon.ids-region-icon--dalarna:before{content:\"\\e99d\"}.ids-region-icon.ids-region-icon--dalarna:before,.ids-region-icon.ids-region-icon--gavleborg:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--gavleborg:before{content:\"\\e99e\"}.ids-region-icon.ids-region-icon--gotland:before{content:\"\\e99f\"}.ids-region-icon.ids-region-icon--gotland:before,.ids-region-icon.ids-region-icon--halland:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--halland:before{content:\"\\e9a0\"}.ids-region-icon.ids-region-icon--jamtland-harjedalen:before{content:\"\\e9a1\"}.ids-region-icon.ids-region-icon--jamtland-harjedalen:before,.ids-region-icon.ids-region-icon--jonkoping:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--jonkoping:before{content:\"\\e9a2\"}.ids-region-icon.ids-region-icon--kalmar:before{content:\"\\e9a3\"}.ids-region-icon.ids-region-icon--kalmar:before,.ids-region-icon.ids-region-icon--kronoberg:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--kronoberg:before{content:\"\\e9a4\"}.ids-region-icon.ids-region-icon--norrbotten:before{content:\"\\e9a5\"}.ids-region-icon.ids-region-icon--norrbotten:before,.ids-region-icon.ids-region-icon--orebro:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--orebro:before{content:\"\\e9a6\"}.ids-region-icon.ids-region-icon--ostergotland:before{content:\"\\e9a7\"}.ids-region-icon.ids-region-icon--ostergotland:before,.ids-region-icon.ids-region-icon--skane:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--skane:before{content:\"\\e9a8\"}.ids-region-icon.ids-region-icon--sormland:before{content:\"\\e9a9\"}.ids-region-icon.ids-region-icon--sormland:before,.ids-region-icon.ids-region-icon--uppsala:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--uppsala:before{content:\"\\e9aa\"}.ids-region-icon.ids-region-icon--varmland:before{content:\"\\e9ab\"}.ids-region-icon.ids-region-icon--varmland:before,.ids-region-icon.ids-region-icon--vasterbotten:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--vasterbotten:before{content:\"\\e9ac\"}.ids-region-icon.ids-region-icon--vasternorrland:before{content:\"\\e9ad\"}.ids-region-icon.ids-region-icon--vasternorrland:before,.ids-region-icon.ids-region-icon--vastmanland:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inera-Design-Icons!important}.ids-region-icon.ids-region-icon--vastmanland:before{content:\"\\e9ae\"}.ids-region-icon.ids-region-icon--vastragotaland:before{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;content:\"\\e9af\";font-family:Inera-Design-Icons!important}";
4
4
 
5
5
  var regionIconLit = css`${unsafeCSS(css_248z)}`;
6
6
 
@@ -65,85 +65,127 @@
65
65
  }
66
66
  .ids-region-icon.ids-region-icon--stockholm:before {
67
67
  font-family: Inera-Design-Icons !important;
68
+ -webkit-font-smoothing: antialiased !important;
69
+ -moz-osx-font-smoothing: grayscale !important;
68
70
  content: "\e947";
69
71
  }
70
72
  .ids-region-icon.ids-region-icon--blekinge:before {
71
73
  font-family: Inera-Design-Icons !important;
74
+ -webkit-font-smoothing: antialiased !important;
75
+ -moz-osx-font-smoothing: grayscale !important;
72
76
  content: "\e99c";
73
77
  }
74
78
  .ids-region-icon.ids-region-icon--dalarna:before {
75
79
  font-family: Inera-Design-Icons !important;
80
+ -webkit-font-smoothing: antialiased !important;
81
+ -moz-osx-font-smoothing: grayscale !important;
76
82
  content: "\e99d";
77
83
  }
78
84
  .ids-region-icon.ids-region-icon--gavleborg:before {
79
85
  font-family: Inera-Design-Icons !important;
86
+ -webkit-font-smoothing: antialiased !important;
87
+ -moz-osx-font-smoothing: grayscale !important;
80
88
  content: "\e99e";
81
89
  }
82
90
  .ids-region-icon.ids-region-icon--gotland:before {
83
91
  font-family: Inera-Design-Icons !important;
92
+ -webkit-font-smoothing: antialiased !important;
93
+ -moz-osx-font-smoothing: grayscale !important;
84
94
  content: "\e99f";
85
95
  }
86
96
  .ids-region-icon.ids-region-icon--halland:before {
87
97
  font-family: Inera-Design-Icons !important;
98
+ -webkit-font-smoothing: antialiased !important;
99
+ -moz-osx-font-smoothing: grayscale !important;
88
100
  content: "\e9a0";
89
101
  }
90
102
  .ids-region-icon.ids-region-icon--jamtland-harjedalen:before {
91
103
  font-family: Inera-Design-Icons !important;
104
+ -webkit-font-smoothing: antialiased !important;
105
+ -moz-osx-font-smoothing: grayscale !important;
92
106
  content: "\e9a1";
93
107
  }
94
108
  .ids-region-icon.ids-region-icon--jonkoping:before {
95
109
  font-family: Inera-Design-Icons !important;
110
+ -webkit-font-smoothing: antialiased !important;
111
+ -moz-osx-font-smoothing: grayscale !important;
96
112
  content: "\e9a2";
97
113
  }
98
114
  .ids-region-icon.ids-region-icon--kalmar:before {
99
115
  font-family: Inera-Design-Icons !important;
116
+ -webkit-font-smoothing: antialiased !important;
117
+ -moz-osx-font-smoothing: grayscale !important;
100
118
  content: "\e9a3";
101
119
  }
102
120
  .ids-region-icon.ids-region-icon--kronoberg:before {
103
121
  font-family: Inera-Design-Icons !important;
122
+ -webkit-font-smoothing: antialiased !important;
123
+ -moz-osx-font-smoothing: grayscale !important;
104
124
  content: "\e9a4";
105
125
  }
106
126
  .ids-region-icon.ids-region-icon--norrbotten:before {
107
127
  font-family: Inera-Design-Icons !important;
128
+ -webkit-font-smoothing: antialiased !important;
129
+ -moz-osx-font-smoothing: grayscale !important;
108
130
  content: "\e9a5";
109
131
  }
110
132
  .ids-region-icon.ids-region-icon--orebro:before {
111
133
  font-family: Inera-Design-Icons !important;
134
+ -webkit-font-smoothing: antialiased !important;
135
+ -moz-osx-font-smoothing: grayscale !important;
112
136
  content: "\e9a6";
113
137
  }
114
138
  .ids-region-icon.ids-region-icon--ostergotland:before {
115
139
  font-family: Inera-Design-Icons !important;
140
+ -webkit-font-smoothing: antialiased !important;
141
+ -moz-osx-font-smoothing: grayscale !important;
116
142
  content: "\e9a7";
117
143
  }
118
144
  .ids-region-icon.ids-region-icon--skane:before {
119
145
  font-family: Inera-Design-Icons !important;
146
+ -webkit-font-smoothing: antialiased !important;
147
+ -moz-osx-font-smoothing: grayscale !important;
120
148
  content: "\e9a8";
121
149
  }
122
150
  .ids-region-icon.ids-region-icon--sormland:before {
123
151
  font-family: Inera-Design-Icons !important;
152
+ -webkit-font-smoothing: antialiased !important;
153
+ -moz-osx-font-smoothing: grayscale !important;
124
154
  content: "\e9a9";
125
155
  }
126
156
  .ids-region-icon.ids-region-icon--uppsala:before {
127
157
  font-family: Inera-Design-Icons !important;
158
+ -webkit-font-smoothing: antialiased !important;
159
+ -moz-osx-font-smoothing: grayscale !important;
128
160
  content: "\e9aa";
129
161
  }
130
162
  .ids-region-icon.ids-region-icon--varmland:before {
131
163
  font-family: Inera-Design-Icons !important;
164
+ -webkit-font-smoothing: antialiased !important;
165
+ -moz-osx-font-smoothing: grayscale !important;
132
166
  content: "\e9ab";
133
167
  }
134
168
  .ids-region-icon.ids-region-icon--vasterbotten:before {
135
169
  font-family: Inera-Design-Icons !important;
170
+ -webkit-font-smoothing: antialiased !important;
171
+ -moz-osx-font-smoothing: grayscale !important;
136
172
  content: "\e9ac";
137
173
  }
138
174
  .ids-region-icon.ids-region-icon--vasternorrland:before {
139
175
  font-family: Inera-Design-Icons !important;
176
+ -webkit-font-smoothing: antialiased !important;
177
+ -moz-osx-font-smoothing: grayscale !important;
140
178
  content: "\e9ad";
141
179
  }
142
180
  .ids-region-icon.ids-region-icon--vastmanland:before {
143
181
  font-family: Inera-Design-Icons !important;
182
+ -webkit-font-smoothing: antialiased !important;
183
+ -moz-osx-font-smoothing: grayscale !important;
144
184
  content: "\e9ae";
145
185
  }
146
186
  .ids-region-icon.ids-region-icon--vastragotaland:before {
147
187
  font-family: Inera-Design-Icons !important;
188
+ -webkit-font-smoothing: antialiased !important;
189
+ -moz-osx-font-smoothing: grayscale !important;
148
190
  content: "\e9af";
149
191
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@inera/ids-design",
4
- "version": "7.0.0",
4
+ "version": "7.0.1",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -5425,7 +5425,6 @@ input[type=range]:disabled::-ms-thumb {
5425
5425
  .ids a:focus {
5426
5426
  outline: var(--IDS-FOCUS__OUTLINE);
5427
5427
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5428
- border-radius: 0.0313rem;
5429
5428
  }
5430
5429
 
5431
5430
  input::placeholder,
@@ -5438,7 +5437,6 @@ select::placeholder {
5438
5437
  outline: var(--IDS-FOCUS__OUTLINE);
5439
5438
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5440
5439
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
5441
- border-radius: 0.0313rem;
5442
5440
  }
5443
5441
 
5444
5442
  input[type=search]::-webkit-search-decoration,
@@ -5425,7 +5425,6 @@ input[type=range]:disabled::-ms-thumb {
5425
5425
  .ids a:focus {
5426
5426
  outline: var(--IDS-FOCUS__OUTLINE);
5427
5427
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5428
- border-radius: 0.0313rem;
5429
5428
  }
5430
5429
 
5431
5430
  input::placeholder,
@@ -5438,7 +5437,6 @@ select::placeholder {
5438
5437
  outline: var(--IDS-FOCUS__OUTLINE);
5439
5438
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5440
5439
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
5441
- border-radius: 0.0313rem;
5442
5440
  }
5443
5441
 
5444
5442
  input[type=search]::-webkit-search-decoration,
@@ -5452,7 +5452,6 @@ input[type=range]:disabled::-ms-thumb {
5452
5452
  .ids a:focus {
5453
5453
  outline: var(--IDS-FOCUS__OUTLINE);
5454
5454
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5455
- border-radius: 0.0313rem;
5456
5455
  }
5457
5456
 
5458
5457
  input::placeholder,
@@ -5465,7 +5464,6 @@ select::placeholder {
5465
5464
  outline: var(--IDS-FOCUS__OUTLINE);
5466
5465
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5467
5466
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
5468
- border-radius: 0.0313rem;
5469
5467
  }
5470
5468
 
5471
5469
  input[type=search]::-webkit-search-decoration,
@@ -5452,7 +5452,6 @@ input[type=range]:disabled::-ms-thumb {
5452
5452
  .ids a:focus {
5453
5453
  outline: var(--IDS-FOCUS__OUTLINE);
5454
5454
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5455
- border-radius: 0.0313rem;
5456
5455
  }
5457
5456
 
5458
5457
  input::placeholder,
@@ -5465,7 +5464,6 @@ select::placeholder {
5465
5464
  outline: var(--IDS-FOCUS__OUTLINE);
5466
5465
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
5467
5466
  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
5468
- border-radius: 0.0313rem;
5469
5467
  }
5470
5468
 
5471
5469
  input[type=search]::-webkit-search-decoration,