Skip to content

Releases: RocketCommunicationsInc/astro

7.3.0

21 Nov 16:23
Compare
Choose a tag to compare

@astrouxds/astro-web-components

7.3.0

Minor Changes

Option

  • The title attribute will now reflect to the Shadow DOM

Option Group

  • The title attribute will now reflect to the Shadow DOM

Status

  • The status property now defaults to normal.

Tabs

  • Added cursor: pointer style.

Patch Changes

Monitoring Icon

  • Fixed layout shift when using display: grid

Monitoring Progress Icon

  • Fixed layout shift when using display: grid

Push Button

  • Fixed issue with cursor: pointer

Pop Up

  • Fixed an issue where the strategy prop of rux-pop-up was not applying correctly.

Notification

  • Fixed a bug where message prop was not showing if another slot was slotted in the component.

Dialog

  • Fixed an issue where the message prop would not appear if being used with slots for header or footer.

Select

  • Fixed some styling issues on where the border color would still change on hover when disabled.

  • Added correct cursors.

Segmented Button

  • Added a cursor: pointer when enabled.

7.2.0

10 Nov 14:31
Compare
Choose a tag to compare

7.2.0

Minor Changes

Pop Up

  • Added new disableAutoUpdate prop to lock the pop up's position on scroll.

Input

  • The autocomplete attribute has been removed due to a limitation with Shadow Dom encapsulation not allowing the attribute to be applied correctly.

Form Elements

  • Added new slots for help-text and error-text.

Time Region

  • Added the 'off' status as a status option.

Patch Changes

Menu Item

  • Restored href, target, rel and download attributes

Select

  • Long options no longer fall over the drop down indicator

Time Region

  • Fixed an issue where serious status was not correctly styling the border.

7.1.1

27 Oct 16:04
Compare
Choose a tag to compare

7.1.1

Patch Changes

Classification Marking

  • An invalid classification now correctly displays "Unclassified".

Web Components

  • Fixed an issue where font-size, line-height, and text-align properties when set on parent elements would incorrectly override component styles.

7.1.0

13 Oct 16:25
Compare
Choose a tag to compare

7.1.0

Minor Changes

Pop Up

  • Added a close-on-select property that will close the pop-up when a user selects something from the menu.

Patch Changes

Scrollbars

  • Updated styles in Firefox

Tabs

  • Fixed an issue where dynamically adding a tab would result in unexpected behavior.

v7.0.2

07 Oct 14:55
Compare
Choose a tag to compare

7.0.2

Patch Changes

Checkbox

  • Fixed visual regression on disabled state

Pop Up

  • Fixed an issue where Pop Ups would not overlay correctly.

Text Area

  • Reverted a 7.0 change to the component's internals that prevented users from being able to control the height of the element or disable resizing.

7.0.1

04 Oct 16:13
Compare
Choose a tag to compare

7.0.1

Patch Changes

Monitoring Icon

  • Removed the title attribute.

Monitoring Progress Icon

  • Removed the title attribute.

Build

  • Removed unnecessary type definitions in dist/types

Tokens

  • Fixes an issue in the typography utility class calcs that was throwing errors in some build environments.

v7.0.0

29 Sep 17:27
Compare
Choose a tag to compare

7.0 Changes

Major

Our /dist/custom-elements build has been removed in favor of a faster treeshakeable /dist/components build.

Angular

  • Angular versions <= 12 are no longer supported.

Typography

  • Roboto Mono has been removed from the font stack.

Button

  • The following deprecated CSS Custom Properties have been removed:
    • --button-active-background-color
    • --button-active-border-color
    • --button-background-color
    • --button-border-color
    • --button-borderless-hover-color
    • --button-borderless-text-color
    • --button-secondary-background-color
    • --button-secondary-border-color
    • --button-secondary-hover-background-color
    • --button-secondary-hover-border-color
    • --button-secondary-hover-text-color
    • --button-secondary-text-color

Clock

  • The color CSS property can no longer be styled from the :host element.
  • The default display css property is now inline-block rather than flex.
  • The following deprecated CSS Custom Properties have been removed:
    • --clock-background-color
    • --clock-border-color
    • --clock-label-color
    • --clock-text-color

