CHANGELOG.md

6.11.0 (2021-06-17)

Features

• zen-popover: remove onZenBeforeVisibleChange event (e381d59)

6.10.2 (2021-06-10)

Bug Fixes

• zen-popover: break long words (90071b0)

6.10.1 (2021-06-10)

Bug Fixes

• zen-tooltip: break words without spaces in tooltip (6830899)

6.10.0 (2021-06-09)

Features

• zen-avatar-details: add possibility to show details tooltip on mouse hover icon (670b8d7)

6.9.7 (2021-06-04)

Bug Fixes

• zen-popover: popover (and dropdown, datepicker,...) is no longer offsetted (2bda944)
• zen-popover: warn if any popover parent is invalid (a877938)

6.9.6 (2021-06-02)

Bug Fixes

• zen-popover: add basic padding 32 px (62d67fe)
• zen-popover, zen-tooltip, zen-dropdown,...: can span outside overflow: hidden parent (888bd47)

6.9.5 (2021-05-31)

Bug Fixes

• zen-tab: remove badge property (c233ed8)

BREAKING CHANGES

There was an error with the commit message, this was supposed to be v7.0.0

• zen-tab: The badge property was removed in favor of using zen-badge in the zen-tab slot.

6.9.4 (2021-05-31)

Bug Fixes

• calc padding and active tab in willLoad to prevent flickering (91c99b8)
• prevent initial flickering of components (9783aec)

6.9.3 (2021-05-31)

Bug Fixes

• zen-avatar-details: ellipsis works correctly (9406c66)
• zen-lozenge: match min width to designs (e0dd81d)
• zen-table: prevent header jumping (d72f8e2)

6.9.2 (2021-05-31)

Bug Fixes

• zen-space: remove text "zen-space should not be empty" (d438c0c)

6.9.1 (2021-05-28)

Bug Fixes

• zen-avatar-details: add ellipsis for username and email (8754b96)

6.9.0 (2021-05-28)

Features

• zen-checkbox: add event zenClick (6cff8ee)
• zen-table: add method getSelectedRows() (de27792)
• zen-table-row: add event zenCheckboxClick (2f5d358)
• zen-table-row: add method getTable() (683121f)
• zen-table-row: add prop id (bba4ced)

6.8.0 (2021-05-27)

Bug Fixes

• zen-avatar-icon: change error handling (b694ab1)
• zen-menu: code review changes and code cleanup (3a5df5c)

Features

• zen-menu: add initial component implementation (d01ad0e)
• zen-menu: add story and update implementation (9182e7b)
• zen-menu: add trigger event and width params (93966f8)

6.7.2 (2021-05-27)

Bug Fixes

• fix row updating bug (81e9e44)

6.7.1 (2021-05-26)

Bug Fixes

• replace shadow variables (8c1603c)
• replace shadow variables in components (69f8394)

6.7.0 (2021-05-26)

Bug Fixes

• zen-tab: align zen tab badge text to center (c820e9a)

Features

• zen-badge: add value parameter and styles (d99a65c)
• zen-badge: initial commit for zen badge (9666636)
• zen-badge: remove visible and value params (a74e5bb)

6.6.0 (2021-05-25)

Bug Fixes

• zen-tooltip: changed variant params implementation and code cleanup (829bf78)
• zen-tooltip: code cleanup (6e94757)
• zen-tooltip: update story to use loremipsum text (270f5af)

Features

• zen-popover: add arrow to the popover (714f077)
• zen-tooltip: add system tooltip variant (211c572)

6.5.4 (2021-05-25)

Bug Fixes

• transscipt table row props to cell in cell willLoad (d56ebad)

6.5.3 (2021-05-24)

Bug Fixes

• zen-avatar-icon: fix display of initials if username contains only space (f0ef4d6)
• zen-avatar-image: fix if image url exists and code cleanup (d281db1)

6.5.2 (2021-05-20)

Bug Fixes

