@inera/ids-design 8.2.1 → 9.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 (385) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion-shadow-lit.js +9 -0
  3. package/components/accordion/accordion-shadow.css +115 -0
  4. package/components/accordion/accordion.css +11 -16
  5. package/components/action-link/action-link-lit.js +1 -1
  6. package/components/{carousel/carousel-item-lit.js → action-link/action-link-shadow-lit.js} +3 -3
  7. package/components/{carousel/carousel-item.css → action-link/action-link-shadow.css} +43 -51
  8. package/components/action-link/action-link.css +5 -10
  9. package/components/alert/alert-lit.js +1 -1
  10. package/components/alert/alert-shadow-lit.js +7 -0
  11. package/components/alert/alert-shadow.css +63 -0
  12. package/components/alert/alert.css +27 -20
  13. package/components/badge/badge-lit.js +1 -1
  14. package/components/badge/badge.css +1 -1
  15. package/components/box-link/box-link-lit.js +1 -1
  16. package/components/box-link/box-link-shadow-lit.js +7 -0
  17. package/components/box-link/box-link-shadow.css +109 -0
  18. package/components/box-link/box-link.css +16 -28
  19. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  20. package/components/breadcrumbs/breadcrumbs-shadow-lit.js +7 -0
  21. package/components/breadcrumbs/breadcrumbs-shadow.css +35 -0
  22. package/components/breadcrumbs/breadcrumbs.css +7 -15
  23. package/components/button-group/button-group-lit.js +1 -1
  24. package/components/button-group/button-group.css +2 -2
  25. package/components/card/card-lit.js +1 -1
  26. package/components/card/card-shadow-lit.js +9 -0
  27. package/components/card/card-shadow.css +30 -0
  28. package/components/card/card.css +58 -65
  29. package/components/carousel/carousel-lit.js +1 -1
  30. package/components/carousel/carousel-shadow-lit.js +7 -0
  31. package/components/carousel/carousel-shadow.css +56 -0
  32. package/components/carousel/carousel.css +110 -33
  33. package/components/data-pagination/data-pagination-lit.js +7 -0
  34. package/components/data-pagination/data-pagination-shadow-lit.d.ts +2 -0
  35. package/components/data-pagination/data-pagination-shadow-lit.js +7 -0
  36. package/components/data-pagination/data-pagination-shadow.css +251 -0
  37. package/components/{pagination/data-pagination → data-pagination}/data-pagination.css +36 -77
  38. package/components/data-table/data-table-lit.js +1 -1
  39. package/components/data-table/data-table.css +48 -40
  40. package/components/date-label/date-label-lit.js +1 -1
  41. package/components/date-label/date-label.css +28 -35
  42. package/components/dialog/dialog-lit.js +1 -1
  43. package/components/dialog/dialog-shadow-lit.d.ts +2 -0
  44. package/components/dialog/dialog-shadow-lit.js +7 -0
  45. package/components/dialog/dialog-shadow.css +27 -0
  46. package/components/dialog/dialog.css +39 -32
  47. package/components/dropdown/dropdown-lit.js +1 -1
  48. package/components/dropdown/dropdown-shadow-lit.d.ts +2 -0
  49. package/components/dropdown/dropdown-shadow-lit.js +9 -0
  50. package/components/dropdown/dropdown-shadow.css +90 -0
  51. package/components/dropdown/dropdown.css +56 -66
  52. package/components/footer-1177/footer-1177-lit.js +1 -1
  53. package/components/footer-1177/footer-1177-shadow-lit.d.ts +2 -0
  54. package/components/footer-1177/footer-1177-shadow-lit.js +7 -0
  55. package/components/footer-1177/footer-1177-shadow.css +61 -0
  56. package/components/footer-1177/footer-1177.css +19 -20
  57. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  58. package/components/footer-1177-admin/footer-1177-admin-shadow-lit.d.ts +2 -0
  59. package/components/footer-1177-admin/footer-1177-admin-shadow-lit.js +7 -0
  60. package/components/footer-1177-admin/footer-1177-admin-shadow.css +113 -0
  61. package/components/footer-1177-admin/footer-1177-admin.css +21 -33
  62. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  63. package/components/footer-1177-pro/footer-1177-pro-shadow-lit.d.ts +2 -0
  64. package/components/footer-1177-pro/footer-1177-pro-shadow-lit.js +7 -0
  65. package/components/footer-1177-pro/footer-1177-pro-shadow.css +125 -0
  66. package/components/footer-1177-pro/footer-1177-pro.css +26 -32
  67. package/components/footer-inera/footer-inera-lit.js +1 -1
  68. package/components/footer-inera/footer-inera-shadow-lit.d.ts +2 -0
  69. package/components/footer-inera/footer-inera-shadow-lit.js +7 -0
  70. package/components/footer-inera/footer-inera-shadow.css +113 -0
  71. package/components/footer-inera/footer-inera.css +20 -18
  72. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  73. package/components/footer-inera-admin/footer-inera-admin-shadow-lit.d.ts +2 -0
  74. package/components/footer-inera-admin/footer-inera-admin-shadow-lit.js +7 -0
  75. package/components/footer-inera-admin/footer-inera-admin-shadow.css +113 -0
  76. package/components/footer-inera-admin/footer-inera-admin.css +21 -33
  77. package/components/form/darkmode-toggle/darkmode-toggle-lit.d.ts +2 -0
  78. package/components/form/darkmode-toggle/darkmode-toggle-lit.js +9 -0
  79. package/components/form/darkmode-toggle/darkmode-toggle.css +179 -0
  80. package/components/form/datepicker/datepicker-lit.js +1 -1
  81. package/components/form/datepicker/datepicker.css +11 -7
  82. package/components/form/error-message/error-message-lit.js +1 -1
  83. package/components/form/error-message/error-message.css +1 -2
  84. package/components/form/group/group-lit.js +1 -1
  85. package/components/form/group/group.css +37 -68
  86. package/components/form/range/range-lit.js +1 -1
  87. package/components/form/range/range.css +9 -10
  88. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  89. package/components/form/select-multiple/select-multiple.css +29 -31
  90. package/components/form/spinner/spinner-lit.js +1 -1
  91. package/components/form/spinner/spinner.css +6 -3
  92. package/components/global-alert/global-alert-lit.js +1 -1
  93. package/components/global-alert/global-alert.css +15 -15
  94. package/components/grid/column/column-lit.js +1 -1
  95. package/components/grid/column/column.css +203 -204
  96. package/components/grid/container/container-lit.js +1 -1
  97. package/components/grid/container/container.css +2 -5
  98. package/components/grid/row/row-lit.js +1 -1
  99. package/components/grid/row/row.css +11 -32
  100. package/components/grid-layout/grid-column/grid-column-lit.d.ts +2 -0
  101. package/components/grid-layout/grid-column/grid-column-lit.js +7 -0
  102. package/components/grid-layout/grid-column/grid-column.css +286 -0
  103. package/components/grid-layout/grid-container/grid-container-lit.d.ts +2 -0
  104. package/components/grid-layout/grid-container/grid-container-lit.js +7 -0
  105. package/components/grid-layout/grid-container/grid-container.css +11 -0
  106. package/components/grid-layout/grid-row/grid-row-lit.d.ts +2 -0
  107. package/components/grid-layout/grid-row/grid-row-lit.js +7 -0
  108. package/components/grid-layout/grid-row/grid-row.css +53 -0
  109. package/components/header-1177/composite-header-1177.css +247 -1106
  110. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  111. package/components/header-1177/header-1177-avatar-shadow-lit.d.ts +2 -0
  112. package/components/header-1177/header-1177-avatar-shadow-lit.js +7 -0
  113. package/components/header-1177/header-1177-avatar-shadow.css +86 -0
  114. package/components/header-1177/header-1177-avatar.css +50 -390
  115. package/components/header-1177/header-1177-item-lit.js +1 -1
  116. package/components/header-1177/header-1177-item-shadow-lit.d.ts +2 -0
  117. package/components/header-1177/header-1177-item-shadow-lit.js +7 -0
  118. package/components/header-1177/header-1177-item-shadow.css +230 -0
  119. package/components/header-1177/header-1177-item.css +89 -323
  120. package/components/header-1177/header-1177-lit.js +1 -1
  121. package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
  122. package/components/header-1177/header-1177-menu-mobile.css +39 -48
  123. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  124. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  125. package/components/header-1177/header-1177-nav-item-mobile-shadow-lit.d.ts +2 -0
  126. package/components/header-1177/header-1177-nav-item-mobile-shadow-lit.js +7 -0
  127. package/components/header-1177/header-1177-nav-item-mobile-shadow.css +87 -0
  128. package/components/header-1177/header-1177-nav-item-mobile.css +60 -147
  129. package/components/header-1177/header-1177-nav-item-shadow-lit.d.ts +2 -0
  130. package/components/header-1177/header-1177-nav-item-shadow-lit.js +7 -0
  131. package/components/header-1177/header-1177-nav-item-shadow.css +98 -0
  132. package/components/header-1177/header-1177-nav-item.css +51 -28
  133. package/components/header-1177/header-1177-nav-lit.js +1 -1
  134. package/components/header-1177/header-1177-nav.css +16 -100
  135. package/components/header-1177/header-1177-region-picker-lit.js +1 -1
  136. package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
  137. package/components/header-1177/header-1177-region-picker-mobile.css +55 -17
  138. package/components/header-1177/header-1177-region-picker.css +52 -13
  139. package/components/header-1177/header-1177-shadow-lit.d.ts +2 -0
  140. package/components/header-1177/header-1177-shadow-lit.js +7 -0
  141. package/components/header-1177/header-1177-shadow.css +102 -0
  142. package/components/header-1177/header-1177.css +53 -18
  143. package/components/header-1177-admin/composite-header-1177-admin.css +1318 -0
  144. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  145. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  146. package/components/header-1177-admin/header-1177-admin-avatar-mobile-shadow-lit.d.ts +2 -0
  147. package/components/header-1177-admin/header-1177-admin-avatar-mobile-shadow-lit.js +7 -0
  148. package/components/header-1177-admin/header-1177-admin-avatar-mobile-shadow.css +37 -0
  149. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +15 -22
  150. package/components/header-1177-admin/header-1177-admin-avatar-shadow-lit.d.ts +2 -0
  151. package/components/header-1177-admin/header-1177-admin-avatar-shadow-lit.js +7 -0
  152. package/components/header-1177-admin/header-1177-admin-avatar-shadow.css +23 -0
  153. package/components/header-1177-admin/header-1177-admin-avatar.css +34 -291
  154. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  155. package/components/header-1177-admin/header-1177-admin-item-shadow-lit.d.ts +2 -0
  156. package/components/header-1177-admin/header-1177-admin-item-shadow-lit.js +7 -0
  157. package/components/header-1177-admin/header-1177-admin-item-shadow.css +158 -0
  158. package/components/header-1177-admin/header-1177-admin-item.css +28 -247
  159. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  160. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
  161. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +39 -46
  162. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  163. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-lit.d.ts +2 -0
  164. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-lit.js +7 -0
  165. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow-lit.d.ts +2 -0
  166. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow-lit.js +7 -0
  167. package/components/header-1177-admin/header-1177-admin-nav-item-mobile-shadow.css +35 -0
  168. package/components/header-1177-admin/header-1177-admin-nav-item-mobile.css +76 -0
  169. package/components/header-1177-admin/header-1177-admin-nav-item-shadow-lit.d.ts +2 -0
  170. package/components/header-1177-admin/header-1177-admin-nav-item-shadow-lit.js +7 -0
  171. package/components/header-1177-admin/header-1177-admin-nav-item-shadow.css +47 -0
  172. package/components/header-1177-admin/header-1177-admin-nav-item.css +9 -22
  173. package/components/header-1177-admin/header-1177-admin-nav-lit.js +1 -1
  174. package/components/header-1177-admin/header-1177-admin-nav.css +9 -64
  175. package/components/header-1177-admin/header-1177-admin-shadow-lit.d.ts +2 -0
  176. package/components/header-1177-admin/header-1177-admin-shadow-lit.js +7 -0
  177. package/components/header-1177-admin/header-1177-admin-shadow.css +33 -0
  178. package/components/header-1177-admin/header-1177-admin.css +15 -31
  179. package/components/header-1177-pro/composite-header-1177-pro.css +1506 -0
  180. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  181. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  182. package/components/header-1177-pro/header-1177-pro-avatar-mobile-shadow-lit.d.ts +2 -0
  183. package/components/header-1177-pro/header-1177-pro-avatar-mobile-shadow-lit.js +7 -0
  184. package/components/header-1177-pro/header-1177-pro-avatar-mobile-shadow.css +38 -0
  185. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +26 -31
  186. package/components/header-1177-pro/header-1177-pro-avatar-shadow-lit.d.ts +2 -0
  187. package/components/header-1177-pro/header-1177-pro-avatar-shadow-lit.js +7 -0
  188. package/components/header-1177-pro/header-1177-pro-avatar-shadow.css +23 -0
  189. package/components/header-1177-pro/header-1177-pro-avatar.css +34 -279
  190. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  191. package/components/header-1177-pro/header-1177-pro-item-shadow-lit.d.ts +2 -0
  192. package/components/header-1177-pro/header-1177-pro-item-shadow-lit.js +7 -0
  193. package/components/header-1177-pro/header-1177-pro-item-shadow.css +169 -0
  194. package/components/header-1177-pro/header-1177-pro-item.css +45 -286
  195. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  196. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
  197. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +39 -47
  198. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  199. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-lit.d.ts +2 -0
  200. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-lit.js +7 -0
  201. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow-lit.d.ts +2 -0
  202. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow-lit.js +7 -0
  203. package/components/header-1177-pro/header-1177-pro-nav-item-mobile-shadow.css +35 -0
  204. package/components/header-1177-pro/header-1177-pro-nav-item-mobile.css +76 -0
  205. package/components/header-1177-pro/header-1177-pro-nav-item-shadow-lit.d.ts +2 -0
  206. package/components/header-1177-pro/header-1177-pro-nav-item-shadow-lit.js +7 -0
  207. package/components/header-1177-pro/header-1177-pro-nav-item-shadow.css +67 -0
  208. package/components/header-1177-pro/header-1177-pro-nav-item.css +9 -26
  209. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  210. package/components/header-1177-pro/header-1177-pro-nav.css +15 -97
  211. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  212. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
  213. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +4 -6
  214. package/components/header-1177-pro/header-1177-pro-region-picker.css +1 -2
  215. package/components/header-1177-pro/header-1177-pro-shadow-lit.d.ts +2 -0
  216. package/components/header-1177-pro/header-1177-pro-shadow-lit.js +7 -0
  217. package/components/header-1177-pro/header-1177-pro-shadow.css +69 -0
  218. package/components/header-1177-pro/header-1177-pro.css +9 -24
  219. package/components/header-inera/composite-header-inera.css +633 -0
  220. package/components/header-inera/header-inera-item-lit.js +1 -1
  221. package/components/header-inera/header-inera-item-shadow-lit.d.ts +2 -0
  222. package/components/header-inera/header-inera-item-shadow-lit.js +7 -0
  223. package/components/header-inera/header-inera-item-shadow.css +100 -0
  224. package/components/header-inera/header-inera-item.css +52 -18
  225. package/components/header-inera/header-inera-lit.js +1 -1
  226. package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
  227. package/components/header-inera/header-inera-menu-mobile.css +9 -11
  228. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  229. package/components/header-inera/header-inera-nav-item-shadow-lit.d.ts +2 -0
  230. package/components/header-inera/header-inera-nav-item-shadow-lit.js +7 -0
  231. package/components/header-inera/header-inera-nav-item-shadow.css +46 -0
  232. package/components/header-inera/header-inera-nav-item.css +9 -21
  233. package/components/header-inera/header-inera-nav-lit.js +1 -1
  234. package/components/header-inera/header-inera-nav.css +8 -12
  235. package/components/header-inera/header-inera-shadow-lit.d.ts +2 -0
  236. package/components/header-inera/header-inera-shadow-lit.js +7 -0
  237. package/components/header-inera/header-inera-shadow.css +48 -0
  238. package/components/header-inera/header-inera.css +52 -44
  239. package/components/header-inera-admin/composite-header-inera-admin.css +191 -377
  240. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  241. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  242. package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow-lit.d.ts +2 -0
  243. package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow-lit.js +7 -0
  244. package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow.css +20 -0
  245. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +11 -18
  246. package/components/header-inera-admin/header-inera-admin-avatar-shadow-lit.d.ts +2 -0
  247. package/components/header-inera-admin/header-inera-admin-avatar-shadow-lit.js +7 -0
  248. package/components/header-inera-admin/header-inera-admin-avatar-shadow.css +8 -0
  249. package/components/header-inera-admin/header-inera-admin-avatar.css +32 -269
  250. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  251. package/components/header-inera-admin/header-inera-admin-item-shadow-lit.d.ts +2 -0
  252. package/components/header-inera-admin/header-inera-admin-item-shadow-lit.js +7 -0
  253. package/components/header-inera-admin/header-inera-admin-item-shadow.css +83 -0
  254. package/components/header-inera-admin/header-inera-admin-item.css +72 -36
  255. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  256. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
  257. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +9 -11
  258. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  259. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-lit.d.ts +2 -0
  260. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-lit.js +7 -0
  261. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow-lit.d.ts +2 -0
  262. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow-lit.js +7 -0
  263. package/components/header-inera-admin/header-inera-admin-nav-item-mobile-shadow.css +20 -0
  264. package/components/header-inera-admin/header-inera-admin-nav-item-mobile.css +61 -0
  265. package/components/header-inera-admin/header-inera-admin-nav-item-shadow-lit.d.ts +2 -0
  266. package/components/header-inera-admin/header-inera-admin-nav-item-shadow-lit.js +7 -0
  267. package/components/header-inera-admin/header-inera-admin-nav-item-shadow.css +31 -0
  268. package/components/header-inera-admin/header-inera-admin-nav-item.css +16 -29
  269. package/components/header-inera-admin/header-inera-admin-nav-lit.js +1 -1
  270. package/components/header-inera-admin/header-inera-admin-nav.css +3 -7
  271. package/components/header-inera-admin/header-inera-admin-shadow-lit.d.ts +2 -0
  272. package/components/header-inera-admin/header-inera-admin-shadow-lit.js +7 -0
  273. package/components/header-inera-admin/header-inera-admin-shadow.css +43 -0
  274. package/components/header-inera-admin/header-inera-admin.css +4 -13
  275. package/components/header-patient/header-patient-lit.js +1 -1
  276. package/components/header-patient/header-patient-shadow-lit.d.ts +2 -0
  277. package/components/header-patient/header-patient-shadow-lit.js +7 -0
  278. package/components/header-patient/header-patient-shadow.css +4 -0
  279. package/components/header-patient/header-patient.css +9 -15
  280. package/components/list-pagination/list-pagination-lit.d.ts +2 -0
  281. package/components/list-pagination/list-pagination-lit.js +9 -0
  282. package/components/list-pagination/list-pagination-shadow-lit.d.ts +2 -0
  283. package/components/list-pagination/list-pagination-shadow-lit.js +9 -0
  284. package/components/list-pagination/list-pagination-shadow.css +125 -0
  285. package/components/{pagination/list-pagination → list-pagination}/list-pagination.css +88 -36
  286. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  287. package/components/mobile-menu/mobile-menu-shadow-lit.d.ts +2 -0
  288. package/components/mobile-menu/mobile-menu-shadow-lit.js +7 -0
  289. package/components/mobile-menu/mobile-menu-shadow.css +170 -0
  290. package/components/mobile-menu/mobile-menu.css +26 -79
  291. package/components/navigation-content/navigation-content-lit.d.ts +2 -0
  292. package/components/navigation-content/navigation-content-lit.js +7 -0
  293. package/components/navigation-content/navigation-content-shadow-lit.d.ts +2 -0
  294. package/components/navigation-content/navigation-content-shadow-lit.js +7 -0
  295. package/components/navigation-content/navigation-content-shadow.css +6 -0
  296. package/components/{navigation/content → navigation-content}/navigation-content.css +24 -3
  297. package/components/navigation-local/navigation-local-lit.d.ts +2 -0
  298. package/components/navigation-local/navigation-local-lit.js +7 -0
  299. package/components/navigation-local/navigation-local-shadow-lit.d.ts +2 -0
  300. package/components/navigation-local/navigation-local-shadow-lit.js +7 -0
  301. package/components/navigation-local/navigation-local-shadow.css +37 -0
  302. package/components/{navigation/local → navigation-local}/navigation-local.css +11 -17
  303. package/components/notification-badge/notification-badge-lit.js +1 -1
  304. package/components/notification-badge/notification-badge-shadow-lit.d.ts +2 -0
  305. package/components/notification-badge/notification-badge-shadow-lit.js +7 -0
  306. package/components/notification-badge/notification-badge-shadow.css +10 -0
  307. package/components/notification-badge/notification-badge.css +2 -4
  308. package/components/popover/popover-lit.js +1 -1
  309. package/components/popover/popover-shadow-lit.d.ts +2 -0
  310. package/components/popover/popover-shadow-lit.js +7 -0
  311. package/components/popover/popover-shadow.css +73 -0
  312. package/components/popover/popover.css +389 -1
  313. package/components/progressbar/progressbar-lit.js +1 -1
  314. package/components/progressbar/progressbar.css +2 -2
  315. package/components/puff-list/puff-list-lit.js +1 -1
  316. package/components/puff-list/puff-list-shadow-lit.d.ts +2 -0
  317. package/components/puff-list/puff-list-shadow-lit.js +7 -0
  318. package/components/puff-list/puff-list-shadow.css +110 -0
  319. package/components/puff-list/puff-list.css +32 -26
  320. package/components/region-icon/region-icon-lit.js +1 -1
  321. package/components/region-icon/region-icon.css +1 -1
  322. package/components/side-menu/side-menu-lit.js +1 -1
  323. package/components/side-menu/side-menu-shadow-lit.d.ts +2 -0
  324. package/components/side-menu/side-menu-shadow-lit.js +7 -0
  325. package/components/side-menu/side-menu-shadow.css +79 -0
  326. package/components/side-menu/side-menu.css +42 -44
  327. package/components/side-panel/side-panel-lit.js +1 -1
  328. package/components/side-panel/side-panel-shadow-lit.d.ts +2 -0
  329. package/components/side-panel/side-panel-shadow-lit.js +7 -0
  330. package/components/side-panel/side-panel-shadow.css +4 -0
  331. package/components/side-panel/side-panel.css +41 -14
  332. package/components/stepper/stepper-lit.js +1 -1
  333. package/components/stepper/stepper-shadow-lit.d.ts +2 -0
  334. package/components/stepper/stepper-shadow-lit.js +7 -0
  335. package/components/stepper/stepper-shadow.css +63 -0
  336. package/components/stepper/stepper.css +9 -21
  337. package/components/table/table.css +12 -6
  338. package/components/tabs/tab-panel-shadow-lit.d.ts +2 -0
  339. package/components/tabs/tab-panel-shadow-lit.js +7 -0
  340. package/components/tabs/tab-panel-shadow.css +3 -0
  341. package/components/tabs/tab-shadow-lit.d.ts +2 -0
  342. package/components/tabs/tab-shadow-lit.js +7 -0
  343. package/components/tabs/tab-shadow.css +33 -0
  344. package/components/tabs/tabs-lit.js +3 -3
  345. package/components/tabs/tabs.css +155 -1
  346. package/components/tag/tag-lit.js +1 -1
  347. package/components/tag/tag-shadow-lit.d.ts +2 -0
  348. package/components/tag/tag-shadow-lit.js +7 -0
  349. package/components/tag/tag-shadow.css +58 -0
  350. package/components/tag/tag.css +63 -12
  351. package/components/tooltip/tooltip-lit.js +1 -1
  352. package/components/tooltip/tooltip.css +1 -0
  353. package/global/global.css +10086 -2466
  354. package/global/icons/Inera-Design-Icons.eot +0 -0
  355. package/global/icons/Inera-Design-Icons.svg +10 -1
  356. package/global/icons/Inera-Design-Icons.ttf +0 -0
  357. package/global/icons/Inera-Design-Icons.woff +0 -0
  358. package/global/util/util.css +51 -2517
  359. package/layout/breakpoints.scss +18 -0
  360. package/package.json +1 -1
  361. package/styles.css +10434 -2667
  362. package/tokens/component-tokens.scss +5 -4
  363. package/tokens/themes/1177-admin-tokens.css +115 -76
  364. package/tokens/themes/1177-pro-tokens.css +112 -73
  365. package/tokens/themes/1177-tokens.css +112 -73
  366. package/tokens/themes/inera-admin-tokens.css +101 -62
  367. package/tokens/themes/inera-tokens.css +98 -59
  368. package/components/navigation/content/navigation-content-lit.js +0 -7
  369. package/components/navigation/local/navigation-local-lit.js +0 -7
  370. package/components/pagination/data-pagination/data-pagination-lit.js +0 -7
  371. package/components/pagination/list-pagination/list-pagination-lit.js +0 -9
  372. package/components/popover/popover-content-lit.js +0 -7
  373. package/components/popover/popover-content.css +0 -401
  374. package/components/tabs/tab-lit.js +0 -7
  375. package/components/tabs/tab-panel-lit.js +0 -7
  376. package/components/tabs/tab-panel.css +0 -21
  377. package/components/tabs/tab.css +0 -142
  378. /package/components/{carousel/carousel-item-lit.d.ts → accordion/accordion-shadow-lit.d.ts} +0 -0
  379. /package/components/{navigation/content/navigation-content-lit.d.ts → action-link/action-link-shadow-lit.d.ts} +0 -0
  380. /package/components/{navigation/local/navigation-local-lit.d.ts → alert/alert-shadow-lit.d.ts} +0 -0
  381. /package/components/{pagination/data-pagination/data-pagination-lit.d.ts → box-link/box-link-shadow-lit.d.ts} +0 -0
  382. /package/components/{pagination/list-pagination/list-pagination-lit.d.ts → breadcrumbs/breadcrumbs-shadow-lit.d.ts} +0 -0
  383. /package/components/{popover/popover-content-lit.d.ts → card/card-shadow-lit.d.ts} +0 -0
  384. /package/components/{tabs/tab-lit.d.ts → carousel/carousel-shadow-lit.d.ts} +0 -0
  385. /package/components/{tabs/tab-panel-lit.d.ts → data-pagination/data-pagination-lit.d.ts} +0 -0
