@aquera/nile-elements 2.0.2 → 2.0.4

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 (88) hide show
  1. package/README.md +19 -0
  2. package/demo/nxtgen-classes.css +2 -2
  3. package/demo/nxtgen-properties.css +2 -2
  4. package/demo/nxtgen-utilities.css +4 -4
  5. package/demo/nxtgen.css +2 -2
  6. package/dist/index.cjs.js +1 -1
  7. package/dist/index.esm.js +1 -1
  8. package/dist/index.js +1120 -674
  9. package/dist/nile-empty-state/nile-empty-state.cjs.js +1 -1
  10. package/dist/nile-empty-state/nile-empty-state.cjs.js.map +1 -1
  11. package/dist/nile-empty-state/nile-empty-state.css.cjs.js +1 -1
  12. package/dist/nile-empty-state/nile-empty-state.css.cjs.js.map +1 -1
  13. package/dist/nile-empty-state/nile-empty-state.css.esm.js +129 -6
  14. package/dist/nile-empty-state/nile-empty-state.esm.js +45 -31
  15. package/dist/nile-pagination/nile-pagination.cjs.js +1 -1
  16. package/dist/nile-pagination/nile-pagination.cjs.js.map +1 -1
  17. package/dist/nile-pagination/nile-pagination.esm.js +25 -25
  18. package/dist/nile-segmented-progress-bar/index.cjs.js +2 -0
  19. package/dist/nile-segmented-progress-bar/index.cjs.js.map +1 -0
  20. package/dist/nile-segmented-progress-bar/index.esm.js +1 -0
  21. package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.cjs.js +2 -0
  22. package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.cjs.js.map +1 -0
  23. package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.css.cjs.js +2 -0
  24. package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.css.cjs.js.map +1 -0
  25. package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.css.esm.js +243 -0
  26. package/dist/nile-segmented-progress-bar/nile-segmented-progress-bar.esm.js +69 -0
  27. package/dist/nile-wysiwyg-editor/engine/commands.cjs.js +1 -1
  28. package/dist/nile-wysiwyg-editor/engine/commands.cjs.js.map +1 -1
  29. package/dist/nile-wysiwyg-editor/engine/commands.esm.js +1 -1
  30. package/dist/nile-wysiwyg-editor/engine/create-state.cjs.js +1 -1
  31. package/dist/nile-wysiwyg-editor/engine/create-state.esm.js +1 -1
  32. package/dist/nile-wysiwyg-editor/engine/index.cjs.js +1 -1
  33. package/dist/nile-wysiwyg-editor/engine/index.esm.js +1 -1
  34. package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.cjs.js +1 -1
  35. package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.cjs.js.map +1 -1
  36. package/dist/nile-wysiwyg-editor/engine/plugins/code-highlight.esm.js +1 -1
  37. package/dist/nile-wysiwyg-editor/index.cjs.js +1 -1
  38. package/dist/nile-wysiwyg-editor/index.esm.js +1 -1
  39. package/dist/nile-wysiwyg-editor/nile-wysiwyg-editor.cjs.js +1 -1
  40. package/dist/nile-wysiwyg-editor/nile-wysiwyg-editor.esm.js +1 -1
  41. package/dist/nile-wysiwyg-editor/ui/code-block-menu.cjs.js +1 -1
  42. package/dist/nile-wysiwyg-editor/ui/code-block-menu.esm.js +1 -1
  43. package/dist/nile-wysiwyg-editor/ui/source-view.cjs.js +1 -1
  44. package/dist/nile-wysiwyg-editor/ui/source-view.esm.js +1 -1
  45. package/dist/src/index.d.ts +2 -0
  46. package/dist/src/index.js +1 -0
  47. package/dist/src/index.js.map +1 -1
  48. package/dist/src/nile-empty-state/nile-empty-state.css.js +127 -4
  49. package/dist/src/nile-empty-state/nile-empty-state.css.js.map +1 -1
  50. package/dist/src/nile-empty-state/nile-empty-state.d.ts +35 -5
  51. package/dist/src/nile-empty-state/nile-empty-state.js +159 -42
  52. package/dist/src/nile-empty-state/nile-empty-state.js.map +1 -1
  53. package/dist/src/nile-empty-state/nile-empty-state.test.d.ts +1 -0
  54. package/dist/src/nile-empty-state/nile-empty-state.test.js +186 -15
  55. package/dist/src/nile-empty-state/nile-empty-state.test.js.map +1 -1
  56. package/dist/src/nile-pagination/nile-pagination.js +5 -5
  57. package/dist/src/nile-pagination/nile-pagination.js.map +1 -1
  58. package/dist/src/nile-segmented-progress-bar/index.d.ts +2 -0
  59. package/dist/src/nile-segmented-progress-bar/index.js +2 -0
  60. package/dist/src/nile-segmented-progress-bar/index.js.map +1 -0
  61. package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.css.d.ts +9 -0
  62. package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.css.js +252 -0
  63. package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.css.js.map +1 -0
  64. package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.d.ts +135 -0
  65. package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.js +373 -0
  66. package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.js.map +1 -0
  67. package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.test.d.ts +1 -0
  68. package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.test.js +961 -0
  69. package/dist/src/nile-segmented-progress-bar/nile-segmented-progress-bar.test.js.map +1 -0
  70. package/dist/src/version.js +1 -1
  71. package/dist/src/version.js.map +1 -1
  72. package/dist/tsconfig.tsbuildinfo +1 -1
  73. package/dist/xml-09119317.cjs.js +2 -0
  74. package/dist/xml-09119317.cjs.js.map +1 -0
  75. package/dist/{xml-25c4108a.esm.js → xml-9bf771b3.esm.js} +1 -1
  76. package/package.json +2 -1
  77. package/src/index.ts +5 -0
  78. package/src/nile-empty-state/nile-empty-state.css.ts +127 -4
  79. package/src/nile-empty-state/nile-empty-state.test.ts +192 -15
  80. package/src/nile-empty-state/nile-empty-state.ts +195 -34
  81. package/src/nile-pagination/nile-pagination.ts +5 -5
  82. package/src/nile-segmented-progress-bar/index.ts +5 -0
  83. package/src/nile-segmented-progress-bar/nile-segmented-progress-bar.css.ts +254 -0
  84. package/src/nile-segmented-progress-bar/nile-segmented-progress-bar.test.ts +1298 -0
  85. package/src/nile-segmented-progress-bar/nile-segmented-progress-bar.ts +437 -0
  86. package/vscode-html-custom-data.json +192 -16
  87. package/dist/xml-90fd974e.cjs.js +0 -2
  88. package/dist/xml-90fd974e.cjs.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileOtpInput } from './nile-otp-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileStatusLight } from './nile-status-light';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileCheckboxGroup } from './nile-checkbox-group';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileCombobox } from './nile-combobox';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileTimestampBuilder } from './nile-timestamp-builder';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileDotStepper } from './nile-dot-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\nexport { NileColorPicker } from './nile-color-picker';\nexport type { ColorPickerType, SwatchTooltip, PaletteEntry } from './nile-color-picker';\nexport { NileColorSwatch } from './nile-color-swatch';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\nexport { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileNavTab } from './nile-nav-tab';\nexport { NileNavTabGroup } from './nile-nav-tab-group';\nexport { NileNavTabPanel } from './nile-nav-tab-panel';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileContextMenu } from './nile-context-menu';\nexport { NileContextMenuGroup } from './nile-context-menu-group';\nexport { NileContextMenuItem } from './nile-context-menu-item';\nexport { NileCommandMenu } from './nile-command-menu';\nexport { NileCommandMenuGroup } from './nile-command-menu-group';\nexport { NileCommandMenuItem } from './nile-command-menu-item';\nexport { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';\nexport { NileMarkdown } from './nile-markdown';\nexport { NileMarkdownEditor } from './nile-markdown-editor';\n\n// nile-wysiwyg-editor — ProseMirror-powered rich text editor\nexport { NileWysiwygEditor, DEFAULT_TOOLBAR } from './nile-wysiwyg-editor/index';\nexport type {\n WysiwygChangeDetail,\n WysiwygCommandDetail,\n ToolbarConfig,\n} from './nile-wysiwyg-editor/index';\nexport { NileWysiwygToolbar } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport { NileWysiwygToolbarItem } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport type { AuthoredToolbarItem } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport { NileWysiwygLinkEditor } from './nile-wysiwyg-editor/ui/link-editor';\nexport { NileWysiwygBubbleMenu } from './nile-wysiwyg-editor/ui/bubble-menu';\nexport { NileWysiwygBubbleItem } from './nile-wysiwyg-editor/ui/bubble-item';\nexport { NileWysiwygImagePanel } from './nile-wysiwyg-editor/ui/image-panel';\nexport { NileWysiwygTableMenu } from './nile-wysiwyg-editor/ui/table-menu';\nexport { NileWysiwygTablePicker } from './nile-wysiwyg-editor/ui/table-grid-picker';\nexport { NileWysiwygSuggestList } from './nile-wysiwyg-editor/ui/suggest-list';\nexport { NileWysiwygFindBar } from './nile-wysiwyg-editor/ui/find-replace';\nexport { NileWysiwygSourceView } from './nile-wysiwyg-editor/ui/source-view';\nexport { NileWysiwygEmbedPanel } from './nile-wysiwyg-editor/ui/embed-panel';\nexport { NileWysiwygCodeMenu } from './nile-wysiwyg-editor/ui/code-block-menu';\nexport { NileWysiwygShortcutHelp } from './nile-wysiwyg-editor/ui/shortcut-help';\nexport { NileWysiwygImageMenu } from './nile-wysiwyg-editor/ui/image-menu';\nexport { NileWysiwygSpecialChars } from './nile-wysiwyg-editor/ui/special-chars';\nexport { NileWysiwygInsertMenu } from './nile-wysiwyg-editor/ui/insert-menu';\nexport type { InsertMenuItem } from './nile-wysiwyg-editor/ui/insert-menu';\nexport { NileWysiwygMathPanel } from './nile-wysiwyg-editor/ui/math-panel';\nexport type { SuggestItem } from './nile-wysiwyg-editor/ui/suggest-list';\nexport type {\n MentionsConfig,\n MergeFieldConfig,\n TemplateConfig,\n} from './nile-wysiwyg-editor/types';\nexport type { MathRenderer } from './nile-wysiwyg-editor/engine/plugins/math-view';\nexport { createKatexRenderer } from './nile-wysiwyg-editor/math/katex-renderer';\nexport type {\n KatexLike,\n KatexRendererOptions,\n} from './nile-wysiwyg-editor/math/katex-renderer';\nexport {\n createSchema,\n defaultSchema,\n sanitizeHtml,\n htmlToDoc,\n docToHtml,\n docToMarkdown,\n markdownToHtml,\n looksLikeMarkdown,\n docToJson,\n jsonToDoc,\n computeToolbarState,\n createEditorState,\n toInlineStyledHtml,\n buildWordDocument,\n buildPrintDocument,\n} from './nile-wysiwyg-editor/engine';\nexport type {\n ToolbarState,\n CommandName,\n CommandAttrs,\n Alignment,\n PrintOptions,\n} from './nile-wysiwyg-editor/engine';"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileOtpInput } from './nile-otp-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileStatusLight } from './nile-status-light';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileCheckboxGroup } from './nile-checkbox-group';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSegmentedProgressBar } from './nile-segmented-progress-bar';\nexport type {\n NileProgressSegment,\n NileSegmentTooltipPlacement,\n} from './nile-segmented-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileCombobox } from './nile-combobox';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileTimestampBuilder } from './nile-timestamp-builder';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileDotStepper } from './nile-dot-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\nexport { NileColorPicker } from './nile-color-picker';\nexport type { ColorPickerType, SwatchTooltip, PaletteEntry } from './nile-color-picker';\nexport { NileColorSwatch } from './nile-color-swatch';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\nexport { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileNavTab } from './nile-nav-tab';\nexport { NileNavTabGroup } from './nile-nav-tab-group';\nexport { NileNavTabPanel } from './nile-nav-tab-panel';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileContextMenu } from './nile-context-menu';\nexport { NileContextMenuGroup } from './nile-context-menu-group';\nexport { NileContextMenuItem } from './nile-context-menu-item';\nexport { NileCommandMenu } from './nile-command-menu';\nexport { NileCommandMenuGroup } from './nile-command-menu-group';\nexport { NileCommandMenuItem } from './nile-command-menu-item';\nexport { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';\nexport { NileMarkdown } from './nile-markdown';\nexport { NileMarkdownEditor } from './nile-markdown-editor';\n\n// nile-wysiwyg-editor — ProseMirror-powered rich text editor\nexport { NileWysiwygEditor, DEFAULT_TOOLBAR } from './nile-wysiwyg-editor/index';\nexport type {\n WysiwygChangeDetail,\n WysiwygCommandDetail,\n ToolbarConfig,\n} from './nile-wysiwyg-editor/index';\nexport { NileWysiwygToolbar } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport { NileWysiwygToolbarItem } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport type { AuthoredToolbarItem } from './nile-wysiwyg-editor/nile-wysiwyg-toolbar/index';\nexport { NileWysiwygLinkEditor } from './nile-wysiwyg-editor/ui/link-editor';\nexport { NileWysiwygBubbleMenu } from './nile-wysiwyg-editor/ui/bubble-menu';\nexport { NileWysiwygBubbleItem } from './nile-wysiwyg-editor/ui/bubble-item';\nexport { NileWysiwygImagePanel } from './nile-wysiwyg-editor/ui/image-panel';\nexport { NileWysiwygTableMenu } from './nile-wysiwyg-editor/ui/table-menu';\nexport { NileWysiwygTablePicker } from './nile-wysiwyg-editor/ui/table-grid-picker';\nexport { NileWysiwygSuggestList } from './nile-wysiwyg-editor/ui/suggest-list';\nexport { NileWysiwygFindBar } from './nile-wysiwyg-editor/ui/find-replace';\nexport { NileWysiwygSourceView } from './nile-wysiwyg-editor/ui/source-view';\nexport { NileWysiwygEmbedPanel } from './nile-wysiwyg-editor/ui/embed-panel';\nexport { NileWysiwygCodeMenu } from './nile-wysiwyg-editor/ui/code-block-menu';\nexport { NileWysiwygShortcutHelp } from './nile-wysiwyg-editor/ui/shortcut-help';\nexport { NileWysiwygImageMenu } from './nile-wysiwyg-editor/ui/image-menu';\nexport { NileWysiwygSpecialChars } from './nile-wysiwyg-editor/ui/special-chars';\nexport { NileWysiwygInsertMenu } from './nile-wysiwyg-editor/ui/insert-menu';\nexport type { InsertMenuItem } from './nile-wysiwyg-editor/ui/insert-menu';\nexport { NileWysiwygMathPanel } from './nile-wysiwyg-editor/ui/math-panel';\nexport type { SuggestItem } from './nile-wysiwyg-editor/ui/suggest-list';\nexport type {\n MentionsConfig,\n MergeFieldConfig,\n TemplateConfig,\n} from './nile-wysiwyg-editor/types';\nexport type { MathRenderer } from './nile-wysiwyg-editor/engine/plugins/math-view';\nexport { createKatexRenderer } from './nile-wysiwyg-editor/math/katex-renderer';\nexport type {\n KatexLike,\n KatexRendererOptions,\n} from './nile-wysiwyg-editor/math/katex-renderer';\nexport {\n createSchema,\n defaultSchema,\n sanitizeHtml,\n htmlToDoc,\n docToHtml,\n docToMarkdown,\n markdownToHtml,\n looksLikeMarkdown,\n docToJson,\n jsonToDoc,\n computeToolbarState,\n createEditorState,\n toInlineStyledHtml,\n buildWordDocument,\n buildPrintDocument,\n} from './nile-wysiwyg-editor/engine';\nexport type {\n ToolbarState,\n CommandName,\n CommandAttrs,\n Alignment,\n PrintOptions,\n} from './nile-wysiwyg-editor/engine';"]}
@@ -69,11 +69,120 @@ export const styles = css `
69
69
  min-width:300px;
70
70
  max-width:512px;
71
71
  width:100%;
72
+ margin-inline: auto;
72
73
  height:max-content;
73
74
  display:flex;
74
75
  flex-direction:column;
75
76
  row-gap:var(--nile-es-gap);
76
77
  }
78
+ .empty-state--tone-info .empty-state__body--tonal {
79
+ background: linear-gradient(
80
+ 180deg,
81
+ var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary)) 0%,
82
+ var(--nile-colors-primary-400, var(--ng-colors-bg-brand-secondary)) 100%
83
+ );
84
+ }
85
+
86
+ .empty-state--tone-warning .empty-state__body--tonal {
87
+ background: linear-gradient(
88
+ 180deg,
89
+ var(--nile-colors-yellow-100, var(--ng-colors-bg-warning-primary)) 0%,
90
+ var(--nile-colors-yellow-400, var(--ng-colors-bg-warning-secondary)) 100%
91
+ );
92
+ }
93
+
94
+ .empty-state--tone-error .empty-state__body--tonal {
95
+ background: linear-gradient(
96
+ 180deg,
97
+ var(--nile-colors-red-100, var(--ng-colors-bg-error-primary)) 0%,
98
+ var(--nile-colors-red-400, var(--ng-colors-bg-error-secondary)) 100%
99
+ );
100
+ }
101
+
102
+ .empty-state--tone-info .nile-flat-type-icon {
103
+ background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary));
104
+ border-color: var(--nile-colors-primary-600, var(--ng-colors-border-brand));
105
+ }
106
+
107
+ .empty-state--tone-warning .nile-flat-type-icon {
108
+ background-color: var(--nile-colors-yellow-100, var(--ng-colors-bg-warning-primary));
109
+ border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));
110
+ }
111
+
112
+ .empty-state--tone-error .nile-flat-type-icon {
113
+ background-color: var(--nile-colors-red-100, var(--ng-colors-bg-error-primary));
114
+ border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));
115
+ }
116
+
117
+ .empty-state--inline {
118
+ flex-direction: row;
119
+ align-items: center;
120
+ justify-content: center;
121
+ flex-wrap: wrap;
122
+ min-width: 0;
123
+ max-width: none;
124
+ column-gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
125
+ row-gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));
126
+ padding: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))
127
+ var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));
128
+ }
129
+
130
+ .empty-state--inline .empty-state__body {
131
+ flex-direction: row;
132
+ align-items: center;
133
+ column-gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
134
+ }
135
+
136
+ .empty-state--inline .empty__state__text-section {
137
+ flex-direction: row;
138
+ align-items: baseline;
139
+ gap: var(--nile-spacing-spacing-sm, var(--ng-spacing-sm));
140
+ max-width: none;
141
+ }
142
+
143
+ .empty-state--inline .empty-state__text,
144
+ .empty-state--inline .empty-state__subtext {
145
+ font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
146
+ line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));
147
+ text-align: left;
148
+ }
149
+ .empty-state__body--inline {
150
+ display: grid;
151
+ place-items: center;
152
+ }
153
+
154
+
155
+ .empty-state--page .empty-state__text {
156
+ font-size: var(--nile-type-scale-9, var(--ng-font-size-display-sm));
157
+ line-height: var(--nile-line-height-display, var(--ng-line-height-display-sm));
158
+ letter-spacing: -0.02em;
159
+ }
160
+
161
+ .empty-state--page .empty-state__subtext {
162
+ font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));
163
+ line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));
164
+ }
165
+
166
+ .empty-state--page .empty-state__code {
167
+ font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
168
+ letter-spacing: 0.2em;
169
+ }
170
+ /* stack and page carry no padding of their own, so the dashed edge would sit
171
+ flush against the content — hence the roomy padding here. */
172
+ .empty-state--bordered {
173
+ border: 1px dashed var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
174
+ border-radius: var(--nile-border-size-10, var(--ng-radius-xl));
175
+ background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));
176
+ padding: var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl))
177
+ var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));
178
+ }
179
+
180
+ /* A strip stays tight when it is bordered too. Spelled out as its own
181
+ two-class rule so specificity decides, not declaration order. */
182
+ .empty-state--inline.empty-state--bordered {
183
+ padding: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))
184
+ var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));
185
+ }
77
186
 
78
187
  .empty-state__body {
79
188
  display:flex;
@@ -88,13 +197,13 @@ export const styles = css `
88
197
  }