Checkbox

  • The following deprecated CSS Custom Properties have been removed:
  • --checkbox-label-color
  • --checkbox-background-color
  • --checkbox-border-color
  • --checkbox-checked-color
  • --checkbox-hover-border-color

Checkbox Group

  • color, font-family, font-size, font-weight, letter-spacing, and line-height CSS properties can no longer be styled from the :host element.
  • The following deprecated CSS Custom Properties have been removed:
    • --checkboxgroup-border-color

Classification Marking

  • footer-banner CSS Shadow Part has been removed.
  • The following deprecated CSS Custom Properties have been removed:
  • --color-classification-text-light
  • --color-classification-text-dark

Dialog

  • Dialog will no longer close when clicking outside by default.
  • The dialog-title and dialog-message properties have been removed in favor of header and messsage.

Global Status Bar

  • appdomain and appname are no longer uppercase.
  • font-family, letter-spacing, line-height CSS properties can no longer be styled from the :host element.

Icon

  • label attribute has been removed.
  • The deprecated --icon-default-color CSS Custom Property has been removed.

Input

  • The following deprecated CSS Custom Properties have been removed:
    • --input-background-color
    • --input-text-color
    • --input-focus-border-color
    • --input-selection-background-color
    • --input-invalid-border-color

Log

  • The following deprecated CSS Custom Properties have been removed:
    • --log-header-background-color
    • --log-filter-background-color
    • --log-filter-text-color

Modal

  • Modal has been removed and renamed to <rux-dialog>.
  • The following deprecated CSS Custom Properties have been removed:
    • --modal-title-color
    • --modal-background-color
    • --modal-border-color

Monitoring Progress Icon

  • The color CSS property can no longer be styled from the :host element.

Notification

  • Notification no longer requires a parent element with position: relative and overflow: hidden applied.
  • Multiple sibling notifications are no longer stacked by default.
  • Notification no longer overlays content. Instead, when a notification becomes visible, it will shift content up or down accordingly.
  • The slide in/out animation has been removed for better performance.
  • The color, font-family, font-weight, font-size, letter-spacing, line-height, and padding CSS properties can no longer be styled from the :host element.
  • The following deprecated CSS Custom Properties have been removed:
    • --notification-icon-color
    • --notification-text-color

Pop Up

  • anchorEl and triggerEl properties have been removed.
  • ruxmenudidclose , ruxmenudidopen, ruxmenuwillclose, ruxmenuwillopen events have been removed.
  • close, isOpen, show, toggle methods have been removed.
  • menu-end slot has been removed.

Pop Up Menu

  • Pop Up Menu has been removed and renamed to <rux-pop-up>.
  • The deprecated --menu-item-divider-border-color CSS Custom Property has been removed.

Progress

  • Indeterminate functionality has been removed and is now a separate <rux-indeterminate-progress> component.
  • The color, font-family, font-size, font-weight, letter-spacing, and line-height CSS properties can no longer be styled from the :host element.
  • The following deprecated CSS Custom Properties have been removed:
    • --progress-padding
    • --progress-radius
    • --progress-height
    • --progress-width
    • --progress-determinate-bar-background-color
    • --progress-determinate-track-background-color
    • --progress-determinate-track-border-color
    • --progress-label-color

Push Button

  • label CSS Shadow Part has been renamed to container.
  • The following deprecated CSS Custom Properties have been removed:
    • --pushbutton-background-color
    • --pushbutton-border-color
    • --pushbutton-text-color
    • --pushbutton-selected-background-color
    • --pushbutton-selected-border-color
    • --pushbutton-selected-text-color
    • --pushbutton-selected-hover-text-color

Radio

  • The following deprecated CSS Custom Properties have been removed:
    • --radio-hover-border-color
    • --radio-border-color
    • --radio-label-color
    • --radio-background-color
    • --radio-selected-color

Radio Group

  • The deprecated --radiogroup-border-color CSS Custom Property has been removed.

