@inera/ids-design 6.0.3 → 6.2.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 (177) hide show
  1. package/components/accordion/accordion-lit.d.ts +2 -2
  2. package/components/accordion/accordion-lit.js +2 -2
  3. package/components/alert/alert-lit.d.ts +2 -2
  4. package/components/alert/alert-lit.js +1 -1
  5. package/components/alert/alert.css +54 -70
  6. package/components/alert-global/alert-global-lit.d.ts +2 -2
  7. package/components/alert-global/alert-global-lit.js +1 -1
  8. package/components/alert-global/alert-global.css +7 -0
  9. package/components/badge/badge-lit.d.ts +2 -2
  10. package/components/box-link/box-link-lit.d.ts +2 -2
  11. package/components/box-link/box-link-lit.js +1 -1
  12. package/components/box-link/box-link.css +1 -0
  13. package/components/breadcrumbs/breadcrumbs-lit.d.ts +2 -2
  14. package/components/button-group/button-group-lit.d.ts +2 -2
  15. package/components/button-group/button-group-lit.js +1 -1
  16. package/components/button-group/button-group.css +8 -3
  17. package/components/card/card-lit.d.ts +2 -2
  18. package/components/card/card-lit.js +3 -3
  19. package/components/card/card.css +7 -0
  20. package/components/carousel/carousel-item-lit.d.ts +2 -2
  21. package/components/carousel/carousel-lit.d.ts +2 -2
  22. package/components/data-table/data-table-lit.d.ts +2 -2
  23. package/components/data-table/data-table-lit.js +1 -1
  24. package/components/data-table/data-table.css +1 -1
  25. package/components/date-label/date-label-lit.d.ts +2 -2
  26. package/components/dialog/dialog-lit.d.ts +2 -2
  27. package/components/dialog/dialog-lit.js +1 -1
  28. package/components/dialog/dialog.css +2 -0
  29. package/components/dropdown/dropdown-lit.d.ts +2 -2
  30. package/components/dropdown/dropdown-lit.js +3 -3
  31. package/components/dropdown/dropdown.css +0 -1
  32. package/components/footer-1177/footer-1177-lit.d.ts +2 -2
  33. package/components/footer-1177-admin/footer-1177-admin-lit.d.ts +2 -2
  34. package/components/footer-1177-pro/footer-1177-pro-lit.d.ts +2 -2
  35. package/components/footer-inera/footer-inera-lit.d.ts +2 -2
  36. package/components/footer-inera-admin/footer-inera-admin-lit.d.ts +2 -2
  37. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  38. package/components/footer-inera-admin/footer-inera-admin.css +4 -4
  39. package/components/form/error-message/error-message-lit.d.ts +2 -2
  40. package/components/form/error-message/error-message-lit.js +1 -1
  41. package/components/form/error-message/error-message.css +2 -1
  42. package/components/form/group/group-lit.d.ts +2 -2
  43. package/components/form/range/range-lit.d.ts +2 -2
  44. package/components/form/range/range-lit.js +1 -1
  45. package/components/form/range/range.css +34 -11
  46. package/components/form/select-multiple/select-multiple-lit.d.ts +2 -2
  47. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  48. package/components/form/select-multiple/select-multiple.css +35 -15
  49. package/components/form/spinner/spinner-lit.d.ts +2 -2
  50. package/components/grid/column/column-lit.d.ts +2 -2
  51. package/components/grid/container/container-lit.d.ts +2 -2
  52. package/components/grid/row/row-lit.d.ts +2 -2
  53. package/components/header-1177/composite-header-1177.css +12 -7
  54. package/components/header-1177/header-1177-avatar-lit.d.ts +2 -2
  55. package/components/header-1177/header-1177-item-lit.d.ts +2 -2
  56. package/components/header-1177/header-1177-item-lit.js +1 -1
  57. package/components/header-1177/header-1177-item.css +4 -0
  58. package/components/header-1177/header-1177-lit.d.ts +2 -2
  59. package/components/header-1177/header-1177-lit.js +1 -1
  60. package/components/header-1177/header-1177-nav-item-lit.d.ts +2 -2
  61. package/components/header-1177/header-1177-nav-item-mobile-lit.d.ts +2 -2
  62. package/components/header-1177/header-1177-nav-item-mobile.css +1 -0
  63. package/components/header-1177/header-1177-nav-lit.d.ts +2 -2
  64. package/components/header-1177/header-1177.css +7 -7
  65. package/components/header-1177-admin/header-1177-admin-avatar-lit.d.ts +2 -2
  66. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  67. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.d.ts +2 -2
  68. package/components/header-1177-admin/header-1177-admin-avatar.css +32 -0
  69. package/components/header-1177-admin/header-1177-admin-item-lit.d.ts +2 -2
  70. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  71. package/components/header-1177-admin/header-1177-admin-item.css +4 -0
  72. package/components/header-1177-admin/header-1177-admin-lit.d.ts +2 -2
  73. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  74. package/components/header-1177-admin/header-1177-admin-nav-item-lit.d.ts +2 -2
  75. package/components/header-1177-admin/header-1177-admin-nav-lit.d.ts +2 -2
  76. package/components/header-1177-admin/header-1177-admin.css +46 -6
  77. package/components/header-1177-pro/header-1177-pro-avatar-lit.d.ts +2 -2
  78. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  79. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.d.ts +2 -2
  80. package/components/header-1177-pro/header-1177-pro-avatar.css +32 -0
  81. package/components/header-1177-pro/header-1177-pro-item-lit.d.ts +2 -2
  82. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  83. package/components/header-1177-pro/header-1177-pro-item.css +14 -0
  84. package/components/header-1177-pro/header-1177-pro-lit.d.ts +2 -2
  85. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  86. package/components/header-1177-pro/header-1177-pro-nav-item-lit.d.ts +2 -2
  87. package/components/header-1177-pro/header-1177-pro-nav-lit.d.ts +2 -2
  88. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.d.ts +2 -2
  89. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +1 -0
  90. package/components/header-1177-pro/header-1177-pro-region-picker-lit.d.ts +2 -2
  91. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  92. package/components/header-1177-pro/header-1177-pro-region-picker.css +41 -7
  93. package/components/header-1177-pro/header-1177-pro.css +41 -7
  94. package/components/header-inera/header-inera-item-lit.d.ts +2 -2
  95. package/components/header-inera/header-inera-item-lit.js +1 -1
  96. package/components/header-inera/header-inera-item.css +8 -14
  97. package/components/header-inera/header-inera-lit.d.ts +2 -2
  98. package/components/header-inera/header-inera-lit.js +1 -1
  99. package/components/header-inera/header-inera-nav-item-lit.d.ts +2 -2
  100. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  101. package/components/header-inera/header-inera-nav-item.css +1 -1
  102. package/components/header-inera/header-inera-nav-lit.d.ts +2 -2
  103. package/components/header-inera/header-inera-nav-mobile-lit.d.ts +2 -2
  104. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  105. package/components/header-inera/header-inera-nav-mobile.css +1 -0
  106. package/components/header-inera/header-inera.css +2 -2
  107. package/components/header-inera-admin/composite-header-inera-admin.css +35 -22
  108. package/components/header-inera-admin/header-inera-admin-avatar-lit.d.ts +2 -2
  109. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  110. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.d.ts +2 -2
  111. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  112. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +8 -1
  113. package/components/header-inera-admin/header-inera-admin-avatar.css +15 -4
  114. package/components/header-inera-admin/header-inera-admin-item-lit.d.ts +2 -2
  115. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  116. package/components/header-inera-admin/header-inera-admin-item.css +8 -14
  117. package/components/header-inera-admin/header-inera-admin-lit.d.ts +2 -2
  118. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  119. package/components/header-inera-admin/header-inera-admin-nav-item-lit.d.ts +2 -2
  120. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  121. package/components/header-inera-admin/header-inera-admin-nav-item.css +1 -1
  122. package/components/header-inera-admin/header-inera-admin-nav-lit.d.ts +2 -2
  123. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts +2 -2
  124. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  125. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +1 -0
  126. package/components/header-inera-admin/header-inera-admin.css +2 -2
  127. package/components/mobile-menu/mobile-menu-lit.d.ts +2 -2
  128. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  129. package/components/mobile-menu/mobile-menu.css +39 -17
  130. package/components/navigation/content/navigation-content-lit.d.ts +2 -2
  131. package/components/navigation/local/navigation-local-lit.d.ts +2 -2
  132. package/components/notification-badge/notification-badge-lit.d.ts +2 -2
  133. package/components/pagination/data-pagination/data-pagination-lit.d.ts +2 -2
  134. package/components/pagination/list-pagination/list-pagination-lit.d.ts +2 -2
  135. package/components/pagination/list-pagination/list-pagination-lit.js +3 -3
  136. package/components/pagination/list-pagination/list-pagination.css +8 -8
  137. package/components/popover/popover-content-lit.d.ts +2 -2
  138. package/components/popover/popover-lit.d.ts +2 -2
  139. package/components/popover/popover-lit.js +1 -1
  140. package/components/popover/popover.css +1 -0
  141. package/components/progressbar/progressbar-lit.d.ts +2 -2
  142. package/components/progressbar/progressbar-lit.js +1 -1
  143. package/components/progressbar/progressbar.css +20 -14
  144. package/components/puff-list/puff-list-lit.d.ts +2 -2
  145. package/components/side-menu/side-menu-lit.d.ts +2 -2
  146. package/components/side-menu/side-menu-lit.js +1 -1
  147. package/components/side-menu/side-menu.css +4 -2
  148. package/components/side-panel/side-panel-lit.d.ts +2 -2
  149. package/components/side-panel/side-panel-lit.js +1 -1
  150. package/components/side-panel/side-panel.css +1 -13
  151. package/components/stepper/stepper-lit.d.ts +2 -2
  152. package/components/stepper/stepper-lit.js +1 -1
  153. package/components/stepper/stepper.css +22 -9
  154. package/components/tabs/tab-lit.d.ts +2 -2
  155. package/components/tabs/tab-lit.js +1 -1
  156. package/components/tabs/tab-panel-lit.d.ts +2 -2
  157. package/components/tabs/tab.css +10 -5
  158. package/components/tabs/tabs-lit.d.ts +2 -2
  159. package/components/tabs/tabs-lit.js +1 -1
  160. package/components/tag/tag-lit.d.ts +2 -2
  161. package/components/tooltip/tooltip-lit.d.ts +2 -2
  162. package/global/global.css +511 -162
  163. package/global/icons/font/Inera-Design-Icons.eot +0 -0
  164. package/global/icons/font/Inera-Design-Icons.svg +322 -154
  165. package/global/icons/font/Inera-Design-Icons.ttf +0 -0
  166. package/global/icons/font/Inera-Design-Icons.woff +0 -0
  167. package/license.md +7 -7
  168. package/package.json +1 -1
  169. package/themes/1177/1177-tokens.css +33 -33
  170. package/themes/1177/1177.css +527 -178
  171. package/themes/1177-pro/1177-pro.css +527 -178
  172. package/themes/inera/inera-tokens.css +52 -52
  173. package/themes/inera/inera.css +526 -177
  174. package/themes/inera-admin/inera-admin.css +526 -177
  175. package/components/form/textarea/textarea-lit.d.ts +0 -2
  176. package/components/form/textarea/textarea-lit.js +0 -7
  177. package/components/form/textarea/textarea.css +0 -0
package/themes/inera/inera-tokens.css CHANGED
@@ -1,53 +1,53 @@
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);
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
53
  }