@inera/ids-design 6.2.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.
Files changed (138) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +8 -0
  3. package/components/badge/badge-lit.js +1 -1
  4. package/components/badge/badge.css +14 -11
  5. package/components/box-link/box-link-lit.js +1 -1
  6. package/components/box-link/box-link.css +20 -21
  7. package/components/button-group/button-group-lit.js +1 -1
  8. package/components/button-group/button-group.css +2 -0
  9. package/components/card/card-lit.js +1 -1
  10. package/components/card/card.css +8 -15
  11. package/components/carousel/carousel-item-lit.js +1 -1
  12. package/components/carousel/carousel-item.css +3 -5
  13. package/components/carousel/carousel-lit.js +1 -1
  14. package/components/carousel/carousel.css +22 -9
  15. package/components/data-table/data-table-lit.js +1 -1
  16. package/components/data-table/data-table.css +0 -9
  17. package/components/dialog/dialog-lit.js +1 -1
  18. package/components/dialog/dialog.css +18 -20
  19. package/components/dropdown/dropdown-lit.js +1 -1
  20. package/components/dropdown/dropdown.css +47 -30
  21. package/components/footer-1177/footer-1177-lit.js +1 -1
  22. package/components/footer-1177/footer-1177.css +4 -2
  23. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  24. package/components/footer-1177-admin/footer-1177-admin.css +2 -4
  25. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  26. package/components/footer-1177-pro/footer-1177-pro.css +8 -17
  27. package/components/form/error-message/error-message-lit.js +1 -1
  28. package/components/form/error-message/error-message.css +1 -0
  29. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  30. package/components/form/select-multiple/select-multiple.css +18 -20
  31. package/components/header-1177/composite-header-1177.css +642 -281
  32. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  33. package/components/header-1177/header-1177-avatar.css +388 -158
  34. package/components/header-1177/header-1177-item-lit.js +1 -1
  35. package/components/header-1177/header-1177-item.css +54 -6
  36. package/components/header-1177/header-1177-lit.js +1 -1
  37. package/components/header-1177/header-1177-menu-mobile-lit.d.ts +2 -0
  38. package/components/header-1177/header-1177-menu-mobile-lit.js +7 -0
  39. package/components/header-1177/header-1177-menu-mobile.css +138 -0
  40. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  41. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  42. package/components/header-1177/header-1177-nav-item-mobile.css +10 -12
  43. package/components/header-1177/header-1177-nav-item.css +8 -8
  44. package/components/header-1177/header-1177-nav-lit.js +1 -1
  45. package/components/header-1177/header-1177-nav.css +7 -2
  46. package/components/header-1177/header-1177.css +63 -95
  47. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  48. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +1 -65
  49. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  50. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  51. package/components/header-1177-admin/header-1177-admin-nav-item.css +8 -8
  52. package/components/header-1177-admin/header-1177-admin.css +66 -1
  53. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  54. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +1 -0
  55. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  56. package/components/header-1177-pro/header-1177-pro-item.css +4 -0
  57. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  58. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  59. package/components/header-1177-pro/header-1177-pro-nav-item.css +8 -8
  60. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  61. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  62. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +2 -0
  63. package/components/header-1177-pro/header-1177-pro-nav.css +6 -0
  64. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  65. package/components/header-1177-pro/header-1177-pro-region-picker.css +211 -97
  66. package/components/header-1177-pro/header-1177-pro.css +10 -7
  67. package/components/header-inera/header-inera-item-lit.js +1 -1
  68. package/components/header-inera/header-inera-item.css +13 -6
  69. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  70. package/components/header-inera/header-inera-nav-item.css +1 -1
  71. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  72. package/components/header-inera/header-inera-nav-mobile.css +1 -0
  73. package/components/header-inera-admin/composite-header-inera-admin.css +24 -11
  74. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  75. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  76. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +2 -0
  77. package/components/header-inera-admin/header-inera-admin-avatar.css +5 -0
  78. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  79. package/components/header-inera-admin/header-inera-admin-item.css +10 -6
  80. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  81. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  82. package/components/header-inera-admin/header-inera-admin-nav-item.css +4 -3
  83. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  84. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +1 -0
  85. package/components/header-inera-admin/header-inera-admin.css +2 -2
  86. package/components/header-patient/header-patient-lit.d.ts +2 -0
  87. package/components/header-patient/header-patient-lit.js +7 -0
  88. package/components/header-patient/header-patient.css +145 -0
  89. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  90. package/components/mobile-menu/mobile-menu.css +159 -116
  91. package/components/navigation/content/navigation-content.css +2 -1
  92. package/components/navigation/local/navigation-local-lit.js +1 -1
  93. package/components/navigation/local/navigation-local.css +5 -4
  94. package/components/notification-badge/notification-badge-lit.js +1 -1
  95. package/components/notification-badge/notification-badge.css +48 -7
  96. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  97. package/components/pagination/list-pagination/list-pagination.css +1 -1
  98. package/components/popover/popover-content-lit.js +1 -1
  99. package/components/popover/popover-content.css +53 -66
  100. package/components/puff-list/puff-list-lit.js +1 -1
  101. package/components/puff-list/puff-list.css +90 -89
  102. package/components/region-icon/region-icon-lit.d.ts +2 -0
  103. package/components/region-icon/region-icon-lit.js +7 -0
  104. package/components/region-icon/region-icon.css +191 -0
  105. package/components/side-panel/side-panel-lit.js +1 -1
  106. package/components/side-panel/side-panel.css +29 -25
  107. package/components/stepper/stepper-lit.js +1 -1
  108. package/components/stepper/stepper.css +35 -5
  109. package/components/tabs/tab-lit.js +1 -1
  110. package/components/tabs/tab-panel-lit.js +1 -1
  111. package/components/tabs/tab-panel.css +2 -2
  112. package/components/tabs/tab.css +52 -45
  113. package/components/tabs/tabs-lit.js +2 -2
  114. package/components/tabs/tabs.css +11 -2
  115. package/components/tag/tag-lit.js +1 -1
  116. package/components/tag/tag.css +14 -10
  117. package/global/icons/Inera-Design-Icons.eot +0 -0
  118. package/global/icons/Inera-Design-Icons.svg +409 -0
  119. package/global/icons/Inera-Design-Icons.ttf +0 -0
  120. package/global/icons/Inera-Design-Icons.woff +0 -0
  121. package/package.json +1 -1
  122. package/themes/1177/1177.css +4333 -3968
  123. package/themes/1177-pro/1177-pro.css +4340 -3968
  124. package/themes/inera/inera.css +4325 -3962
  125. package/themes/inera-admin/inera-admin.css +4325 -3962
  126. package/components/grid/column/_column-partials.css +0 -0
  127. package/global/_partials.css +0 -15
  128. package/global/global.css +0 -5025
  129. package/global/icons/font/Inera-Design-Icons.eot +0 -0
  130. package/global/icons/font/Inera-Design-Icons.svg +0 -323
  131. package/global/icons/font/Inera-Design-Icons.ttf +0 -0
  132. package/global/icons/font/Inera-Design-Icons.woff +0 -0
  133. package/global/util/util.css +0 -2282
  134. package/themes/1177/1177-tokens.css +0 -34
  135. package/themes/1177-pro/1177-pro-tokens.css +0 -1
  136. package/themes/inera/inera-tokens.css +0 -53
  137. package/themes/inera-admin/inera-admin-tokens.css +0 -1
  138. package/themes/reset.css +0 -61
