@aquera/nile-elements 0.0.70 → 0.0.72

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 (404) hide show
  1. package/README.md +20 -0
  2. package/demo/filenames.txt +1 -1
  3. package/demo/variables.css +25 -0
  4. package/demo/variables_v2.css +7 -1
  5. package/dist/index.cjs.js +1 -1
  6. package/dist/index.esm.js +1 -1
  7. package/dist/index.iife.js +974 -655
  8. package/dist/nile-avatar/nile-avatar.cjs.js +1 -1
  9. package/dist/nile-avatar/nile-avatar.cjs.js.map +1 -1
  10. package/dist/nile-avatar/nile-avatar.css.cjs.js +1 -1
  11. package/dist/nile-avatar/nile-avatar.css.cjs.js.map +1 -1
  12. package/dist/nile-avatar/nile-avatar.css.esm.js +2 -3
  13. package/dist/nile-avatar/nile-avatar.esm.js +12 -6
  14. package/dist/nile-badge/index.cjs.js +1 -1
  15. package/dist/nile-badge/index.esm.js +1 -1
  16. package/dist/nile-badge/nile-badge.cjs.js +1 -1
  17. package/dist/nile-badge/nile-badge.cjs.js.map +1 -1
  18. package/dist/nile-badge/nile-badge.css.cjs.js +1 -1
  19. package/dist/nile-badge/nile-badge.css.cjs.js.map +1 -1
  20. package/dist/nile-badge/nile-badge.css.esm.js +23 -23
  21. package/dist/nile-badge/nile-badge.esm.js +1 -1
  22. package/dist/nile-button/index.cjs.js +1 -1
  23. package/dist/nile-button/index.esm.js +1 -1
  24. package/dist/nile-button/nile-button.cjs.js +1 -1
  25. package/dist/nile-button/nile-button.cjs.js.map +1 -1
  26. package/dist/nile-button/nile-button.esm.js +1 -1
  27. package/dist/nile-card/nile-card.cjs.js +1 -1
  28. package/dist/nile-card/nile-card.cjs.js.map +1 -1
  29. package/dist/nile-card/nile-card.css.cjs.js +1 -1
  30. package/dist/nile-card/nile-card.css.cjs.js.map +1 -1
  31. package/dist/nile-card/nile-card.css.esm.js +9 -0
  32. package/dist/nile-card/nile-card.esm.js +5 -3
  33. package/dist/nile-checkbox/nile-checkbox.cjs.js +1 -1
  34. package/dist/nile-checkbox/nile-checkbox.cjs.js.map +1 -1
  35. package/dist/nile-checkbox/nile-checkbox.css.cjs.js +1 -1
  36. package/dist/nile-checkbox/nile-checkbox.css.cjs.js.map +1 -1
  37. package/dist/nile-checkbox/nile-checkbox.css.esm.js +2 -4
  38. package/dist/nile-checkbox/nile-checkbox.esm.js +24 -28
  39. package/dist/nile-dialog/index.cjs.js +1 -1
  40. package/dist/nile-dialog/index.esm.js +1 -1
  41. package/dist/nile-dialog/nile-dialog.cjs.js +1 -1
  42. package/dist/nile-dialog/nile-dialog.cjs.js.map +1 -1
  43. package/dist/nile-dialog/nile-dialog.esm.js +1 -1
  44. package/dist/nile-drawer/index.cjs.js +1 -1
  45. package/dist/nile-drawer/index.esm.js +1 -1
  46. package/dist/nile-drawer/nile-drawer.cjs.js +1 -1
  47. package/dist/nile-drawer/nile-drawer.cjs.js.map +1 -1
  48. package/dist/nile-drawer/nile-drawer.esm.js +1 -1
  49. package/dist/nile-empty-state/nile-empty-state.cjs.js +1 -1
  50. package/dist/nile-empty-state/nile-empty-state.cjs.js.map +1 -1
  51. package/dist/nile-empty-state/nile-empty-state.esm.js +1 -1
  52. package/dist/nile-hero/nile-hero.cjs.js +1 -1
  53. package/dist/nile-hero/nile-hero.cjs.js.map +1 -1
  54. package/dist/nile-hero/nile-hero.css.cjs.js +1 -1
  55. package/dist/nile-hero/nile-hero.css.cjs.js.map +1 -1
  56. package/dist/nile-hero/nile-hero.css.esm.js +37 -10
  57. package/dist/nile-hero/nile-hero.esm.js +11 -8
  58. package/dist/nile-hero-header/nile-hero-header.cjs.js +1 -1
  59. package/dist/nile-hero-header/nile-hero-header.cjs.js.map +1 -1
  60. package/dist/nile-hero-header/nile-hero-header.css.cjs.js +1 -1
  61. package/dist/nile-hero-header/nile-hero-header.css.cjs.js.map +1 -1
  62. package/dist/nile-hero-header/nile-hero-header.css.esm.js +1 -0
  63. package/dist/nile-hero-header/nile-hero-header.esm.js +3 -3
  64. package/dist/nile-icon/icons/svg/bar-and-line-chart.cjs.js +2 -0
  65. package/dist/nile-icon/icons/svg/bar-and-line-chart.cjs.js.map +1 -0
  66. package/dist/nile-icon/icons/svg/bar-and-line-chart.esm.js +1 -0
  67. package/dist/nile-icon/icons/svg/bubble-chart.cjs.js +2 -0
  68. package/dist/nile-icon/icons/svg/bubble-chart.cjs.js.map +1 -0
  69. package/dist/nile-icon/icons/svg/bubble-chart.esm.js +1 -0
  70. package/dist/nile-icon/icons/svg/calendar-01.cjs.js +2 -0
  71. package/dist/nile-icon/icons/svg/calendar-01.cjs.js.map +1 -0
  72. package/dist/nile-icon/icons/svg/calendar-01.esm.js +1 -0
  73. package/dist/nile-icon/icons/svg/download-01.cjs.js +2 -0
  74. package/dist/nile-icon/icons/svg/download-01.cjs.js.map +1 -0
  75. package/dist/nile-icon/icons/svg/download-01.esm.js +1 -0
  76. package/dist/nile-icon/icons/svg/folder-01.cjs.js +2 -0
  77. package/dist/nile-icon/icons/svg/folder-01.cjs.js.map +1 -0
  78. package/dist/nile-icon/icons/svg/folder-01.esm.js +1 -0
  79. package/dist/nile-icon/icons/svg/funnel-02.cjs.js +2 -0
  80. package/dist/nile-icon/icons/svg/funnel-02.cjs.js.map +1 -0
  81. package/dist/nile-icon/icons/svg/funnel-02.esm.js +1 -0
  82. package/dist/nile-icon/icons/svg/gauge.cjs.js +2 -0
  83. package/dist/nile-icon/icons/svg/gauge.cjs.js.map +1 -0
  84. package/dist/nile-icon/icons/svg/gauge.esm.js +1 -0
  85. package/dist/nile-icon/icons/svg/index.cjs.js +1 -1
  86. package/dist/nile-icon/icons/svg/index.esm.js +1 -1
  87. package/dist/nile-icon/icons/svg/key-performance-indicator.cjs.js +2 -0
  88. package/dist/nile-icon/icons/svg/key-performance-indicator.cjs.js.map +1 -0
  89. package/dist/nile-icon/icons/svg/key-performance-indicator.esm.js +1 -0
  90. package/dist/nile-icon/icons/svg/nightingale-chart.cjs.js +2 -0
  91. package/dist/nile-icon/icons/svg/nightingale-chart.cjs.js.map +1 -0
  92. package/dist/nile-icon/icons/svg/nightingale-chart.esm.js +1 -0
  93. package/dist/nile-icon/icons/svg/priority-high.cjs.js +2 -0
  94. package/dist/nile-icon/icons/svg/priority-high.cjs.js.map +1 -0
  95. package/dist/nile-icon/icons/svg/priority-high.esm.js +1 -0
  96. package/dist/nile-icon/icons/svg/priority-highest.cjs.js +2 -0
  97. package/dist/nile-icon/icons/svg/priority-highest.cjs.js.map +1 -0
  98. package/dist/nile-icon/icons/svg/priority-highest.esm.js +1 -0
  99. package/dist/nile-icon/icons/svg/priority-low.cjs.js +2 -0
  100. package/dist/nile-icon/icons/svg/priority-low.cjs.js.map +1 -0
  101. package/dist/nile-icon/icons/svg/priority-low.esm.js +1 -0
  102. package/dist/nile-icon/icons/svg/priority-medium.cjs.js +2 -0
  103. package/dist/nile-icon/icons/svg/priority-medium.cjs.js.map +1 -0
  104. package/dist/nile-icon/icons/svg/priority-medium.esm.js +1 -0
  105. package/dist/nile-icon/icons/svg/radar.cjs.js +2 -0
  106. package/dist/nile-icon/icons/svg/radar.cjs.js.map +1 -0
  107. package/dist/nile-icon/icons/svg/radar.esm.js +1 -0
  108. package/dist/nile-icon/icons/svg/sankey.cjs.js +2 -0
  109. package/dist/nile-icon/icons/svg/sankey.cjs.js.map +1 -0
  110. package/dist/nile-icon/icons/svg/sankey.esm.js +1 -0
  111. package/dist/nile-icon/icons/svg/scatter-plot.cjs.js +2 -0
  112. package/dist/nile-icon/icons/svg/scatter-plot.cjs.js.map +1 -0
  113. package/dist/nile-icon/icons/svg/scatter-plot.esm.js +1 -0
  114. package/dist/nile-icon/icons/svg/semi-circle-donut-chart.cjs.js +2 -0
  115. package/dist/nile-icon/icons/svg/semi-circle-donut-chart.cjs.js.map +1 -0
  116. package/dist/nile-icon/icons/svg/semi-circle-donut-chart.esm.js +1 -0
  117. package/dist/nile-icon/icons/svg/stacked-bar-chart.cjs.js +2 -0
  118. package/dist/nile-icon/icons/svg/stacked-bar-chart.cjs.js.map +1 -0
  119. package/dist/nile-icon/icons/svg/stacked-bar-chart.esm.js +1 -0
  120. package/dist/nile-icon/icons/svg/trash-03.cjs.js +2 -0
  121. package/dist/nile-icon/icons/svg/trash-03.cjs.js.map +1 -0
  122. package/dist/nile-icon/icons/svg/trash-03.esm.js +1 -0
  123. package/dist/nile-icon/icons/svg/workflow-01.cjs.js +2 -0
  124. package/dist/nile-icon/icons/svg/workflow-01.cjs.js.map +1 -0
  125. package/dist/nile-icon/icons/svg/workflow-01.esm.js +1 -0
  126. package/dist/nile-icon/index.cjs.js +1 -1
  127. package/dist/nile-icon/index.cjs.js.map +1 -1
  128. package/dist/nile-icon/index.esm.js +2 -2
  129. package/dist/nile-icon-button/index.cjs.js +1 -1
  130. package/dist/nile-icon-button/index.esm.js +1 -1
  131. package/dist/nile-icon-button/nile-icon-button.cjs.js +1 -1
  132. package/dist/nile-icon-button/nile-icon-button.cjs.js.map +1 -1
  133. package/dist/nile-icon-button/nile-icon-button.esm.js +1 -1
  134. package/dist/nile-input/index.cjs.js +1 -1
  135. package/dist/nile-input/index.esm.js +1 -1
  136. package/dist/nile-input/nile-input.cjs.js +1 -1
  137. package/dist/nile-input/nile-input.cjs.js.map +1 -1
  138. package/dist/nile-input/nile-input.esm.js +2 -2
  139. package/dist/nile-loader/index.cjs.js +1 -1
  140. package/dist/nile-loader/index.esm.js +1 -1
  141. package/dist/nile-loader/nile-loader.cjs.js +1 -1
  142. package/dist/nile-loader/nile-loader.cjs.js.map +1 -1
  143. package/dist/nile-loader/nile-loader.css.cjs.js +1 -1
  144. package/dist/nile-loader/nile-loader.css.cjs.js.map +1 -1
  145. package/dist/nile-loader/nile-loader.css.esm.js +44 -2
  146. package/dist/nile-loader/nile-loader.esm.js +11 -3
  147. package/dist/nile-menu/nile-menu.cjs.js +1 -1
  148. package/dist/nile-menu/nile-menu.cjs.js.map +1 -1
  149. package/dist/nile-menu/nile-menu.css.cjs.js +1 -1
  150. package/dist/nile-menu/nile-menu.css.cjs.js.map +1 -1
  151. package/dist/nile-menu/nile-menu.css.esm.js +2 -1
  152. package/dist/nile-menu/nile-menu.esm.js +4 -4
  153. package/dist/nile-menu-item/index.cjs.js +1 -1
  154. package/dist/nile-menu-item/index.esm.js +1 -1
  155. package/dist/nile-menu-item/nile-menu-item.cjs.js +1 -1
  156. package/dist/nile-menu-item/nile-menu-item.cjs.js.map +1 -1
  157. package/dist/nile-menu-item/nile-menu-item.css.cjs.js +1 -1
  158. package/dist/nile-menu-item/nile-menu-item.css.cjs.js.map +1 -1
  159. package/dist/nile-menu-item/nile-menu-item.css.esm.js +2 -3
  160. package/dist/nile-menu-item/nile-menu-item.esm.js +1 -1
  161. package/dist/nile-option/index.cjs.js +1 -1
  162. package/dist/nile-option/index.esm.js +1 -1
  163. package/dist/nile-option/nile-option.cjs.js +1 -1
  164. package/dist/nile-option/nile-option.cjs.js.map +1 -1
  165. package/dist/nile-option/nile-option.esm.js +1 -1
  166. package/dist/nile-select/index.cjs.js +1 -1
  167. package/dist/nile-select/index.esm.js +1 -1
  168. package/dist/nile-select/nile-select.cjs.js +1 -1
  169. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  170. package/dist/nile-select/nile-select.esm.js +9 -9
  171. package/dist/nile-stepper/index.cjs.js +1 -1
  172. package/dist/nile-stepper/index.esm.js +1 -1
  173. package/dist/nile-stepper/nile-stepper.cjs.js +1 -1
  174. package/dist/nile-stepper/nile-stepper.cjs.js.map +1 -1
  175. package/dist/nile-stepper/nile-stepper.css.cjs.js +1 -1
  176. package/dist/nile-stepper/nile-stepper.css.cjs.js.map +1 -1
  177. package/dist/nile-stepper/nile-stepper.css.esm.js +11 -3
  178. package/dist/nile-stepper/nile-stepper.esm.js +7 -5
  179. package/dist/nile-stepper-item/nile-stepper-item.cjs.js +2 -2
  180. package/dist/nile-stepper-item/nile-stepper-item.cjs.js.map +1 -1
  181. package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js +1 -1
  182. package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js.map +1 -1
  183. package/dist/nile-stepper-item/nile-stepper-item.css.esm.js +42 -21
  184. package/dist/nile-stepper-item/nile-stepper-item.esm.js +18 -10
  185. package/dist/nile-tab/index.cjs.js +1 -1
  186. package/dist/nile-tab/index.esm.js +1 -1
  187. package/dist/nile-tab/nile-tab.cjs.js +1 -1
  188. package/dist/nile-tab/nile-tab.cjs.js.map +1 -1
  189. package/dist/nile-tab/nile-tab.esm.js +1 -1
  190. package/dist/nile-tab-group/index.cjs.js +1 -1
  191. package/dist/nile-tab-group/index.esm.js +1 -1
  192. package/dist/nile-tab-group/nile-tab-group.cjs.js +1 -1
  193. package/dist/nile-tab-group/nile-tab-group.cjs.js.map +1 -1
  194. package/dist/nile-tab-group/nile-tab-group.esm.js +1 -1
  195. package/dist/nile-tag/index.cjs.js +1 -1
  196. package/dist/nile-tag/index.esm.js +1 -1
  197. package/dist/nile-tag/nile-tag.cjs.js +1 -1
  198. package/dist/nile-tag/nile-tag.cjs.js.map +1 -1
  199. package/dist/nile-tag/nile-tag.css.cjs.js +1 -1
  200. package/dist/nile-tag/nile-tag.css.cjs.js.map +1 -1
  201. package/dist/nile-tag/nile-tag.css.esm.js +91 -42
  202. package/dist/nile-tag/nile-tag.esm.js +14 -13
  203. package/dist/nile-toast/index.cjs.js +1 -1
  204. package/dist/nile-toast/index.esm.js +1 -1
  205. package/dist/nile-toast/nile-toast.cjs.js +1 -1
  206. package/dist/nile-toast/nile-toast.cjs.js.map +1 -1
  207. package/dist/nile-toast/nile-toast.css.cjs.js +1 -1
  208. package/dist/nile-toast/nile-toast.css.cjs.js.map +1 -1
  209. package/dist/nile-toast/nile-toast.css.esm.js +4 -0
  210. package/dist/nile-toast/nile-toast.esm.js +11 -12
  211. package/dist/nile-vertical-stepper-item/index.cjs.js +2 -0
  212. package/dist/nile-vertical-stepper-item/index.cjs.js.map +1 -0
  213. package/dist/nile-vertical-stepper-item/index.esm.js +1 -0
  214. package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js +2 -0
  215. package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js.map +1 -0
  216. package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js +2 -0
  217. package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js.map +1 -0
  218. package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.esm.js +116 -0
  219. package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.esm.js +22 -0
  220. package/dist/src/index.d.ts +1 -0
  221. package/dist/src/index.js +1 -0
  222. package/dist/src/index.js.map +1 -1
  223. package/dist/src/nile-avatar/nile-avatar.css.js +2 -3
  224. package/dist/src/nile-avatar/nile-avatar.css.js.map +1 -1
  225. package/dist/src/nile-avatar/nile-avatar.d.ts +1 -0
  226. package/dist/src/nile-avatar/nile-avatar.js +25 -2
  227. package/dist/src/nile-avatar/nile-avatar.js.map +1 -1
  228. package/dist/src/nile-badge/nile-badge.css.js +21 -21
  229. package/dist/src/nile-badge/nile-badge.css.js.map +1 -1
  230. package/dist/src/nile-card/nile-card.css.js +9 -0
  231. package/dist/src/nile-card/nile-card.css.js.map +1 -1
  232. package/dist/src/nile-card/nile-card.js +6 -1
  233. package/dist/src/nile-card/nile-card.js.map +1 -1
  234. package/dist/src/nile-checkbox/nile-checkbox.css.js +2 -4
  235. package/dist/src/nile-checkbox/nile-checkbox.css.js.map +1 -1
  236. package/dist/src/nile-checkbox/nile-checkbox.js +24 -30
  237. package/dist/src/nile-checkbox/nile-checkbox.js.map +1 -1
  238. package/dist/src/nile-empty-state/nile-empty-state.js +1 -1
  239. package/dist/src/nile-empty-state/nile-empty-state.js.map +1 -1
  240. package/dist/src/nile-hero/nile-hero.css.js +35 -8
  241. package/dist/src/nile-hero/nile-hero.css.js.map +1 -1
  242. package/dist/src/nile-hero/nile-hero.js +10 -11
  243. package/dist/src/nile-hero/nile-hero.js.map +1 -1
  244. package/dist/src/nile-hero-header/nile-hero-header.css.js +1 -0
  245. package/dist/src/nile-hero-header/nile-hero-header.css.js.map +1 -1
  246. package/dist/src/nile-hero-header/nile-hero-header.js +1 -1
  247. package/dist/src/nile-hero-header/nile-hero-header.js.map +1 -1
  248. package/dist/src/nile-icon/icons/svg/bar-and-line-chart.d.ts +5 -0
  249. package/dist/src/nile-icon/icons/svg/bar-and-line-chart.js +5 -0
  250. package/dist/src/nile-icon/icons/svg/bar-and-line-chart.js.map +1 -0
  251. package/dist/src/nile-icon/icons/svg/bubble-chart.d.ts +5 -0
  252. package/dist/src/nile-icon/icons/svg/bubble-chart.js +5 -0
  253. package/dist/src/nile-icon/icons/svg/bubble-chart.js.map +1 -0
  254. package/dist/src/nile-icon/icons/svg/calendar-01.d.ts +5 -0
  255. package/dist/src/nile-icon/icons/svg/calendar-01.js +5 -0
  256. package/dist/src/nile-icon/icons/svg/calendar-01.js.map +1 -0
  257. package/dist/src/nile-icon/icons/svg/download-01.d.ts +5 -0
  258. package/dist/src/nile-icon/icons/svg/download-01.js +5 -0
  259. package/dist/src/nile-icon/icons/svg/download-01.js.map +1 -0
  260. package/dist/src/nile-icon/icons/svg/folder-01.d.ts +5 -0
  261. package/dist/src/nile-icon/icons/svg/folder-01.js +5 -0
  262. package/dist/src/nile-icon/icons/svg/folder-01.js.map +1 -0
  263. package/dist/src/nile-icon/icons/svg/funnel-02.d.ts +5 -0
  264. package/dist/src/nile-icon/icons/svg/funnel-02.js +5 -0
  265. package/dist/src/nile-icon/icons/svg/funnel-02.js.map +1 -0
  266. package/dist/src/nile-icon/icons/svg/gauge.d.ts +5 -0
  267. package/dist/src/nile-icon/icons/svg/gauge.js +5 -0
  268. package/dist/src/nile-icon/icons/svg/gauge.js.map +1 -0
  269. package/dist/src/nile-icon/icons/svg/index.d.ts +20 -0
  270. package/dist/src/nile-icon/icons/svg/index.js +20 -0
  271. package/dist/src/nile-icon/icons/svg/index.js.map +1 -1
  272. package/dist/src/nile-icon/icons/svg/key-performance-indicator.d.ts +5 -0
  273. package/dist/src/nile-icon/icons/svg/key-performance-indicator.js +5 -0
  274. package/dist/src/nile-icon/icons/svg/key-performance-indicator.js.map +1 -0
  275. package/dist/src/nile-icon/icons/svg/nightingale-chart.d.ts +5 -0
  276. package/dist/src/nile-icon/icons/svg/nightingale-chart.js +5 -0
  277. package/dist/src/nile-icon/icons/svg/nightingale-chart.js.map +1 -0
  278. package/dist/src/nile-icon/icons/svg/priority-high.d.ts +5 -0
  279. package/dist/src/nile-icon/icons/svg/priority-high.js +5 -0
  280. package/dist/src/nile-icon/icons/svg/priority-high.js.map +1 -0
  281. package/dist/src/nile-icon/icons/svg/priority-highest.d.ts +5 -0
  282. package/dist/src/nile-icon/icons/svg/priority-highest.js +5 -0
  283. package/dist/src/nile-icon/icons/svg/priority-highest.js.map +1 -0
  284. package/dist/src/nile-icon/icons/svg/priority-low.d.ts +5 -0
  285. package/dist/src/nile-icon/icons/svg/priority-low.js +5 -0
  286. package/dist/src/nile-icon/icons/svg/priority-low.js.map +1 -0
  287. package/dist/src/nile-icon/icons/svg/priority-medium.d.ts +5 -0
  288. package/dist/src/nile-icon/icons/svg/priority-medium.js +5 -0
  289. package/dist/src/nile-icon/icons/svg/priority-medium.js.map +1 -0
  290. package/dist/src/nile-icon/icons/svg/radar.d.ts +5 -0
  291. package/dist/src/nile-icon/icons/svg/radar.js +5 -0
  292. package/dist/src/nile-icon/icons/svg/radar.js.map +1 -0
  293. package/dist/src/nile-icon/icons/svg/sankey.d.ts +5 -0
  294. package/dist/src/nile-icon/icons/svg/sankey.js +5 -0
  295. package/dist/src/nile-icon/icons/svg/sankey.js.map +1 -0
  296. package/dist/src/nile-icon/icons/svg/scatter-plot.d.ts +5 -0
  297. package/dist/src/nile-icon/icons/svg/scatter-plot.js +5 -0
  298. package/dist/src/nile-icon/icons/svg/scatter-plot.js.map +1 -0
  299. package/dist/src/nile-icon/icons/svg/semi-circle-donut-chart.d.ts +5 -0
  300. package/dist/src/nile-icon/icons/svg/semi-circle-donut-chart.js +5 -0
  301. package/dist/src/nile-icon/icons/svg/semi-circle-donut-chart.js.map +1 -0
  302. package/dist/src/nile-icon/icons/svg/stacked-bar-chart.d.ts +5 -0
  303. package/dist/src/nile-icon/icons/svg/stacked-bar-chart.js +5 -0
  304. package/dist/src/nile-icon/icons/svg/stacked-bar-chart.js.map +1 -0
  305. package/dist/src/nile-icon/icons/svg/trash-03.d.ts +5 -0
  306. package/dist/src/nile-icon/icons/svg/trash-03.js +5 -0
  307. package/dist/src/nile-icon/icons/svg/trash-03.js.map +1 -0
  308. package/dist/src/nile-icon/icons/svg/workflow-01.d.ts +5 -0
  309. package/dist/src/nile-icon/icons/svg/workflow-01.js +5 -0
  310. package/dist/src/nile-icon/icons/svg/workflow-01.js.map +1 -0
  311. package/dist/src/nile-loader/nile-loader.css.js +42 -0
  312. package/dist/src/nile-loader/nile-loader.css.js.map +1 -1
  313. package/dist/src/nile-loader/nile-loader.d.ts +14 -4
  314. package/dist/src/nile-loader/nile-loader.js +66 -10
  315. package/dist/src/nile-loader/nile-loader.js.map +1 -1
  316. package/dist/src/nile-menu/nile-menu.css.js +2 -1
  317. package/dist/src/nile-menu/nile-menu.css.js.map +1 -1
  318. package/dist/src/nile-menu/nile-menu.js +2 -2
  319. package/dist/src/nile-menu/nile-menu.js.map +1 -1
  320. package/dist/src/nile-menu-item/nile-menu-item.css.js +2 -3
  321. package/dist/src/nile-menu-item/nile-menu-item.css.js.map +1 -1
  322. package/dist/src/nile-stepper/nile-stepper.css.js +9 -1
  323. package/dist/src/nile-stepper/nile-stepper.css.js.map +1 -1
  324. package/dist/src/nile-stepper/nile-stepper.d.ts +1 -0
  325. package/dist/src/nile-stepper/nile-stepper.js +16 -4
  326. package/dist/src/nile-stepper/nile-stepper.js.map +1 -1
  327. package/dist/src/nile-stepper-item/nile-stepper-item.css.js +42 -21
  328. package/dist/src/nile-stepper-item/nile-stepper-item.css.js.map +1 -1
  329. package/dist/src/nile-stepper-item/nile-stepper-item.js +17 -8
  330. package/dist/src/nile-stepper-item/nile-stepper-item.js.map +1 -1
  331. package/dist/src/nile-tab-group/nile-tab-group.js +4 -4
  332. package/dist/src/nile-tab-group/nile-tab-group.js.map +1 -1
  333. package/dist/src/nile-tag/nile-tag.css.js +89 -40
  334. package/dist/src/nile-tag/nile-tag.css.js.map +1 -1
  335. package/dist/src/nile-tag/nile-tag.d.ts +1 -2
  336. package/dist/src/nile-tag/nile-tag.js +13 -30
  337. package/dist/src/nile-tag/nile-tag.js.map +1 -1
  338. package/dist/src/nile-toast/nile-toast.css.js +4 -0
  339. package/dist/src/nile-toast/nile-toast.css.js.map +1 -1
  340. package/dist/src/nile-toast/nile-toast.js +15 -12
  341. package/dist/src/nile-toast/nile-toast.js.map +1 -1
  342. package/dist/src/nile-vertical-stepper-item/index.d.ts +1 -0
  343. package/dist/src/nile-vertical-stepper-item/index.js +2 -0
  344. package/dist/src/nile-vertical-stepper-item/index.js.map +1 -0
  345. package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.d.ts +12 -0
  346. package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.js +128 -0
  347. package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.js.map +1 -0
  348. package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.d.ts +46 -0
  349. package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.js +145 -0
  350. package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.js.map +1 -0
  351. package/dist/tsconfig.tsbuildinfo +1 -1
  352. package/package.json +6 -3
  353. package/postinstall.js +40 -0
  354. package/src/index.ts +1 -0
  355. package/src/nile-avatar/nile-avatar.css.ts +2 -3
  356. package/src/nile-avatar/nile-avatar.ts +30 -4
  357. package/src/nile-badge/nile-badge.css.ts +21 -21
  358. package/src/nile-card/nile-card.css.ts +9 -0
  359. package/src/nile-card/nile-card.ts +6 -1
  360. package/src/nile-checkbox/nile-checkbox.css.ts +2 -4
  361. package/src/nile-checkbox/nile-checkbox.ts +25 -33
  362. package/src/nile-empty-state/nile-empty-state.ts +1 -1
  363. package/src/nile-hero/nile-hero.css.ts +35 -8
  364. package/src/nile-hero/nile-hero.ts +23 -24
  365. package/src/nile-hero-header/nile-hero-header.css.ts +1 -0
  366. package/src/nile-hero-header/nile-hero-header.ts +1 -1
  367. package/src/nile-icon/icons/svg/bar-and-line-chart.ts +5 -0
  368. package/src/nile-icon/icons/svg/bubble-chart.ts +5 -0
  369. package/src/nile-icon/icons/svg/calendar-01.ts +5 -0
  370. package/src/nile-icon/icons/svg/download-01.ts +5 -0
  371. package/src/nile-icon/icons/svg/folder-01.ts +5 -0
  372. package/src/nile-icon/icons/svg/funnel-02.ts +5 -0
  373. package/src/nile-icon/icons/svg/gauge.ts +5 -0
  374. package/src/nile-icon/icons/svg/index.ts +20 -0
  375. package/src/nile-icon/icons/svg/key-performance-indicator.ts +5 -0
  376. package/src/nile-icon/icons/svg/nightingale-chart.ts +5 -0
  377. package/src/nile-icon/icons/svg/priority-high.ts +5 -0
  378. package/src/nile-icon/icons/svg/priority-highest.ts +5 -0
  379. package/src/nile-icon/icons/svg/priority-low.ts +5 -0
  380. package/src/nile-icon/icons/svg/priority-medium.ts +5 -0
  381. package/src/nile-icon/icons/svg/radar.ts +5 -0
  382. package/src/nile-icon/icons/svg/sankey.ts +5 -0
  383. package/src/nile-icon/icons/svg/scatter-plot.ts +5 -0
  384. package/src/nile-icon/icons/svg/semi-circle-donut-chart.ts +5 -0
  385. package/src/nile-icon/icons/svg/stacked-bar-chart.ts +5 -0
  386. package/src/nile-icon/icons/svg/trash-03.ts +5 -0
  387. package/src/nile-icon/icons/svg/workflow-01.ts +5 -0
  388. package/src/nile-loader/nile-loader.css.ts +42 -0
  389. package/src/nile-loader/nile-loader.ts +71 -10
  390. package/src/nile-menu/nile-menu.css.ts +2 -1
  391. package/src/nile-menu/nile-menu.ts +2 -2
  392. package/src/nile-menu-item/nile-menu-item.css.ts +2 -3
  393. package/src/nile-stepper/nile-stepper.css.ts +9 -1
  394. package/src/nile-stepper/nile-stepper.ts +13 -5
  395. package/src/nile-stepper-item/nile-stepper-item.css.ts +42 -21
  396. package/src/nile-stepper-item/nile-stepper-item.ts +22 -13
  397. package/src/nile-tab-group/nile-tab-group.ts +4 -4
  398. package/src/nile-tag/nile-tag.css.ts +89 -40
  399. package/src/nile-tag/nile-tag.ts +15 -34
  400. package/src/nile-toast/nile-toast.css.ts +4 -0
  401. package/src/nile-toast/nile-toast.ts +15 -12
  402. package/src/nile-vertical-stepper-item/index.ts +1 -0
  403. package/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts +130 -0
  404. package/src/nile-vertical-stepper-item/nile-vertical-stepper-item.ts +121 -0
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4wNTE5OCAzLjkwNjAyQzExIDMuOTA2MDIgMTIuNzA2MSA1Ljc4NDAyIDEyLjcwNjEgNy43ODQwMkw5LjA5OTk4IDguMTA2MDJMOS4wNTE5OCAzLjkwNjAyWk05LjA5OTk4IDEzQzExLjEgMTMgMTMuNiAxMS4yMzQxIDEzLjYgOC40MDAwNkw5LjEgOC43NzE2MUw5LjA5OTk4IDEzWk04LjQ5MTk4IDE0VjkuMTU2MDJMNS4wODk5OCAxMi41NzJDNi4wNDE5OCAxMy40NCA3LjIzMTk4IDEzLjkzIDguNDkxOTggMTRaTTIuNzkzOTggOC42NjYwMkMyLjg2Mzk4IDEwLjA2NiAzLjQwOTk4IDExLjQyNCA0LjM2MTk4IDEyLjQ4OEw4LjE0MTk4IDguNjY2MDJIMi43OTM5OFpNMy45OTc5OCAzLjkyMDAyQzIuOTQ3OTggNS4wODIwMiAyLjM0NTk4IDYuNzA2MDIgMi4yODk5OCA4LjEwNjAySDguMTU1OThMMy45OTc5OCAzLjkyMDAyWk04LjQ5MTk4IDEuNDAwMDJDNi45NTE5OCAxLjQ3MDAyIDUuNDMyIDIuMTI4MDIgNC4yIDMuMjc2MDJMOC40OTE5OCA3Ljc4NDAyVjEuNDAwMDJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgMTJMMTIgNkw0IDEyTTIwIDE4TDEyIDEyTDQgMTgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgMTRMMTIgOEw0IDE0IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCA4TDEyIDE0TDIwIDgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgMTQuNUg0TTIwIDkuNUg0IiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4wMDExMSAxM0M2LjE3MTIxIDEzIDUuMzkxMTYgMTIuODQyNSA0LjY2MDk1IDEyLjUyNzZDMy45MzA3NCAxMi4yMTI2IDMuMjk1NTggMTEuNzg1MiAyLjc1NTQ3IDExLjI0NTNDMi4yMTUzNyAxMC43MDU0IDEuNzg3NzQgMTAuMDcwNSAxLjQ3MjU4IDkuMzQwNjNDMS4xNTc1MyA4LjYxMDc0IDEgNy44MzA4OSAxIDcuMDAxMTFDMSA2LjE3MTIxIDEuMTU3NDcgNS4zOTExNiAxLjQ3MjQyIDQuNjYwOTVDMS43ODczNyAzLjkzMDc0IDIuMjE0NzkgMy4yOTU1OCAyLjc1NDY4IDIuNzU1NDdDMy4yOTQ1OCAyLjIxNTM3IDMuOTI5NDcgMS43ODc3NCA0LjY1OTM3IDEuNDcyNThDNS4zODkyNiAxLjE1NzUzIDYuMTY5MTEgMSA2Ljk5ODg5IDFDNy44Mjg3OSAxIDguNjA4ODQgMS4xNTc0NyA5LjMzOTA1IDEuNDcyNDJDMTAuMDY5MyAxLjc4NzM3IDEwLjcwNDQgMi4yMTQ3OSAxMS4yNDQ1IDIuNzU0NjhDMTEuNzg0NiAzLjI5NDU4IDEyLjIxMjMgMy45Mjk0NyAxMi41Mjc0IDQuNjU5MzdDMTIuODQyNSA1LjM4OTI2IDEzIDYuMTY5MTEgMTMgNi45OTg4OUMxMyA3LjgyODc5IDEyLjg0MjUgOC42MDg4NCAxMi41Mjc2IDkuMzM5MDVDMTIuMjEyNiAxMC4wNjkzIDExLjc4NTIgMTAuNzA0NCAxMS4yNDUzIDExLjI0NDVDMTAuNzA1NCAxMS43ODQ2IDEwLjA3MDUgMTIuMjEyMyA5LjM0MDYzIDEyLjUyNzRDOC42MTA3NCAxMi44NDI1IDcuODMwODkgMTMgNy4wMDExMSAxM1pNNyAxMi4wNTI2QzcuNjE1NzkgMTIuMDUyNiA4LjE5NTg0IDExLjk1MDQgOC43NDAxNiAxMS43NDZDOS4yODQ0NyAxMS41NDE1IDkuNzc2NDcgMTEuMjU2NiAxMC4yMTYyIDEwLjg5MTVMOS4wOTc2MyA5Ljc3Mjc5QzguODA4NDcgOS45OTM4NCA4LjQ4NDg5IDEwLjE2NTkgOC4xMjY4OSAxMC4yODkxQzcuNzY4ODkgMTAuNDEyMiA3LjM5MzI2IDEwLjQ3MzcgNyAxMC40NzM3QzYuMDM1MDUgMTAuNDczNyA1LjIxNDg5IDEwLjEzNjEgNC41Mzk1MyA5LjQ2MDk1QzMuODY0MDUgOC43ODU3OSAzLjUyNjMyIDcuOTY1OTUgMy41MjYzMiA3LjAwMTQyQzMuNTI2MzIgNi4wMzY4OSAzLjg2Mzg5IDUuMjE2NTggNC41MzkwNSA0LjU0MDQ3QzUuMjE0MjEgMy44NjQzNyA2LjAzNDA1IDMuNTI2MzIgNi45OTg1OCAzLjUyNjMyQzcuOTYzMTEgMy41MjYzMiA4Ljc4MzQyIDMuODY0MDUgOS40NTk1MyA0LjUzOTUzQzEwLjEzNTYgNS4yMTQ4OSAxMC40NzM3IDYuMDM1MDUgMTAuNDczNyA3QzEwLjQ3MzcgNy4zOTQzMiAxMC40MTA1IDcuNzcxNTggMTAuMjg0MiA4LjEzMTc5QzEwLjE1NzkgOC40OTIgOS45ODQyMSA4LjgxNzE2IDkuNzYzMTYgOS4xMDcyNkwxMC44ODE4IDEwLjIyNTlDMTEuMjQ3IDkuNzg2MjYgMTEuNTMzNCA5LjI5MzE2IDExLjc0MTEgOC43NDY2M0MxMS45NDg4IDguMiAxMi4wNTI2IDcuNjE3NzkgMTIuMDUyNiA3QzEyLjA1MjYgNS41ODk0NyAxMS41NjMyIDQuMzk0NzQgMTAuNTg0MiAzLjQxNTc5QzkuNjA1MjYgMi40MzY4NCA4LjQxMDUzIDEuOTQ3MzcgNyAxLjk0NzM3QzUuNTg5NDcgMS45NDczNyA0LjM5NDc0IDIuNDM2ODQgMy40MTU3OSAzLjQxNTc5QzIuNDM2ODQgNC4zOTQ3NCAxLjk0NzM3IDUuNTg5NDcgMS45NDczNyA3QzEuOTQ3MzcgOC40MTA1MyAyLjQzNjg0IDkuNjA1MjYgMy40MTU3OSAxMC41ODQyQzQuMzk0NzQgMTEuNTYzMiA1LjU4OTQ3IDEyLjA1MjYgNyAxMi4wNTI2Wk03IDkuNTI2MzJDNy4yNTk4OSA5LjUyNjMyIDcuNTA5ODkgOS40ODgyNiA3Ljc1IDkuNDEyMTZDNy45OTAxMSA5LjMzNjA1IDguMjEwOTUgOS4yMjc5NSA4LjQxMjUzIDkuMDg3ODRMNy4yMzY4NCA3LjkxMjE2QzcuMTk3NTggNy45Mjc3NCA3LjE1ODMyIDcuOTM3NTMgNy4xMTkwNSA3Ljk0MTUzQzcuMDc5NzkgNy45NDU0MiA3LjA0MDUzIDcuOTQ3MzcgNy4wMDEyNiA3Ljk0NzM3QzYuNzQyMTEgNy45NDczNyA2LjUxOTIxIDcuODU0MDUgNi4zMzI1OCA3LjY2NzQyQzYuMTQ1OTUgNy40ODA3OSA2LjA1MjYzIDcuMjU4MzIgNi4wNTI2MyA3QzYuMDUyNjMgNi43NDE2OCA2LjE0NTk1IDYuNTE5MjEgNi4zMzI1OCA2LjMzMjU4QzYuNTE5MjEgNi4xNDU5NSA2Ljc0MTY4IDYuMDUyNjMgNyA2LjA1MjYzQzcuMjU4MzIgNi4wNTI2MyA3LjQ4MDc5IDYuMTQ1OTUgNy42Njc0MiA2LjMzMjU4QzcuODU0MDUgNi41MTkyMSA3Ljk0NzM3IDYuNzQxMjYgNy45NDczNyA2Ljk5ODc0QzcuOTQ3MzcgNy4wNDU1OCA3Ljk0NTQyIDcuMDkwNDcgNy45NDE1MyA3LjEzMzQyQzcuOTM3NTMgNy4xNzYyNiA3LjkyNzc0IDcuMjE3MjEgNy45MTIxNiA3LjI1NjI2TDkuMDc4MDUgOC40MjIzMkM5LjIxODE2IDguMjIwNjMgOS4zMjc5IDguMDAwMjYgOS40MDcyNiA3Ljc2MTIxQzkuNDg2NjMgNy41MjIwNSA5LjUyNjMyIDcuMjY4MzIgOS41MjYzMiA3QzkuNTI2MzIgNi4zMDUyNiA5LjI3ODk1IDUuNzEwNTMgOC43ODQyMSA1LjIxNTc5QzguMjg5NDcgNC43MjEwNSA3LjY5NDc0IDQuNDczNjggNyA0LjQ3MzY4QzYuMzA1MjYgNC40NzM2OCA1LjcxMDUzIDQuNzIxMDUgNS4yMTU3OSA1LjIxNTc5QzQuNzIxMDUgNS43MTA1MyA0LjQ3MzY4IDYuMzA1MjYgNC40NzM2OCA3QzQuNDczNjggNy42OTQ3NCA0LjcyMTA1IDguMjg5NDcgNS4yMTU3OSA4Ljc4NDIxQzUuNzEwNTMgOS4yNzg5NSA2LjMwNTI2IDkuNTI2MzIgNyA5LjUyNjMyWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMTEwMSA2LjM2MzY0SDFWNS4yNzI3M0g0LjUyNjI3TDYuNzA4MDcgMkgxM1YzLjA5MDkxSDcuMjkxOTNMNS4xMTAxIDYuMzYzNjRaTTEzIDExLjgxODJINi43MDgwN0w0LjUyNjI3IDguNTQ1NDVIMVY3LjQ1NDU1SDEzVjguNTQ1NDVINS44MzczN0w3LjI5MTkzIDEwLjcyNzNIMTNWMTEuODE4MloiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMC45MDMyMjYgMTMuMDk2OFY4LjMxNDE5VjcuMDQwNjVWMEgwVjEzLjU0ODRDMCAxMy42NjgyIDAuMDQ3NTgwNSAxMy43ODMgMC4xMzIyNzQgMTMuODY3N0MwLjIxNjk2OCAxMy45NTI0IDAuMzMxODM4IDE0IDAuNDUxNjEzIDE0SDE0VjEzLjA5NjhIMC45MDMyMjZaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik05Ljc4MjA4IDExLjUzMkM5LjMwMDgzIDExLjUzMiA4Ljg4ODg1IDExLjM2MDcgOC41NDYxNSAxMS4wMThDOC4yMDM0NCAxMC42NzUyIDguMDMyMDggMTAuMjYzMyA4LjAzMjA4IDkuNzgyMDFDOC4wMzIwOCA5LjMwMDc2IDguMjAzNDQgOC44ODg3OCA4LjU0NjE1IDguNTQ2MDhDOC44ODg4NSA4LjIwMzM3IDkuMzAwODMgOC4wMzIwMSA5Ljc4MjA4IDguMDMyMDFDMTAuMjYzMyA4LjAzMjAxIDEwLjY3NTMgOC4yMDMzNyAxMS4wMTggOC41NDYwOEMxMS4zNjA3IDguODg4NzggMTEuNTMyMSA5LjMwMDc2IDExLjUzMjEgOS43ODIwMUMxMS41MzIxIDEwLjI2MzMgMTEuMzYwNyAxMC42NzUyIDExLjAxOCAxMS4wMThDMTAuNjc1MyAxMS4zNjA3IDEwLjI2MzMgMTEuNTMyIDkuNzgyMDggMTEuNTMyWk00LjIxNzk2IDkuNzgyMDFDMy43MzY3MSA5Ljc4MjAxIDMuMzI0NzMgOS42MTA2NiAyLjk4MjAyIDkuMjY3OTVDMi42MzkzMSA4LjkyNTI0IDIuNDY3OTYgOC41MTMyNiAyLjQ2Nzk2IDguMDMyMDFDMi40Njc5NiA3LjU1MDc2IDIuNjM5MzEgNy4xMzg3OCAyLjk4MjAyIDYuNzk2MDhDMy4zMjQ3MyA2LjQ1MzM3IDMuNzM2NzEgNi4yODIwMSA0LjIxNzk2IDYuMjgyMDFDNC42OTkyMSA2LjI4MjAxIDUuMTExMTkgNi40NTMzNyA1LjQ1Mzg5IDYuNzk2MDhDNS43OTY2IDcuMTM4NzggNS45Njc5NiA3LjU1MDc2IDUuOTY3OTYgOC4wMzIwMUM1Ljk2Nzk2IDguNTEzMjYgNS43OTY2IDguOTI1MjQgNS40NTM4OSA5LjI2Nzk1QzUuMTExMTkgOS42MTA2NiA0LjY5OTIxIDkuNzgyMDEgNC4yMTc5NiA5Ljc4MjAxWk02LjQxNjY5IDUuNDc0MjRDNS45MzU0NCA1LjQ3NDI0IDUuNTIzNDYgNS4zMDI4OSA1LjE4MDc1IDQuOTYwMThDNC44MzgwNCA0LjYxNzQ3IDQuNjY2NjkgNC4yMDU0OSA0LjY2NjY5IDMuNzI0MjRDNC42NjY2OSAzLjI0Mjk5IDQuODM4MDQgMi44MzEwMSA1LjE4MDc1IDIuNDg4MzFDNS41MjM0NiAyLjE0NTYgNS45MzU0NCAxLjk3NDI0IDYuNDE2NjkgMS45NzQyNEM2Ljg5Nzk0IDEuOTc0MjQgNy4zMDk5MiAyLjE0NTYgNy42NTI2MiAyLjQ4ODMxQzcuOTk1MzMgMi44MzEwMSA4LjE2NjY5IDMuMjQyOTkgOC4xNjY2OSAzLjcyNDI0QzguMTY2NjkgNC4yMDU0OSA3Ljk5NTMzIDQuNjE3NDcgNy42NTI2MiA0Ljk2MDE4QzcuMzA5OTIgNS4zMDI4OSA2Ljg5Nzk0IDUuNDc0MjQgNi40MTY2OSA1LjQ3NDI0WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy42MTczMiA4LjY1NDM1QzQuMDkxNjYgNy40NjgxNyA1LjIxOSA2LjU5MjkzIDYuNDUyMSA2LjQxNjM1VjMuODg3N0M0LjEyMjkgNC4wODAxOCAxLjk4ODY2IDUuNzAyMzQgMS4xOTA5OCA3LjkxODgxTDMuNjE3MzIgOC42NTQzNVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTcuMjczOTMgMy44NzVWNi4zOTc2MkM3Ljk1ODk5IDYuNDUyMzIgOC40ODA4NyA2LjY2MDAzIDguOTY2OTggNi45ODI2MkwxMC41ODAzIDUuMDUxMTdDOS42NDc5MyA0LjM2NjY0IDguNTA3MDMgMy45MzkzIDcuMjczOTMgMy44NzVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMS4yNDAyIDUuNTc1MzJMOS42MTQ5MyA3LjUwNTk0QzEwLjIzMTYgOC4xNTQxNSAxMC42MTA5IDkuMDMwNDggMTAuNjEwOSA5Ljk5NjA3SDEzLjEyNTNDMTMuMTI1MyA4LjI1ODIgMTIuNDAxMyA2LjY5MDYyIDExLjI0MDIgNS41NzUzMloiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTMuMzg5NDQgOS45OTUxMkMzLjM4OTQ0IDkuOTk1MTIgMy40MDQyNCA5LjYxOTYxIDMuNDMyMzMgOS40Mzc5NUwxLjAxMzI1IDguNjk5OTVDMC45MjMzNjUgOS4xMTc1NSAwLjg3NSA5LjU1MDUxIDAuODc1IDkuOTk0OTlDMC44NzUgOS45OTQ5OSAyLjUgOS45OTUxMiAzLjM4OTQ0IDkuOTk1MTJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40IDguMkgyVjEzSDQuNFY4LjJaTTQuNCA0LjJIMlY2LjY2NjY3SDQuNFY0LjJaTTguNiAxMS42NjY3SDYuMlYxM0g4LjZWMTEuNjY2N1pNNi4yIDEwLjEzMzNIOC42VjJINi4yVjEwLjEzMzNaTTEwLjUzMzMgMTAuMzMzM1YxM0gxMi44VjEwLjMzMzNIMTAuNTMzM1pNMTAuNTMzMyA2LjJWOC44SDEyLjhWNi4ySDEwLjUzMzNaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSAzSDE1TTMgNkgyMU0xOSA2TDE4LjI5ODcgMTYuNTE5M0MxOC4xOTM1IDE4LjA5NzUgMTguMTQwOSAxOC44ODY3IDE3LjggMTkuNDg1QzE3LjQ5OTkgMjAuMDExOCAxNy4wNDcyIDIwLjQzNTMgMTYuNTAxNyAyMC42OTk3QzE1Ljg4MiAyMSAxNS4wOTExIDIxIDEzLjUwOTMgMjFIMTAuNDkwN0M4LjkwODkxIDIxIDguMTE4MDMgMjEgNy40OTgzNCAyMC42OTk3QzYuOTUyNzYgMjAuNDM1MyA2LjUwMDA5IDIwLjAxMTggNi4xOTk5OCAxOS40ODVDNS44NTkxMSAxOC44ODY3IDUuODA2NSAxOC4wOTc1IDUuNzAxMjkgMTYuNTE5M0w1IDZNMTAgMTAuNVYxNS41TTE0IDEwLjVWMTUuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+";
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+
5
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNiAxNS41VjE0QzYgMTIuODk1NCA2Ljg5NTQzIDEyIDggMTJIMTJNMTIgMTJWNy41TTEyIDEySDE2QzE3LjEwNDYgMTIgMTggMTIuODk1NCAxOCAxNFYxNS41TTcuNSA4SDE2LjVDMTcuODgwNyA4IDE5IDYuODgwNzEgMTkgNS41VjQuNUMxOSAzLjExOTI5IDE3Ljg4MDcgMiAxNi41IDJINy41QzYuMTE5MjkgMiA1IDMuMTE5MjkgNSA0LjVWNS41QzUgNi44ODA3MSA2LjExOTI5IDggNy41IDhaTTQuNSAyMkg3LjVDOC44ODA3MSAyMiAxMCAyMC44ODA3IDEwIDE5LjVWMTcuNUMxMCAxNi4xMTkzIDguODgwNzEgMTUgNy41IDE1SDQuNUMzLjExOTI5IDE1IDIgMTYuMTE5MyAyIDE3LjVWMTkuNUMyIDIwLjg4MDcgMy4xMTkyOSAyMiA0LjUgMjJaTTE2LjUgMjJIMTkuNUMyMC44ODA3IDIyIDIyIDIwLjg4MDcgMjIgMTkuNVYxNy41QzIyIDE2LjExOTMgMjAuODgwNyAxNSAxOS41IDE1SDE2LjVDMTUuMTE5MyAxNSAxNCAxNi4xMTkzIDE0IDE3LjVWMTkuNUMxNCAyMC44ODA3IDE1LjExOTMgMjIgMTYuNSAyMloiIHN0cm9rZT0iYmxhY2siLz48L3N2Zz4=";
@@ -1,6 +1,48 @@
1
1
  import { css } from 'lit';