Segmented Button

  • The default size property is now medium rather than small.
  • The following deprecated CSS Custom Properties have been removed:
    • --segmented-button-background-color
    • --segmented-button-text-color
    • --segmented-button-border-color
    • --segmented-button-hover-background-color
    • --segmented-button-hover-text-color
    • --segmented-button-hover-border-color
    • --segmented-button-selected-background-color

Select

  • The following deprecated CSS Custom Properties have been removed:
    • --select-menu-border-radius
    • --select-menu-border-hover-color
    • --select-menu-border-focus-color
    • --select-menu-invalid-border-color
    • --select-menu-text-color
    • --select-menu-label-color
    • --select-menu-border-color
    • --select-menu-option-text-hover-color
    • --select-menu-option-selected-background-color
    • --select-menu-option-selected-text-color
    • --select-menu-inactive-caret
    • --select-menu-active-caret
    • --select-menu-background-color

Slider

  • The following deprecated CSS Custom Properties have been removed:
    • --slider-thumb-background-color
    • --slider-thumb-border-color
    • --slider-hover-thumb-background-color
    • --slider-hover-thumb-border-color
    • --slider-track-background-color
    • --slider-selected-thumb-border-color
    • --slider-thumb-size
    • --slider-thumb-border-size
    • --slider-tick-padding-top
    • --slider-selected-track-background-color
    • --slider-value-percent
    • --slider-top
    • --slider-track-height

Switch

  • The color, font-family, font-size, font-weight, letter-spacing, and line-height CSS properties can no longer be styled from the :host element.
  • The following deprecated CSS Custom Properties have been removed:
    • --switch-background-color
    • --switch-hover-on-color
    • --switch-hover-off-color
    • --switch-on-color
    • --switch-off-border-color

Tab

  • font-family, font-size, letter-spacing, font-weight, border-color, border-bottom, min-width, and padding can no longer be styled from the :host element.
  • The following deprecated CSS Custom Properties have been removed:
    • --tab-text-color
    • --tab-border-color
    • --tab-hover-text-color
    • --tab-selected-text-color

Table

  • Right and left border styles have been removed by default.
  • The following deprecated CSS Custom Properties have been removed:
    • --table-border-color
    • --table-row-hover-text-color
    • --table-row-hover-background-color
    • --table-row-border-color
    • --table-row-text-color
    • --table-row-background-color
    • --table-header-border-color
    • --table-header-background-color
    • --table-header-text-color
    • --table-header-box-shadow
    • --table-row-selected-background-color
    • --table-row-selected-border-color

Textarea

  • The following deprecated CSS Custom Properties have been removed:
    • --textarea-border-color
    • --textarea-text-color
    • --textarea-focus-border-color
    • --textarea-selection-background-color

Tree

  • The following deprecated CSS Custom Properties have been removed:
    • --tree-text-color
    • --tree-border-color
    • --tree-accent-color
    • --tree-hover-background-color
    • --tree-hover-text-color
    • --tree-selected-border-color
    • --tree-selected-accent-color
    • --tree-expanded-border-color
    • --tree-background-color

Tree Node

  • The color, font-family, font-size, font-weight, letter-spacing, and line-height CSS properties can no longer be styled from the :host element.

Minor

  • New typography utility classes have been added to astro-web-components.css.

  • Links no...

Read more

v7.0.0-rc.1

23 Sep 13:44
Compare
Choose a tag to compare
v7.0.0-rc.1 Pre-release
Pre-release

7.0-rc.1

Major

Our /dist/custom-elements build has been removed in favor of a faster treeshakeable /dist/components build.

Angular

  • Angular versions <= 12 are no longer supported.

Button

  • The following deprecated CSS Custom Properties have been removed:
    • --button-active-background-color
    • --button-active-border-color
    • --button-background-color
    • --button-border-color
    • --button-borderless-hover-color
    • --button-borderless-text-color
    • --button-secondary-background-color
    • --button-secondary-border-color
    • --button-secondary-hover-background-color
    • --button-secondary-hover-border-color
    • --button-secondary-hover-text-color
    • --button-secondary-text-color