89
198
 
90
199
  .empty-state__img__icon {
91
- display: var(--ng-display-flex);
200
+ display: var(--nile-display-flex, var(--ng-display-flex));
92
201
  justify-content: center;
93
202
  align-items: center;
94
203
  }
95
204
 
96
205
  .empty-state__body--tonal {
97
- background: var(--nile-gradient-1, var(--ng-white-gradient-6));
206
+ background: var(--nile-gradient-1, var(--ng-white-gradient-6));
98
207
  width: 104px;
99
208
  height: 104px;
100
209
  border-radius: var(--nile-radius-full, var(--ng-radius-full));
@@ -107,8 +216,7 @@ export const styles = css `
107
216
  height:var(--nile-es-icon-size);
108
217
  aspect-ratio:1 / 1;
109
218
  border-radius: var(--nile-es-flat-option-border-radius);
110
-
111
- background-color: white;
219
+ background-color: var(--nile-colors-neutral-0, var(--ng-colors-bg-primary));
112
220
  display: grid;
113
221
  place-items: center;
114
222
  border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
@@ -119,6 +227,8 @@ export const styles = css `
119
227
  flex-direction:column;
120
228
  gap:var(--nile-es-text-gap);
121
229
  max-width:80%;
230
+ min-width: 0;
231
+ overflow-wrap: anywhere;
122
232
  }
