Fixes#786
The UI Shell `SideNav` overlay can sometimes be superseded by other elements. This applies a `z-index` value of `6000` to the overlay when open.
* chore: update ignore rules, remove unused files
* refactor(icons): use icons from carbon-icons-svelte@11
* docs(time-picker): fix default value
* chore: upgrade carbon-icons-svelte to v11
* docs: update examples to use icons from carbon-icons-svelte@11
* docs: update number of icons [ci skip]
The Svelte Language Server allows component-level comments through `<!-- @component ... -->` syntax.
Deprecation notices for components should be moved from the script block to the markup template.
Fixes:
- pressing "Enter" on a `HeaderNavMenuItem` should close the menu
- tab blurring the last item in an open menu should close the menu
- remove "role" to fix a11y warning
* feat(icons): inline carbon icons used by components
* feat(icons): update svelte components to use inlined carbon icons
* breaking(deps): remove carbon-icons-svelte
* chore(deps-dev): install carbon-icons-svelte as a devDependency
* feat(types): loosen type for Carbon icons #806
* Add closeIcon option and remove stopPropagation on:click in HeaderAction (#840)
* Remove stopPropagation on:click
Remove stopPropagation on:click helps when you have more then one acction to switch between actions tabs
* fix bug for default icon
* add closeIcon attribute to HeaderAction
* feat(types): loosen type for Carbon icons #806
* chore: update TreeView, HeaderAction icon types
Co-authored-by: Daniel Miedzik <daniel.miedzik@gmail.com>
* Remove stopPropagation on:click
Remove stopPropagation on:click helps when you have more then one acction to switch between actions tabs
* fix bug for default icon
* add closeIcon attribute to HeaderAction
* chore(deps-dev): upgrade carbon-components to v10.38.0
* feat(text-input): support read-only variant
* docs: use consistent lingo for inline variant examples
* docs(popover): add Popover alignment example
* fix(file-uploader): adjust markup to avoid accessibility errors
Ref: 0dfde60e3
* fix(inline-loading): use error filled icon
* fix(inline-loading): render iconDescription as title in error/warning icons
Ref: 51c53c923
* fix(structured-list): update accessibility attributes
* fix(tooltip-definition): use span instead of div
Ref: cb6de3025
* fix(multi-select): close menu when blurring the last filterable option
* fix(multi-select): open/focus field for filterable multiselect #635
* fix(multi-select): unblock focus when blurring input #635
* fix(combo-box): select correct item with keys, allow input after clearing #195
* fix(combo-box): update input text if item is selected
* feat(combo-box): render checkmark icon for selected item
* fix(ui-shell): toggle SideNav rail when clicking the hamburger menu #699
* fix(context-menu): update context menu classes #684
* docs(context-menu): improve demo instructions #684
* fix(context-menu): close menu when clicking anywhere
* chore(deps-dev): upgrade carbon-components to v10.36.0
* feat(structured-list): add condensed, flush props
* fix(structured-list): deprecate the border prop
* fix(code-snippet): set min/max height for multi-line code snippet #656Fixes#656
* fix(image-loader): make SSR compatible using a window type check guard
* docs(tag): add separate disabled example for filterable/interactive tags
* docs: update number of supported chart types
* feat(side-nav): support rail variant
* feat(ui-shell): add isSelected prop to HeaderNavItem
* fix(ui-shell): default isSelected to false in SideNavMenuItem
* fix(text-area): forward missing keydown event #665Fixes#665
* feat: forward keyup event to components with inputs
* feat(checkbox): make labelText slottable #563Closes#563
* feat: make labelText slottable
Related #563
* docs(component-api): account for undefined type
* docs(ui-shell): link to correct rail source
* fix(ui-shell): default isSelected in HeaderNavItem to false
* feat(theme): add g80 theme
* docs(data-table): use link with icon variant
* feat(search): support expandable variant
* fix(file-uploaded): use semantic p element instead of strong
* feat(side-nav): dispatch open, close, click:overlay events
* refactor(ui-shell): remove usage of deprecated Icon component
* feat(ui-shell): allow custom hamburger menu icons
* feat(button): support xl size
* fix(code-snippet): wrap code element with pre
* refactor(button): use button specific tooltip class for icon-only variant
* feat(password-input): support warning, inline props
* feat(data-table): support medium size
* Fix "Cannot use import statement outside a module"
Using `HamburgerMenu` from a SvelteKit project would result in the following error:
```
4:01:51 PM [vite] Error when evaluating SSR module /node_modules/carbon-components-svelte/src/UIShell/SideNav/HamburgerMenu.svelte:
/home/vegard/beat/backoffice-sapper/node_modules/carbon-icons-svelte/lib/Close20/index.js:1
import Close20 from "./Close20.svelte";
^^^^^^
SyntaxError: Cannot use import statement outside a module
at wrapSafe (internal/modules/cjs/loader.js:1101:16)
at Module._compile (internal/modules/cjs/loader.js:1149:27)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1205:10)
at Module.load (internal/modules/cjs/loader.js:1034:32)
at Function.Module._load (internal/modules/cjs/loader.js:923:14)
at Module.require (internal/modules/cjs/loader.js:1074:19)
at require (internal/modules/cjs/helpers.js:72:18)
at nodeRequire (/home/vegard/beat/backoffice-sapper/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69044:17)
at ssrImport (/home/vegard/beat/backoffice-sapper/node_modules/vite/dist/node/chunks/dep-66eb515d.js:69002:20)
at eval (/node_modules/carbon-components-svelte/src/UIShell/SideNav/HamburgerMenu.svelte:7:31) (x3)
```
To fix it, we need to reference the `.svelte` files for the icons.
* Fix DataTable icon import.
* fix(context-menu): only prevent default keydown behavior if menu is open
* docs(notification): update copy
* docs(select): update item groups example to use hidden default option
* docs: increase max-height to render UIShell, UnorderedList items
* fix(ui-shell): remove iconDescription prop from HeaderNavMenu #566Fixes#566
* feat(toolbar): forward "clear" event in ToolbarSearch
* docs(search): add on:clear example
* fix(ui-shell): set aria-hidden in SideNav
Ref c2b4f1f00
* chore(deps-dev): upgrade carbon-components to v10.30.0
* fix(text-input): use bx--text-input class for TextInputSkeleton
* fix(radio-button): only render span if labelText is truthy
* docs(password-input): add custom tooltip example
* feat(button): add isSelected prop for icon-only, ghost buttons
* feat(radio-button): add legendText prop to RadioButtonGroup
* docs(tag): add filterable (disabled) variant
* feat(tag): add interactive prop
* chore(number-input): deprecate the mobile variant
Mobile variant styles will no longer work.
* feat(button): set aria-pressed attribute if icon-only, ghost button is selected
* fix(multi-select): type dispatched select event
* fix(button): remove redundant "button" role
* feat(icon): deprecate Icon, IconSkeleton
* feat(ui-shell): make SideNavMenuItem text slottable
* fix(list-box): update styles for ListBoxSelection
* fix(list-box): temporarily apply override styles to ListBoxMenuIcon for chevron
* fix(tag): set disabled prop on interactive tag
* docs(button): extract selected, icon-only button example
* feat(tooltip): elevate z-index of tooltip when open
* feat: forward restProps to input element
* fix(types): fix TimePicker test to pass svelte-check
* feat: add ImageLoader component
* test: add ImageLoader
* feat: add LocalStorage component
* test(local-storage): fix invalid file
* chore(docs): use green tag type
* chore: patch prettier-plugin-svelte
* docs(tag): add filterable small tag example
* feat(ui-shell): add SideNavDivider
* feat(combo-box): support warning state
* docs(combo-box): add invalid state example
* fix(progress-step): add title to warning icon
* docs(progress-indicator): add invalid step example
* docs(progress-indicator): add disabled steps example
* feat(truncate): add text truncation component and action
* docs(radio-tile): fix light variant example
* fix(side-effects): add pre-compiled CSS to library side effects
* refactor(css): use shorthand scss imports, add comments
* refactor(truncate): rename "direction" prop to "clamp"
* chore(deps-dev): bump carbon-components to v10.29.0
* feat(combo-box): add direction prop
* feat(dropdown): add direction prop
* feat(multi-select): add direction prop