2
2
 
3
3
  export default css`
4
+ :host {
5
+ --loader-spacing: var(--nile-spacing-spacing-lg);
6
+ --loader-label-font-size: 14px;
7
+ --loader-label-line-height: 20px;
8
+ }
9
+
10
+ .loader__container {
11
+ display: inline-flex;
12
+ flex-direction: column;
13
+ align-items: center;
14
+ gap: var(--loader-spacing);
15
+ }
16
+
17
+ .loader__container--sm {}
18
+
19
+ .loader__container--md {}
20
+
21
+ .loader__container--lg {
22
+ --loader-label-font-size: 18px;
23
+ --loader-label-line-height: 28px;
24
+ }
25
+
26
+ .loader__container--xl {
27
+ --loader-spacing: var(--nile-spacing-spacing-xl);
28
+ --loader-label-font-size: 18px;
29
+ --loader-label-line-height: 28px;
30
+ }
31
+
32
+ .svg__container {
33
+ display: flex;
34
+ position: relative;
35
+ transform: translate(50%, 50%);
36
+ }
37
+
38
+ .loader__label {
39
+ font-size: var(--loader-label-font-size);
40
+ line-height: var(--loader-label-line-height);
41
+ font-family: Inter;
42
+ font-style: normal;
43
+ font-weight: 500;
44
+ }
45
+
4
46
  .nile-loader__v1 {
5
47
  border-radius: 50%;
6
48
  display: inline-block;
@@ -1,19 +1,78 @@
1
- import { CSSResultGroup, css } from 'lit';
1
+ import { CSSResultGroup, css, nothing } from 'lit';
2
2
  import { LitElement, html, TemplateResult } from 'lit-element';
3
3
  import { customElement, property } from 'lit/decorators.js';
4
4
  import styles from './nile-loader.css';
5
+ import { classMap } from 'lit/directives/class-map.js';
6
+ import { watch } from '../internal/watch';
5
7
 
6
8
  @customElement('nile-loader')
7
9
  export class NileLoader extends LitElement {
8
- @property({ type: String }) height = '60';
9
- @property({ type: String }) width = '60';
10
- @property({ type: String }) position = 'absolute';
10
+ @property({ type: String, attribute:'height' }) propHeight = '';
11
+ @property({ type: String, attribute:'width' }) propWidth = '';
12
+ @property({ type: String }) label = '';
13
+ @property({ type: String }) size : 'sm' | 'md' | 'lg' | 'xl'= 'lg';
11
14
  @property({ type: String }) margin = '';
12
15
  @property({ type: String }) variant = 'v1';
13
16
 
17
+ private height: string;
18
+ private width: string;
19
+
20
+ connectedCallback(): void {
21
+ super.connectedCallback()
22
+ this.setSvgDimensions()
23
+ }
24
+
14
25
  static override styles: CSSResultGroup = styles;
15
26
 
16
- override render(): TemplateResult {
27
+ /**
28
+ * Sets circular loader's dimension.
29
+ * If either height or width is absent the dimensions defaults to dimension based on size variant
30
+ */
31
+ setSvgDimensions(){
32
+ if (!parseInt(this.propHeight) || !parseInt(this.propWidth)){
33
+ switch (this.size) {
34
+ case 'sm':
35
+ this.height='32';
36
+ this.width='32';
37
+ break;
38
+ case 'md':
39
+ this.height='48';
40
+ this.width='48';
41
+ break;
42
+ case 'lg':
43
+ this.height='56';
44
+ this.width='56';
45
+ break;
46
+ default:
47
+ this.height='64';
48
+ this.width='64';
49
+ break;
50
+ }
51
+ }
52
+ else{
53
+ this.height=this.propHeight;
54
+ this.width=this.propWidth;
55
+ }
56
+ }
57
+
58
+ override render(){
59
+ return html`
60
+ <div class="loader__container" class=${classMap({
61
+ "loader__container":true,
62
+ "loader__container--sm":this.size=='sm',
63
+ "loader__container--md":this.size=='md',
64
+ "loader__container--lg":this.size=='lg',
65
+ "loader__container--xl":this.size=='xl'
66
+ })}>
67
+ <div class=${classMap({"svg__container":this.variant!=='v1'})}>${this.getVariant()}</div>
68
+ ${!this.label?nothing:
69
+ html`<div class="loader__label">${this.label}</div>`
70
+ }
71
+ </div>
72
+ `
73
+ }
74
+
75
+ private getVariant(): TemplateResult {
17
76
  switch (this.variant) {
18
77
  case 'v1':
19
78
  return this.renderV1();
@@ -23,14 +82,16 @@ export class NileLoader extends LitElement {
23
82
  return this.renderV3();
24
83
  default:
25
84
  return this.renderV1();
26
- } }
27
-
85
+ }
86
+ }
87
+
28
88
  private renderV1(): TemplateResult {
29
89
  return html`
