@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.
- package/README.md +20 -0
- package/demo/filenames.txt +1 -1
- package/demo/variables.css +25 -0
- package/demo/variables_v2.css +7 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.iife.js +974 -655
- package/dist/nile-avatar/nile-avatar.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.css.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.css.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.css.esm.js +2 -3
- package/dist/nile-avatar/nile-avatar.esm.js +12 -6
- package/dist/nile-badge/index.cjs.js +1 -1
- package/dist/nile-badge/index.esm.js +1 -1
- package/dist/nile-badge/nile-badge.cjs.js +1 -1
- package/dist/nile-badge/nile-badge.cjs.js.map +1 -1
- package/dist/nile-badge/nile-badge.css.cjs.js +1 -1
- package/dist/nile-badge/nile-badge.css.cjs.js.map +1 -1
- package/dist/nile-badge/nile-badge.css.esm.js +23 -23
- package/dist/nile-badge/nile-badge.esm.js +1 -1
- package/dist/nile-button/index.cjs.js +1 -1
- package/dist/nile-button/index.esm.js +1 -1
- package/dist/nile-button/nile-button.cjs.js +1 -1
- package/dist/nile-button/nile-button.cjs.js.map +1 -1
- package/dist/nile-button/nile-button.esm.js +1 -1
- package/dist/nile-card/nile-card.cjs.js +1 -1
- package/dist/nile-card/nile-card.cjs.js.map +1 -1
- package/dist/nile-card/nile-card.css.cjs.js +1 -1
- package/dist/nile-card/nile-card.css.cjs.js.map +1 -1
- package/dist/nile-card/nile-card.css.esm.js +9 -0
- package/dist/nile-card/nile-card.esm.js +5 -3
- package/dist/nile-checkbox/nile-checkbox.cjs.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.cjs.js.map +1 -1
- package/dist/nile-checkbox/nile-checkbox.css.cjs.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.css.cjs.js.map +1 -1
- package/dist/nile-checkbox/nile-checkbox.css.esm.js +2 -4
- package/dist/nile-checkbox/nile-checkbox.esm.js +24 -28
- package/dist/nile-dialog/index.cjs.js +1 -1
- package/dist/nile-dialog/index.esm.js +1 -1
- package/dist/nile-dialog/nile-dialog.cjs.js +1 -1
- package/dist/nile-dialog/nile-dialog.cjs.js.map +1 -1
- package/dist/nile-dialog/nile-dialog.esm.js +1 -1
- package/dist/nile-drawer/index.cjs.js +1 -1
- package/dist/nile-drawer/index.esm.js +1 -1
- package/dist/nile-drawer/nile-drawer.cjs.js +1 -1
- package/dist/nile-drawer/nile-drawer.cjs.js.map +1 -1
- package/dist/nile-drawer/nile-drawer.esm.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.cjs.js +1 -1
- package/dist/nile-empty-state/nile-empty-state.cjs.js.map +1 -1
- package/dist/nile-empty-state/nile-empty-state.esm.js +1 -1
- package/dist/nile-hero/nile-hero.cjs.js +1 -1
- package/dist/nile-hero/nile-hero.cjs.js.map +1 -1
- package/dist/nile-hero/nile-hero.css.cjs.js +1 -1
- package/dist/nile-hero/nile-hero.css.cjs.js.map +1 -1
- package/dist/nile-hero/nile-hero.css.esm.js +37 -10
- package/dist/nile-hero/nile-hero.esm.js +11 -8
- package/dist/nile-hero-header/nile-hero-header.cjs.js +1 -1
- package/dist/nile-hero-header/nile-hero-header.cjs.js.map +1 -1
- package/dist/nile-hero-header/nile-hero-header.css.cjs.js +1 -1
- package/dist/nile-hero-header/nile-hero-header.css.cjs.js.map +1 -1
- package/dist/nile-hero-header/nile-hero-header.css.esm.js +1 -0
- package/dist/nile-hero-header/nile-hero-header.esm.js +3 -3
- package/dist/nile-icon/icons/svg/bar-and-line-chart.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/bar-and-line-chart.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/bar-and-line-chart.esm.js +1 -0
- package/dist/nile-icon/icons/svg/bubble-chart.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/bubble-chart.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/bubble-chart.esm.js +1 -0
- package/dist/nile-icon/icons/svg/calendar-01.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/calendar-01.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/calendar-01.esm.js +1 -0
- package/dist/nile-icon/icons/svg/download-01.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/download-01.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/download-01.esm.js +1 -0
- package/dist/nile-icon/icons/svg/folder-01.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/folder-01.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/folder-01.esm.js +1 -0
- package/dist/nile-icon/icons/svg/funnel-02.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/funnel-02.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/funnel-02.esm.js +1 -0
- package/dist/nile-icon/icons/svg/gauge.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/gauge.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/gauge.esm.js +1 -0
- package/dist/nile-icon/icons/svg/index.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/index.esm.js +1 -1
- package/dist/nile-icon/icons/svg/key-performance-indicator.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/key-performance-indicator.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/key-performance-indicator.esm.js +1 -0
- package/dist/nile-icon/icons/svg/nightingale-chart.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/nightingale-chart.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/nightingale-chart.esm.js +1 -0
- package/dist/nile-icon/icons/svg/priority-high.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/priority-high.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/priority-high.esm.js +1 -0
- package/dist/nile-icon/icons/svg/priority-highest.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/priority-highest.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/priority-highest.esm.js +1 -0
- package/dist/nile-icon/icons/svg/priority-low.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/priority-low.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/priority-low.esm.js +1 -0
- package/dist/nile-icon/icons/svg/priority-medium.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/priority-medium.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/priority-medium.esm.js +1 -0
- package/dist/nile-icon/icons/svg/radar.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/radar.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/radar.esm.js +1 -0
- package/dist/nile-icon/icons/svg/sankey.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/sankey.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/sankey.esm.js +1 -0
- package/dist/nile-icon/icons/svg/scatter-plot.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/scatter-plot.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/scatter-plot.esm.js +1 -0
- package/dist/nile-icon/icons/svg/semi-circle-donut-chart.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/semi-circle-donut-chart.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/semi-circle-donut-chart.esm.js +1 -0
- package/dist/nile-icon/icons/svg/stacked-bar-chart.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/stacked-bar-chart.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/stacked-bar-chart.esm.js +1 -0
- package/dist/nile-icon/icons/svg/trash-03.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/trash-03.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/trash-03.esm.js +1 -0
- package/dist/nile-icon/icons/svg/workflow-01.cjs.js +2 -0
- package/dist/nile-icon/icons/svg/workflow-01.cjs.js.map +1 -0
- package/dist/nile-icon/icons/svg/workflow-01.esm.js +1 -0
- package/dist/nile-icon/index.cjs.js +1 -1
- package/dist/nile-icon/index.cjs.js.map +1 -1
- package/dist/nile-icon/index.esm.js +2 -2
- package/dist/nile-icon-button/index.cjs.js +1 -1
- package/dist/nile-icon-button/index.esm.js +1 -1
- package/dist/nile-icon-button/nile-icon-button.cjs.js +1 -1
- package/dist/nile-icon-button/nile-icon-button.cjs.js.map +1 -1
- package/dist/nile-icon-button/nile-icon-button.esm.js +1 -1
- package/dist/nile-input/index.cjs.js +1 -1
- package/dist/nile-input/index.esm.js +1 -1
- package/dist/nile-input/nile-input.cjs.js +1 -1
- package/dist/nile-input/nile-input.cjs.js.map +1 -1
- package/dist/nile-input/nile-input.esm.js +2 -2
- package/dist/nile-loader/index.cjs.js +1 -1
- package/dist/nile-loader/index.esm.js +1 -1
- package/dist/nile-loader/nile-loader.cjs.js +1 -1
- package/dist/nile-loader/nile-loader.cjs.js.map +1 -1
- package/dist/nile-loader/nile-loader.css.cjs.js +1 -1
- package/dist/nile-loader/nile-loader.css.cjs.js.map +1 -1
- package/dist/nile-loader/nile-loader.css.esm.js +44 -2
- package/dist/nile-loader/nile-loader.esm.js +11 -3
- package/dist/nile-menu/nile-menu.cjs.js +1 -1
- package/dist/nile-menu/nile-menu.cjs.js.map +1 -1
- package/dist/nile-menu/nile-menu.css.cjs.js +1 -1
- package/dist/nile-menu/nile-menu.css.cjs.js.map +1 -1
- package/dist/nile-menu/nile-menu.css.esm.js +2 -1
- package/dist/nile-menu/nile-menu.esm.js +4 -4
- package/dist/nile-menu-item/index.cjs.js +1 -1
- package/dist/nile-menu-item/index.esm.js +1 -1
- package/dist/nile-menu-item/nile-menu-item.cjs.js +1 -1
- package/dist/nile-menu-item/nile-menu-item.cjs.js.map +1 -1
- package/dist/nile-menu-item/nile-menu-item.css.cjs.js +1 -1
- package/dist/nile-menu-item/nile-menu-item.css.cjs.js.map +1 -1
- package/dist/nile-menu-item/nile-menu-item.css.esm.js +2 -3
- package/dist/nile-menu-item/nile-menu-item.esm.js +1 -1
- package/dist/nile-option/index.cjs.js +1 -1
- package/dist/nile-option/index.esm.js +1 -1
- package/dist/nile-option/nile-option.cjs.js +1 -1
- package/dist/nile-option/nile-option.cjs.js.map +1 -1
- package/dist/nile-option/nile-option.esm.js +1 -1
- package/dist/nile-select/index.cjs.js +1 -1
- package/dist/nile-select/index.esm.js +1 -1
- package/dist/nile-select/nile-select.cjs.js +1 -1
- package/dist/nile-select/nile-select.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.esm.js +9 -9
- package/dist/nile-stepper/index.cjs.js +1 -1
- package/dist/nile-stepper/index.esm.js +1 -1
- package/dist/nile-stepper/nile-stepper.cjs.js +1 -1
- package/dist/nile-stepper/nile-stepper.cjs.js.map +1 -1
- package/dist/nile-stepper/nile-stepper.css.cjs.js +1 -1
- package/dist/nile-stepper/nile-stepper.css.cjs.js.map +1 -1
- package/dist/nile-stepper/nile-stepper.css.esm.js +11 -3
- package/dist/nile-stepper/nile-stepper.esm.js +7 -5
- package/dist/nile-stepper-item/nile-stepper-item.cjs.js +2 -2
- package/dist/nile-stepper-item/nile-stepper-item.cjs.js.map +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js.map +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.css.esm.js +42 -21
- package/dist/nile-stepper-item/nile-stepper-item.esm.js +18 -10
- package/dist/nile-tab/index.cjs.js +1 -1
- package/dist/nile-tab/index.esm.js +1 -1
- package/dist/nile-tab/nile-tab.cjs.js +1 -1
- package/dist/nile-tab/nile-tab.cjs.js.map +1 -1
- package/dist/nile-tab/nile-tab.esm.js +1 -1
- package/dist/nile-tab-group/index.cjs.js +1 -1
- package/dist/nile-tab-group/index.esm.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.cjs.js.map +1 -1
- package/dist/nile-tab-group/nile-tab-group.esm.js +1 -1
- package/dist/nile-tag/index.cjs.js +1 -1
- package/dist/nile-tag/index.esm.js +1 -1
- package/dist/nile-tag/nile-tag.cjs.js +1 -1
- package/dist/nile-tag/nile-tag.cjs.js.map +1 -1
- package/dist/nile-tag/nile-tag.css.cjs.js +1 -1
- package/dist/nile-tag/nile-tag.css.cjs.js.map +1 -1
- package/dist/nile-tag/nile-tag.css.esm.js +91 -42
- package/dist/nile-tag/nile-tag.esm.js +14 -13
- package/dist/nile-toast/index.cjs.js +1 -1
- package/dist/nile-toast/index.esm.js +1 -1
- package/dist/nile-toast/nile-toast.cjs.js +1 -1
- package/dist/nile-toast/nile-toast.cjs.js.map +1 -1
- package/dist/nile-toast/nile-toast.css.cjs.js +1 -1
- package/dist/nile-toast/nile-toast.css.cjs.js.map +1 -1
- package/dist/nile-toast/nile-toast.css.esm.js +4 -0
- package/dist/nile-toast/nile-toast.esm.js +11 -12
- package/dist/nile-vertical-stepper-item/index.cjs.js +2 -0
- package/dist/nile-vertical-stepper-item/index.cjs.js.map +1 -0
- package/dist/nile-vertical-stepper-item/index.esm.js +1 -0
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js +2 -0
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js.map +1 -0
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js +2 -0
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js.map +1 -0
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.esm.js +116 -0
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.esm.js +22 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.js +1 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/nile-avatar/nile-avatar.css.js +2 -3
- package/dist/src/nile-avatar/nile-avatar.css.js.map +1 -1
- package/dist/src/nile-avatar/nile-avatar.d.ts +1 -0
- package/dist/src/nile-avatar/nile-avatar.js +25 -2
- package/dist/src/nile-avatar/nile-avatar.js.map +1 -1
- package/dist/src/nile-badge/nile-badge.css.js +21 -21
- package/dist/src/nile-badge/nile-badge.css.js.map +1 -1
- package/dist/src/nile-card/nile-card.css.js +9 -0
- package/dist/src/nile-card/nile-card.css.js.map +1 -1
- package/dist/src/nile-card/nile-card.js +6 -1
- package/dist/src/nile-card/nile-card.js.map +1 -1
- package/dist/src/nile-checkbox/nile-checkbox.css.js +2 -4
- package/dist/src/nile-checkbox/nile-checkbox.css.js.map +1 -1
- package/dist/src/nile-checkbox/nile-checkbox.js +24 -30
- package/dist/src/nile-checkbox/nile-checkbox.js.map +1 -1
- package/dist/src/nile-empty-state/nile-empty-state.js +1 -1
- package/dist/src/nile-empty-state/nile-empty-state.js.map +1 -1
- package/dist/src/nile-hero/nile-hero.css.js +35 -8
- package/dist/src/nile-hero/nile-hero.css.js.map +1 -1
- package/dist/src/nile-hero/nile-hero.js +10 -11
- package/dist/src/nile-hero/nile-hero.js.map +1 -1
- package/dist/src/nile-hero-header/nile-hero-header.css.js +1 -0
- package/dist/src/nile-hero-header/nile-hero-header.css.js.map +1 -1
- package/dist/src/nile-hero-header/nile-hero-header.js +1 -1
- package/dist/src/nile-hero-header/nile-hero-header.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/bar-and-line-chart.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/bar-and-line-chart.js +5 -0
- package/dist/src/nile-icon/icons/svg/bar-and-line-chart.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/bubble-chart.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/bubble-chart.js +5 -0
- package/dist/src/nile-icon/icons/svg/bubble-chart.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/calendar-01.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/calendar-01.js +5 -0
- package/dist/src/nile-icon/icons/svg/calendar-01.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/download-01.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/download-01.js +5 -0
- package/dist/src/nile-icon/icons/svg/download-01.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/folder-01.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/folder-01.js +5 -0
- package/dist/src/nile-icon/icons/svg/folder-01.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/funnel-02.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/funnel-02.js +5 -0
- package/dist/src/nile-icon/icons/svg/funnel-02.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/gauge.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/gauge.js +5 -0
- package/dist/src/nile-icon/icons/svg/gauge.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/index.d.ts +20 -0
- package/dist/src/nile-icon/icons/svg/index.js +20 -0
- package/dist/src/nile-icon/icons/svg/index.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/key-performance-indicator.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/key-performance-indicator.js +5 -0
- package/dist/src/nile-icon/icons/svg/key-performance-indicator.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/nightingale-chart.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/nightingale-chart.js +5 -0
- package/dist/src/nile-icon/icons/svg/nightingale-chart.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/priority-high.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/priority-high.js +5 -0
- package/dist/src/nile-icon/icons/svg/priority-high.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/priority-highest.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/priority-highest.js +5 -0
- package/dist/src/nile-icon/icons/svg/priority-highest.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/priority-low.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/priority-low.js +5 -0
- package/dist/src/nile-icon/icons/svg/priority-low.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/priority-medium.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/priority-medium.js +5 -0
- package/dist/src/nile-icon/icons/svg/priority-medium.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/radar.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/radar.js +5 -0
- package/dist/src/nile-icon/icons/svg/radar.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/sankey.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/sankey.js +5 -0
- package/dist/src/nile-icon/icons/svg/sankey.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/scatter-plot.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/scatter-plot.js +5 -0
- package/dist/src/nile-icon/icons/svg/scatter-plot.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/semi-circle-donut-chart.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/semi-circle-donut-chart.js +5 -0
- package/dist/src/nile-icon/icons/svg/semi-circle-donut-chart.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/stacked-bar-chart.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/stacked-bar-chart.js +5 -0
- package/dist/src/nile-icon/icons/svg/stacked-bar-chart.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/trash-03.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/trash-03.js +5 -0
- package/dist/src/nile-icon/icons/svg/trash-03.js.map +1 -0
- package/dist/src/nile-icon/icons/svg/workflow-01.d.ts +5 -0
- package/dist/src/nile-icon/icons/svg/workflow-01.js +5 -0
- package/dist/src/nile-icon/icons/svg/workflow-01.js.map +1 -0
- package/dist/src/nile-loader/nile-loader.css.js +42 -0
- package/dist/src/nile-loader/nile-loader.css.js.map +1 -1
- package/dist/src/nile-loader/nile-loader.d.ts +14 -4
- package/dist/src/nile-loader/nile-loader.js +66 -10
- package/dist/src/nile-loader/nile-loader.js.map +1 -1
- package/dist/src/nile-menu/nile-menu.css.js +2 -1
- package/dist/src/nile-menu/nile-menu.css.js.map +1 -1
- package/dist/src/nile-menu/nile-menu.js +2 -2
- package/dist/src/nile-menu/nile-menu.js.map +1 -1
- package/dist/src/nile-menu-item/nile-menu-item.css.js +2 -3
- package/dist/src/nile-menu-item/nile-menu-item.css.js.map +1 -1
- package/dist/src/nile-stepper/nile-stepper.css.js +9 -1
- package/dist/src/nile-stepper/nile-stepper.css.js.map +1 -1
- package/dist/src/nile-stepper/nile-stepper.d.ts +1 -0
- package/dist/src/nile-stepper/nile-stepper.js +16 -4
- package/dist/src/nile-stepper/nile-stepper.js.map +1 -1
- package/dist/src/nile-stepper-item/nile-stepper-item.css.js +42 -21
- package/dist/src/nile-stepper-item/nile-stepper-item.css.js.map +1 -1
- package/dist/src/nile-stepper-item/nile-stepper-item.js +17 -8
- package/dist/src/nile-stepper-item/nile-stepper-item.js.map +1 -1
- package/dist/src/nile-tab-group/nile-tab-group.js +4 -4
- package/dist/src/nile-tab-group/nile-tab-group.js.map +1 -1
- package/dist/src/nile-tag/nile-tag.css.js +89 -40
- package/dist/src/nile-tag/nile-tag.css.js.map +1 -1
- package/dist/src/nile-tag/nile-tag.d.ts +1 -2
- package/dist/src/nile-tag/nile-tag.js +13 -30
- package/dist/src/nile-tag/nile-tag.js.map +1 -1
- package/dist/src/nile-toast/nile-toast.css.js +4 -0
- package/dist/src/nile-toast/nile-toast.css.js.map +1 -1
- package/dist/src/nile-toast/nile-toast.js +15 -12
- package/dist/src/nile-toast/nile-toast.js.map +1 -1
- package/dist/src/nile-vertical-stepper-item/index.d.ts +1 -0
- package/dist/src/nile-vertical-stepper-item/index.js +2 -0
- package/dist/src/nile-vertical-stepper-item/index.js.map +1 -0
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.d.ts +12 -0
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.js +128 -0
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.js.map +1 -0
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.d.ts +46 -0
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.js +145 -0
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -3
- package/postinstall.js +40 -0
- package/src/index.ts +1 -0
- package/src/nile-avatar/nile-avatar.css.ts +2 -3
- package/src/nile-avatar/nile-avatar.ts +30 -4
- package/src/nile-badge/nile-badge.css.ts +21 -21
- package/src/nile-card/nile-card.css.ts +9 -0
- package/src/nile-card/nile-card.ts +6 -1
- package/src/nile-checkbox/nile-checkbox.css.ts +2 -4
- package/src/nile-checkbox/nile-checkbox.ts +25 -33
- package/src/nile-empty-state/nile-empty-state.ts +1 -1
- package/src/nile-hero/nile-hero.css.ts +35 -8
- package/src/nile-hero/nile-hero.ts +23 -24
- package/src/nile-hero-header/nile-hero-header.css.ts +1 -0
- package/src/nile-hero-header/nile-hero-header.ts +1 -1
- package/src/nile-icon/icons/svg/bar-and-line-chart.ts +5 -0
- package/src/nile-icon/icons/svg/bubble-chart.ts +5 -0
- package/src/nile-icon/icons/svg/calendar-01.ts +5 -0
- package/src/nile-icon/icons/svg/download-01.ts +5 -0
- package/src/nile-icon/icons/svg/folder-01.ts +5 -0
- package/src/nile-icon/icons/svg/funnel-02.ts +5 -0
- package/src/nile-icon/icons/svg/gauge.ts +5 -0
- package/src/nile-icon/icons/svg/index.ts +20 -0
- package/src/nile-icon/icons/svg/key-performance-indicator.ts +5 -0
- package/src/nile-icon/icons/svg/nightingale-chart.ts +5 -0
- package/src/nile-icon/icons/svg/priority-high.ts +5 -0
- package/src/nile-icon/icons/svg/priority-highest.ts +5 -0
- package/src/nile-icon/icons/svg/priority-low.ts +5 -0
- package/src/nile-icon/icons/svg/priority-medium.ts +5 -0
- package/src/nile-icon/icons/svg/radar.ts +5 -0
- package/src/nile-icon/icons/svg/sankey.ts +5 -0
- package/src/nile-icon/icons/svg/scatter-plot.ts +5 -0
- package/src/nile-icon/icons/svg/semi-circle-donut-chart.ts +5 -0
- package/src/nile-icon/icons/svg/stacked-bar-chart.ts +5 -0
- package/src/nile-icon/icons/svg/trash-03.ts +5 -0
- package/src/nile-icon/icons/svg/workflow-01.ts +5 -0
- package/src/nile-loader/nile-loader.css.ts +42 -0
- package/src/nile-loader/nile-loader.ts +71 -10
- package/src/nile-menu/nile-menu.css.ts +2 -1
- package/src/nile-menu/nile-menu.ts +2 -2
- package/src/nile-menu-item/nile-menu-item.css.ts +2 -3
- package/src/nile-stepper/nile-stepper.css.ts +9 -1
- package/src/nile-stepper/nile-stepper.ts +13 -5
- package/src/nile-stepper-item/nile-stepper-item.css.ts +42 -21
- package/src/nile-stepper-item/nile-stepper-item.ts +22 -13
- package/src/nile-tab-group/nile-tab-group.ts +4 -4
- package/src/nile-tag/nile-tag.css.ts +89 -40
- package/src/nile-tag/nile-tag.ts +15 -34
- package/src/nile-toast/nile-toast.css.ts +4 -0
- package/src/nile-toast/nile-toast.ts +15 -12
- package/src/nile-vertical-stepper-item/index.ts +1 -0
- package/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts +130 -0
- 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 })
|
9
|
-
@property({ type: String })
|
10
|
-
@property({ type: String })
|
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
|
-
|
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;
|
32
|
-
|
33
|
-
|
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
|
`;
|
@@ -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>
|
@@ -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
|
-
|
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
|
-
<
|
113
|
-
|
114
|
-
|
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
|
-
--
|
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
|
-
--
|
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
|
-
--
|
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:
|
71
|
+
border-top: 2px solid var(--nile-colors-gray-light-mode-200);
|
76
72
|
}
|
77
73
|
|
78
74
|
.stepper__line--active {
|
79
|
-
border-top:
|
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(--
|
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(--
|
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(--
|
111
|
-
border:
|
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-
|
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'?
|
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 ?
|
99
|
-
|
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
|
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"
|
122
|
-
|
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 +
|
317
|
-
top: previous.top + current.clientHeight +
|
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':
|