Clock

  • The color CSS property can no longer be styled from the :host element.
  • The default display css property is now inline-block rather than flex.
  • The following deprecated CSS Custom Properties have been removed:
    • --clock-background-color
    • --clock-border-color
    • --clock-label-color
    • --clock-text-color

Checkbox

  • The following deprecated CSS Custom Properties have been removed:
  • --checkbox-label-color
  • --checkbox-background-color
  • --checkbox-border-color
  • --checkbox-checked-color
  • --checkbox-hover-border-color

Checkbox Group

  • color, font-family, font-size, font-weight, letter-spacing, and line-height CSS properties can no longer be styled from the :host element.
  • The following deprecated CSS Custom Properties have been removed:
    • --checkboxgroup-border-color

Classification Marking

  • footer-banner CSS Shadow Part has been removed.
  • The following deprecated CSS Custom Properties have been removed:
  • --color-classification-text-light
  • --color-classification-text-dark

Dialog

  • Dialog will no longer close when clicking outside by default.
  • The dialog-title and dialog-message properties have been removed in favor of header and messsage.

Global Status Bar

  • appdomain and appname are no longer uppercase.
  • font-family, letter-spacing, line-height CSS properties can no longer be styled from the :host element.

Icon

  • label attribute has been removed.
  • The deprecated --icon-default-color CSS Custom Property has been removed.

Input

  • The following deprecated CSS Custom Properties have been removed:
    • --input-background-color
    • --input-text-color
    • --input-focus-border-color
    • --input-selection-background-color
    • --input-invalid-border-color

Log

  • The following deprecated CSS Custom Properties have been removed:
    • --log-header-background-color
    • --log-filter-background-color
    • --log-filter-text-color

Modal

  • Modal has been removed and renamed to <rux-dialog>.
  • The following deprecated CSS Custom Properties have been removed:
    • --modal-title-color
    • --modal-background-color
    • --modal-border-color

Monitoring Progress Icon

  • The color CSS property can no longer be styled from the :host element.

Notification

  • Notification no longer requires a parent element with position: relative and overflow: hidden applied.
  • Multiple sibling notifications are no longer stacked by default.
  • Notification no longer overlays content. Instead, when a notification becomes visible, it will shift content up or down accordingly.
  • The slide in/out animation has been removed for better performance.
  • The color, font-family, font-weight, font-size, letter-spacing, line-height, and padding CSS properties can no longer be styled from the :host element.
  • The following deprecated CSS Custom Properties have been removed:
    • --notification-icon-color
    • --notification-text-color

Pop Up

  • anchorEl and triggerEl properties have been removed.
  • ruxmenudidclose , ruxmenudidopen, ruxmenuwillclose, ruxmenuwillopen events have been removed.
  • close, isOpen, show, toggle methods have been removed.
  • menu-end slot has been removed.

Pop Up Menu

  • Pop Up Menu has been removed and renamed to <rux-pop-up>.
  • The deprecated --menu-item-divider-border-color CSS Custom Property has been removed.

Progress

  • Indeterminate functionality has been removed and is now a separate <rux-indeterminate-progress> component.
  • The color, font-family, font-size, font-weight, letter-spacing, and line-height CSS properties can no longer be styled from the :host element.
  • The following deprecated CSS Custom Properties have been removed:
    • --progress-padding
    • --progress-radius
    • --progress-height
    • --progress-width
    • --progress-determinate-bar-background-color
    • --progress-determinate-track-background-color
    • --progress-determinate-track-border-color
    • --progress-label-color

Push Button

  • label CSS Shadow Part has been renamed to container.
  • The following deprecated CSS Custom Properties have been removed:
    • --pushbutton-background-color
    • --pushbutton-border-color
    • --pushbutton-text-color
    • --pushbutton-selected-background-color
    • --pushbutton-selected-border-color
    • --pushbutton-selected-text-color
    • --pushbutton-selected-hover-text-color

Radio

  • The following deprecated CSS Custom Properties have been removed:
    • --radio-hover-border-color
    • --radio-border-color
    • --radio-label-color
    • --radio-background-color
    • --radio-selected-color

