Commit graph

25 commits

Author SHA1 Message Date
Eric Y Liu
a345688554 feat(side-nav): support rail variant 2021-06-26 13:28:56 -07:00
Eric Liu
f9909827d0
Align v10.34 (#621)
* 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
2021-06-25 03:45:30 -07:00
Vegard Andreas Larsen
93f14c92e4
Fix "Cannot use import statement outside a module" (#594)
* 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.
2021-04-12 16:25:15 -07:00
Eric Liu
1b234ca2e3
Alignment with Carbon version 10.30 (#559)
* 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
2021-03-13 14:53:37 -08:00
josef
08249d6764
fix(SideNav): apply overlay for non-fixed sidenav instances, ref #544 (#562) 2021-03-12 12:35:01 -08:00
Eric Liu
63ef51209d
feat: make renderIcon/icon prop consistent (#496) 2021-01-27 14:16:07 -08:00
josef
a9e63e0038
feat(UIShell): only render hamburger menu if SideNav exists (#457)
* feat(UIShell): only render hamburger menu if SideNav exists

* feat(SideNav): store logic moved to onMount
2020-12-09 09:14:32 -08:00
Eric Liu
f4c940d5ee
Make UI Shell HeaderAction panel transition configurable (#419)
* fix(ui-shell): remove fly transition from hamburger menu

* feat(header-action): make panel transition configurable

* chore: rebuild types, docs

* docs(ui-shell): document transition prop in Header app switcher example
2020-11-26 17:14:07 -08:00
Eric Liu
56718c633d
Merge branch 'master' into rewrite-tyepscript-definitions 2020-11-19 06:16:50 -08:00
josefaidt
fd56f67705 refactor(SideNav): simplify collapsed logic 2020-11-18 08:42:37 -06:00
josefaidt
4e88bcc5b8 refactor(SideNav): collapse logic should differ from fixed variants 2020-11-12 08:07:28 -06:00
josefaidt
9d0a0b00b7 feat(UIShell): add persistentHamburgerMenu prop to header 2020-11-12 08:03:20 -06:00
Eric Liu
75d4b4cf03 refactor(types): shorten ref, id JSDocs, use CarbonIcon type, export component props 2020-11-06 11:30:46 -08:00
Eric Liu
d38e6d8be6 refactor: update/fix JSDoc props 2020-11-04 06:04:25 -08:00
josefaidt
32077693e0 chore(links): add rel="" to all links 2020-10-08 14:02:08 -05:00
josefaidt
d65d9d406c chore(UIShell): update JSDoc 2020-10-01 15:20:49 -05:00
josefaidt
d1e9fc7225 feat(UIShell): export ref for all UIShell components 2020-10-01 15:13:40 -05:00
josefaidt
398887a3d3 feat(prettier): add svelteBracketNewLine 2020-09-24 10:50:34 -05:00
Eric Liu
a4d68e7e00 fix(side-nav-menu): fix a11y warnings
- remove role attributes from SideNavMenuItem
- remove "aria-haspopup" from SideNavMenu
2020-09-14 06:49:42 -07:00
Eric Liu
42b8159b1c chore(prettier): use svelteStrictMode 2020-09-04 16:35:49 -07:00
Eric Liu
5c829b5afc build: use svelte compiler to generate typescript definitions 2020-08-10 18:27:26 -07:00
Eric Liu
4f2251b5e1 feat(ui-shell): support fixed SideNav 2020-08-02 05:52:42 -07:00
Eric Liu
f30755b237 chore: complete first pass of apply jsdoc annotations to component props 2020-07-26 17:42:12 -07:00
Eric Liu
b255dd9f99 feat(ui-shell): conditionally render icon markup 2020-07-24 17:18:55 -07:00
Eric Liu
2200b29b92 chore: lift components folder 2020-07-19 09:06:08 -07:00