• zen-avatar-group: fix hidden number and initials overide issue (8b6ee3b)

6.5.1 (2021-05-18)

Bug Fixes

• zen-tooltip: make the link open on a new tab (efd191c)

6.5.0 (2021-05-17)

Bug Fixes

• zen-sidebar-nav-item: don't select first child automatically (1e80c5f)

Features

• zen-sidebar-nav-item: add prop disabled (c8943e4)

6.4.1 (2021-05-17)

Bug Fixes

• zen-tab: fix apply styles on params like string (dfc00e9)

6.4.0 (2021-05-14)

Features

• zen-row: add zenSelect event (c5f3db0)
• zen-row: add zenToggle event (1520c0a)

6.3.2 (2021-05-13)

Bug Fixes

• zen-checkbox: always render icons (57872c7)

6.3.1 (2021-05-12)

Bug Fixes

• zen-table: fix occasional error thrown when unmounted (98b96bc)

6.3.0 (2021-05-10)

Bug Fixes

• zen-table: make zen-text truncate work with tables (6acb66b)
• zen-text: fix truncate prop (e968e19)

Features

• zen-table-cell: add prop no-shrink (e9c9e7c)

6.2.0 (2021-05-07)

Features

• zen-space: add child prop no-shrink (ec24429)
• add component zen-sidebar-nav-skeleton (26717f7)

6.1.3 (2021-05-06)

Bug Fixes

• zen-status-tracker: prevent set attribute loop (6373f30)

6.1.2 (2021-05-05)

Bug Fixes

• deselect subitems on select (3c6c647)

6.1.1 (2021-05-04)

Bug Fixes

• zen-sidebar: change default expanded size (9885d5a)
• zen-sidebar: change the default collapsed width (872fb63)
• zen-sidebar-nav: add width property, update the toggle icon and update story (3e7c937)

6.1.0 (2021-05-04)

Features

• zen-tab: add disabled and badge params (bd22d2f)

6.0.0 (2021-04-30)

Bug Fixes

• add zen prefix to all the change events (025d502)
• add zen prefix to all the events (cad9c49)
• html-playground: update tabs implementation (c55a8aa)
• zen-date-picker: prevent double events (69cb6cf)
• zen-drawer: make opened prop mutable and added close functionality back (e570bdb)
• zen-modal: prefix events with 'zen' (0d9c3fe)
• zen-sidebar: prefix events with 'zen' (1bf696d)
• zen-sidebar-nav-item: validate children on load (16b11de)
• zen-sidebar-nav-subitem: prefix event with 'zen' (e27c42b)
• zen-table-cell: use the right event name for the checkbox (1a6c031)
• zen-tabs: prevent change event from being triggered on load (723706d)
• zen-tabs: prevent using value when it's NaN (ab0ece7)
• zen-tabs: update the selected value (1e9ecfe)
• zen-textarea: add missing events for blur and focus (35af57a)

BREAKING CHANGES

• zen-sidebar-nav-subitem: The subitemSelect event of the zen-sidebar-nav-subitem component has been renamed to ZenSubitemSelect.
• zen-sidebar: The toggle and collapse events of the zen-sidebar component have been renamed to zenToggle and zenCollapse.
• zen-modal: The ok and cancel events of the zen-modal component have been renamed to zenOk and zenCancel.
• In order to be consistent, all events except for click are now prefixed with zen. For example onFocus is now onZenFocus.
• All the onChange events were renamed to onZenChange.

5.2.0 (2021-04-27)

Bug Fixes

• zen-sidebar: add missing annotation (6f9faf5)
• zen-sidebar: removed expanded on hover functionality (8ba558c)
• zen-sidebar-nav: corrected props and removed footer by putting a named slot instead (d2d16e4)
• zen-sidebar-nav: updated event to use the zen prefix (478a307)
• zen-sidebar-nav-item: check subitems using a mutation observer (96c1093)
• zen-sidebar-nav-item: removed hover styles and updated event name (a127589)
• zen-sidebar-nav-item: updated event name to zenSelect (2c80324)

