diff --git a/.changeset/five-toes-join.md b/.changeset/five-toes-join.md new file mode 100644 index 0000000000..34d217550f --- /dev/null +++ b/.changeset/five-toes-join.md @@ -0,0 +1,5 @@ +--- +'@baloise/ds-core': patch +--- + +**dropdown**: change spinner circle background to white diff --git a/.changeset/popular-pants-prove.md b/.changeset/popular-pants-prove.md new file mode 100644 index 0000000000..5145e48a38 --- /dev/null +++ b/.changeset/popular-pants-prove.md @@ -0,0 +1,5 @@ +--- +'@baloise/ds-core': patch +--- + +**segment**: add auto invalid option for angular diff --git a/.changeset/silent-ducks-worry.md b/.changeset/silent-ducks-worry.md new file mode 100644 index 0000000000..8e5ff901c3 --- /dev/null +++ b/.changeset/silent-ducks-worry.md @@ -0,0 +1,5 @@ +--- +'@baloise/ds-core': patch +--- + +**dropdown**: remove hover & active styles for disabled state diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-closed.png index 8c116b4196..6bc253ce4a 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-open.png index 3a37cb2683..bff3e6f487 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-selected.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-selected.png index 673a212874..14306b2f3a 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-selected.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-clearable-empty-selected.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-closed.png index ce83e81109..a3eabb4189 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-open.png index 61a671f7f5..63eed269b5 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-selected.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-selected.png index 2a0007184e..71473bb19b 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-selected.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-basic-empty-selected.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-form-field-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-form-field-empty-closed.png index 92f3033ad6..3b2d6ab064 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-form-field-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-form-field-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-form-field-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-form-field-empty-open.png index 9b4e2cab7f..e1c1fbbba0 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-form-field-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-form-field-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-long-content-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-long-content-empty-closed.png index a9baf12764..98b21bc8d9 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-long-content-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-long-content-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-long-content-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-long-content-empty-open.png index 73da710292..b3121b2f04 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-long-content-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-long-content-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-chips-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-chips-empty-closed.png index 9507601327..2905c77fae 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-chips-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-chips-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-chips-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-chips-empty-open.png index 5efb684b84..961ba99ef1 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-chips-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-chips-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-closed.png index 3a37cb2683..bff3e6f487 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-open.png index fc5d13ee9f..743fbfe563 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-selected.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-selected.png index c3c20878b3..2af178c7f7 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-selected.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-multiple-empty-selected.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-small-purple.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-small-purple.png index 53cd82b9ee..91ecb9173b 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-small-purple.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-desktop-small-purple.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-disabled-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-disabled-empty-closed.png index 09388a4ecf..5794884373 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-disabled-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-disabled-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-invalid-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-invalid-empty-closed.png index 1eb38b3004..01532eb800 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-invalid-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-invalid-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-loading-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-loading-empty-closed.png index 7955c31da6..aac83a8d11 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-loading-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-loading-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-closed.png index db0b580f09..10acac32a5 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-open.png index 5c69922fe9..bb0a4fe88e 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-selected.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-selected.png index c6933273f1..99e1d75a71 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-selected.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-basic-empty-selected.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-form-field-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-form-field-empty-closed.png index 2b60678b81..f42295ce37 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-form-field-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-form-field-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-form-field-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-form-field-empty-open.png index da953c31d2..7d4dde2a89 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-form-field-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-form-field-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-long-content-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-long-content-empty-closed.png index d39f2d9ec8..3539619a2e 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-long-content-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-long-content-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-long-content-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-long-content-empty-open.png index 1902c9d491..f4232f9fe9 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-long-content-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-long-content-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-chips-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-chips-empty-closed.png index e8e9cbd7fc..0530d27172 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-chips-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-chips-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-chips-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-chips-empty-open.png index 5792729572..08cbe0e2e1 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-chips-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-chips-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-closed.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-closed.png index 8dd804eef0..f521ba3788 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-closed.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-closed.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-open.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-open.png index b4dc2812a7..2411ef4cc0 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-open.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-open.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-selected.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-selected.png index 78ae221c07..cd194b50e1 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-selected.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-multiple-empty-selected.png differ diff --git a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-small-purple.png b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-small-purple.png index 1829e58041..03b2a5206d 100644 Binary files a/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-small-purple.png and b/e2e/cypress/snapshots/base/visual/bal-dropdown.visual.cy.ts/dropdown-mobile-small-purple.png differ diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts index 5f652ec514..e369f33323 100644 --- a/packages/core/src/components.d.ts +++ b/packages/core/src/components.d.ts @@ -2696,6 +2696,10 @@ export namespace Components { "verticalOnMobile": boolean; } interface BalSegment { + /** + * If `true`, in Angular reactive forms the control will not be set invalid + */ + "autoInvalidOff": boolean; /** * If `true`, the user cannot interact with the segment. */ @@ -7812,6 +7816,10 @@ declare namespace LocalJSX { "verticalOnMobile"?: boolean; } interface BalSegment { + /** + * If `true`, in Angular reactive forms the control will not be set invalid + */ + "autoInvalidOff"?: boolean; /** * If `true`, the user cannot interact with the segment. */ diff --git a/packages/core/src/components/bal-dropdown/bal-dropdown.sass b/packages/core/src/components/bal-dropdown/bal-dropdown.sass index 4cffa32fe6..3087a0314f 100644 --- a/packages/core/src/components/bal-dropdown/bal-dropdown.sass +++ b/packages/core/src/components/bal-dropdown/bal-dropdown.sass @@ -176,8 +176,11 @@ min-height: 2rem .bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded) + border: none background: var(--bal-color-background-grey-light) + +.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled) +hover &:hover background: var(--bal-color-purple-1) @@ -197,6 +200,8 @@ .bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded) border: none background: var(--bal-color-purple-2) + +.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):not(.bal-dropdown__root--disabled) +hover &:hover background: var(--bal-color-purple-3) @@ -213,9 +218,9 @@ .bal-icon__inner +fillSvg(var(--bal-color-text-primary)) -.bal-dropdown__root--theme-purple-expanded, -.bal-dropdown__root--theme-purple-expanded:hover, -.bal-dropdown__root--theme-purple-expanded:active +.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled), +.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):hover, +.bal-dropdown__root--theme-purple-expanded:not(.bal-dropdown__root--disabled):active border: none background: var(--bal-color-purple-2) .bal-dropdown__root__input, diff --git a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.html b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.html index 1f3c99df12..147afd5dfa 100644 --- a/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.html +++ b/packages/core/src/components/bal-dropdown/test/bal-dropdown.visual.html @@ -206,26 +206,50 @@