123
233
 
124
234
  .empty-state__text {
@@ -143,7 +253,20 @@ export const styles = css `
143
253
  .empty-state-actions {
144
254
  display:flex;
145
255
  justify-content:center;
256
+ gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));
257
+ flex-wrap: wrap;
146
258
  }
259
+
260
+ .empty-state__code {
261
+ font-family: var(--nile-font-family-body, var(--ng-font-family-body));
262
+ font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
263
+ font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
264
+ letter-spacing: 0.14em;
265
+ text-transform: uppercase;
266
+ text-align: center;
267
+ color: var(--nile-colors-dark-400, var(--ng-colors-text-quaternary-500));
268
+ }
269
+
147
270
  `;
148
271
  export default [styles];
149
272
  //# sourceMappingURL=nile-empty-state.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"nile-empty-state.css.js","sourceRoot":"","sources":["../../../src/nile-empty-state/nile-empty-state.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * EmptyState CSS\n */\nexport const styles = css`\n :host {\n display:inline-flex;\n width:100%;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .empty-state--sm {\n --nile-es-text-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n --nile-es-text-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n --nile-es-subtext-line-height:20px;\n \n --nile-es-icon-size:var(--nile-height-48px, var(--ng-height-48px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n --nile-es-img-height:118px;\n --nile-es-img-width:152px;\n\n --nile-es-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n --nile-es-text-gap:var(--nile-spacing-none, var(--ng-spacing-xs));\n }\n\n .empty-state--md {\n --nile-es-text-size: var(--nile-type-scale-5, var(--ng-font-size-text-lg));\n --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-lg));\n --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n --nile-es-subtext-line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n\n --nile-es-icon-size: var(--nile-spacing-5-x, var(--ng-height-48px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n --nile-es-img-height:128px;\n --nile-es-img-width:172px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-2xl, var(--ng-spacing-2xl));\n --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .empty-state--lg {\n --nile-es-text-size: var(--nile-spacing-2xl, var(--ng-font-size-text-xl));\n --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-xl));\n --nile-es-subtext-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n --nile-es-subtext-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n\n --nile-es-icon-size:var(--nile-height-60px, var(--ng-height-60px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-10, var(--ng-radius-lg));\n --nile-es-img-height:160px;\n --nile-es-img-width:220px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-2xl));\n --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .empty-state {\n min-width:300px;\n max-width:512px;\n width:100%;\n height:max-content;\n display:flex;\n flex-direction:column;\n row-gap:var(--nile-es-gap);\n }\n\n .empty-state__body {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n align-items:center;\n row-gap:var(--nile-es-body-gap)\n }\n\n .empty-state__body--content {\n position:relative;\n }\n\n .empty-state__img__icon {\n display: var(--ng-display-flex);\n justify-content: center;\n align-items: center;\n }\n\n .empty-state__body--tonal {\n background: var(--nile-gradient-1, var(--ng-white-gradient-6));\n width: 104px;\n height: 104px;\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n display:flex;\n justify-content:center;\n align-items:center;\n }\n\n .nile-flat-type-icon {\n height:var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: var(--nile-es-flat-option-border-radius);\n\n background-color: white;\n display: grid;\n place-items: center;\n border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n }\n\n .empty__state__text-section {\n display:flex;\n flex-direction:column;\n gap:var(--nile-es-text-gap);\n max-width:80%;\n }\n\n .empty-state__text {\n font-size: var(--nile-es-text-size);\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));\n line-height: var(--nile-es-text-line-height);\n text-align: center;\n font-style: normal;\n }\n\n .empty-state__subtext {\n font-size: var(--nile-es-subtext-size);\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-es-subtext-line-height);\n text-align: center;\n color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n font-style: normal;\n }\n\n .empty-state-actions {\n display:flex;\n justify-content:center;\n }\n`;\n\nexport default [styles];\n"]}
1
+ {"version":3,"file":"nile-empty-state.css.js","sourceRoot":"","sources":["../../../src/nile-empty-state/nile-empty-state.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmQxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * EmptyState CSS\n */\nexport const styles = css`\n :host {\n display:inline-flex;\n width:100%;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n .empty-state--sm {\n --nile-es-text-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n --nile-es-text-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n --nile-es-subtext-line-height:20px;\n \n --nile-es-icon-size:var(--nile-height-48px, var(--ng-height-48px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n --nile-es-img-height:118px;\n --nile-es-img-width:152px;\n\n --nile-es-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n --nile-es-text-gap:var(--nile-spacing-none, var(--ng-spacing-xs));\n }\n\n .empty-state--md {\n --nile-es-text-size: var(--nile-type-scale-5, var(--ng-font-size-text-lg));\n --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-lg));\n --nile-es-subtext-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n --nile-es-subtext-line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n\n --nile-es-icon-size: var(--nile-spacing-5-x, var(--ng-height-48px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-5, var(--ng-radius-lg));\n --nile-es-img-height:128px;\n --nile-es-img-width:172px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-2xl, var(--ng-spacing-2xl));\n --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .empty-state--lg {\n --nile-es-text-size: var(--nile-spacing-2xl, var(--ng-font-size-text-xl));\n --nile-es-text-line-height: var(--nile-line-height-large, var(--ng-line-height-text-xl));\n --nile-es-subtext-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n --nile-es-subtext-line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n\n --nile-es-icon-size:var(--nile-height-60px, var(--ng-height-60px));\n --nile-es-flat-option-border-radius: var(--nile-border-size-10, var(--ng-radius-lg));\n --nile-es-img-height:160px;\n --nile-es-img-width:220px;\n\n --nile-es-gap:var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl));\n --nile-es-body-gap:var(--nile-spacing-spacing-3xl, var(--ng-spacing-2xl));\n --nile-es-text-gap:var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .empty-state {\n min-width:300px;\n max-width:512px;\n width:100%;\n margin-inline: auto;\n height:max-content;\n display:flex;\n flex-direction:column;\n row-gap:var(--nile-es-gap);\n }\n .empty-state--tone-info .empty-state__body--tonal {\n background: linear-gradient(\n 180deg,\n var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary)) 0%,\n var(--nile-colors-primary-400, var(--ng-colors-bg-brand-secondary)) 100%\n );\n }\n\n .empty-state--tone-warning .empty-state__body--tonal {\n background: linear-gradient(\n 180deg,\n var(--nile-colors-yellow-100, var(--ng-colors-bg-warning-primary)) 0%,\n var(--nile-colors-yellow-400, var(--ng-colors-bg-warning-secondary)) 100%\n );\n }\n\n .empty-state--tone-error .empty-state__body--tonal {\n background: linear-gradient(\n 180deg,\n var(--nile-colors-red-100, var(--ng-colors-bg-error-primary)) 0%,\n var(--nile-colors-red-400, var(--ng-colors-bg-error-secondary)) 100%\n );\n }\n\n .empty-state--tone-info .nile-flat-type-icon {\n background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary));\n border-color: var(--nile-colors-primary-600, var(--ng-colors-border-brand));\n }\n\n .empty-state--tone-warning .nile-flat-type-icon {\n background-color: var(--nile-colors-yellow-100, var(--ng-colors-bg-warning-primary));\n border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n }\n\n .empty-state--tone-error .nile-flat-type-icon {\n background-color: var(--nile-colors-red-100, var(--ng-colors-bg-error-primary));\n border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n }\n\n .empty-state--inline {\n flex-direction: row;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n min-width: 0;\n max-width: none;\n column-gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n row-gap: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n padding: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n }\n\n .empty-state--inline .empty-state__body {\n flex-direction: row;\n align-items: center;\n column-gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n }\n\n .empty-state--inline .empty__state__text-section {\n flex-direction: row;\n align-items: baseline;\n gap: var(--nile-spacing-spacing-sm, var(--ng-spacing-sm));\n max-width: none;\n }\n\n .empty-state--inline .empty-state__text,\n .empty-state--inline .empty-state__subtext {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n text-align: left;\n }\n .empty-state__body--inline {\n display: grid;\n place-items: center;\n }\n\n\n .empty-state--page .empty-state__text {\n font-size: var(--nile-type-scale-9, var(--ng-font-size-display-sm));\n line-height: var(--nile-line-height-display, var(--ng-line-height-display-sm));\n letter-spacing: -0.02em;\n }\n\n .empty-state--page .empty-state__subtext {\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n line-height: var(--nile-line-height-medium, var(--ng-line-height-text-md));\n }\n\n .empty-state--page .empty-state__code {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n letter-spacing: 0.2em;\n }\n /* stack and page carry no padding of their own, so the dashed edge would sit\n flush against the content — hence the roomy padding here. */\n .empty-state--bordered {\n border: 1px dashed var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n border-radius: var(--nile-border-size-10, var(--ng-radius-xl));\n background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));\n padding: var(--nile-spacing-spacing-4xl, var(--ng-spacing-4xl))\n var(--nile-spacing-spacing-3xl, var(--ng-spacing-3xl));\n }\n\n /* A strip stays tight when it is bordered too. Spelled out as its own\n two-class rule so specificity decides, not declaration order. */\n .empty-state--inline.empty-state--bordered {\n padding: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n }\n\n .empty-state__body {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n align-items:center;\n row-gap:var(--nile-es-body-gap)\n }\n\n .empty-state__body--content {\n position:relative;\n }\n\n .empty-state__img__icon {\n display: var(--nile-display-flex, var(--ng-display-flex));\n justify-content: center;\n align-items: center;\n }\n\n .empty-state__body--tonal {\n background: var(--nile-gradient-1, var(--ng-white-gradient-6));\n width: 104px;\n height: 104px;\n border-radius: var(--nile-radius-full, var(--ng-radius-full));\n display:flex;\n justify-content:center;\n align-items:center;\n }\n\n .nile-flat-type-icon {\n height:var(--nile-es-icon-size);\n aspect-ratio:1 / 1;\n border-radius: var(--nile-es-flat-option-border-radius);\n background-color: var(--nile-colors-neutral-0, var(--ng-colors-bg-primary));\n display: grid;\n place-items: center;\n border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n }\n\n .empty__state__text-section {\n display:flex;\n flex-direction:column;\n gap:var(--nile-es-text-gap);\n max-width:80%;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .empty-state__text {\n font-size: var(--nile-es-text-size);\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));\n line-height: var(--nile-es-text-line-height);\n text-align: center;\n font-style: normal;\n }\n\n .empty-state__subtext {\n font-size: var(--nile-es-subtext-size);\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-es-subtext-line-height);\n text-align: center;\n color:var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n font-style: normal;\n }\n\n .empty-state-actions {\n display:flex;\n justify-content:center;\n gap: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n flex-wrap: wrap;\n }\n\n .empty-state__code {\n font-family: var(--nile-font-family-body, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n letter-spacing: 0.14em;\n text-transform: uppercase;\n text-align: center;\n color: var(--nile-colors-dark-400, var(--ng-colors-text-quaternary-500));\n }\n\n`;\n\nexport default [styles];\n"]}
@@ -6,6 +6,12 @@
6
6
  */
7
7
  import { CSSResultArray, TemplateResult } from 'lit';
8
8
  import NileElement from '../internal/nile-element';
9
+ /** What happened. Selects an icon, tone, default copy and ARIA role. */
10
+ export type NileEmptyStateStatus = 'empty' | 'no-results' | 'not-found' | 'no-access' | 'error' | 'offline';
11
+ /** How loud the state looks. Defaults from `status`, always overridable. */
12
+ export type NileEmptyStateTone = 'neutral' | 'info' | 'warning' | 'error';
13
+ /** What shape the state occupies. */
14
+ export type NileEmptyStateLayout = 'stack' | 'inline' | 'page';
9
15
  /**
10
16
  * Nile empty-state component.
11
17
  *
@@ -20,13 +26,37 @@ export declare class NileEmptyState extends NileElement {
20
26
  static get styles(): CSSResultArray;
21
27
  size: 'sm' | 'md' | 'lg';
22
28
  variant: 'flat' | 'content' | 'tonal';
23
- icon: string;
24
- grayscale: boolean;
25
- text: String;
26
- subText: String;
29
+ status?: NileEmptyStateStatus;
30
+ layout: NileEmptyStateLayout;
31
+ code?: string;
32
+ bordered: boolean;
27
33
  svgIconUrl: string;
28
- svgIconSize: number;
34
+ /**
35
+ * Overrides the layout-driven glyph size for a custom `svgIconUrl`. Left unset,
36
+ * the SVG matches whatever size the current variant/layout draws at.
37
+ */
38
+ svgIconSize?: number;
29
39
  svgIconColor: string;
40
+ private _icon?;
41
+ private _text?;
42
+ private _subText?;
43
+ private _tone?;
44
+ get icon(): string;
45
+ set icon(value: string | null);
46
+ /** Headline. Resolves through the `status` preset to `DEFAULT_TEXT`. */
47
+ get text(): string;
48
+ set text(value: string | null);
49
+ /** Supporting line. Resolves through the `status` preset to `DEFAULT_SUB_TEXT`. */
50
+ get subText(): string;
51
+ set subText(value: string | null);
52
+ get tone(): NileEmptyStateTone;
53
+ set tone(value: NileEmptyStateTone | null);
54
+ /** The preset backing the current `status`, or undefined when none is set. */
55
+ private get preset();
56
+ private get glyphColor();
57
+ /** ARIA wiring */
58
+ private get liveRegion();
59
+ private renderGlyph;
30
60
  /**
31
61
  * Render method
32
62
  * @slot This is a slot test
@@ -11,6 +11,41 @@ import { classMap } from 'lit/directives/class-map.js';
11
11
  import { styles } from './nile-empty-state.css';
12
12
  import NileElement from '../internal/nile-element';
13
13
  import { ifDefined } from 'lit/directives/if-defined.js';
14
+ const STATUS_PRESETS = {
15
+ 'empty': {
16
+ icon: 'ng-database', tone: 'neutral', role: 'status', live: 'polite',
17
+ text: 'No data yet', subText: `Rows appear here once there's something to show.`,
18
+ },
19
+ 'no-results': {
20
+ icon: 'ng-search-lg', tone: 'neutral', role: 'status', live: 'polite',
21
+ text: 'No matches', subText: 'Try removing a filter or broadening your search.',
22
+ },
23
+ 'not-found': {
24
+ icon: 'ng-file-06', tone: 'warning', role: 'status', live: 'polite',
25
+ text: `We couldn't find that`, subText: 'It may have been moved or deleted.',
26
+ },
27
+ 'no-access': {
28
+ icon: 'ng-lock', tone: 'warning', role: 'status', live: 'polite',
29
+ text: `You don't have access`, subText: 'Ask an admin to grant you access to this resource.',
30
+ },
31
+ 'error': {
32
+ icon: 'ng-alert-circle', tone: 'error', role: 'alert', live: 'assertive',
33
+ text: 'Something went wrong', subText: `We couldn't load this. Try again.`,
34
+ },
35
+ 'offline': {
36
+ icon: 'ng-cloud-off', tone: 'error', role: 'alert', live: 'assertive',
37
+ text: 'Connection lost', subText: 'Check your connection and try again.',
38
+ },
39
+ };
40
+ const TONE_GLYPH_COLOR = {
41
+ neutral: undefined,
42
+ info: 'var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600))',
43
+ warning: 'var(--nile-colors-yellow-700, var(--ng-colors-fg-warning-primary))',
44
+ error: 'var(--nile-colors-red-700, var(--ng-colors-fg-error-primary))',
45
+ };
46
+ const DEFAULT_ICON = 'ng-x-circle';
47
+ const DEFAULT_TEXT = 'Empty State';
48
+ const DEFAULT_SUB_TEXT = 'No Data';
14
49
  /**
15
50
  * Nile empty-state component.
16
51
  *
@@ -22,11 +57,8 @@ let NileEmptyState = class NileEmptyState extends NileElement {
22
57
  super(...arguments);
23
58
  this.size = 'md';
24
59
  this.variant = 'tonal';
25
- this.icon = 'var(--nile-icon-error, var(--ng-icon-x-circle))';
26
- this.grayscale = false;
27
- this.text = 'Empty State';
28
- this.subText = 'No Data';
29
- this.svgIconSize = 40;
60
+ this.layout = 'stack';
61
+ this.bordered = false;
30
62
  /* #endregion */
31
63
  }