Features

• zen-sidebar: add event toggle (d96daca)
• zen-sidebar-nav: collapse item when collapsing navigation (516c727)
• add new component zen-sidebar-nav-item (65ca240)
• add new component zen-sidebar-nav-subitem (76c7959)
• add zen-sidebar-nav component (ec5da23)
• zen-sidebar: add padding prop (d94916f)
• add zen-sidebar component (58b0c23)

5.1.0 (2021-04-26)

Bug Fixes

• zen-lozenge: change none lozenge font weight (c420379)
• zen-lozenge: remove unused import (647d616)
• zen-status-tracker: add lozenge ids and observable (e98662b)
• zen-status-tracker: add unit test cases (0e67429)
• zen-status-tracker: fix observable child rerender (16a5e48)
• zen-status-tracker: refactor code and cleanup, add on zen change event (25033c8)

Features

• zen-lozenge: add additional variant none and a disabled option (ab0c62a)
• zen-status-tracker: add status tracker (14497d3)

5.0.1 (2021-04-26)

Bug Fixes

• add missing type annotations (fb7c10b)
• export helper types (9ff9b5b)

5.0.0 (2021-04-22)

Bug Fixes

• popover: max-width and width should be passed from parent (ee04588)

chore

• tooltip: remove prop maxWidth (2afee60)

BREAKING CHANGES

• tooltip: Tooltip - Prop maxWIdth is removed. Use more natural css prop max-width on zen-tooltip to achieve the same effect.

4.2.0 (2021-04-22)

Features

• zen-date-picker: added disableBeforeDate and disableAfterDate props (e19ad31)

4.1.0 (2021-04-20)

Features

• zen-lozenge: added new component with its types, style and slot (d54ae62)

4.0.3 (2021-04-20)

Bug Fixes

• zen-table: add table column type (cc80b63)

4.0.2 (2021-04-20)

Bug Fixes

• bug if formatted date is set to today (072e89f)

4.0.1 (2021-04-19)

Bug Fixes

• zen-tabs: fix that change event gets trigered (21b7b32)
• zen-tabs: remove flex grow (678d201)

4.0.0 (2021-04-16)

Bug Fixes

• zen-tooltip: remove variants (2631441)

BREAKING CHANGES

• zen-tooltip: The variant attribute of the has been removed, and the default appearance is the one from the variant.

3.5.1 (2021-04-15)

Bug Fixes

• enable React bindings deploy (77d2fb6)

3.5.0 (2021-04-15)

Bug Fixes

• zen-datepicker: now using zen-input clear button to clear datepicker (794d69a)

Features

• zen-input: when clear button is clicked a change event is triggered (f08ca40)

3.4.1 (2021-04-14)

Bug Fixes

• zen-option: updated mousemove hover style and remove keyboard hover when mousemove (6410bac)

3.4.0 (2021-04-13)

Features

• add React bindings (7887e88)

3.3.3 (2021-04-13)

Bug Fixes

• export necessary types (b2eb96f)

3.3.2 (2021-04-13)

Bug Fixes

• zen-avatar: fix avatar image not displayed (7352e74)

3.3.1 (2021-04-13)

Bug Fixes

• first row should have top blue border when selected (a250dfc)

3.3.0 (2021-04-13)

Features

• zen-card: add additional shadow variant (2102c61)

3.2.5 (2021-04-12)

Bug Fixes

• zen-progress-tracker: labels now have white-space nowrap style (8fe737c)

3.2.4 (2021-04-12)

Bug Fixes

• zen-tabs: fix that tabs stretch full width (995f32e)

3.2.3 (2021-04-12)

Bug Fixes

• non-selectable and non-expandable child row should still have left padding (898120d)
• zen-table: expandable and visible props are always correctly calculated (6a7706a)
• zen-table: selected and indeterminate props are always correctly calculated (feb73b9)