Form Field

Small Purple Theme

-
- - 100 PS - 140 PS - 165 PS - 210 PS - - - 100 PS - 140 PS - 165 PS - 210 PS - +
+
+ + 100 PS + 140 PS + 165 PS + 210 PS + + + 100 PS + 140 PS + 165 PS + 210 PS + +
+
+ + 100 PS + 140 PS + 165 PS + 210 PS + + + 100 PS + 140 PS + 165 PS + 210 PS + +
diff --git a/packages/core/src/components/bal-segment/bal-segment.tsx b/packages/core/src/components/bal-segment/bal-segment.tsx index 3fc3ea8dc4..c3166ba5b8 100644 --- a/packages/core/src/components/bal-segment/bal-segment.tsx +++ b/packages/core/src/components/bal-segment/bal-segment.tsx @@ -1,40 +1,40 @@ import { Component, - h, ComponentInterface, - Host, Element, - Prop, Event, EventEmitter, - Watch, - State, - writeTask, + h, + Host, Listen, Method, + Prop, + State, + Watch, + writeTask, } from '@stencil/core' +import { BalAnimationObserver, ListenToAnimation } from '../../utils/animation' import { BEM } from '../../utils/bem' -import { SegmentValue } from './bal-segment.types' -import { Logger, LogInstance } from '../../utils/log' +import { BalBreakpointObserver, BalBreakpoints, ListenToBreakpoints } from '../../utils/breakpoints' +import { BalFocusObserver, ListenToFocus } from '../../utils/focus' +import { FOCUS_KEYS } from '../../utils/focus-visible' +import { BalAriaForm, defaultBalAriaForm } from '../../utils/form' +import { stopEventBubbling } from '../../utils/form-input' +import { raf } from '../../utils/helpers' import { isArrowDownKey, - isArrowUpKey, - isSpaceKey, - isHomeKey, - isEndKey, isArrowLeftKey, isArrowRightKey, + isArrowUpKey, + isEndKey, isEnterKey, + isHomeKey, + isSpaceKey, } from '../../utils/keyboard' -import { stopEventBubbling } from '../../utils/form-input' -import { FOCUS_KEYS } from '../../utils/focus-visible' -import { ListenToWindowResize, BalWindowResizeObserver } from '../../utils/resize' -import { isDescendant, raf } from '../../utils/helpers' -import { BalBreakpointObserver, BalBreakpoints, ListenToBreakpoints } from '../../utils/breakpoints' -import { BalFocusObserver, ListenToFocus } from '../../utils/focus' -import { defaultBalAriaForm, BalAriaForm } from '../../utils/form' +import { Logger, LogInstance } from '../../utils/log' +import { BalWindowResizeObserver, ListenToWindowResize } from '../../utils/resize' import { BalVisibilityObserver, ListenToVisibility } from '../../utils/visibility' -import { BalAnimationObserver, ListenToAnimation } from '../../utils/animation' +import { SegmentValue } from './bal-segment.types' @Component({ tag: 'bal-segment', @@ -75,6 +75,11 @@ export class Segment */ @Prop() invalid = false + /** + * If `true`, in Angular reactive forms the control will not be set invalid + */ + @Prop({ reflect: true }) autoInvalidOff = false + /** * If `true`, the user cannot interact with the segment. */ diff --git a/packages/core/src/utils/dropdown/icon.tsx b/packages/core/src/utils/dropdown/icon.tsx index 3c0f64847d..256b772aa0 100644 --- a/packages/core/src/utils/dropdown/icon.tsx +++ b/packages/core/src/utils/dropdown/icon.tsx @@ -1,6 +1,6 @@ import { FunctionalComponent, h } from '@stencil/core' -import { BalLanguage } from '../config' import { BEM } from '../bem' +import { BalLanguage } from '../config' import { i18nBalDropdown } from './dropdown.i18n' export interface DropdownIconProps { @@ -31,7 +31,9 @@ export const DropdownIcon: FunctionalComponent = ({ const block = BEM.block('dropdown') if (loading) { - return + return ( + + ) } else if (clearable && filled && !disabled) { return (