package/components/grid/row/row.css CHANGED
@@ -1,57 +1,36 @@
1
- .ids-row,
2
- :host(.ids-row) {
1
+ .ids-row {
3
2
  display: flex;
4
3
  flex-wrap: wrap;
5
4
  flex: 1 1 auto;
6
5
  box-sizing: border-box;
7
6
  }
8
-
9
- .ids-row.ids-row--align-start,
10
- :host(.ids-row--align-start) {
7
+ .ids-row.ids-row--align-start {
11
8
  align-items: start;
12
9
  }
13
-
14
- .ids-row.ids-row--align-center,
15
- :host(.ids-row--align-center) {
10
+ .ids-row.ids-row--align-center {
16
11
  align-items: center;
17
12
  }
18
-
19
- .ids-row.ids-row--align-end,
20
- :host(.ids-row--align-end) {
13
+ .ids-row.ids-row--align-end {
21
14
  align-items: end;
22
15
  }
23
-
24
- .ids-row.ids-row--align-baseline,
25
- :host(.ids-row--align-baseline) {
16
+ .ids-row.ids-row--align-baseline {
26
17
  align-items: baseline;
27
18
  }
28
-
29
- .ids-row.ids-row--align-stretch,
30
- :host(.ids-row--align-stretch) {
19
+ .ids-row.ids-row--align-stretch {
31
20
  align-items: stretch;
32
21
  }
33
-
34
- .ids-row.ids-row--justify-start,
35
- :host(.ids-row--justify-start) {
22
+ .ids-row.ids-row--justify-start {
36
23
  justify-content: flex-start;
37
24
  }
38
-
39
- .ids-row.ids-row--justify-center,
40
- :host(.ids-row--justify-center) {
25
+ .ids-row.ids-row--justify-center {
41
26
  justify-content: center;
42
27
  }
43
-
44
- .ids-row.ids-row--justify-end,
45
- :host(.ids-row--justify-end) {
28
+ .ids-row.ids-row--justify-end {
46
29
  justify-content: end;
47
30
  }
48
-
49
- .ids-row.ids-row--justify-space-between,
50
- :host(.ids-row--justify-space-between) {
31
+ .ids-row.ids-row--justify-space-between {
51
32
  justify-content: space-between;
52
33
  }
53
-
54
- .ids-row.ids-row--justify-space-around,
55
- :host(.ids-row--justify-space-around) {
34
+ .ids-row.ids-row--justify-space-around {
56
35
  justify-content: space-around;
57
36
  }
package/components/grid-layout/grid-column/grid-column-lit.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
package/components/grid-layout/grid-column/grid-column-lit.js ADDED
@@ -0,0 +1,7 @@
1
+ import { css, unsafeCSS } from 'lit';
2
+
3
+ var css_248z = "@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-grid-column.ids-grid-column--1{grid-column-end:span 1}.ids-grid-column.ids-grid-column--2{grid-column-end:span 2}.ids-grid-column.ids-grid-column--3{grid-column-end:span 3}.ids-grid-column.ids-grid-column--4{grid-column-end:span 4}.ids-grid-column.ids-grid-column--5{grid-column-end:span 5}.ids-grid-column.ids-grid-column--6{grid-column-end:span 6}.ids-grid-column.ids-grid-column--7{grid-column-end:span 7}.ids-grid-column.ids-grid-column--8{grid-column-end:span 8}.ids-grid-column.ids-grid-column--9{grid-column-end:span 9}.ids-grid-column.ids-grid-column--10{grid-column-end:span 10}.ids-grid-column.ids-grid-column--11{grid-column-end:span 11}.ids-grid-column.ids-grid-column--12{grid-column-end:span 12}.ids-grid-column.ids-grid-column--start-1{grid-column-start:1}.ids-grid-column.ids-grid-column--start-2{grid-column-start:2}.ids-grid-column.ids-grid-column--start-3{grid-column-start:3}.ids-grid-column.ids-grid-column--start-4{grid-column-start:4}.ids-grid-column.ids-grid-column--start-5{grid-column-start:5}.ids-grid-column.ids-grid-column--start-6{grid-column-start:6}.ids-grid-column.ids-grid-column--start-7{grid-column-start:7}.ids-grid-column.ids-grid-column--start-8{grid-column-start:8}.ids-grid-column.ids-grid-column--start-9{grid-column-start:9}.ids-grid-column.ids-grid-column--start-10{grid-column-start:10}.ids-grid-column.ids-grid-column--start-11{grid-column-start:11}.ids-grid-column.ids-grid-column--align-start{align-self:start}.ids-grid-column.ids-grid-column--align-center{align-self:center}.ids-grid-column.ids-grid-column--align-end{align-self:end}.ids-grid-column.ids-grid-column--align-auto{align-self:auto}.ids-grid-column.ids-grid-column--align-baseline{align-self:baseline}.ids-grid-column.ids-grid-column--align-stretch{align-self:stretch}.ids-grid-column.ids-grid-column--order--1{order:-1}.ids-grid-column.ids-grid-column--order-1{order:1}.ids-grid-column.ids-grid-column--order-2{order:2}.ids-grid-column.ids-grid-column--order-3{order:3}.ids-grid-column.ids-grid-column--order-4{order:4}@media only screen and (max-width:1024px){.ids-grid-column.ids-grid-column--m-1{grid-column-end:span 1}.ids-grid-column.ids-grid-column--m-2{grid-column-end:span 2}.ids-grid-column.ids-grid-column--m-3{grid-column-end:span 3}.ids-grid-column.ids-grid-column--m-4{grid-column-end:span 4}.ids-grid-column.ids-grid-column--m-5{grid-column-end:span 5}.ids-grid-column.ids-grid-column--m-6{grid-column-end:span 6}.ids-grid-column.ids-grid-column--m-7{grid-column-end:span 7}.ids-grid-column.ids-grid-column--m-8{grid-column-end:span 8}.ids-grid-column.ids-grid-column--m-9{grid-column-end:span 9}.ids-grid-column.ids-grid-column--m-10{grid-column-end:span 10}.ids-grid-column.ids-grid-column--m-11{grid-column-end:span 11}.ids-grid-column.ids-grid-column--m-12{grid-column-end:span 12}.ids-grid-column.ids-grid-column--m-start-1{grid-column-start:1}.ids-grid-column.ids-grid-column--m-start-2{grid-column-start:2}.ids-grid-column.ids-grid-column--m-start-3{grid-column-start:3}.ids-grid-column.ids-grid-column--m-start-4{grid-column-start:4}.ids-grid-column.ids-grid-column--m-start-5{grid-column-start:5}.ids-grid-column.ids-grid-column--m-start-6{grid-column-start:6}.ids-grid-column.ids-grid-column--m-start-7{grid-column-start:7}.ids-grid-column.ids-grid-column--m-start-8{grid-column-start:8}.ids-grid-column.ids-grid-column--m-start-9{grid-column-start:9}.ids-grid-column.ids-grid-column--m-start-10{grid-column-start:10}.ids-grid-column.ids-grid-column--m-start-11{grid-column-start:11}.ids-grid-column.ids-grid-column--m-order--1{order:-1}.ids-grid-column.ids-grid-column--m-order-1{order:1}.ids-grid-column.ids-grid-column--m-order-2{order:2}.ids-grid-column.ids-grid-column--m-order-3{order:3}.ids-grid-column.ids-grid-column--m-order-4{order:4}}@media only screen and (max-width:640px){.ids-grid-column.ids-grid-column--s-1{grid-column-end:span 1}.ids-grid-column.ids-grid-column--s-2{grid-column-end:span 2}.ids-grid-column.ids-grid-column--s-3{grid-column-end:span 3}.ids-grid-column.ids-grid-column--s-4{grid-column-end:span 4}.ids-grid-column.ids-grid-column--s-5{grid-column-end:span 5}.ids-grid-column.ids-grid-column--s-6{grid-column-end:span 6}.ids-grid-column.ids-grid-column--s-7{grid-column-end:span 7}.ids-grid-column.ids-grid-column--s-8{grid-column-end:span 8}.ids-grid-column.ids-grid-column--s-9{grid-column-end:span 9}.ids-grid-column.ids-grid-column--s-10{grid-column-end:span 10}.ids-grid-column.ids-grid-column--s-11{grid-column-end:span 11}.ids-grid-column.ids-grid-column--s-12{grid-column-end:span 12}.ids-grid-column.ids-grid-column--s-start-1{grid-column-start:1}.ids-grid-column.ids-grid-column--s-start-2{grid-column-start:2}.ids-grid-column.ids-grid-column--s-start-3{grid-column-start:3}.ids-grid-column.ids-grid-column--s-start-4{grid-column-start:4}.ids-grid-column.ids-grid-column--s-start-5{grid-column-start:5}.ids-grid-column.ids-grid-column--s-start-6{grid-column-start:6}.ids-grid-column.ids-grid-column--s-start-7{grid-column-start:7}.ids-grid-column.ids-grid-column--s-start-8{grid-column-start:8}.ids-grid-column.ids-grid-column--s-start-9{grid-column-start:9}.ids-grid-column.ids-grid-column--s-start-10{grid-column-start:10}.ids-grid-column.ids-grid-column--s-start-11{grid-column-start:11}.ids-grid-column.ids-grid-column--s-order--1{order:-1}.ids-grid-column.ids-grid-column--s-order-1{order:1}.ids-grid-column.ids-grid-column--s-order-2{order:2}.ids-grid-column.ids-grid-column--s-order-3{order:3}.ids-grid-column.ids-grid-column--s-order-4{order:4}}";
4
+
5
+ var gridColumnLit = css`${unsafeCSS(css_248z)}`;
6
+
7
+ export { gridColumnLit as default };
package/components/grid-layout/grid-column/grid-column.css ADDED
@@ -0,0 +1,286 @@
1
+ @media (max-width: 639px) {
2
+ .ids-desktop {
3
+ display: none !important;
4
+ }
5
+ }
6
+
7
+ @media (min-width: 1024px) {
8
+ .ids-mobile {
9
+ display: none !important;
10
+ }
11
+ }
12
+
13
+ .ids-grid-column.ids-grid-column--1 {
14
+ grid-column-end: span 1;
15
+ }
16
+ .ids-grid-column.ids-grid-column--2 {
17
+ grid-column-end: span 2;
18
+ }
19
+ .ids-grid-column.ids-grid-column--3 {
20
+ grid-column-end: span 3;
21
+ }
22
+ .ids-grid-column.ids-grid-column--4 {
23
+ grid-column-end: span 4;
24
+ }
25
+ .ids-grid-column.ids-grid-column--5 {
26
+ grid-column-end: span 5;
27
+ }
28
+ .ids-grid-column.ids-grid-column--6 {
29
+ grid-column-end: span 6;
30
+ }
31
+ .ids-grid-column.ids-grid-column--7 {
32
+ grid-column-end: span 7;
33
+ }
34
+ .ids-grid-column.ids-grid-column--8 {
35
+ grid-column-end: span 8;
36
+ }
37
+ .ids-grid-column.ids-grid-column--9 {
38
+ grid-column-end: span 9;
39
+ }
40
+ .ids-grid-column.ids-grid-column--10 {
41
+ grid-column-end: span 10;
42
+ }
43
+ .ids-grid-column.ids-grid-column--11 {
44
+ grid-column-end: span 11;
45
+ }
46
+ .ids-grid-column.ids-grid-column--12 {
47
+ grid-column-end: span 12;
48
+ }
49
+ .ids-grid-column.ids-grid-column--start-1 {
50
+ grid-column-start: 1;
51
+ }
52
+ .ids-grid-column.ids-grid-column--start-2 {
53
+ grid-column-start: 2;
54
+ }
55
+ .ids-grid-column.ids-grid-column--start-3 {
56
+ grid-column-start: 3;
57
+ }
58
+ .ids-grid-column.ids-grid-column--start-4 {
59
+ grid-column-start: 4;
60
+ }
61
+ .ids-grid-column.ids-grid-column--start-5 {
62
+ grid-column-start: 5;
63
+ }
64
+ .ids-grid-column.ids-grid-column--start-6 {
65
+ grid-column-start: 6;
66
+ }
67
+ .ids-grid-column.ids-grid-column--start-7 {
68
+ grid-column-start: 7;
69
+ }
70
+ .ids-grid-column.ids-grid-column--start-8 {
71
+ grid-column-start: 8;
72
+ }
73
+ .ids-grid-column.ids-grid-column--start-9 {
74
+ grid-column-start: 9;
75
+ }
76
+ .ids-grid-column.ids-grid-column--start-10 {
77
+ grid-column-start: 10;
78
+ }
79
+ .ids-grid-column.ids-grid-column--start-11 {
80
+ grid-column-start: 11;
81
+ }
82
+ .ids-grid-column.ids-grid-column--align-start {
83
+ align-self: start;
84
+ }
85
+ .ids-grid-column.ids-grid-column--align-center {
86
+ align-self: center;
87
+ }
88
+ .ids-grid-column.ids-grid-column--align-end {
89
+ align-self: end;
90
+ }
91
+ .ids-grid-column.ids-grid-column--align-auto {
92
+ align-self: auto;
93
+ }
94
+ .ids-grid-column.ids-grid-column--align-baseline {
95
+ align-self: baseline;
96
+ }
97
+ .ids-grid-column.ids-grid-column--align-stretch {
98
+ align-self: stretch;
99
+ }
100
+ .ids-grid-column.ids-grid-column--order--1 {
101
+ order: -1;
102
+ }
103
+ .ids-grid-column.ids-grid-column--order-1 {
104
+ order: 1;
105
+ }
106
+ .ids-grid-column.ids-grid-column--order-2 {
107
+ order: 2;
108
+ }
109
+ .ids-grid-column.ids-grid-column--order-3 {
110
+ order: 3;
111
+ }
112
+ .ids-grid-column.ids-grid-column--order-4 {
113
+ order: 4;
114
+ }
115
+ @media only screen and (max-width: 1024px) {
116
+ .ids-grid-column.ids-grid-column--m-1 {
117
+ grid-column-end: span 1;
118
+ }
119
+ .ids-grid-column.ids-grid-column--m-2 {
120
+ grid-column-end: span 2;
121
+ }
122
+ .ids-grid-column.ids-grid-column--m-3 {
123
+ grid-column-end: span 3;
124
+ }
125
+ .ids-grid-column.ids-grid-column--m-4 {
126
+ grid-column-end: span 4;
127
+ }
128
+ .ids-grid-column.ids-grid-column--m-5 {
129
+ grid-column-end: span 5;
130
+ }
131
+ .ids-grid-column.ids-grid-column--m-6 {
132
+ grid-column-end: span 6;
133
+ }
134
+ .ids-grid-column.ids-grid-column--m-7 {
135
+ grid-column-end: span 7;
136
+ }
137
+ .ids-grid-column.ids-grid-column--m-8 {
138
+ grid-column-end: span 8;
139
+ }
140
+ .ids-grid-column.ids-grid-column--m-9 {
141
+ grid-column-end: span 9;
142
+ }
143
+ .ids-grid-column.ids-grid-column--m-10 {
144
+ grid-column-end: span 10;
145
+ }
146
+ .ids-grid-column.ids-grid-column--m-11 {
147
+ grid-column-end: span 11;
148
+ }
149
+ .ids-grid-column.ids-grid-column--m-12 {
150
+ grid-column-end: span 12;
151
+ }
152
+ .ids-grid-column.ids-grid-column--m-start-1 {
153
+ grid-column-start: 1;
154
+ }
155
+ .ids-grid-column.ids-grid-column--m-start-2 {
156
+ grid-column-start: 2;
157
+ }
158
+ .ids-grid-column.ids-grid-column--m-start-3 {
159
+ grid-column-start: 3;
160
+ }
161
+ .ids-grid-column.ids-grid-column--m-start-4 {
162
+ grid-column-start: 4;
163
+ }
164
+ .ids-grid-column.ids-grid-column--m-start-5 {
165
+ grid-column-start: 5;
166
+ }
167
+ .ids-grid-column.ids-grid-column--m-start-6 {
168
+ grid-column-start: 6;
169
+ }
170
+ .ids-grid-column.ids-grid-column--m-start-7 {
171
+ grid-column-start: 7;
172
+ }
173
+ .ids-grid-column.ids-grid-column--m-start-8 {
174
+ grid-column-start: 8;
175
+ }
176
+ .ids-grid-column.ids-grid-column--m-start-9 {
177
+ grid-column-start: 9;
178
+ }
179
+ .ids-grid-column.ids-grid-column--m-start-10 {
180
+ grid-column-start: 10;
181
+ }
182
+ .ids-grid-column.ids-grid-column--m-start-11 {
183
+ grid-column-start: 11;
184
+ }
185
+ .ids-grid-column.ids-grid-column--m-order--1 {
186
+ order: -1;
187
+ }
188
+ .ids-grid-column.ids-grid-column--m-order-1 {
189
+ order: 1;
190
+ }
191
+ .ids-grid-column.ids-grid-column--m-order-2 {
192
+ order: 2;
193
+ }
194
+ .ids-grid-column.ids-grid-column--m-order-3 {
195
+ order: 3;
196
+ }
197
+ .ids-grid-column.ids-grid-column--m-order-4 {
198
+ order: 4;
199
+ }
200
+ }
201
+ @media only screen and (max-width: 640px) {
202
+ .ids-grid-column.ids-grid-column--s-1 {
203
+ grid-column-end: span 1;
204
+ }
205
+ .ids-grid-column.ids-grid-column--s-2 {
206
+ grid-column-end: span 2;
207
+ }
208
+ .ids-grid-column.ids-grid-column--s-3 {
209
+ grid-column-end: span 3;
210
+ }
211
+ .ids-grid-column.ids-grid-column--s-4 {
212
+ grid-column-end: span 4;
213
+ }
214
+ .ids-grid-column.ids-grid-column--s-5 {
215
+ grid-column-end: span 5;
216
+ }
217
+ .ids-grid-column.ids-grid-column--s-6 {
218
+ grid-column-end: span 6;
219
+ }
220
+ .ids-grid-column.ids-grid-column--s-7 {
221
+ grid-column-end: span 7;
222
+ }
223
+ .ids-grid-column.ids-grid-column--s-8 {
224
+ grid-column-end: span 8;
225
+ }
226
+ .ids-grid-column.ids-grid-column--s-9 {
227
+ grid-column-end: span 9;
228
+ }
229
+ .ids-grid-column.ids-grid-column--s-10 {
230
+ grid-column-end: span 10;
231
+ }
232
+ .ids-grid-column.ids-grid-column--s-11 {
233
+ grid-column-end: span 11;
234
+ }
235
+ .ids-grid-column.ids-grid-column--s-12 {
236
+ grid-column-end: span 12;
237
+ }
238
+ .ids-grid-column.ids-grid-column--s-start-1 {
239
+ grid-column-start: 1;
240
+ }
241
+ .ids-grid-column.ids-grid-column--s-start-2 {
242
+ grid-column-start: 2;
243
+ }
244
+ .ids-grid-column.ids-grid-column--s-start-3 {
245
+ grid-column-start: 3;
246
+ }
247
+ .ids-grid-column.ids-grid-column--s-start-4 {
248
+ grid-column-start: 4;
249
+ }
250
+ .ids-grid-column.ids-grid-column--s-start-5 {
251
+ grid-column-start: 5;
252
+ }
253
+ .ids-grid-column.ids-grid-column--s-start-6 {
254
+ grid-column-start: 6;
255
+ }
256
+ .ids-grid-column.ids-grid-column--s-start-7 {
257
+ grid-column-start: 7;
258
+ }
259
+ .ids-grid-column.ids-grid-column--s-start-8 {
260
+ grid-column-start: 8;
261
+ }
262
+ .ids-grid-column.ids-grid-column--s-start-9 {
263
+ grid-column-start: 9;
264
+ }
265
+ .ids-grid-column.ids-grid-column--s-start-10 {
266
+ grid-column-start: 10;
267
+ }
268
+ .ids-grid-column.ids-grid-column--s-start-11 {
269
+ grid-column-start: 11;
270
+ }
271
+ .ids-grid-column.ids-grid-column--s-order--1 {
272
+ order: -1;
273
+ }
274
+ .ids-grid-column.ids-grid-column--s-order-1 {
275
+ order: 1;
276
+ }
277
+ .ids-grid-column.ids-grid-column--s-order-2 {
278
+ order: 2;
279
+ }
280
+ .ids-grid-column.ids-grid-column--s-order-3 {
281
+ order: 3;
282
+ }
283
+ .ids-grid-column.ids-grid-column--s-order-4 {
284
+ order: 4;
285
+ }
286
+ }
package/components/grid-layout/grid-container/grid-container-lit.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
package/components/grid-layout/grid-container/grid-container-lit.js ADDED
@@ -0,0 +1,7 @@
1
+ import { css, unsafeCSS } from 'lit';
2
+
3
+ var css_248z = ".ids-grid-container{display:grid;margin:0 auto;max-width:var(--IDS__CONTAINER-MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-grid-container.ids-grid-container--gutterless{padding-left:0!important;padding-right:0!important}";
4
+
5
+ var gridContainerLit = css`${unsafeCSS(css_248z)}`;
6
+
7
+ export { gridContainerLit as default };
package/components/grid-layout/grid-container/grid-container.css ADDED
@@ -0,0 +1,11 @@
1
+ .ids-grid-container {
2
+ max-width: var(--IDS__CONTAINER-MAX-WIDTH);
3
+ width: 100%;
4
+ padding: var(--IDS__CONTAINER-PADDING);
5
+ display: grid;
6
+ margin: 0 auto;
7
+ }
8
+ .ids-grid-container.ids-grid-container--gutterless {
9
+ padding-left: 0 !important;
10
+ padding-right: 0 !important;
11
+ }
package/components/grid-layout/grid-row/grid-row-lit.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
package/components/grid-layout/grid-row/grid-row-lit.js ADDED
@@ -0,0 +1,7 @@
1
+ import { css, unsafeCSS } from 'lit';
2
+
3
+ var css_248z = "@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-grid-row{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr));width:100%}@media (min-width:1024px){.ids-grid-row{gap:1.5rem}}.ids-grid-row.ids-grid-row--no-gap{gap:0!important}.ids-grid-row>*{min-width:0}.ids-grid-row.ids-grid-row--align-start{align-items:start}.ids-grid-row.ids-grid-row--align-center{align-items:center}.ids-grid-row.ids-grid-row--align-end{align-items:end}.ids-grid-row.ids-grid-row--align-baseline{align-items:baseline}.ids-grid-row.ids-grid-row--align-stretch{align-items:stretch}.ids-grid-row.ids-grid-row--justify-start{justify-content:start}.ids-grid-row.ids-grid-row--justify-center{justify-content:center}.ids-grid-row.ids-grid-row--justify-end{justify-content:end}";
4
+
5
+ var gridRowLit = css`${unsafeCSS(css_248z)}`;
6
+
7
+ export { gridRowLit as default };
package/components/grid-layout/grid-row/grid-row.css ADDED
@@ -0,0 +1,53 @@
1
+ @media (max-width: 639px) {
2
+ .ids-desktop {
3
+ display: none !important;
4
+ }
5
+ }
6
+
7
+ @media (min-width: 1024px) {
8
+ .ids-mobile {
9
+ display: none !important;
10
+ }
11
+ }
12
+
13
+ .ids-grid-row {
14
+ display: grid;
15
+ grid-template-columns: repeat(12, minmax(0, 1fr));
16
+ width: 100%;
17
+ gap: 1rem;
18
+ }
19
+ @media (min-width: 1024px) {
20
+ .ids-grid-row {
21
+ gap: 1.5rem;
22
+ }
23
+ }
24
+ .ids-grid-row.ids-grid-row--no-gap {
25
+ gap: 0 !important;
26
+ }
27
+ .ids-grid-row > * {
28
+ min-width: 0;
29
+ }
30
+ .ids-grid-row.ids-grid-row--align-start {
31
+ align-items: start;
32
+ }
33
+ .ids-grid-row.ids-grid-row--align-center {
34
+ align-items: center;
35
+ }
36
+ .ids-grid-row.ids-grid-row--align-end {
37
+ align-items: end;
38
+ }
39
+ .ids-grid-row.ids-grid-row--align-baseline {
40
+ align-items: baseline;
41
+ }
42
+ .ids-grid-row.ids-grid-row--align-stretch {
43
+ align-items: stretch;
44
+ }
45
+ .ids-grid-row.ids-grid-row--justify-start {
46
+ justify-content: start;
47
+ }
48
+ .ids-grid-row.ids-grid-row--justify-center {
49
+ justify-content: center;
50
+ }
51
+ .ids-grid-row.ids-grid-row--justify-end {
52
+ justify-content: end;
53
+ }