Radio Group

  • The deprecated --radiogroup-border-color CSS Custom Property has been removed.

Segmented Button

  • The default size property is now medium rather than small.
  • The following deprecated CSS Custom Properties have been removed:
    • --segmented-button-background-color
    • --segmented-button-text-color
    • --segmented-button-border-color
    • --segmented-button-hover-background-color
    • --segmented-button-hover-text-color
    • --segmented-button-hover-border-color
    • --segmented-button-selected-background-color

Select

  • The following deprecated CSS Custom Properties have been removed:
    • --select-menu-border-radius
    • --select-menu-border-hover-color
    • --select-menu-border-focus-color
    • --select-menu-invalid-border-color
    • --select-menu-text-color
    • --select-menu-label-color
    • --select-menu-border-color
    • --select-menu-option-text-hover-color
    • --select-menu-option-selected-background-color
    • --select-menu-option-selected-text-color
    • --select-menu-inactive-caret
    • --select-menu-active-caret
    • --select-menu-background-color

Slider

  • The following deprecated CSS Custom Properties have been removed:
    • --slider-thumb-background-color
    • --slider-thumb-border-color
    • --slider-hover-thumb-background-color
    • --slider-hover-thumb-border-color
    • --slider-track-background-color
    • --slider-selected-thumb-border-color
    • --slider-thumb-size
    • --slider-thumb-border-size
    • --slider-tick-padding-top
    • --slider-selected-track-background-color
    • --slider-value-percent
    • --slider-top
    • --slider-track-height

Switch

  • The color, font-family, font-size, font-weight, letter-spacing, and line-height CSS properties can no longer be styled from the :host element.
  • The following deprecated CSS Custom Properties have been removed:
    • --switch-background-color
    • --switch-hover-on-color
    • --switch-hover-off-color
    • --switch-on-color
    • --switch-off-border-color

Tab

  • font-family, font-size, letter-spacing, font-weight, border-color, border-bottom, min-width, and padding can no longer be styled from the :host element.
  • The following deprecated CSS Custom Properties have been removed:
    • --tab-text-color
    • --tab-border-color
    • --tab-hover-text-color
    • --tab-selected-text-color

Table

  • Right and left border styles have been removed by default.
  • The following deprecated CSS Custom Properties have been removed:
    • --table-border-color
    • --table-row-hover-text-color
    • --table-row-hover-background-color
    • --table-row-border-color
    • --table-row-text-color
    • --table-row-background-color
    • --table-header-border-color
    • --table-header-background-color
    • --table-header-text-color
    • --table-header-box-shadow
    • --table-row-selected-background-color
    • --table-row-selected-border-color

Textarea

  • The following deprecated CSS Custom Properties have been removed:
    • --textarea-border-color
    • --textarea-text-color
    • --textarea-focus-border-color
    • --textarea-selection-background-color

Tree

  • The following deprecated CSS Custom Properties have been removed:
    • --tree-text-color
    • --tree-border-color
    • --tree-accent-color
    • --tree-hover-background-color
    • --tree-hover-text-color
    • --tree-selected-border-color
    • --tree-selected-accent-color
    • --tree-expanded-border-color
    • --tree-background-color

Tree Node

  • The color, font-family, font-size, font-weight, letter-spacing, and line-height CSS properties can no longer be styled from the :host element.

Minor

  • New typography utility classes have been added to astro-web-components.css.

  • Links no longer change color on hover.

Accordion [New]

  • Adds new Accordion ...
Read more

v6.13.1

15 Sep 16:42
Compare
Choose a tag to compare

6.13.1

Patch Changes

Tab

  • Added container CSS Shadow Part.
  • Fixed an issue where multiple tabs on the same page would hide each others content when selected.

Checkbox

  • Fixed an issue where the label was disappearing when checked.

v6.13.0

01 Sep 16:03
Compare
Choose a tag to compare

6.13.0

Minor Changes

Timeline

  • support for partial time regions

Dialog

  • Added better keyboard support for tabbing between confirm and deny buttons, and triggers deny on an escape key press.

Patch Changes

Progress

  • Visual fix for Firefox to properly align progress indicator