32
64
  /**
@@ -36,56 +68,128 @@ let NileEmptyState = class NileEmptyState extends NileElement {
36
68
  static get styles() {
37
69
  return [styles];
38
70
  }
71
+ get icon() {
72
+ return this._icon ?? this.preset?.icon ?? DEFAULT_ICON;
73
+ }
74
+ set icon(value) {
75
+ const old = this.icon;
76
+ this._icon = value ?? undefined;
77
+ this.requestUpdate('icon', old);
78
+ }
79
+ /** Headline. Resolves through the `status` preset to `DEFAULT_TEXT`. */
80
+ get text() {
81
+ return this._text ?? this.preset?.text ?? DEFAULT_TEXT;
82
+ }
83
+ set text(value) {
84
+ const old = this.text;
85
+ this._text = value ?? undefined;
86
+ this.requestUpdate('text', old);
87
+ }
88
+ /** Supporting line. Resolves through the `status` preset to `DEFAULT_SUB_TEXT`. */
89
+ get subText() {
90
+ return this._subText ?? this.preset?.subText ?? DEFAULT_SUB_TEXT;
91
+ }
92
+ set subText(value) {
93
+ const old = this.subText;
94
+ this._subText = value ?? undefined;
95
+ this.requestUpdate('subText', old);
96
+ }
97
+ get tone() {
98
+ return this._tone ?? this.preset?.tone ?? 'neutral';
99
+ }
100
+ set tone(value) {
101
+ const old = this.tone;
102
+ this._tone = value ?? undefined;
103
+ this.requestUpdate('tone', old);
104
+ }
39
105
  /* #endregion */