3.2.2 (2021-04-12)

Bug Fixes

• zen-space: vertically distributed items should not have right margin (db94404)

3.2.1 (2021-04-09)

Bug Fixes

• zen-avatar-icon: removed lg size (6d6c9d5)
• zen-button: change variant names (6d7afb3)

BREAKING CHANGES

There was an error with the commit message, this was supposed to be v4.0.0

• zen-avatar-icon: The lg size variant was removed.
• zen-button: The following button variants have been renamed: primary to blue-filled, secondary to blue-ghost, tertiary to grey-ghost, destructive to red-filled and positive to green-ghost; and the default variant, being that is was primary, was changed to blue-filled.

3.2.0 (2021-04-09)

Bug Fixes

• zen-tab: add default font size and styling (f7e91de)
• zen-tab: promote selected to property (6112352)
• zen-tabs: fix that event is logged in the console (9c28377)

Features

• zen-tab: add zen-tab fragment (d4efdd9)
• zen-tabs: convert story to mdx (01f5223)
• zen-tabs: move tabs to story navigation folder (bb512c5)
• zen-tabs: update zen tab implementation (50cc6ff)

3.1.0 (2021-04-09)

Features

• zen-avatar: add override for initials (a0149d7)

3.0.0 (2021-04-09)

Features

• remove zen-table-header and zen-table-header-cell (862cd35)

BREAKING CHANGES

• zen-table-header and zen-table-header-cell is removed. It is substituted by zen-row and new prop header

2.3.1 (2021-04-07)

Bug Fixes

• zen-drawer: when component is not opened on first load display is set to none (b1f47e9)

2.3.0 (2021-04-07)

Bug Fixes

• zen-tooltip: update story styles to equal the wireframes (d18a434)

Features

• zen-tooltip: add max width prop (b752097)

2.2.4 (2021-04-07)

Bug Fixes

• zen-dropdown: change to apply max-height instead of height (7eca163)
• zen-dropdown: fix menu height not being applied (f76d795)

2.2.3 (2021-04-06)

Bug Fixes

• zen-drawer: completely hides drawer on close (4a3aac6)

2.2.2 (2021-04-05)

Bug Fixes

• zen-avatar-details: add no wrap style (c9da999)
• zen-avatar-group: changes on data in storybook were not reflected (3f911da)

2.2.1 (2021-04-05)

Bug Fixes

• replace em units with rem (5caf82d)

2.2.0 (2021-04-05)

Features

• added focusInput method to zen-textarea (e0133b8)

2.1.1 (2021-04-02)

Bug Fixes

• zen-table header: fix sticky param set (3b12f99)

2.1.0 (2021-04-02)

Features

• zen-button: add size prop (5379605)
• zen-button: add styles for sizes (eb05787)

2.0.0 (2021-04-01)

Bug Fixes

• fix firefox h3 overlapping dropdown (66d08e6)
• fix popover width (3fad543)
• zen-dropdown: define field height instead of padding (c743ce5)
• zen-dropdown: truncate long text (383f3e9)
• zen-input: define host height instead of padding (07939e1)
• zen-option: remove vert padding and control height with line-height (f3eda2f)
• zen-option: truncate long text (aabfcf5)
• unify input, dropdown, date-picker height to 2 rem (1b0ea14)

Features

• zen-date-picker: add prop size and sizes story (7623d21)
• zen-dropdown: add size prop (fa9bc55)
• zen-input: add prop size and styles (6e6d65d)
• zen-option: add size prop (8ed071c)

BREAKING CHANGES

• Input, dropdown, date-picker default height is unified to 2 rem.

1.1.1 (2021-04-01)

Bug Fixes

• change table header expandable to be a attribute (2786037)
• make header selectable reflective and update styles (081d7a5)
• make tabel header cell sticky prop to be reflective (2c7d372)
• make table row params reflective and update styles (6656153)