@@ -1,34 +0,0 @@
1
- :root, :host {
2
- --IDS-COLOR-PRIMARY-30: #6a0032;
3
- --IDS-COLOR-PRIMARY-35: #a00b36;
4
- --IDS-COLOR-PRIMARY-40: #c12143;
5
- --IDS-COLOR-PRIMARY-90: #faeef0;
6
-
7
- --IDS-COLOR-ACCENT-30: #3b4266;
8
- --IDS-COLOR-ACCENT-40: #396291;
9
- --IDS-COLOR-ACCENT-90: #C6D2DF;
10
- --IDS-COLOR-ACCENT-95: #f1f1f5;
11
-
12
- --IDS-COLOR-SECONDARY-95: #FAF8F6;
13
-
14
- --IDS-COLOR-SUCCESS-30: #395428;
15
- --IDS-COLOR-SUCCESS-40: #419002;
16
- --IDS-COLOR-SUCCESS-99: #eef8ee;
17
-
18
- --IDS-COLOR-ATTENTION-40: #ffc100;
19
- --IDS-COLOR-ATTENTION-95: #fff8e0;
20
-
21
- --IDS-COLOR-NEUTRAL-20: #353535;
22
- --IDS-COLOR-NEUTRAL-40: #636466;
23
- --IDS-COLOR-NEUTRAL-50: #808285;
24
- --IDS-COLOR-NEUTRAL-90: #dadbdc;
25
- --IDS-COLOR-NEUTRAL-99: #f1f2f2;
26
- --IDS-COLOR-NEUTRAL-100: #fff;
27
-
28
- --IDS-COLOR-ERROR-40: #c12143;
29
- --IDS-COLOR-ERROR-99: #faeef0;
30
-
31
- --IDS-COLOR-BACKGROUND-40: #fff;
32
-
33
- --IDS-COLOR-PRIMARY-30-OPACITY-03: #dfa9b8;
34
- }
@@ -1 +0,0 @@
1
- @import '../1177/1177-tokens';
@@ -1,53 +0,0 @@
1
- :root, :host {
2
- /* Primary colors */
3
- --IDS-COLOR-PRIMARY-30: #7e2a4c;
4
- --IDS-COLOR-ON-PRIMARY-30: #FFF;
5
- --IDS-COLOR-PRIMARY-40: #A33662;
6
- --IDS-COLOR-ON-PRIMARY-40: #FFF;
7
- --IDS-COLOR-PRIMARY-50: #C03F73;
8
- --IDS-COLOR-ON-PRIMARY-50: #FFF;
9
- /* Secondary colors */
10
- --IDS-COLOR-SECONDARY-40: #E7DAC5;
11
- --IDS-COLOR-ON-SECONDARY-40: var(--IDS-COLOR-NEUTRAL-20);
12
- --IDS-COLOR-SECONDARY-90: #F6F1E9;
13
- --IDS-COLOR-ON-SECONDARY-90: var(--IDS-COLOR-NEUTRAL-20);
14
- --IDS-COLOR-SECONDARY-95: #F9F6F1;
15
- --IDS-COLOR-ON-SECONDARY-95: var(--IDS-COLOR-NEUTRAL-20);
16
- /* Accent colors */
17
- --IDS-COLOR-ACCENT-30: #305A47;
18
- --IDS-COLOR-ON-ACCENT-30: #FFF;
19
- --IDS-COLOR-ACCENT-40: #40775E;
20
- --IDS-COLOR-ON-ACCENT-40: #FFF;
21
- --IDS-COLOR-ACCENT-90: #AFD4C4;
22
- --IDS-COLOR-ON-ACCENT-90: var(--IDS-COLOR-NEUTRAL-20);
23
- /* Graphic colors */
24
- --IDS-COLOR-GRAPHIC: #FF9517;
25
- /* Alternative colors */
26
- --IDS-COLOR-ALTERNATIVE: #0CB0C6;
27
- /* Neutral colors */
28
- --IDS-COLOR-NEUTRAL-20: #353636;
29
- --IDS-COLOR-ON-NEUTRAL-20: #FFF;
30
- --IDS-COLOR-NEUTRAL-40: #727373;
31
- --IDS-COLOR-ON-NEUTRAL-40: #FFF;
32
- --IDS-COLOR-NEUTRAL-90: #CCCCCC;
33
- --IDS-COLOR-ON-NEUTRAL-90: var(--IDS-COLOR-NEUTRAL-20);
34
- --IDS-COLOR-NEUTRAL-99: #F0F0F0;
35
- --IDS-COLOR-ON-NEUTRAL-99: var(--IDS-COLOR-NEUTRAL-20);
36
- --IDS-COLOR-NEUTRAL-100: #fff;
37
- /* Background colors */
38
- --IDS-COLOR-BACKGROUND: #fff;
39
- --IDS-COLOR-ON-BACKGROUND: var(--IDS-COLOR-NEUTRAL-20);
40
- /* Status colors */
41
- --IDS-COLOR-SUCCESS-40: #277637;
42
- --IDS-COLOR-ON-SUCCESS-40: #FFF;
43
- --IDS-COLOR-SUCCESS-99: #E7F7EA;
44
- --IDS-COLOR-ON-SUCCESS-99: var(--IDS-COLOR-NEUTRAL-20);;
45
- --IDS-COLOR-ATTENTION-40: #FFD748;
46
- --IDS-COLOR-ON-ATTENTION-40: var(--IDS-COLOR-NEUTRAL-20);
47
- --IDS-COLOR-ATTENTION-95: #FFF7D9;
48
- --IDS-COLOR-ON-ATTENTION-95: var(--IDS-COLOR-NEUTRAL-20);
49
- --IDS-COLOR-ERROR-40: #DB0F00;
50
- --IDS-COLOR-ON-ERROR-40: #FFF;
51
- --IDS-COLOR-ERROR-99: #FFDAD7;
52
- --IDS-COLOR-ON-ERROR-99: var(--IDS-COLOR-NEUTRAL-20);
53
- }
@@ -1 +0,0 @@
1
- @import '../inera/inera-tokens';
package/themes/reset.css DELETED
@@ -1,61 +0,0 @@
1
- .ids *,
2
- .ids *::before,
3
- .ids *::after {
4
- box-sizing: border-box;
5
- }
6
-
7
- body.ids,
8
- .ids h1,
9
- .ids h2,
10
- .ids h3,
11
- .ids h4,
12
- .ids h5,
13
- .ids h6,
14
- .ids p,
15
- .ids dl,
16
- .ids dd,
17
- .ids figure,
18
- .ids picture {
19
- margin: 0;
20
- }
21
-
22
- body.ids {
23
- background-color: var(--IDS-COLOR-NEUTRAL-100);
24
- color: var(--IDS-COLOR-NEUTRAL-20);
25
- font-family: var(--IDS-FONT-FAMILY-BASE);
26
- font-size: 1rem;
27
- min-height: 100%;
28
- }
29
-
30
- /* make images easier to work with */
31
- .ids img,
32
- .ids picture {
33
- max-width: 100%;
34
- display: block;
35
- }
36
-
37
- /* make form elements easier to work with */
38
- .ids input,
39
- .ids button,
40
- .ids textarea,
41
- .ids select {
42
- font: inherit;
43
- }
44
-
45
- .ids ul[class],
46
- .ids ol[class] {
47
- list-style: none;
48
- padding: 0;
49
- }
50
-
51
- /* remove animations for people who've turned them off */
52
- @media (prefers-reduced-motion: reduce) {
53
- .ids *,
54
- .ids *::before,
55
- .ids *::after {
56
- animation-duration: 0.01ms !important;
57
- animation-iteration-count: 1 !important;
58
- transition-duration: 0.01ms !important;
59
- scroll-behavior: auto !important;
60
- }
61
- }