40
106
  /* #region Methods */
107
+ /** The preset backing the current `status`, or undefined when none is set. */
108
+ get preset() {
109
+ return this.status ? STATUS_PRESETS[this.status] : undefined;
110
+ }
111
+ get glyphColor() {
112
+ return this.svgIconColor ?? TONE_GLYPH_COLOR[this.tone];
113
+ }
114
+ /** ARIA wiring */
115
+ get liveRegion() {
116
+ const preset = this.preset;
117
+ if (!preset)
118
+ return undefined;
119
+ return { role: preset.role, live: preset.live };
120
+ }
121
+ renderGlyph(size) {
122
+ const color = this.glyphColor;
123
+ return this.svgIconUrl ? html `
124
+ <nile-glyph
125
+ customSvgPath="${this.svgIconUrl}"
126
+ size="${this.svgIconSize ?? size}"
127
+ method="stroke"
128
+ color="${ifDefined(color)}"
129
+ noFill
130
+ ></nile-glyph>
131
+ ` : html `
132
+ <nile-glyph
133
+ name="${this.icon}"
134
+ method="stroke"
135
+ size="${size}"
136
+ color="${ifDefined(color)}"
137
+ ></nile-glyph>
138
+ `;
139
+ }
41
140
  /**
42
141
  * Render method
43
142
  * @slot This is a slot test
44
143
  */