1.1.0 (2021-04-01)

Bug Fixes

• small fix for icon margin (68e01ad)

Features

• add tooltip title and hyperlink (cedd87f)

1.0.1 (2021-03-31)

Bug Fixes

• enable NPM releases (75e0490)

1.0.0 (2021-03-31)

Bug Fixes

• add and update vrt snapshots (9844ea1)
• add role button to cancel button (a9da0c2)
• added invalid style to correct field (231ac37)
• avatar group sizes not beiing applied on avatar group (e5f5e72)
• change avatar variant to be a class property (0f8c06d)
• change variant name to dashed for consistency in code (baf1080)
• changed implementation based on pr review suggestions (6e172ec)
• changed story title (0dbef34)
• close button always align top (7fd1238)
• don't reflect paddings that are just forwarded (88e1794)
• fix flaky drawer visual test (ea8db0f)
• fix rebase conflicts issues with padding (5ce0847)
• fixes the table header z index issue (097f4ff)
• minimize padding css size print (6247eb4)
• prevent mutating instance inside loop (66c6294)
• rebase and fix merge conflicts (63c41a7)
• rebased and fixed merge conflicts (8cedd71)
• remove documented lines for events and methods (f788fc2)
• remove paddingless slots (24c803f)
• removed indeterminate prop from row story and fixed header story (0102231)
• rename basic type to basic and basic-lg (0250c2d)
• revert changelog (4749adc)
• spacing should use same values as padding (da31637)
• switch basic variant sizes (71af29b)
• test coverage (e09802c)
• update tests and vrt snapshots (a744178)
• updated conditional (d73a046)
• updated reflected indeterminate property and added $ convention (ee50b68)
• zen-avatar: remove margins between tooltip items (c58e7fe)
• zen-avatar-details: add none option to spacing prop (384d8bb)
• zen-avatar-details: horz align left (670c949)
• zen-avatar-details: revert p back to padding (179843e)
• zen-icon: revert p back to padding (938e148)
• zen-skeleton: support padding (b9bd0bd)
• zen-space: revert p back to padding for each story (07694db)
• zen-space: revert prop p back to padding (6f99587)
• sortable padding prop to p (4108dcd)

Features

• add clear button (eec8e97)
• add margins css (f969617)
• add new padding props to zen-avatar-details (0f7b0c1)
• add new padding props to zen-icon (710e7e1)
• add open close events (226bc7d)
• add option to hide clear button (6d7ffd0)
• add props px, py, pt, pl, pr, pb to zen-space (a0bd2ca)
• added invalid state to zen-datepicker (d8e2c50)
• added invalid state to zen-dropdown (e8ca539)
• added invalid state to zen-textarea (3fa3ff2)
• adds additional variant for the avatar detail component (c0e664b)
• adds stories for the new component variant possibilities (1d6753e)
• clear input on click (9d809af)
• expose padding props (c7f2935)
• hide clear button if no input.value (d922bb5)
• hide clear button if not input focused (0bf840f)
• hide default clear button on date picker (3787679)
• reimplemented variants and added basic default and basic large (5fa8d45)
• zen-card: add prop padding (57079ff)
• zen-drawer: add prop padding (d5e7c05)
• zen-option: add prop padding (42711c5)
• zen-panel: add prop padding (efb2f83)
• zen-popover: add prop padding (e5a28fb)
• zen-popover: remove zen-space wrappers from stories (8351fd6)
• zen-skeleton: add prop padding (907190d)
• zen-space: add display block prop (a93769b)
• zen-space: add margin prop (77d4c30)
• zen-text: add prop state (f33bd81)
• zen-tooltip: add prop padding (d85ae3f)
• remove props paddingX and paddingY (b2f74db)

BREAKING CHANGES

• zen-option: zen-option - Prop defaultPadding removed. Added prop padding to be able to control padding.
• zen-tooltip: zen-tooltip - Slot content removed. Added prop padding to be able to control padding.
• zen-card: zen-card - default padding is 1 rem