30
90
  <div
31
- style="width: ${this.width}px; height: ${this
32
- .height}px; background-size: ${this.width}px; position: ${this
33
- .position}; margin: ${this.margin}"
91
+ style="width: ${this.width}px;
92
+ height: ${this.height}px;
93
+ background-size: ${this.width}px;
94
+ margin: ${this.margin}"
34
95
  class="nile-loader__v1"
35
96
  ></div>
36
97
  `;
@@ -23,7 +23,8 @@ export const styles = css`
23
23
  }
24
24
 
25
25
  .search__wrapper {
26
- padding: 12px 9px;
26
+ box-sizing:border-box;
27
+ padding: 12px 6px;
27
28
  }
28
29
 
29
30
  ::slotted(nile-divider) {
@@ -185,16 +185,16 @@ export class NileMenu extends NileElement {
185
185
  return html`
186
186
  <div>
187
187
  ${this.searchEnabled
188
- ? html`<div class="search__wrapper">
188
+ ? html`<div class="search__wrapper" part="search__wrapper">
189
189
  <nile-input
190
190
  size="medium"
191
- clearable
192
191
  style=${this.searchWidth
193
192
  ? `width: ${this.searchWidth}px;`
194
193
  : 'width: 100%;'}
195
194
  .value=${this.searchValue}
196
195
  placeholder="Search..."
197
196
  @nile-input=${this.handleSearchChange}
197
+ part="menu__input"
198
198
  >
199
199
  <nile-icon name="search" slot="suffix"> </nile-icon>
200
200
  </nile-input>
@@ -59,9 +59,8 @@ export const styles = css`
59
59
 
60
60
  .menu-item .menu-item__label {
61
61
  flex: 1 1 auto;
62
- display: flex;
63
- align-items:center;
64
- justify-content:center;
62
+ margin: auto 0;
63
+ display: inline-flex;
65
64
  }
66
65
 
67
66
  .menu-item .menu-item__prefix {
@@ -12,9 +12,17 @@ import {css} from 'lit-element';
12
12
  */
13
13
  export const styles = css`
14
14
  :host {
15
+ display:block;
16
+ height:100%;
17
+ }
18
+ .nile-stepper--horizontal{
15
19
  display:flex;
16
20
  align-items:center;
17
- width:100%;
21
+ }
22
+ .nile-stepper--vertical{
23
+ height:100%;
24
+ display:flex;
25
+ flex-direction:column;
18
26
  }
19
27
  `;
20
28
 
@@ -10,6 +10,7 @@ import { customElement } from 'lit/decorators.js';
10
10
  import { styles } from './nile-stepper.css';
11
11
  import NileElement from '../internal/nile-element';
12
12
  import { watch } from '../internal/watch';
13
+ import { classMap } from 'lit/directives/class-map.js';
13
14
 
14
15
 
15
16
  /**
@@ -21,6 +22,7 @@ import { watch } from '../internal/watch';
21
22
  @customElement('nile-stepper')
22
23
  export class NileStepper extends NileElement {
23
24
 
25
+ @property({ type: Boolean, attribute: 'vertical' }) isVertical: boolean = false;
24
26
  @property({ type: Boolean, attribute: 'content-below' }) contentBelow: boolean = false;
25
27
  @property({ type: Number, attribute: 'current-step' }) currentStep: number = 0;
26
28
  @property({ type: Number, attribute: 'completed-step' }) completedStep: number = 0;
@@ -47,9 +49,8 @@ export class NileStepper extends NileElement {
47
49
  }
48
50
 
49
51
  private updateItems() {
50
- const items: any = [...this.querySelectorAll('nile-stepper-item')];
52
+ const items: any = [...this.querySelectorAll(this.isVertical?'nile-vertical-stepper-item':'nile-stepper-item')];
51
53
  if (!items.length) return;
52
-
53
54
  const haveFlex = items.length < 3;
54
55
 
55
56
  const current = (this.currentStep == 0 || this.currentStep > items.length) ? 1 : this.currentStep;
@@ -83,6 +84,7 @@ export class NileStepper extends NileElement {
83
84
  el.completedStepValue = completed;
84
85
 
85
86
  el.icon = this.icon;
87
+ el.size = this.size;
86
88
  el.value = index + 1;
87
89
  el.contentBelow = this.contentBelow
88
90
  if (index == 0 || index == items.length - 1) {
@@ -109,9 +111,15 @@ export class NileStepper extends NileElement {
109
111
  */
110
112
  public render(): TemplateResult {
111
113
  return html`
112
- <slot
113
- @slotchange=${this.updateItems}
114
- ></slot>
114
+ <div class=${classMap({
115
+ 'nile-stepper':true,
116
+ 'nile-stepper--horizontal':!this.isVertical,
117
+ 'nile-stepper--vertical':this.isVertical
118
+ })}>
119
+ <slot
120
+ @slotchange=${this.updateItems}
121
+ ></slot>
122
+ </div>
115
123
  `;
116
124
  }
117
125
 
@@ -13,6 +13,7 @@ import { css } from 'lit-element';
13
13
  export const styles = css`
14
14
  :host {
15
15
  --stepper-flex-val:1;
16
+ --bulletin--dot--seperation:30%;
16
17
 
17
18
  display:inline-block;
18
19
  flex-grow:var(--stepper-flex-val);
@@ -22,35 +23,30 @@ export const styles = css`
22
23
 
23
24
  .stepper__item {
24
25
  margin: 0 -1px;
25
- --bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-default);
26
- --bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-default);
27
- --stepper-title-color:var(--stepper-default-text-color);
28
- --stepper-subtitle-color:var(--stepper-default-text-color);
29
- }
30
-
31
- .stepper__item--selected {
32
- --bulletin-inner-color:var(--nile-stepper-color-bulletin-inner-selected);
33
- --bulletin-outer-color:var(--nile-stepper-color-bulletin-outer-selected);
34
- --stepper-title-color:var(--nile-stepper-color-title-selected);
35
- --stepper-subtitle-color:var(--nile-stepper-color-subtitle-selected);
36
26
  }
37
27
 
38
28
  .stepper__item--sm {
29
+ --item-spacing: var(--nile-spacing-spacing-lg);
39
30
  --stepper-item-title-size:14px;
40
31
  --stepper-item-subtitle-size:14px;
41
- --circle-height:20px;
32
+ --stepper-item-text-line-height:20px;
33
+ --circle-height:16px;
42
34
  }
43
35
 
44
36
  .stepper__item--md {
37
+ --item-spacing: var(--nile-spacing-spacing-xl);
45
38
  --stepper-item-title-size:16px;
46
39
  --stepper-item-subtitle-size:16px;
47
- --circle-height:24px;
40
+ --stepper-item-text-line-heightt:24px;
41
+ --circle-height:20px;
48
42
  }
49
43
 
50
44
  .stepper__item--lg {
45
+ --item-spacing: var(--nile-spacing-spacing-xl);
51
46
  --stepper-item-title-size:16px;
52
47
  --stepper-item-subtitle-size:16px;
53
- --circle-height:32px;
48
+ --stepper-item-text-line-height:24px;
49
+ --circle-height:28px;
54
50
  }
55
51
 
56
52
  .stepper__line__content {
@@ -72,14 +68,15 @@ export const styles = css`
72
68
  .stepper__line {
73
69
  display: block;
74
70
  border: 0;
75
- border-top: 1px solid var(--nile-stepper-color-line-default);
71
+ border-top: 2px solid var(--nile-colors-gray-light-mode-200);
76
72
  }
77
73
 
78
74
  .stepper__line--active {
79
- border-top: 1px solid var(--nile-stepper-color-line-selected);
75
+ border-top: 2px solid var(--nile-colors-primary-600);
80
76
  }
81
77
 
82
78
  .stepper__item__content--below {
79
+ margin-top: var(--item-spacing);
83
80
  display:flex;
84
81
  flex-direction:column;
85
82
  align-items:center;
@@ -92,32 +89,56 @@ export const styles = css`
92
89
  }
93
90
 
94
91
  .stepper__content__title {
95
- color:var(--stepper-title-color);
92
+ color:var(--nile-colors-gray-light-mode-700);
96
93
  font-size: var(--stepper-item-title-size);
94
+ line-height: var(--stepper-item-text-line-height);
95
+ font-family:Inter;
97
96
  font-weight: 600;
98
97
  }
99
98
 
99
+ .stepper__content__title--inline{
100
+ padding: 0 8px;
101
+ color:var(--nile-colors-gray-light-mode-500);
102
+ }
103
+
104
+ .stepper__content__title--active{
105
+ color:var(--nile-colors-primary-700);
106
+ }
107
+
100
108
  .stepper__content__subtitle {
101
- color:var(--stepper-subtitle-color);
109
+ color:var(--nile-colors-gray-light-mode-600);
102
110
  font-size: var(--stepper-item-subtitle-size);
111
+ line-height: var(--stepper-item-text-line-height);
112
+ font-family:Inter;
103
113
  font-weight: 400;
104
114
  }
105
115
 
116
+ .stepper__content__subtitle--active{
117
+ color:var(--nile-colors-primary-600);
118
+ }
119
+
106
120
  .stepper__bulletin--dot {
107
121
  width: var(--circle-height);
108
122
  aspect-ratio: 1 / 1;
109
123
  border-radius: 50%;
110
- background: radial-gradient(var(--bulletin-inner-color) 35%, var(--bulletin-outer-color) 35%);
111
- border: 1px solid var(--bulletin-inner-color);
124
+ background: radial-gradient(var(--nile-colors-gray-light-mode-300) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50) var(--bulletin--dot--seperation));
125
+ border: 2px solid var(--nile-colors-gray-light-mode-200);
126
+ }
127
+
128
+ .stepper__bulletin__dot--active{
129
+ background: radial-gradient(#fff var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));
130
+ border: 2px solid #85AAD18A;
112
131
  }
113
132
 
114
133
  .stepper__bulletin--icon {
115
134
  display:grid;
116
135
  place-content:center;
117
136
  width: var(--circle-height);
137
+ border: 2px solid var(--nile-colors-primary-600);
118
138
  aspect-ratio: 1 / 1;
119
139
  border-radius: 50%;
120
- background-color:var(--nile-stepper-color-highlight);
140
+ background-color:var(--nile-colors-primary-600);
141
+ overflow:hidden;
121
142
  }
122
143
  `;
123
144
  export default [styles];
@@ -67,15 +67,15 @@ export class NileStepperItem extends NileElement {
67
67
  const isCurrent = this.isCurrent;
68
68
  const isComplete = this.isComplete;
69
69
 
70
- let showCompletedIcon=false;
71
- if(isComplete && !isCurrent || this.completedStepValue==this.value) showCompletedIcon=true;
70
+ let showCompletedIcon = false;
71
+ if (isComplete && !isCurrent || this.completedStepValue == this.value) showCompletedIcon = true;
72
72
 
73
73
  let suffixStepperLineActive = false;
74
- if(isComplete){
75
- suffixStepperLineActive=true;
76
- if (this.calculatedCompletedStepValue==this.value) suffixStepperLineActive=false;
74
+ if (isComplete) {
75
+ suffixStepperLineActive = true;
76
+ if (this.calculatedCompletedStepValue == this.value) suffixStepperLineActive = false;
77
77
  }
78
- let iconSize = this.size == 'sm'?14:this.size == 'md'?16:20;
78
+ let iconSize = this.size == 'sm' ? 20 : this.size == 'md' ? 24 : 28;
79
79
  return html`
80
80
  <div class="${classMap({
81
81
  'stepper__item':true,
@@ -95,18 +95,25 @@ export class NileStepperItem extends NileElement {
95
95
  </div>
96
96
 
97
97
  <div class="stepper__item__bulletin">
98
- ${showCompletedIcon ? html`<div class="stepper__bulletin--icon"><nile-icon size="${iconSize}" name="${this.icon}" color="white"></nile-icon> </div>`
99
- : html`<div class="stepper__bulletin--dot"></div>`
98
+ ${showCompletedIcon ?
99
+ html`<div class="stepper__bulletin--icon">
100
+ <svg width="${iconSize}" height="${iconSize}" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
101
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z" fill="white"/>
102
+ </svg>
103
+ </div>`
104
+ : html`<div class="${classMap({ 'stepper__bulletin--dot':true, 'stepper__bulletin__dot--active':isCurrent })}"></div>`
100
105
  }
101
-
102
106
  </div>
103
107
 
104
108
  <div class="${classMap({
105
109
  'stepper__line__container':true,
106
110
  'stepper__line--hastitle':!this.contentBelow
107
111
  })}">