45
144
  render() {
145
+ const live = this.liveRegion;
146
+ const inline = this.layout === 'inline';
46
147
  return html `
47
148
  <div part="container" class="${classMap({
48
149
  'empty-state': true,
49
150
  'empty-state--sm': this.size == 'sm',
50
151
  'empty-state--md': this.size == 'md',
51
- 'empty-state--lg': this.size == 'lg'
52
- })}">
152
+ 'empty-state--lg': this.size == 'lg',
153
+ 'empty-state--stack': this.layout === 'stack',
154
+ 'empty-state--inline': inline,
155
+ 'empty-state--page': this.layout === 'page',
156
+ 'empty-state--bordered': this.bordered,
157
+ [`empty-state--tone-${this.tone}`]: true,
158
+ })}"
159
+ role="${ifDefined(live?.role)}"
160
+ aria-live="${ifDefined(live?.live)}"
161
+ >
53
162
  <div part="body" class="${classMap({ 'empty-state__body': true })}">
54
163
 
55
- ${this.variant == 'content' ? html `
164
+ ${inline ? html `
165
+ <span part="inline-icon icon-chrome" class="empty-state__body--inline">
166
+ ${this.renderGlyph(20)}
167
+ </span>` : nothing}
168
+
169
+ ${!inline && this.variant == 'content' ? html `
56
170
  <div part="content-image" class="empty-state__body--content">
57
171
  ${!this.icon && !this.svgIconUrl ? nothing : html `
58
- <div part="icon-wrapper" class="empty-state__img__icon">
59
- ${this.svgIconUrl ? html `
60
- <nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${ifDefined(this.svgIconColor)}" noFill></nile-icon>
61
- <!-- <nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" color="${this.svgIconColor ? this.svgIconColor : '#ddd'}"></nile-icon> -->
62
- ` : html `
63
- <nile-icon name="${this.icon}" color="white" size="${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}"></nile-icon>
64
- `}
172
+ <div part="icon-wrapper icon-chrome" class="empty-state__img__icon">
173
+ ${this.renderGlyph(this.size == 'lg' ? 28 : 24)}
65
174
  </div>`}
66
175
  </div>` : nothing}
67
176
 
68
- ${this.variant == 'tonal' ? html `
69
- <div part="tonal-body" class="empty-state__body--tonal">
70
- ${this.svgIconUrl ? html `
71
- <nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" color="${ifDefined(this.svgIconColor)}" noFill></nile-icon>
72
- ` : html `
73
- <nile-icon name="${this.icon}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="40"></nile-icon>
74
- `}
177
+ ${!inline && this.variant == 'tonal' ? html `
178
+ <div part="tonal-body icon-chrome" class="empty-state__body--tonal">
179
+ ${this.renderGlyph(40)}
75
180
  </div>` : nothing}
76
181
 
77
- ${this.variant == 'flat' ? html `
182
+ ${!inline && this.variant == 'flat' ? html `
78
183
  <div part="flat-body" class="empty-state__body--flat">
79
- <span class="nile-flat-type-icon">
80
- ${this.svgIconUrl ? html `
81
- <nile-icon customSvgPath="${this.svgIconUrl}" size="${this.svgIconSize}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" variant="secondary" color="${ifDefined(this.svgIconColor)}" noFill></nile-icon>
82
- ` : html `
83
- <nile-icon name="${this.icon}" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" size="${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}" variant="secondary"></nile-icon>
84
- `}
184
+ <span part="icon-chrome" class="nile-flat-type-icon">
185
+ ${this.renderGlyph(this.size == 'lg' ? 28 : 24)}
85
186
  </span>
86
187
  </div>` : nothing}
87
188
 
88
189
  <div part="text-section" class="empty__state__text-section">
190
+ ${this.code ? html `
191
+ <div part="code" class="empty-state__code">${this.code}</div>
192
+ ` : nothing}
89
193
  <div part="text" class="empty-state__text">${this.text}</div>
90
194
  <div part="subtitle" class="empty-state__subtext">${this.subText}</div>
91
195
  </div>
@@ -94,37 +198,50 @@ let NileEmptyState = class NileEmptyState extends NileElement {
94
198
  <div part="actions" class="empty-state-actions">
95
199
  <slot></slot>
96
200
  </div>
201
+
97
202
  </div>
98
203
  `;
99
204
  }
100
205
  };
101
206
  __decorate([
102
- property()
207
+ property({ type: String, attribute: true })
103
208
  ], NileEmptyState.prototype, "size", void 0);
104
209
  __decorate([
105
- property()
210
+ property({ type: String, attribute: true })
106
211
  ], NileEmptyState.prototype, "variant", void 0);
107
212
  __decorate([
108
- property()
109
- ], NileEmptyState.prototype, "icon", void 0);
213
+ property({ type: String, attribute: true, reflect: true })
214
+ ], NileEmptyState.prototype, "status", void 0);
110
215
  __decorate([
111
- property({ type: Boolean })
112
- ], NileEmptyState.prototype, "grayscale", void 0);
216
+ property({ type: String, attribute: true, reflect: true })
217
+ ], NileEmptyState.prototype, "layout", void 0);
113
218
  __decorate([
114
- property()
115
- ], NileEmptyState.prototype, "text", void 0);
219
+ property({ type: String, attribute: true })
220
+ ], NileEmptyState.prototype, "code", void 0);
116
221
  __decorate([
117
- property({ attribute: 'sub-text' })
118
- ], NileEmptyState.prototype, "subText", void 0);
222
+ property({ type: Boolean, attribute: true, reflect: true })
223
+ ], NileEmptyState.prototype, "bordered", void 0);
119
224
  __decorate([
120
- property()
225
+ property({ type: String, attribute: true })
121
226
  ], NileEmptyState.prototype, "svgIconUrl", void 0);
122
227
  __decorate([
123
- property({ type: Number })
228
+ property({ type: Number, attribute: true })
124
229
  ], NileEmptyState.prototype, "svgIconSize", void 0);
125
230
  __decorate([
126
- property({ type: String })
231
+ property({ type: String, attribute: true })
127
232
  ], NileEmptyState.prototype, "svgIconColor", void 0);
233
+ __decorate([
234
+ property({ type: String, attribute: true })
235
+ ], NileEmptyState.prototype, "icon", null);
236
+ __decorate([
237
+ property({ type: String, attribute: true })
238
+ ], NileEmptyState.prototype, "text", null);
239
+ __decorate([
240
+ property({ type: String, attribute: 'sub-text' })
241
+ ], NileEmptyState.prototype, "subText", null);
242
+ __decorate([
243
+ property({ type: String, attribute: true, reflect: true })
244
+ ], NileEmptyState.prototype, "tone", null);
128
245
  NileEmptyState = __decorate([
129
246
  customElement('nile-empty-state')
130
247
  ], NileEmptyState);