0.1.7 (2021-03-25)

Bug Fixes

• Add possibility to override avatar group colors #261
• Date picker is not closed properly if user type the date #258
• Date picker width now can be changed #252
• Dropdown receives focus but doesn't open #251
• REQUEST: Datepicker default value #250
• Reflect the change of the progress tracker active index #245
• Remove negative margins from zen-space #239

Features

• Panel - Add animations #260
• Skeleton component #249
• Implement notifications/alerts #241

BREAKING CHANGES

• zen-panel: Padding is changed! Both header and content have default padding set.
• zen-panel: Zen-text is no longer wrapping header. Common header should be <zen-text slot="header">Item title</zen-text>

0.1.6 (2021-03-12)

PRs merged in this release

• PLAT-1470 Zen-space padding should default to 'none'
• QUICK-FIX Fix textarea height on resizing
• PLAT-1430 Add zen text improvements
• QUICK-FIX Move Panel under Layout group
• PLAT-1462 Checkbox with intermediate state
• PLAT-1426 Add resize, row, cols properties
• Revert PLAT-1250 Zen space elements after first one in slot have margin left set."
• PLAT-1338 Add avatar details component
• PLAT-1174 Remove form-group component
• QUICK-FIX ZenPanel: Correctly use dynamic prefix
• PLAT-1357 Default value for date format is not applied to the date picker
• PLAT-1358 Date picker is missing a X icon to remove the date from field
• QUICK-FIX Pin dependencies
• PLAT-1389 Dropdown - Scroll on keyboard selection

BREAKING CHANGES

• Removed component zen-form-group. Use component zen-space instead.

0.1.4 (2021-03-08)

BREAKING CHANGES

• Tooltip: props showDelay and hideDelay have been joined into prop delay. (Note that delay still supports shorthand for show and hide prop.)

0.1.3 (2021-02-19)

BREAKING CHANGES

• All zen components need to be prefixed.

0.1.2 (2021-02-17)

BREAKING CHANGES

• zen-space: width: 100% isn't default anymore. Add attr stretch to make it width: 100%. In most cases this should have no impact.

0.1.1 (2021-02-16)

Bugfixes and new components.

0.1.0 (2021-02-01)

BREAKING CHANGES

• Events prefixed by zen- were changed into native events.
  Eg. zen-change is now change.
  This affects the following components:
  • zen-checkbox
  • zen-dropdown
  • zen-input
  • zen-textarea
  • zen-progress-tracker
• Removed components: zen-label and zen-support-text. Use component zen-text with variant label or support
• zen-spinner: Prop color removed. To set custom color: <zen-spinner style="color: #f00">
• zen-button: Prop label removed. To set button label: <zen-button>Click here</zen-button>
• zen-checkbox: Prop label removed. To set checkbox label: <zen-checkbox>Checkbox label</zen-checkbox>
• Component zen-steps was renamed to zen-progress-tracker.

0.0.19 (2020-12-24)

Bug Fixes

• Tooltip: Hide scroller if there's enough height

Features

• Tooltip: New props hasArrow

0.0.18 (2020-12-23)

Features

• Tooltip: new props hideDelay, showDelay
• Tooltip: new prop maxHeight which allows you to create scrollable tooltips
• Tooltip: tooltip will switch position if there's no room to show it

0.0.17 (2020-12-22)

Bug Fixes

• Dropdown: prevent closing dropdown on scrolling using the scrollbar
• Dropdown: The height of the field should follow the height of <zen-dropdown> tag

Features

• Dropdown: Added slot placeholder
• Dropdown: Added prop disabled
• Dropdown: Selected item is copied into the field, so the item in the field is styled correctly (has the same content as an original item - icons, padding & stuff)
• Zen-option: Added prop disabled

BREAKING CHANGES

• Dropdown: slot options is now the default slot
• Zen-option: slot label is now the default slot