108
- ${this.contentBelow?nothing:html`
109
- <div class="stepper__content__title" style="${!this.contentBelow && this.title?'padding-left:5px;':''}">${this.title}</div>
112
+ ${this.contentBelow || !this.title ? nothing:html`
113
+ <div
114
+ class="${classMap({ 'stepper__content__title stepper__content__title--inline':true, 'stepper__content__title--active':isCurrent, })}">
115
+ ${this.title}
116
+ </div>
110
117
  `}
111
118
  ${this.isLast ? nothing : html`
112
119
  <hr class="${classMap({
@@ -118,8 +125,10 @@ export class NileStepperItem extends NileElement {
118
125
  </div>
119
126
  ${!this.contentBelow?nothing:html`
120
127
  <div class="stepper__item__content--below">
121
- <div class="stepper__content__title">${this.title}</div>
122
- <div class="stepper__content__subtitle">${this.subtitle}</div>
128
+ <div class="${classMap({ 'stepper__content__title':true, 'stepper__content__title--active':isCurrent })}">
129
+ ${this.title}
130
+ </div>
131
+ <div class="${classMap({ 'stepper__content__subtitle':true, 'stepper__content__subtitle--active':isCurrent })}">${this.subtitle}</div>
123
132
  </div>
124
133
  `}
125
134
  </div>
@@ -313,8 +313,8 @@ export class NileTabGroup extends NileElement {
313
313
  const precedingTabs = allTabs.slice(0, allTabs.indexOf(currentTab));
314
314
  const offset = precedingTabs.reduce(
315
315
  (previous, current) => ({
316
- left: previous.left + current.clientWidth + 10,
317
- top: previous.top + current.clientHeight + 10
316
+ left: previous.left + current.clientWidth + 12,
317
+ top: previous.top + current.clientHeight + 12
318
318
  }),
319
319
  { left: 0, top: 0 }
320
320
  );
@@ -322,9 +322,9 @@ export class NileTabGroup extends NileElement {
322
322
  switch (this.placement) {
323
323
  case 'top':
324
324
  case 'bottom':
325
- this.indicator.style.width = `${width}px`;
325
+ this.indicator.style.width = `${width - 5}px`;
326
326
  this.indicator.style.height = 'auto';
327
- this.indicator.style.translate = `${offset.left}px`;
327
+ this.indicator.style.translate = `${offset.left + 2}px`;
328
328
  break;
329
329
 
330
330
  case 'start':