diff --git a/.changeset/afraid-papayas-own.md b/.changeset/afraid-papayas-own.md new file mode 100644 index 00000000000..40d0b1734e6 --- /dev/null +++ b/.changeset/afraid-papayas-own.md @@ -0,0 +1,52 @@ +--- +'@siemens/ix-angular': major +'@siemens/ix-react': major +'@siemens/ix': major +'@siemens/ix-vue': major +--- + +Component Updates and Enhancements + +New Variants for Card Components: +- **ix-action-card**, **ix-card**, and **ix-push-card**: + - The `insight` and `notification` variants have been **replaced by** `outline` and `filled`. + +Property Updates: +- **ix-chip**: + - The `color` property has been **replaced by** `chipColor`. +- **ix-event-list**: + - The `color` attribute has been **replaced by** `itemColor`. +- **ix-icon-button**: + - The `color` attribute has been **replaced by** `iconColor`. + - Size `32` has been removed. +- **ix-pill**: + - The `color` attribute has been **replaced by** `pillColor`. +- **ix-typography**: + - The `color` attribute has been **replaced by** `textColor`. +- **ix-select**: + - The `selectedIndices` attribute has been **replaced by** `value`. + - The `itemSelectionChange` event has been **replaced by** `valueChange`. +- **ix-select-item**: + - The type of the `value` property type has been updated to `string`. + +Date and Time Picker Enhancements: +- **ix-date-picker**: + - Removed attributes: `individual` and `eventDelimiter`. + - The `textSelectedDate` property has been **replaced by** `i18nDone`. + - The `done` event has been **replaced by** `dateSelect`. +- **ix-datetime-picker**: + - The `textSelectedDate` property has been **replaced by** `i18nDone`. + - The `done` event has been **replaced by** `dateSelect`. + - Removed the `eventDelimiter` property. +- **ix-time-picker**: + - Removed attributes: `individual` and `showTimeReference`. + +Removed Features: +- **ix-menu**: + - Removed the `maxVisibleMenuItems` attribute. +- **ix-menu-item**: + - The `tabIcon` attribute has been removed and replaced with `icon`. + +Other Changes: +- **ix-modal**: + - The `keyboard` attribute has been **replaced by** `closeOnEscape`. diff --git a/BREAKING_CHANGES/v3.md b/BREAKING_CHANGES/v3.md index e7e18157092..1f1bc5e28ad 100644 --- a/BREAKING_CHANGES/v3.md +++ b/BREAKING_CHANGES/v3.md @@ -1,5 +1,7 @@ # Breaking changes v3 +Here is a detailed overview of all breaking changes introduced in this major update of Siemens Industrial Experience. + ## Remove package `@siemens/ix-icons` from `@siemens/ix` base library The `@siemens/ix-icons` package requires manual bootstrapping. For detailed installation instructions, please refer to the [`@siemens/ix-icons`](https://github.com/siemens/ix-icons) repository. @@ -118,3 +120,59 @@ The following component members marked as internal by comment have been changed - `ix-menu-about-news`: `expanded` - `ix-menu-settings`: `show` - `ix-dropdown-item`: `emitItemClick()` + +## Component Updates + +#### ix-action-card +- The `insight` and `notification` variants have been **replaced by** `outline` and `filled`. + +#### ix-card +- The `insight` and `notification` variants have been **replaced by** `outline` and `filled`. + +#### ix-chip +- The `color` property has been **replaced by** `chipColor`. + +#### ix-date-picker +- Removed attributes: `individual`, and `eventDelimiter`. +- The `textSelectedDate` property has been **replaced by** `i18nDone`. +- The `done` event has been **replaced by** `dateSelect`. + +#### ix-datetime-picker +- The `textSelectedDate` property has been **replaced by** `i18nDone`. +- The `done` event has been **replaced by** `dateSelect`. + - The `eventDelimiter` property has been removed. + +#### ix-event-list +- The `color` attribute has been **replaced by** `itemColor`. + +#### ix-icon-button +- The `color` attribute has been **replaced by** `iconColor`. +- Size `32` has been removed. + +#### ix-menu +- Removed the `maxVisibleMenuItems` attribute. + +#### ix-menu-item +- Removed the `tabIcon` attribute and replaced with icon. + +#### ix-modal +- The `keyboard` attribute has been **replaced by** `closeOnEscape`. + +#### ix-pill +- The `color` attribute has been **replaced by** `pillColor`. + +#### ix-push-card +- The `insight` and `notification` variants have been **replaced by** `outline` and `filled`. + +#### ix-select +- The `selectedIndices` attribute has been **replaced by** `value`. +- The `itemSelectionChange` event has been **replaced by** `valueChange`. + +#### ix-select-item +- The `value` attribute type has been changed to `string`. + +#### ix-time-picker +- Removed attributes: `individual` and `showTimeReference`. + +#### ix-typography +- The `color` attribute has been **replaced by** `textColor`. diff --git a/packages/angular-test-app/src/preview-examples/action-card.html b/packages/angular-test-app/src/preview-examples/action-card.html index 632602dbbb2..77ef913fd7e 100644 --- a/packages/angular-test-app/src/preview-examples/action-card.html +++ b/packages/angular-test-app/src/preview-examples/action-card.html @@ -2,6 +2,6 @@ icon="refresh" heading="Scan for new devices" subheading="Secondary text" - variant="insight" + variant="outline" (click)="onClick($event)" > diff --git a/packages/angular-test-app/src/preview-examples/card-list.html b/packages/angular-test-app/src/preview-examples/card-list.html index 230156a33bf..5f0da1be72e 100644 --- a/packages/angular-test-app/src/preview-examples/card-list.html +++ b/packages/angular-test-app/src/preview-examples/card-list.html @@ -13,7 +13,7 @@ notification="3" heading="Heading content" subheading="Subheading" - variant="notification" + variant="filled" > diff --git a/packages/angular-test-app/src/preview-examples/card.html b/packages/angular-test-app/src/preview-examples/card.html index 520f14c9f31..ed06aa4a16b 100644 --- a/packages/angular-test-app/src/preview-examples/card.html +++ b/packages/angular-test-app/src/preview-examples/card.html @@ -7,7 +7,7 @@ LICENSE file in the root directory of this source tree. --> - + Number of components diff --git a/packages/angular-test-app/src/preview-examples/push-card.html b/packages/angular-test-app/src/preview-examples/push-card.html index e9ed9fb83d3..cb1b0d041ed 100644 --- a/packages/angular-test-app/src/preview-examples/push-card.html +++ b/packages/angular-test-app/src/preview-examples/push-card.html @@ -12,7 +12,7 @@ notification="99" heading="Heading content" subheading="Subheading" - variant="insight" + variant="outline" > diff --git a/packages/angular/src/components.ts b/packages/angular/src/components.ts index e42b407d904..6191ee7898c 100644 --- a/packages/angular/src/components.ts +++ b/packages/angular/src/components.ts @@ -447,14 +447,14 @@ export declare interface IxCheckboxGroup extends Components.IxCheckboxGroup {} @ProxyCmp({ - inputs: ['active', 'background', 'chipColor', 'closable', 'color', 'icon', 'outline', 'variant'] + inputs: ['active', 'background', 'chipColor', 'closable', 'icon', 'outline', 'variant'] }) @Component({ selector: 'ix-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['active', 'background', 'chipColor', 'closable', 'color', 'icon', 'outline', 'variant'], + inputs: ['active', 'background', 'chipColor', 'closable', 'icon', 'outline', 'variant'], }) export class IxChip { protected el: HTMLElement; @@ -637,7 +637,7 @@ export declare interface IxDateInput extends Components.IxDateInput { @ProxyCmp({ - inputs: ['corners', 'eventDelimiter', 'format', 'from', 'i18nDone', 'individual', 'locale', 'maxDate', 'minDate', 'range', 'textSelectDate', 'to', 'weekStartIndex'], + inputs: ['corners', 'format', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'to', 'weekStartIndex'], methods: ['getCurrentDate'] }) @Component({ @@ -645,14 +645,14 @@ export declare interface IxDateInput extends Components.IxDateInput { changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['corners', 'eventDelimiter', 'format', 'from', 'i18nDone', 'individual', 'locale', 'maxDate', 'minDate', 'range', 'textSelectDate', 'to', 'weekStartIndex'], + inputs: ['corners', 'format', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'to', 'weekStartIndex'], }) export class IxDatePicker { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['dateChange', 'dateRangeChange', 'dateSelect', 'done']); + proxyOutputs(this, this.el, ['dateChange', 'dateRangeChange', 'dateSelect']); } } @@ -674,29 +674,25 @@ Only triggered if date-picker-rework is in range mode. @since 2.1.0 * Date selection confirmed via button action @since 1.1.0 */ dateSelect: EventEmitter>; - /** - * Date selection confirmed via button action @deprecated NOT getting dispatched after 2.0.0. Use `dateSelect`. - */ - done: EventEmitter>; } @ProxyCmp({ - inputs: ['dateFormat', 'eventDelimiter', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'textSelectDate', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex'] + inputs: ['dateFormat', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex'] }) @Component({ selector: 'ix-datetime-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['dateFormat', 'eventDelimiter', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'textSelectDate', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex'], + inputs: ['dateFormat', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex'], }) export class IxDatetimePicker { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['done', 'timeChange', 'dateChange', 'dateSelect']); + proxyOutputs(this, this.el, ['timeChange', 'dateChange', 'dateSelect']); } } @@ -705,12 +701,6 @@ import type { DateTimeDateChangeEvent as IIxDatetimePickerDateTimeDateChangeEven import type { DateTimeSelectEvent as IIxDatetimePickerDateTimeSelectEvent } from '@siemens/ix'; export declare interface IxDatetimePicker extends Components.IxDatetimePicker { - /** - * Done event - -Set `doneEventDelimiter` to null or undefine to get the typed event @deprecated Use `this.dateChange` - */ - done: EventEmitter>; /** * Time change @since 1.1.0 */ @@ -947,14 +937,14 @@ export declare interface IxEventList extends Components.IxEventList {} @ProxyCmp({ - inputs: ['chevron', 'color', 'disabled', 'itemColor', 'selected'] + inputs: ['chevron', 'disabled', 'itemColor', 'selected'] }) @Component({ selector: 'ix-event-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['chevron', 'color', 'disabled', 'itemColor', 'selected'], + inputs: ['chevron', 'disabled', 'itemColor', 'selected'], }) export class IxEventListItem { protected el: HTMLElement; @@ -1203,14 +1193,14 @@ export declare interface IxHelperText extends Components.IxHelperText {} @ProxyCmp({ - inputs: ['a11yLabel', 'color', 'disabled', 'ghost', 'icon', 'iconColor', 'loading', 'outline', 'oval', 'size', 'type', 'variant'] + inputs: ['a11yLabel', 'disabled', 'ghost', 'icon', 'iconColor', 'loading', 'outline', 'oval', 'size', 'type', 'variant'] }) @Component({ selector: 'ix-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['a11yLabel', 'color', 'disabled', 'ghost', 'icon', 'iconColor', 'loading', 'outline', 'oval', 'size', 'type', 'variant'], + inputs: ['a11yLabel', 'disabled', 'ghost', 'icon', 'iconColor', 'loading', 'outline', 'oval', 'size', 'type', 'variant'], }) export class IxIconButton { protected el: HTMLElement; @@ -1504,7 +1494,7 @@ export declare interface IxMapNavigationOverlay extends Components.IxMapNavigati @ProxyCmp({ - inputs: ['applicationDescription', 'applicationName', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nExpandSidebar', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'maxVisibleMenuItems', 'pinned', 'showAbout', 'showSettings', 'startExpanded'], + inputs: ['applicationDescription', 'applicationName', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nExpandSidebar', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'], methods: ['toggleMapExpand', 'toggleMenu', 'toggleSettings', 'toggleAbout'] }) @Component({ @@ -1512,7 +1502,7 @@ export declare interface IxMapNavigationOverlay extends Components.IxMapNavigati changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['applicationDescription', 'applicationName', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nExpandSidebar', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'maxVisibleMenuItems', 'pinned', 'showAbout', 'showSettings', 'startExpanded'], + inputs: ['applicationDescription', 'applicationName', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nExpandSidebar', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'], }) export class IxMenu { protected el: HTMLElement; @@ -1707,14 +1697,14 @@ export declare interface IxMenuCategory extends Components.IxMenuCategory {} @ProxyCmp({ - inputs: ['active', 'bottom', 'disabled', 'home', 'icon', 'label', 'notifications', 'tabIcon'] + inputs: ['active', 'bottom', 'disabled', 'home', 'icon', 'label', 'notifications'] }) @Component({ selector: 'ix-menu-item', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['active', 'bottom', 'disabled', 'home', 'icon', 'label', 'notifications', 'tabIcon'], + inputs: ['active', 'bottom', 'disabled', 'home', 'icon', 'label', 'notifications'], }) export class IxMenuItem { protected el: HTMLElement; @@ -1817,7 +1807,7 @@ export declare interface IxMessageBar extends Components.IxMessageBar { @ProxyCmp({ - inputs: ['animation', 'backdrop', 'beforeDismiss', 'centered', 'closeOnBackdropClick', 'closeOnEscape', 'keyboard', 'size'], + inputs: ['animation', 'backdrop', 'beforeDismiss', 'centered', 'closeOnBackdropClick', 'closeOnEscape', 'size'], methods: ['showModal', 'dismissModal', 'closeModal'] }) @Component({ @@ -1825,7 +1815,7 @@ export declare interface IxMessageBar extends Components.IxMessageBar { changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['animation', 'backdrop', 'beforeDismiss', 'centered', 'closeOnBackdropClick', 'closeOnEscape', 'keyboard', 'size'], + inputs: ['animation', 'backdrop', 'beforeDismiss', 'centered', 'closeOnBackdropClick', 'closeOnEscape', 'size'], }) export class IxModal { protected el: HTMLElement; @@ -2052,14 +2042,14 @@ export declare interface IxPaneLayout extends Components.IxPaneLayout {} @ProxyCmp({ - inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'pillColor', 'variant'] + inputs: ['alignLeft', 'background', 'icon', 'outline', 'pillColor', 'variant'] }) @Component({ selector: 'ix-pill', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'pillColor', 'variant'], + inputs: ['alignLeft', 'background', 'icon', 'outline', 'pillColor', 'variant'], }) export class IxPill { protected el: HTMLElement; @@ -2177,7 +2167,7 @@ export declare interface IxRow extends Components.IxRow {} @ProxyCmp({ - inputs: ['allowClear', 'disabled', 'editable', 'helperText', 'hideListHeader', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'selectedIndices', 'showTextAsTooltip', 'validText', 'value', 'warningText'], + inputs: ['allowClear', 'disabled', 'editable', 'helperText', 'hideListHeader', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'showTextAsTooltip', 'validText', 'value', 'warningText'], methods: ['getNativeInputElement', 'focusInput'] }) @Component({ @@ -2185,14 +2175,14 @@ export declare interface IxRow extends Components.IxRow {} changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['allowClear', 'disabled', 'editable', 'helperText', 'hideListHeader', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'selectedIndices', 'showTextAsTooltip', 'validText', 'value', 'warningText'], + inputs: ['allowClear', 'disabled', 'editable', 'helperText', 'hideListHeader', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'showTextAsTooltip', 'validText', 'value', 'warningText'], }) export class IxSelect { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['valueChange', 'itemSelectionChange', 'inputChange', 'addItem', 'ixBlur']); + proxyOutputs(this, this.el, ['valueChange', 'inputChange', 'addItem', 'ixBlur']); } } @@ -2202,10 +2192,6 @@ export declare interface IxSelect extends Components.IxSelect { * Value changed @since 2.0.0 */ valueChange: EventEmitter>; - /** - * Item selection changed @deprecated since 2.0.0. Use `valueChange` instead. - */ - itemSelectionChange: EventEmitter>; /** * Event dispatched whenever the text input changes. @since 2.0.0 */ @@ -2325,34 +2311,6 @@ export declare interface IxSplitButton extends Components.IxSplitButton { } -@ProxyCmp({ - inputs: ['icon', 'label'] -}) -@Component({ - selector: 'ix-split-button-item', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['icon', 'label'], -}) -export class IxSplitButtonItem { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - proxyOutputs(this, this.el, ['itemClick']); - } -} - - -export declare interface IxSplitButtonItem extends Components.IxSplitButtonItem { - /** - * Dropdown item clicked - */ - itemClick: EventEmitter>; -} - - @ProxyCmp({ inputs: ['counter', 'disabled', 'icon', 'layout', 'placement', 'rounded', 'selected', 'small'] }) @@ -2471,7 +2429,7 @@ export declare interface IxTile extends Components.IxTile {} @ProxyCmp({ - inputs: ['corners', 'format', 'individual', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'standaloneAppearance', 'textSelectTime', 'textTime', 'time', 'timeReference'], + inputs: ['corners', 'format', 'showHour', 'showMinutes', 'showSeconds', 'standaloneAppearance', 'textSelectTime', 'textTime', 'time', 'timeReference'], methods: ['getCurrentTime'] }) @Component({ @@ -2479,14 +2437,14 @@ export declare interface IxTile extends Components.IxTile {} changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['corners', 'format', 'individual', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'standaloneAppearance', 'textSelectTime', 'textTime', 'time', 'timeReference'], + inputs: ['corners', 'format', 'showHour', 'showMinutes', 'showSeconds', 'standaloneAppearance', 'textSelectTime', 'textTime', 'time', 'timeReference'], }) export class IxTimePicker { protected el: HTMLElement; constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['timeSelect', 'done', 'timeChange']); + proxyOutputs(this, this.el, ['timeSelect', 'timeChange']); } } @@ -2496,10 +2454,6 @@ export declare interface IxTimePicker extends Components.IxTimePicker { * Time event */ timeSelect: EventEmitter>; - /** - * Time event @deprecated Will be removed in 3.0.0. Use `time-select` event. - */ - done: EventEmitter>; /** * Time change event */ @@ -2669,14 +2623,14 @@ export declare interface IxTreeItem extends Components.IxTreeItem { @ProxyCmp({ - inputs: ['bold', 'color', 'format', 'textColor', 'textDecoration'] + inputs: ['bold', 'format', 'textColor', 'textDecoration'] }) @Component({ selector: 'ix-typography', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['bold', 'color', 'format', 'textColor', 'textDecoration'], + inputs: ['bold', 'format', 'textColor', 'textDecoration'], }) export class IxTypography { protected el: HTMLElement; diff --git a/packages/angular/src/declare-components.ts b/packages/angular/src/declare-components.ts index 0f904a97d04..ce5527749c7 100644 --- a/packages/angular/src/declare-components.ts +++ b/packages/angular/src/declare-components.ts @@ -88,7 +88,6 @@ export const DIRECTIVES = [ d.IxSlider, d.IxSpinner, d.IxSplitButton, - d.IxSplitButtonItem, d.IxTabItem, d.IxTabs, d.IxTextarea, diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts index ce7e054378c..4210d081cbe 100644 --- a/packages/angular/standalone/src/directives/proxies.ts +++ b/packages/angular/standalone/src/directives/proxies.ts @@ -92,7 +92,6 @@ import { defineCustomElement as defineIxSelectItem } from '@siemens/ix/component import { defineCustomElement as defineIxSlider } from '@siemens/ix/components/ix-slider.js'; import { defineCustomElement as defineIxSpinner } from '@siemens/ix/components/ix-spinner.js'; import { defineCustomElement as defineIxSplitButton } from '@siemens/ix/components/ix-split-button.js'; -import { defineCustomElement as defineIxSplitButtonItem } from '@siemens/ix/components/ix-split-button-item.js'; import { defineCustomElement as defineIxTabItem } from '@siemens/ix/components/ix-tab-item.js'; import { defineCustomElement as defineIxTabs } from '@siemens/ix/components/ix-tabs.js'; import { defineCustomElement as defineIxTextarea } from '@siemens/ix/components/ix-textarea.js'; @@ -584,14 +583,14 @@ export declare interface IxCheckboxGroup extends Components.IxCheckboxGroup {} @ProxyCmp({ defineCustomElementFn: defineIxChip, - inputs: ['active', 'background', 'chipColor', 'closable', 'color', 'icon', 'outline', 'variant'] + inputs: ['active', 'background', 'chipColor', 'closable', 'icon', 'outline', 'variant'] }) @Component({ selector: 'ix-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['active', 'background', 'chipColor', 'closable', 'color', 'icon', 'outline', 'variant'], + inputs: ['active', 'background', 'chipColor', 'closable', 'icon', 'outline', 'variant'], standalone: true }) export class IxChip { @@ -788,7 +787,7 @@ export declare interface IxDateInput extends Components.IxDateInput { @ProxyCmp({ defineCustomElementFn: defineIxDatePicker, - inputs: ['corners', 'eventDelimiter', 'format', 'from', 'i18nDone', 'individual', 'locale', 'maxDate', 'minDate', 'range', 'textSelectDate', 'to', 'weekStartIndex'], + inputs: ['corners', 'format', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'to', 'weekStartIndex'], methods: ['getCurrentDate'] }) @Component({ @@ -796,7 +795,7 @@ export declare interface IxDateInput extends Components.IxDateInput { changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['corners', 'eventDelimiter', 'format', 'from', 'i18nDone', 'individual', 'locale', 'maxDate', 'minDate', 'range', 'textSelectDate', 'to', 'weekStartIndex'], + inputs: ['corners', 'format', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'to', 'weekStartIndex'], standalone: true }) export class IxDatePicker { @@ -804,7 +803,7 @@ export class IxDatePicker { constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['dateChange', 'dateRangeChange', 'dateSelect', 'done']); + proxyOutputs(this, this.el, ['dateChange', 'dateRangeChange', 'dateSelect']); } } @@ -826,23 +825,19 @@ Only triggered if date-picker-rework is in range mode. @since 2.1.0 * Date selection confirmed via button action @since 1.1.0 */ dateSelect: EventEmitter>; - /** - * Date selection confirmed via button action @deprecated NOT getting dispatched after 2.0.0. Use `dateSelect`. - */ - done: EventEmitter>; } @ProxyCmp({ defineCustomElementFn: defineIxDatetimePicker, - inputs: ['dateFormat', 'eventDelimiter', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'textSelectDate', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex'] + inputs: ['dateFormat', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex'] }) @Component({ selector: 'ix-datetime-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['dateFormat', 'eventDelimiter', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'textSelectDate', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex'], + inputs: ['dateFormat', 'from', 'i18nDone', 'locale', 'maxDate', 'minDate', 'range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'time', 'timeFormat', 'timeReference', 'to', 'weekStartIndex'], standalone: true }) export class IxDatetimePicker { @@ -850,7 +845,7 @@ export class IxDatetimePicker { constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['done', 'timeChange', 'dateChange', 'dateSelect']); + proxyOutputs(this, this.el, ['timeChange', 'dateChange', 'dateSelect']); } } @@ -859,12 +854,6 @@ import type { DateTimeDateChangeEvent as IIxDatetimePickerDateTimeDateChangeEven import type { DateTimeSelectEvent as IIxDatetimePickerDateTimeSelectEvent } from '@siemens/ix/components'; export declare interface IxDatetimePicker extends Components.IxDatetimePicker { - /** - * Done event - -Set `doneEventDelimiter` to null or undefine to get the typed event @deprecated Use `this.dateChange` - */ - done: EventEmitter>; /** * Time change @since 1.1.0 */ @@ -1120,14 +1109,14 @@ export declare interface IxEventList extends Components.IxEventList {} @ProxyCmp({ defineCustomElementFn: defineIxEventListItem, - inputs: ['chevron', 'color', 'disabled', 'itemColor', 'selected'] + inputs: ['chevron', 'disabled', 'itemColor', 'selected'] }) @Component({ selector: 'ix-event-list-item', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['chevron', 'color', 'disabled', 'itemColor', 'selected'], + inputs: ['chevron', 'disabled', 'itemColor', 'selected'], standalone: true }) export class IxEventListItem { @@ -1396,14 +1385,14 @@ export declare interface IxHelperText extends Components.IxHelperText {} @ProxyCmp({ defineCustomElementFn: defineIxIconButton, - inputs: ['a11yLabel', 'color', 'disabled', 'ghost', 'icon', 'iconColor', 'loading', 'outline', 'oval', 'size', 'type', 'variant'] + inputs: ['a11yLabel', 'disabled', 'ghost', 'icon', 'iconColor', 'loading', 'outline', 'oval', 'size', 'type', 'variant'] }) @Component({ selector: 'ix-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['a11yLabel', 'color', 'disabled', 'ghost', 'icon', 'iconColor', 'loading', 'outline', 'oval', 'size', 'type', 'variant'], + inputs: ['a11yLabel', 'disabled', 'ghost', 'icon', 'iconColor', 'loading', 'outline', 'oval', 'size', 'type', 'variant'], standalone: true }) export class IxIconButton { @@ -1721,7 +1710,7 @@ export declare interface IxMapNavigationOverlay extends Components.IxMapNavigati @ProxyCmp({ defineCustomElementFn: defineIxMenu, - inputs: ['applicationDescription', 'applicationName', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nExpandSidebar', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'maxVisibleMenuItems', 'pinned', 'showAbout', 'showSettings', 'startExpanded'], + inputs: ['applicationDescription', 'applicationName', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nExpandSidebar', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'], methods: ['toggleMapExpand', 'toggleMenu', 'toggleSettings', 'toggleAbout'] }) @Component({ @@ -1729,7 +1718,7 @@ export declare interface IxMapNavigationOverlay extends Components.IxMapNavigati changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['applicationDescription', 'applicationName', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nExpandSidebar', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'maxVisibleMenuItems', 'pinned', 'showAbout', 'showSettings', 'startExpanded'], + inputs: ['applicationDescription', 'applicationName', 'enableSettings', 'enableToggleTheme', 'expand', 'i18nCollapse', 'i18nExpand', 'i18nExpandSidebar', 'i18nLegal', 'i18nSettings', 'i18nToggleTheme', 'pinned', 'showAbout', 'showSettings', 'startExpanded'], standalone: true }) export class IxMenu { @@ -1938,14 +1927,14 @@ export declare interface IxMenuCategory extends Components.IxMenuCategory {} @ProxyCmp({ defineCustomElementFn: defineIxMenuItem, - inputs: ['active', 'bottom', 'disabled', 'home', 'icon', 'label', 'notifications', 'tabIcon'] + inputs: ['active', 'bottom', 'disabled', 'home', 'icon', 'label', 'notifications'] }) @Component({ selector: 'ix-menu-item', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['active', 'bottom', 'disabled', 'home', 'icon', 'label', 'notifications', 'tabIcon'], + inputs: ['active', 'bottom', 'disabled', 'home', 'icon', 'label', 'notifications'], standalone: true }) export class IxMenuItem { @@ -2056,7 +2045,7 @@ export declare interface IxMessageBar extends Components.IxMessageBar { @ProxyCmp({ defineCustomElementFn: defineIxModal, - inputs: ['animation', 'backdrop', 'beforeDismiss', 'centered', 'closeOnBackdropClick', 'closeOnEscape', 'keyboard', 'size'], + inputs: ['animation', 'backdrop', 'beforeDismiss', 'centered', 'closeOnBackdropClick', 'closeOnEscape', 'size'], methods: ['showModal', 'dismissModal', 'closeModal'] }) @Component({ @@ -2064,7 +2053,7 @@ export declare interface IxMessageBar extends Components.IxMessageBar { changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['animation', 'backdrop', 'beforeDismiss', 'centered', 'closeOnBackdropClick', 'closeOnEscape', 'keyboard', 'size'], + inputs: ['animation', 'backdrop', 'beforeDismiss', 'centered', 'closeOnBackdropClick', 'closeOnEscape', 'size'], standalone: true }) export class IxModal { @@ -2307,14 +2296,14 @@ export declare interface IxPaneLayout extends Components.IxPaneLayout {} @ProxyCmp({ defineCustomElementFn: defineIxPill, - inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'pillColor', 'variant'] + inputs: ['alignLeft', 'background', 'icon', 'outline', 'pillColor', 'variant'] }) @Component({ selector: 'ix-pill', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['alignLeft', 'background', 'color', 'icon', 'outline', 'pillColor', 'variant'], + inputs: ['alignLeft', 'background', 'icon', 'outline', 'pillColor', 'variant'], standalone: true }) export class IxPill { @@ -2442,7 +2431,7 @@ export declare interface IxRow extends Components.IxRow {} @ProxyCmp({ defineCustomElementFn: defineIxSelect, - inputs: ['allowClear', 'disabled', 'editable', 'helperText', 'hideListHeader', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'selectedIndices', 'showTextAsTooltip', 'validText', 'value', 'warningText'], + inputs: ['allowClear', 'disabled', 'editable', 'helperText', 'hideListHeader', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'showTextAsTooltip', 'validText', 'value', 'warningText'], methods: ['getNativeInputElement', 'focusInput'] }) @Component({ @@ -2450,7 +2439,7 @@ export declare interface IxRow extends Components.IxRow {} changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['allowClear', 'disabled', 'editable', 'helperText', 'hideListHeader', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'selectedIndices', 'showTextAsTooltip', 'validText', 'value', 'warningText'], + inputs: ['allowClear', 'disabled', 'editable', 'helperText', 'hideListHeader', 'i18nNoMatches', 'i18nPlaceholder', 'i18nPlaceholderEditable', 'i18nSelectListHeader', 'infoText', 'invalidText', 'label', 'mode', 'name', 'readonly', 'required', 'showTextAsTooltip', 'validText', 'value', 'warningText'], standalone: true }) export class IxSelect { @@ -2458,7 +2447,7 @@ export class IxSelect { constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['valueChange', 'itemSelectionChange', 'inputChange', 'addItem', 'ixBlur']); + proxyOutputs(this, this.el, ['valueChange', 'inputChange', 'addItem', 'ixBlur']); } } @@ -2468,10 +2457,6 @@ export declare interface IxSelect extends Components.IxSelect { * Value changed @since 2.0.0 */ valueChange: EventEmitter>; - /** - * Item selection changed @deprecated since 2.0.0. Use `valueChange` instead. - */ - itemSelectionChange: EventEmitter>; /** * Event dispatched whenever the text input changes. @since 2.0.0 */ @@ -2599,36 +2584,6 @@ export declare interface IxSplitButton extends Components.IxSplitButton { } -@ProxyCmp({ - defineCustomElementFn: defineIxSplitButtonItem, - inputs: ['icon', 'label'] -}) -@Component({ - selector: 'ix-split-button-item', - changeDetection: ChangeDetectionStrategy.OnPush, - template: '', - // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['icon', 'label'], - standalone: true -}) -export class IxSplitButtonItem { - protected el: HTMLElement; - constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { - c.detach(); - this.el = r.nativeElement; - proxyOutputs(this, this.el, ['itemClick']); - } -} - - -export declare interface IxSplitButtonItem extends Components.IxSplitButtonItem { - /** - * Dropdown item clicked - */ - itemClick: EventEmitter>; -} - - @ProxyCmp({ defineCustomElementFn: defineIxTabItem, inputs: ['counter', 'disabled', 'icon', 'layout', 'placement', 'rounded', 'selected', 'small'] @@ -2756,7 +2711,7 @@ export declare interface IxTile extends Components.IxTile {} @ProxyCmp({ defineCustomElementFn: defineIxTimePicker, - inputs: ['corners', 'format', 'individual', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'standaloneAppearance', 'textSelectTime', 'textTime', 'time', 'timeReference'], + inputs: ['corners', 'format', 'showHour', 'showMinutes', 'showSeconds', 'standaloneAppearance', 'textSelectTime', 'textTime', 'time', 'timeReference'], methods: ['getCurrentTime'] }) @Component({ @@ -2764,7 +2719,7 @@ export declare interface IxTile extends Components.IxTile {} changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['corners', 'format', 'individual', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference', 'standaloneAppearance', 'textSelectTime', 'textTime', 'time', 'timeReference'], + inputs: ['corners', 'format', 'showHour', 'showMinutes', 'showSeconds', 'standaloneAppearance', 'textSelectTime', 'textTime', 'time', 'timeReference'], standalone: true }) export class IxTimePicker { @@ -2772,7 +2727,7 @@ export class IxTimePicker { constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) { c.detach(); this.el = r.nativeElement; - proxyOutputs(this, this.el, ['timeSelect', 'done', 'timeChange']); + proxyOutputs(this, this.el, ['timeSelect', 'timeChange']); } } @@ -2782,10 +2737,6 @@ export declare interface IxTimePicker extends Components.IxTimePicker { * Time event */ timeSelect: EventEmitter>; - /** - * Time event @deprecated Will be removed in 3.0.0. Use `time-select` event. - */ - done: EventEmitter>; /** * Time change event */ @@ -2968,14 +2919,14 @@ export declare interface IxTreeItem extends Components.IxTreeItem { @ProxyCmp({ defineCustomElementFn: defineIxTypography, - inputs: ['bold', 'color', 'format', 'textColor', 'textDecoration'] + inputs: ['bold', 'format', 'textColor', 'textDecoration'] }) @Component({ selector: 'ix-typography', changeDetection: ChangeDetectionStrategy.OnPush, template: '', // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property - inputs: ['bold', 'color', 'format', 'textColor', 'textDecoration'], + inputs: ['bold', 'format', 'textColor', 'textDecoration'], standalone: true }) export class IxTypography { diff --git a/packages/core/component-doc.json b/packages/core/component-doc.json index b9edd0608a9..fa167e12dbd 100644 --- a/packages/core/component-doc.json +++ b/packages/core/component-doc.json @@ -125,10 +125,10 @@ }, { "name": "variant", - "type": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", + "type": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"neutral\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", "complexType": { "original": "ActionCardVariant", - "resolved": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", + "resolved": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"neutral\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", "references": { "ActionCardVariant": { "location": "local", @@ -141,14 +141,8 @@ "attr": "variant", "reflectToAttr": false, "docs": "Card variant", - "docsTags": [ - { - "name": "deprecated", - "text": "variant \"insight\" and \"notification\" will be removed in 3.0. Use \"outline\" or \"filled\" instead." - } - ], - "default": "'insight'", - "deprecation": "variant \"insight\" and \"notification\" will be removed in 3.0. Use \"outline\" or \"filled\" instead.", + "docsTags": [], + "default": "'outline'", "values": [ { "value": "alarm", @@ -166,18 +160,10 @@ "value": "info", "type": "string" }, - { - "value": "insight", - "type": "string" - }, { "value": "neutral", "type": "string" }, - { - "value": "notification", - "type": "string" - }, { "value": "outline", "type": "string" @@ -942,10 +928,10 @@ }, { "name": "variant", - "type": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", + "type": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"neutral\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", "complexType": { "original": "BlindVariant", - "resolved": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", + "resolved": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"neutral\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", "references": { "BlindVariant": { "location": "local", @@ -964,7 +950,7 @@ "text": "2.0.0" } ], - "default": "'insight'", + "default": "'filled'", "values": [ { "value": "alarm", @@ -982,18 +968,10 @@ "value": "info", "type": "string" }, - { - "value": "insight", - "type": "string" - }, { "value": "neutral", "type": "string" }, - { - "value": "notification", - "type": "string" - }, { "value": "outline", "type": "string" @@ -1601,10 +1579,10 @@ }, { "name": "variant", - "type": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", + "type": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"neutral\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", "complexType": { "original": "CardVariant", - "resolved": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", + "resolved": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"neutral\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", "references": { "CardVariant": { "location": "local", @@ -1617,14 +1595,8 @@ "attr": "variant", "reflectToAttr": false, "docs": "Card variant", - "docsTags": [ - { - "name": "deprecated", - "text": "variant insight and notification will be removed in 3.0. Use 'outline' or 'filled' instead." - } - ], - "default": "'insight'", - "deprecation": "variant insight and notification will be removed in 3.0. Use 'outline' or 'filled' instead.", + "docsTags": [], + "default": "'outline'", "values": [ { "value": "alarm", @@ -1642,18 +1614,10 @@ "value": "info", "type": "string" }, - { - "value": "insight", - "type": "string" - }, { "value": "neutral", "type": "string" }, - { - "value": "notification", - "type": "string" - }, { "value": "outline", "type": "string" @@ -3085,33 +3049,6 @@ "optional": false, "required": false }, - { - "name": "color", - "type": "string", - "complexType": { - "original": "string | undefined", - "resolved": "string", - "references": {} - }, - "mutable": false, - "attr": "color", - "reflectToAttr": false, - "docs": "Custom font and icon color.\nOnly has an effect on chips with `variant='custom'`", - "docsTags": [ - { - "name": "deprecated", - "text": "since 2.1.0 use `chip-color`" - } - ], - "deprecation": "since 2.1.0 use `chip-color`", - "values": [ - { - "type": "string" - } - ], - "optional": false, - "required": false - }, { "name": "icon", "type": "string", @@ -5032,38 +4969,6 @@ "optional": false, "required": false }, - { - "name": "eventDelimiter", - "type": "string", - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "mutable": false, - "attr": "event-delimiter", - "reflectToAttr": false, - "docs": "Default behavior of the done event is to join the two events (date and time) into one combined string output.\nThis combination can be configured over the delimiter", - "docsTags": [ - { - "name": "since", - "text": "1.1.0" - }, - { - "name": "deprecated", - "text": "Not used anymore see `this.dateChange`" - } - ], - "default": "' - '", - "deprecation": "Not used anymore see `this.dateChange`", - "values": [ - { - "type": "string" - } - ], - "optional": false, - "required": false - }, { "name": "format", "type": "string", @@ -5139,34 +5044,6 @@ "optional": false, "required": false }, - { - "name": "individual", - "type": "boolean", - "complexType": { - "original": "boolean", - "resolved": "boolean", - "references": {} - }, - "mutable": false, - "attr": "individual", - "reflectToAttr": false, - "docs": "", - "docsTags": [ - { - "name": "deprecated", - "text": "Not supported since 2.0.0." - } - ], - "default": "true", - "deprecation": "Not supported since 2.0.0.", - "values": [ - { - "type": "boolean" - } - ], - "optional": false, - "required": false - }, { "name": "locale", "type": "string", @@ -5269,38 +5146,6 @@ "optional": false, "required": false }, - { - "name": "textSelectDate", - "type": "string", - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "mutable": false, - "attr": "text-select-date", - "reflectToAttr": false, - "docs": "Text of the button that confirms date selection.", - "docsTags": [ - { - "name": "since", - "text": "1.1.0" - }, - { - "name": "deprecated", - "text": "since 2.1.0. Use `i18nDone`" - } - ], - "default": "''", - "deprecation": "since 2.1.0. Use `i18nDone`", - "values": [ - { - "type": "string" - } - ], - "optional": false, - "required": false - }, { "name": "to", "type": "string", @@ -5454,26 +5299,6 @@ "text": "1.1.0" } ] - }, - { - "event": "done", - "detail": "string", - "bubbles": true, - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "cancelable": true, - "composed": true, - "docs": "Date selection confirmed via button action", - "docsTags": [ - { - "name": "deprecated", - "text": "NOT getting dispatched after 2.0.0. Use `dateSelect`." - } - ], - "deprecation": "NOT getting dispatched after 2.0.0. Use `dateSelect`." } ], "styles": [], @@ -5558,38 +5383,6 @@ "optional": false, "required": false }, - { - "name": "eventDelimiter", - "type": "string", - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "mutable": false, - "attr": "event-delimiter", - "reflectToAttr": false, - "docs": "Default behavior of the done event is to join the two events (date and time) into one combined string output.\nThis combination can be configured over the delimiter", - "docsTags": [ - { - "name": "since", - "text": "1.1.0" - }, - { - "name": "deprecated", - "text": "Not used anymore see `done` event" - } - ], - "default": "' - '", - "deprecation": "Not used anymore see `done` event", - "values": [ - { - "type": "string" - } - ], - "optional": false, - "required": false - }, { "name": "from", "type": "string", @@ -5840,37 +5633,6 @@ "optional": false, "required": false }, - { - "name": "textSelectDate", - "type": "string", - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "mutable": false, - "attr": "text-select-date", - "reflectToAttr": false, - "docs": "Text of date select button", - "docsTags": [ - { - "name": "since", - "text": "1.1.0" - }, - { - "name": "deprecated", - "text": "since 2.1.0. Use `i18nDone`" - } - ], - "deprecation": "since 2.1.0. Use `i18nDone`", - "values": [ - { - "type": "string" - } - ], - "optional": true, - "required": false - }, { "name": "time", "type": "string", @@ -6056,26 +5818,6 @@ } ] }, - { - "event": "done", - "detail": "string", - "bubbles": true, - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "cancelable": true, - "composed": true, - "docs": "Done event\n\nSet `doneEventDelimiter` to null or undefine to get the typed event", - "docsTags": [ - { - "name": "deprecated", - "text": "Use `this.dateChange`" - } - ], - "deprecation": "Use `this.dateChange`" - }, { "event": "timeChange", "detail": "string", @@ -7120,8 +6862,7 @@ "ix-menu-avatar-item", "ix-menu-category", "ix-select", - "ix-select-item", - "ix-split-button-item" + "ix-select-item" ], "dependencies": [], "dependencyGraph": { @@ -7142,9 +6883,6 @@ ], "ix-select-item": [ "ix-dropdown-item" - ], - "ix-split-button-item": [ - "ix-dropdown-item" ] }, "props": [ @@ -7626,37 +7364,6 @@ "optional": false, "required": false }, - { - "name": "color", - "type": "string", - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "mutable": false, - "attr": "color", - "reflectToAttr": false, - "docs": "Color of the status indicator.\nYou can find a list of all available colors in our documentation.\nExample values are `--theme-color-alarm` or `color-alarm`", - "docsTags": [ - { - "name": "link", - "text": "https://ix.siemens.io/docs/theming/colors/" - }, - { - "name": "deprecated", - "text": "since 2.1.0 use `item-color`" - } - ], - "deprecation": "since 2.1.0 use `item-color`", - "values": [ - { - "type": "string" - } - ], - "optional": true, - "required": false - }, { "name": "disabled", "type": "boolean", @@ -9043,35 +8750,8 @@ "required": false }, { - "name": "color", - "type": "string", - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "mutable": false, - "attr": "color", - "reflectToAttr": false, - "docs": "Color of icon in button", - "docsTags": [ - { - "name": "deprecated", - "text": "since 2.1.0 use `icon-color`" - } - ], - "deprecation": "since 2.1.0 use `icon-color`", - "values": [ - { - "type": "string" - } - ], - "optional": false, - "required": false - }, - { - "name": "disabled", - "type": "boolean", + "name": "disabled", + "type": "boolean", "complexType": { "original": "boolean", "resolved": "boolean", @@ -9225,24 +8905,18 @@ }, { "name": "size", - "type": "\"12\" | \"16\" | \"24\" | \"32\"", + "type": "\"12\" | \"16\" | \"24\"", "complexType": { - "original": "'32' | '24' | '16' | '12'", - "resolved": "\"12\" | \"16\" | \"24\" | \"32\"", + "original": "'24' | '16' | '12'", + "resolved": "\"12\" | \"16\" | \"24\"", "references": {} }, "mutable": false, "attr": "size", "reflectToAttr": false, "docs": "Size of icon in button", - "docsTags": [ - { - "name": "deprecated", - "text": "Only size 32 will be removed in 3.0.0" - } - ], + "docsTags": [], "default": "'24'", - "deprecation": "Only size 32 will be removed in 3.0.0", "values": [ { "value": "12", @@ -9255,10 +8929,6 @@ { "value": "24", "type": "string" - }, - { - "value": "32", - "type": "string" } ], "optional": false, @@ -11502,34 +11172,6 @@ "optional": false, "required": false }, - { - "name": "maxVisibleMenuItems", - "type": "number", - "complexType": { - "original": "number", - "resolved": "number", - "references": {} - }, - "mutable": false, - "attr": "max-visible-menu-items", - "reflectToAttr": false, - "docs": "Maximum number of menu items to show in case enough vertical space is available.\nExtra menu items will be collapsed to 'show more' menu item.", - "docsTags": [ - { - "name": "deprecated", - "text": "- Has no effect on component. Will get removed with next major release (v3)" - } - ], - "default": "9", - "deprecation": "- Has no effect on component. Will get removed with next major release (v3)", - "values": [ - { - "type": "number" - } - ], - "optional": false, - "required": false - }, { "name": "pinned", "type": "boolean", @@ -12794,37 +12436,6 @@ ], "optional": true, "required": false - }, - { - "name": "tabIcon", - "type": "string", - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "mutable": true, - "attr": "tab-icon", - "reflectToAttr": false, - "docs": "Name of the icon you want to display. Icon names can be resolved from the documentation", - "docsTags": [ - { - "name": "link", - "text": "https://ix.siemens.io/docs/icon-library/icons" - }, - { - "name": "deprecated", - "text": "since 2.0.0 use `icon` property. Will be removed in 3.0.0" - } - ], - "deprecation": "since 2.0.0 use `icon` property. Will be removed in 3.0.0", - "values": [ - { - "type": "string" - } - ], - "optional": true, - "required": false } ], "methods": [], @@ -13266,34 +12877,6 @@ "optional": false, "required": false }, - { - "name": "keyboard", - "type": "boolean", - "complexType": { - "original": "boolean", - "resolved": "boolean", - "references": {} - }, - "mutable": false, - "attr": "keyboard", - "reflectToAttr": false, - "docs": "Use ESC to dismiss the modal", - "docsTags": [ - { - "name": "deprecated", - "text": "- Use closeOnEscape instead" - } - ], - "default": "true", - "deprecation": "- Use closeOnEscape instead", - "values": [ - { - "type": "boolean" - } - ], - "optional": false, - "required": false - }, { "name": "size", "type": "\"360\" | \"480\" | \"600\" | \"720\" | \"840\" | \"full-screen\" | \"full-width\"", @@ -15002,33 +14585,6 @@ "optional": false, "required": false }, - { - "name": "color", - "type": "string", - "complexType": { - "original": "string | undefined", - "resolved": "string", - "references": {} - }, - "mutable": false, - "attr": "color", - "reflectToAttr": false, - "docs": "Custom font color for pill. Only working for `variant='custom'`", - "docsTags": [ - { - "name": "deprecated", - "text": "since 2.1.0 use `pill-color`" - } - ], - "deprecation": "since 2.1.0 use `pill-color`", - "values": [ - { - "type": "string" - } - ], - "optional": false, - "required": false - }, { "name": "icon", "type": "string", @@ -15300,10 +14856,10 @@ }, { "name": "variant", - "type": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", + "type": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"neutral\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", "complexType": { "original": "PushCardVariant", - "resolved": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"insight\" | \"neutral\" | \"notification\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", + "resolved": "\"alarm\" | \"critical\" | \"filled\" | \"info\" | \"neutral\" | \"outline\" | \"primary\" | \"success\" | \"warning\"", "references": { "PushCardVariant": { "location": "local", @@ -15316,14 +14872,8 @@ "attr": "variant", "reflectToAttr": false, "docs": "Card variant", - "docsTags": [ - { - "name": "deprecated", - "text": "variant \"insight\" and \"notification\" will be removed in 3.0. Use \"outline\" or \"filled\" instead." - } - ], - "default": "'insight'", - "deprecation": "variant \"insight\" and \"notification\" will be removed in 3.0. Use \"outline\" or \"filled\" instead.", + "docsTags": [], + "default": "'outline'", "values": [ { "value": "alarm", @@ -15341,18 +14891,10 @@ "value": "info", "type": "string" }, - { - "value": "insight", - "type": "string" - }, { "value": "neutral", "type": "string" }, - { - "value": "notification", - "type": "string" - }, { "value": "outline", "type": "string" @@ -16314,36 +15856,6 @@ "optional": false, "required": false }, - { - "name": "selectedIndices", - "type": "string | string[]", - "complexType": { - "original": "string | string[]", - "resolved": "string | string[]", - "references": {} - }, - "mutable": true, - "attr": "selected-indices", - "reflectToAttr": false, - "docs": "Indices of selected items.\nThis corresponds to the value property of ix-select-items and therefor not necessarily the indices of the items in the list.", - "docsTags": [ - { - "name": "deprecated", - "text": "since 2.0.0. Use the `value` property instead." - } - ], - "deprecation": "since 2.0.0. Use the `value` property instead.", - "values": [ - { - "type": "string" - }, - { - "type": "string[]" - } - ], - "optional": true, - "required": false - }, { "name": "showTextAsTooltip", "type": "boolean", @@ -16537,26 +16049,6 @@ } ] }, - { - "event": "itemSelectionChange", - "detail": "string[]", - "bubbles": true, - "complexType": { - "original": "string[]", - "resolved": "string[]", - "references": {} - }, - "cancelable": true, - "composed": true, - "docs": "Item selection changed", - "docsTags": [ - { - "name": "deprecated", - "text": "since 2.0.0. Use `valueChange` instead." - } - ], - "deprecation": "since 2.0.0. Use `valueChange` instead." - }, { "event": "ixBlur", "detail": "void", @@ -16688,26 +16180,20 @@ }, { "name": "value", - "type": "any", + "type": "string", "complexType": { - "original": "any", - "resolved": "any", + "original": "string", + "resolved": "string", "references": {} }, "mutable": false, "attr": "value", "reflectToAttr": true, "docs": "The value of the item.\nImportant: The select component uses string values to handle selection and will call toString() on this value.\nTherefor a string should be passed to value to prevent unexpected behavior.", - "docsTags": [ - { - "name": "deprecated", - "text": "will be changed to type string with next major release (3.0.0)" - } - ], - "deprecation": "will be changed to type string with next major release (3.0.0)", + "docsTags": [], "values": [ { - "type": "any" + "type": "string" } ], "optional": false, @@ -17485,104 +16971,6 @@ "parts": [], "listeners": [] }, - { - "dirPath": "src/components/split-button-item", - "filePath": "src/components/split-button-item/split-button-item.tsx", - "fileName": "split-button-item.tsx", - "readmePath": "src/components/split-button-item/readme.md", - "usagesDir": "src/components/split-button-item/usage", - "tag": "ix-split-button-item", - "overview": "", - "usage": {}, - "docs": "", - "docsTags": [ - { - "name": "deprecated", - "text": "since 2.0.0. Use the `ix-dropdown-item` component instead." - } - ], - "encapsulation": "shadow", - "dependents": [], - "dependencies": [ - "ix-dropdown-item" - ], - "dependencyGraph": { - "ix-split-button-item": [ - "ix-dropdown-item" - ] - }, - "deprecation": "since 2.0.0. Use the `ix-dropdown-item` component instead.", - "props": [ - { - "name": "icon", - "type": "string", - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "mutable": false, - "attr": "icon", - "reflectToAttr": false, - "docs": "Dropdown icon", - "docsTags": [], - "values": [ - { - "type": "string" - } - ], - "optional": false, - "required": false - }, - { - "name": "label", - "type": "string", - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "mutable": false, - "attr": "label", - "reflectToAttr": false, - "docs": "Dropdown label", - "docsTags": [], - "values": [ - { - "type": "string" - } - ], - "optional": false, - "required": false - } - ], - "methods": [], - "events": [ - { - "event": "itemClick", - "detail": "MouseEvent", - "bubbles": true, - "complexType": { - "original": "MouseEvent", - "resolved": "MouseEvent", - "references": { - "MouseEvent": { - "location": "global", - "id": "global::MouseEvent" - } - } - }, - "cancelable": true, - "composed": true, - "docs": "Dropdown item clicked", - "docsTags": [] - } - ], - "styles": [], - "slots": [], - "parts": [], - "listeners": [] - }, { "dirPath": "src/components/tab-item", "filePath": "src/components/tab-item/tab-item.tsx", @@ -18769,34 +18157,6 @@ "optional": false, "required": false }, - { - "name": "individual", - "type": "boolean", - "complexType": { - "original": "boolean", - "resolved": "boolean", - "references": {} - }, - "mutable": false, - "attr": "individual", - "reflectToAttr": false, - "docs": "", - "docsTags": [ - { - "name": "deprecated", - "text": "Not supported since 2.0.0." - } - ], - "default": "true", - "deprecation": "Not supported since 2.0.0.", - "values": [ - { - "type": "boolean" - } - ], - "optional": false, - "required": false - }, { "name": "showHour", "type": "boolean", @@ -18863,38 +18223,6 @@ "optional": false, "required": false }, - { - "name": "showTimeReference", - "type": "boolean", - "complexType": { - "original": "boolean", - "resolved": "boolean", - "references": {} - }, - "mutable": true, - "attr": "show-time-reference", - "reflectToAttr": false, - "docs": "Show time reference input", - "docsTags": [ - { - "name": "since", - "text": "1.1.0 time reference is default aligned with format tt" - }, - { - "name": "deprecated", - "text": "Since 2.0.0 time reference will be displayed depending on format." - } - ], - "default": "undefined", - "deprecation": "Since 2.0.0 time reference will be displayed depending on format.", - "values": [ - { - "type": "boolean" - } - ], - "optional": true, - "required": false - }, { "name": "standaloneAppearance", "type": "boolean", @@ -19050,26 +18378,6 @@ } ], "events": [ - { - "event": "done", - "detail": "string", - "bubbles": true, - "complexType": { - "original": "string", - "resolved": "string", - "references": {} - }, - "cancelable": true, - "composed": true, - "docs": "Time event", - "docsTags": [ - { - "name": "deprecated", - "text": "Will be removed in 3.0.0. Use `time-select` event." - } - ], - "deprecation": "Will be removed in 3.0.0. Use `time-select` event." - }, { "event": "timeChange", "detail": "string", @@ -20622,72 +19930,6 @@ "optional": false, "required": false }, - { - "name": "color", - "type": "\"alarm\" | \"contrast\" | \"inv-contrast\" | \"inv-soft\" | \"inv-std\" | \"inv-weak\" | \"soft\" | \"std\" | \"weak\"", - "complexType": { - "original": "TypographyColors", - "resolved": "\"alarm\" | \"contrast\" | \"inv-contrast\" | \"inv-soft\" | \"inv-std\" | \"inv-weak\" | \"soft\" | \"std\" | \"weak\"", - "references": { - "TypographyColors": { - "location": "local", - "path": "src/components/typography/typography.tsx", - "id": "src/components/typography/typography.tsx::TypographyColors" - } - } - }, - "mutable": false, - "attr": "color", - "reflectToAttr": false, - "docs": "Text color based on theme variables", - "docsTags": [ - { - "name": "deprecated", - "text": "since 2.1.0 use property `text-color`" - } - ], - "deprecation": "since 2.1.0 use property `text-color`", - "values": [ - { - "value": "alarm", - "type": "string" - }, - { - "value": "contrast", - "type": "string" - }, - { - "value": "inv-contrast", - "type": "string" - }, - { - "value": "inv-soft", - "type": "string" - }, - { - "value": "inv-std", - "type": "string" - }, - { - "value": "inv-weak", - "type": "string" - }, - { - "value": "soft", - "type": "string" - }, - { - "value": "std", - "type": "string" - }, - { - "value": "weak", - "type": "string" - } - ], - "optional": true, - "required": false - }, { "name": "format", "type": "TypographyFormatLabel | TypographyFormatBody | TypographyFormatDisplay | TypographyFormatHeading | TypographyFormatCode", @@ -21575,32 +20817,17 @@ ], "typeLibrary": { "src/components/card/card.tsx::CardVariant": { - "declaration": "export type CardVariant =\n | 'insight'\n | 'notification'\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary'\n | 'outline'\n | 'filled';", + "declaration": "export type CardVariant =\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary'\n | 'outline'\n | 'filled';", "docstring": "", "path": "src/components/card/card.tsx" }, - "src/components/typography/typography.tsx::TypographyFormat": { - "declaration": "export type TypographyFormat =\n | TypographyFormatLabel\n | TypographyFormatBody\n | TypographyFormatDisplay\n | TypographyFormatHeading\n | TypographyFormatCode;", - "docstring": "", - "path": "src/components/typography/typography.tsx" - }, - "src/components/typography/typography.tsx::TypographyColors": { - "declaration": "export type TypographyColors =\n | 'contrast'\n | 'std'\n | 'soft'\n | 'weak'\n | 'inv-contrast'\n | 'inv-std'\n | 'inv-soft'\n | 'inv-weak'\n | 'alarm';", - "docstring": "", - "path": "src/components/typography/typography.tsx" - }, - "src/components/typography/typography.tsx::TextDecoration": { - "declaration": "export type TextDecoration = 'none' | 'underline' | 'line-through';", - "docstring": "", - "path": "src/components/typography/typography.tsx" - }, "src/components/action-card/action-card.tsx::ActionCardVariant": { - "declaration": "export type CardVariant =\n | 'insight'\n | 'notification'\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary'\n | 'outline'\n | 'filled';", + "declaration": "export type CardVariant =\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary'\n | 'outline'\n | 'filled';", "docstring": "", "path": "src/components/action-card/action-card.tsx" }, "src/components/blind/blind.tsx::BlindVariant": { - "declaration": "export type BlindVariant = CardVariant | 'outline';", + "declaration": "export type CardVariant =\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary'\n | 'outline'\n | 'filled';", "docstring": "", "path": "src/components/blind/blind.tsx" }, @@ -21730,7 +20957,7 @@ "path": "src/components/pane/pane.tsx" }, "src/components/push-card/push-card.tsx::PushCardVariant": { - "declaration": "export type CardVariant =\n | 'insight'\n | 'notification'\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary'\n | 'outline'\n | 'filled';", + "declaration": "export type CardVariant =\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary'\n | 'outline'\n | 'filled';", "docstring": "", "path": "src/components/push-card/push-card.tsx" }, @@ -21774,6 +21001,21 @@ "docstring": "", "path": "src/components/toast/toast-utils.ts" }, + "src/components/typography/typography.tsx::TypographyFormat": { + "declaration": "export type TypographyFormat =\n | TypographyFormatLabel\n | TypographyFormatBody\n | TypographyFormatDisplay\n | TypographyFormatHeading\n | TypographyFormatCode;", + "docstring": "", + "path": "src/components/typography/typography.tsx" + }, + "src/components/typography/typography.tsx::TypographyColors": { + "declaration": "export type TypographyColors =\n | 'contrast'\n | 'std'\n | 'soft'\n | 'weak'\n | 'inv-contrast'\n | 'inv-std'\n | 'inv-soft'\n | 'inv-weak'\n | 'alarm';", + "docstring": "", + "path": "src/components/typography/typography.tsx" + }, + "src/components/typography/typography.tsx::TextDecoration": { + "declaration": "export type TextDecoration = 'none' | 'underline' | 'line-through';", + "docstring": "", + "path": "src/components/typography/typography.tsx" + }, "src/components/utils/theme-switcher.ts::IxTheme": { "declaration": "export type IxTheme = LiteralStringUnion<\n 'classic' | 'classic-dark' | 'classic-light'\n>;", "docstring": "", diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts index 87f422d0165..a8bee78790e 100644 --- a/packages/core/src/components.d.ts +++ b/packages/core/src/components.d.ts @@ -120,7 +120,6 @@ export namespace Components { "subheading"?: string; /** * Card variant - * @deprecated variant "insight" and "notification" will be removed in 3.0. Use "outline" or "filled" instead. */ "variant": ActionCardVariant; } @@ -309,7 +308,6 @@ export namespace Components { "selected": boolean; /** * Card variant - * @deprecated variant insight and notification will be removed in 3.0. Use 'outline' or 'filled' instead. */ "variant": CardVariant; } @@ -529,11 +527,6 @@ export namespace Components { * Show close icon */ "closable": boolean; - /** - * Custom font and icon color. Only has an effect on chips with `variant='custom'` - * @deprecated since 2.1.0 use `chip-color` - */ - "color": string | undefined; /** * Show icon */ @@ -808,12 +801,6 @@ export namespace Components { * Corner style */ "corners": DateTimeCardCorners; - /** - * Default behavior of the done event is to join the two events (date and time) into one combined string output. This combination can be configured over the delimiter - * @since 1.1.0 - * @deprecated Not used anymore see `this.dateChange` - */ - "eventDelimiter": string; /** * Date format string. See {@link "https://moment.github.io/luxon/#/formatting?id=table-of-tokens"} for all available tokens. */ @@ -832,10 +819,6 @@ export namespace Components { * @since 2.1.0 */ "i18nDone": string; - /** - * @deprecated Not supported since 2.0.0. - */ - "individual": boolean; /** * Locale identifier (e.g. 'en' or 'de'). * @since 2.1.0 @@ -856,12 +839,6 @@ export namespace Components { */ "range": boolean; "standaloneAppearance": boolean; - /** - * Text of the button that confirms date selection. - * @since 1.1.0 - * @deprecated since 2.1.0. Use `i18nDone` - */ - "textSelectDate": string; /** * The selected end date. If the the date-picker-rework is not in range mode this property has no impact. Format has to match the `format` property. * @since 1.1.0 @@ -891,12 +868,6 @@ export namespace Components { * @since 1.1.0 */ "dateFormat": string; - /** - * Default behavior of the done event is to join the two events (date and time) into one combined string output. This combination can be configured over the delimiter - * @since 1.1.0 - * @deprecated Not used anymore see `done` event - */ - "eventDelimiter": string; /** * The selected starting date. If the picker is not in range mode this is the selected date. Format has to match the `format` property. * @since 1.1.0 @@ -944,12 +915,6 @@ export namespace Components { * @since 1.1.0 */ "showTimeReference": boolean; - /** - * Text of date select button - * @since 1.1.0 - * @deprecated since 2.1.0. Use `i18nDone` - */ - "textSelectDate"?: string; /** * Select time with format string * @since 1.1.0 @@ -1193,12 +1158,6 @@ export namespace Components { * Show chevron on right side of the event list item */ "chevron": boolean; - /** - * Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm` - * @link https://ix.siemens.io/docs/theming/colors/ - * @deprecated since 2.1.0 use `item-color` - */ - "color"?: string; /** * Disable event list item */ @@ -1429,11 +1388,6 @@ export namespace Components { * @since 2.1.0 */ "a11yLabel": string; - /** - * Color of icon in button - * @deprecated since 2.1.0 use `icon-color` - */ - "color": string; /** * Disabled */ @@ -1465,9 +1419,8 @@ export namespace Components { "oval": boolean; /** * Size of icon in button - * @deprecated Only size 32 will be removed in 3.0.0 */ - "size": '32' | '24' | '16' | '12'; + "size": '24' | '16' | '12'; /** * Type of the button */ @@ -1772,11 +1725,6 @@ export namespace Components { "i18nLegal": string; "i18nSettings": string; "i18nToggleTheme": string; - /** - * Maximum number of menu items to show in case enough vertical space is available. Extra menu items will be collapsed to 'show more' menu item. - * @deprecated - Has no effect on component. Will get removed with next major release (v3) - */ - "maxVisibleMenuItems": number; /** * Menu stays pinned to the left */ @@ -1959,12 +1907,6 @@ export namespace Components { * Show notification count on tab */ "notifications"?: number; - /** - * Name of the icon you want to display. Icon names can be resolved from the documentation - * @link https://ix.siemens.io/docs/icon-library/icons - * @deprecated since 2.0.0 use `icon` property. Will be removed in 3.0.0 - */ - "tabIcon"?: string; } interface IxMenuSettings { /** @@ -2027,11 +1969,6 @@ export namespace Components { * Dismiss the dialog */ "dismissModal": (reason?: T) => Promise; - /** - * Use ESC to dismiss the modal - * @deprecated - Use closeOnEscape instead - */ - "keyboard": boolean; /** * Show the dialog */ @@ -2267,11 +2204,6 @@ export namespace Components { * Custom color for pill. Only working for `variant='custom'` */ "background": string | undefined; - /** - * Custom font color for pill. Only working for `variant='custom'` - * @deprecated since 2.1.0 use `pill-color` - */ - "color": string | undefined; /** * Show icon */ @@ -2323,7 +2255,6 @@ export namespace Components { "subheading"?: string; /** * Card variant - * @deprecated variant "insight" and "notification" will be removed in 3.0. Use "outline" or "filled" instead. */ "variant": PushCardVariant; } @@ -2488,11 +2419,6 @@ export namespace Components { * @since 2.6.0 */ "required": boolean; - /** - * Indices of selected items. This corresponds to the value property of ix-select-items and therefor not necessarily the indices of the items in the list. - * @deprecated since 2.0.0. Use the `value` property instead. - */ - "selectedIndices"?: string | string[]; /** * Show helper, error, info, warning text as tooltip * @since 2.6.0 @@ -2531,9 +2457,8 @@ export namespace Components { "selected": boolean; /** * The value of the item. Important: The select component uses string values to handle selection and will call toString() on this value. Therefor a string should be passed to value to prevent unexpected behavior. - * @deprecated will be changed to type string with next major release (3.0.0) */ - "value": any; + "value": string; } /** * @since 2.0.0 @@ -2627,20 +2552,6 @@ export namespace Components { */ "variant": SplitButtonVariant; } - /** - * @deprecated since 2.0.0. Use the `ix-dropdown-item` component instead. - */ - interface IxSplitButtonItem { - "getDropdownItemElement": () => Promise; - /** - * Dropdown icon - */ - "icon": string; - /** - * Dropdown label - */ - "label": string; - } interface IxTabItem { /** * Set counter value @@ -2813,10 +2724,6 @@ export namespace Components { * Get the current time based on the wanted format */ "getCurrentTime": () => Promise; - /** - * @deprecated Not supported since 2.0.0. - */ - "individual": boolean; /** * Show hour input */ @@ -2829,12 +2736,6 @@ export namespace Components { * Show seconds input */ "showSeconds": boolean; - /** - * Show time reference input - * @since 1.1.0 time reference is default aligned with format tt - * @deprecated Since 2.0.0 time reference will be displayed depending on format. - */ - "showTimeReference"?: boolean; /** * Controls the visual presentation and styling of the component when it is displayed as a standalone element */ @@ -3048,11 +2949,6 @@ export namespace Components { * Display text bold */ "bold": boolean; - /** - * Text color based on theme variables - * @deprecated since 2.1.0 use property `text-color` - */ - "color"?: TypographyColors; /** * Text format */ @@ -3365,10 +3261,6 @@ export interface IxSplitButtonCustomEvent extends CustomEvent { detail: T; target: HTMLIxSplitButtonElement; } -export interface IxSplitButtonItemCustomEvent extends CustomEvent { - detail: T; - target: HTMLIxSplitButtonItemElement; -} export interface IxTabItemCustomEvent extends CustomEvent { detail: T; target: HTMLIxTabItemElement; @@ -3784,7 +3676,6 @@ declare global { "dateChange": DateChangeEvent; "dateRangeChange": DateChangeEvent; "dateSelect": DateChangeEvent; - "done": string; } interface HTMLIxDatePickerElement extends Components.IxDatePicker, HTMLStencilElement { addEventListener(type: K, listener: (this: HTMLIxDatePickerElement, ev: IxDatePickerCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; @@ -3807,7 +3698,6 @@ declare global { new (): HTMLIxDateTimeCardElement; }; interface HTMLIxDatetimePickerElementEventMap { - "done": string; "timeChange": string; "dateChange": DateTimeDateChangeEvent; "dateSelect": DateTimeSelectEvent; @@ -4599,7 +4489,6 @@ declare global { }; interface HTMLIxSelectElementEventMap { "valueChange": string | string[]; - "itemSelectionChange": string[]; "inputChange": string; "addItem": string; "ixBlur": void; @@ -4681,26 +4570,6 @@ declare global { prototype: HTMLIxSplitButtonElement; new (): HTMLIxSplitButtonElement; }; - interface HTMLIxSplitButtonItemElementEventMap { - "itemClick": MouseEvent; - } - /** - * @deprecated since 2.0.0. Use the `ix-dropdown-item` component instead. - */ - interface HTMLIxSplitButtonItemElement extends Components.IxSplitButtonItem, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLIxSplitButtonItemElement, ev: IxSplitButtonItemCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLIxSplitButtonItemElement, ev: IxSplitButtonItemCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLIxSplitButtonItemElement: { - prototype: HTMLIxSplitButtonItemElement; - new (): HTMLIxSplitButtonItemElement; - }; interface HTMLIxTabItemElementEventMap { "tabClick": TabClickDetail; } @@ -4766,7 +4635,6 @@ declare global { }; interface HTMLIxTimePickerElementEventMap { "timeSelect": string; - "done": string; "timeChange": string; } interface HTMLIxTimePickerElement extends Components.IxTimePicker, HTMLStencilElement { @@ -5055,7 +4923,6 @@ declare global { "ix-slider": HTMLIxSliderElement; "ix-spinner": HTMLIxSpinnerElement; "ix-split-button": HTMLIxSplitButtonElement; - "ix-split-button-item": HTMLIxSplitButtonItemElement; "ix-tab-item": HTMLIxTabItemElement; "ix-tabs": HTMLIxTabsElement; "ix-textarea": HTMLIxTextareaElement; @@ -5098,7 +4965,6 @@ declare namespace LocalJSX { "subheading"?: string; /** * Card variant - * @deprecated variant "insight" and "notification" will be removed in 3.0. Use "outline" or "filled" instead. */ "variant"?: ActionCardVariant; } @@ -5305,7 +5171,6 @@ declare namespace LocalJSX { "selected"?: boolean; /** * Card variant - * @deprecated variant insight and notification will be removed in 3.0. Use 'outline' or 'filled' instead. */ "variant"?: CardVariant; } @@ -5564,11 +5429,6 @@ declare namespace LocalJSX { * Show close icon */ "closable"?: boolean; - /** - * Custom font and icon color. Only has an effect on chips with `variant='custom'` - * @deprecated since 2.1.0 use `chip-color` - */ - "color"?: string | undefined; /** * Show icon */ @@ -5851,12 +5711,6 @@ declare namespace LocalJSX { * Corner style */ "corners"?: DateTimeCardCorners; - /** - * Default behavior of the done event is to join the two events (date and time) into one combined string output. This combination can be configured over the delimiter - * @since 1.1.0 - * @deprecated Not used anymore see `this.dateChange` - */ - "eventDelimiter"?: string; /** * Date format string. See {@link "https://moment.github.io/luxon/#/formatting?id=table-of-tokens"} for all available tokens. */ @@ -5871,10 +5725,6 @@ declare namespace LocalJSX { * @since 2.1.0 */ "i18nDone"?: string; - /** - * @deprecated Not supported since 2.0.0. - */ - "individual"?: boolean; /** * Locale identifier (e.g. 'en' or 'de'). * @since 2.1.0 @@ -5905,22 +5755,11 @@ declare namespace LocalJSX { * @since 1.1.0 */ "onDateSelect"?: (event: IxDatePickerCustomEvent) => void; - /** - * Date selection confirmed via button action - * @deprecated NOT getting dispatched after 2.0.0. Use `dateSelect`. - */ - "onDone"?: (event: IxDatePickerCustomEvent) => void; /** * If true a date-range can be selected (from/to). */ "range"?: boolean; "standaloneAppearance"?: boolean; - /** - * Text of the button that confirms date selection. - * @since 1.1.0 - * @deprecated since 2.1.0. Use `i18nDone` - */ - "textSelectDate"?: string; /** * The selected end date. If the the date-picker-rework is not in range mode this property has no impact. Format has to match the `format` property. * @since 1.1.0 @@ -5950,12 +5789,6 @@ declare namespace LocalJSX { * @since 1.1.0 */ "dateFormat"?: string; - /** - * Default behavior of the done event is to join the two events (date and time) into one combined string output. This combination can be configured over the delimiter - * @since 1.1.0 - * @deprecated Not used anymore see `done` event - */ - "eventDelimiter"?: string; /** * The selected starting date. If the picker is not in range mode this is the selected date. Format has to match the `format` property. * @since 1.1.0 @@ -5991,11 +5824,6 @@ declare namespace LocalJSX { * @since 1.1.0 */ "onDateSelect"?: (event: IxDatetimePickerCustomEvent) => void; - /** - * Done event Set `doneEventDelimiter` to null or undefine to get the typed event - * @deprecated Use `this.dateChange` - */ - "onDone"?: (event: IxDatetimePickerCustomEvent) => void; /** * Time change * @since 1.1.0 @@ -6023,12 +5851,6 @@ declare namespace LocalJSX { * @since 1.1.0 */ "showTimeReference"?: boolean; - /** - * Text of date select button - * @since 1.1.0 - * @deprecated since 2.1.0. Use `i18nDone` - */ - "textSelectDate"?: string; /** * Select time with format string * @since 1.1.0 @@ -6277,12 +6099,6 @@ declare namespace LocalJSX { * Show chevron on right side of the event list item */ "chevron"?: boolean; - /** - * Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm` - * @link https://ix.siemens.io/docs/theming/colors/ - * @deprecated since 2.1.0 use `item-color` - */ - "color"?: string; /** * Disable event list item */ @@ -6541,11 +6357,6 @@ declare namespace LocalJSX { * @since 2.1.0 */ "a11yLabel"?: string; - /** - * Color of icon in button - * @deprecated since 2.1.0 use `icon-color` - */ - "color"?: string; /** * Disabled */ @@ -6577,9 +6388,8 @@ declare namespace LocalJSX { "oval"?: boolean; /** * Size of icon in button - * @deprecated Only size 32 will be removed in 3.0.0 */ - "size"?: '32' | '24' | '16' | '12'; + "size"?: '24' | '16' | '12'; /** * Type of the button */ @@ -6882,11 +6692,6 @@ declare namespace LocalJSX { "i18nLegal"?: string; "i18nSettings"?: string; "i18nToggleTheme"?: string; - /** - * Maximum number of menu items to show in case enough vertical space is available. Extra menu items will be collapsed to 'show more' menu item. - * @deprecated - Has no effect on component. Will get removed with next major release (v3) - */ - "maxVisibleMenuItems"?: number; /** * Menu expanded */ @@ -7081,12 +6886,6 @@ declare namespace LocalJSX { * Show notification count on tab */ "notifications"?: number; - /** - * Name of the icon you want to display. Icon names can be resolved from the documentation - * @link https://ix.siemens.io/docs/icon-library/icons - * @deprecated since 2.0.0 use `icon` property. Will be removed in 3.0.0 - */ - "tabIcon"?: string; } interface IxMenuSettings { /** @@ -7153,11 +6952,6 @@ declare namespace LocalJSX { * If set to true the modal can be closed by pressing the Escape key */ "closeOnEscape"?: boolean; - /** - * Use ESC to dismiss the modal - * @deprecated - Use closeOnEscape instead - */ - "keyboard"?: boolean; /** * Dialog close */ @@ -7425,11 +7219,6 @@ declare namespace LocalJSX { * Custom color for pill. Only working for `variant='custom'` */ "background"?: string | undefined; - /** - * Custom font color for pill. Only working for `variant='custom'` - * @deprecated since 2.1.0 use `pill-color` - */ - "color"?: string | undefined; /** * Show icon */ @@ -7481,7 +7270,6 @@ declare namespace LocalJSX { "subheading"?: string; /** * Card variant - * @deprecated variant "insight" and "notification" will be removed in 3.0. Use "outline" or "filled" instead. */ "variant"?: PushCardVariant; } @@ -7646,11 +7434,6 @@ declare namespace LocalJSX { * @since 2.0.0 */ "onInputChange"?: (event: IxSelectCustomEvent) => void; - /** - * Item selection changed - * @deprecated since 2.0.0. Use `valueChange` instead. - */ - "onItemSelectionChange"?: (event: IxSelectCustomEvent) => void; /** * Blur input */ @@ -7669,11 +7452,6 @@ declare namespace LocalJSX { * @since 2.6.0 */ "required"?: boolean; - /** - * Indices of selected items. This corresponds to the value property of ix-select-items and therefor not necessarily the indices of the items in the list. - * @deprecated since 2.0.0. Use the `value` property instead. - */ - "selectedIndices"?: string | string[]; /** * Show helper, error, info, warning text as tooltip * @since 2.6.0 @@ -7711,9 +7489,8 @@ declare namespace LocalJSX { "selected"?: boolean; /** * The value of the item. Important: The select component uses string values to handle selection and will call toString() on this value. Therefor a string should be passed to value to prevent unexpected behavior. - * @deprecated will be changed to type string with next major release (3.0.0) */ - "value": any; + "value": string; } /** * @since 2.0.0 @@ -7812,23 +7589,6 @@ declare namespace LocalJSX { */ "variant"?: SplitButtonVariant; } - /** - * @deprecated since 2.0.0. Use the `ix-dropdown-item` component instead. - */ - interface IxSplitButtonItem { - /** - * Dropdown icon - */ - "icon"?: string; - /** - * Dropdown label - */ - "label"?: string; - /** - * Dropdown item clicked - */ - "onItemClick"?: (event: IxSplitButtonItemCustomEvent) => void; - } interface IxTabItem { /** * Set counter value @@ -8009,15 +7769,6 @@ declare namespace LocalJSX { * @since 1.1.0 */ "format"?: string; - /** - * @deprecated Not supported since 2.0.0. - */ - "individual"?: boolean; - /** - * Time event - * @deprecated Will be removed in 3.0.0. Use `time-select` event. - */ - "onDone"?: (event: IxTimePickerCustomEvent) => void; /** * Time change event */ @@ -8038,12 +7789,6 @@ declare namespace LocalJSX { * Show seconds input */ "showSeconds"?: boolean; - /** - * Show time reference input - * @since 1.1.0 time reference is default aligned with format tt - * @deprecated Since 2.0.0 time reference will be displayed depending on format. - */ - "showTimeReference"?: boolean; /** * Controls the visual presentation and styling of the component when it is displayed as a standalone element */ @@ -8287,11 +8032,6 @@ declare namespace LocalJSX { * Display text bold */ "bold"?: boolean; - /** - * Text color based on theme variables - * @deprecated since 2.1.0 use property `text-color` - */ - "color"?: TypographyColors; /** * Text format */ @@ -8510,7 +8250,6 @@ declare namespace LocalJSX { "ix-slider": IxSlider; "ix-spinner": IxSpinner; "ix-split-button": IxSplitButton; - "ix-split-button-item": IxSplitButtonItem; "ix-tab-item": IxTabItem; "ix-tabs": IxTabs; "ix-textarea": IxTextarea; @@ -8758,10 +8497,6 @@ declare module "@stencil/core" { "ix-slider": LocalJSX.IxSlider & JSXBase.HTMLAttributes; "ix-spinner": LocalJSX.IxSpinner & JSXBase.HTMLAttributes; "ix-split-button": LocalJSX.IxSplitButton & JSXBase.HTMLAttributes; - /** - * @deprecated since 2.0.0. Use the `ix-dropdown-item` component instead. - */ - "ix-split-button-item": LocalJSX.IxSplitButtonItem & JSXBase.HTMLAttributes; "ix-tab-item": LocalJSX.IxTabItem & JSXBase.HTMLAttributes; "ix-tabs": LocalJSX.IxTabs & JSXBase.HTMLAttributes; /** diff --git a/packages/core/src/components/action-card/action-card.tsx b/packages/core/src/components/action-card/action-card.tsx index 1882c9d3e68..a0a2d3c75ad 100644 --- a/packages/core/src/components/action-card/action-card.tsx +++ b/packages/core/src/components/action-card/action-card.tsx @@ -9,7 +9,6 @@ import { Component, h, Host, Prop } from '@stencil/core'; import { CardVariant } from '../card/card'; -import { TypographyColors } from '../typography/typography'; export type ActionCardVariant = CardVariant; @@ -24,9 +23,8 @@ export type ActionCardVariant = CardVariant; export class IxActionCard { /** * Card variant - * @deprecated variant "insight" and "notification" will be removed in 3.0. Use "outline" or "filled" instead. */ - @Prop() variant: ActionCardVariant = 'insight'; + @Prop() variant: ActionCardVariant = 'outline'; /** * Card icon @@ -48,17 +46,6 @@ export class IxActionCard { */ @Prop() selected = false; - private getSubheadingColor(): TypographyColors | undefined { - switch (this.variant) { - case 'insight': - case 'notification': - return 'soft'; - - default: - return undefined; - } - } - render() { return ( @@ -76,9 +63,7 @@ export class IxActionCard { {this.heading} ) : null} {this.subheading ? ( - - {this.subheading} - + {this.subheading} ) : null} diff --git a/packages/core/src/components/application-header/application-switch-modal/application-switch-modal.tsx b/packages/core/src/components/application-header/application-switch-modal/application-switch-modal.tsx index b25c34739f9..08a64503dec 100644 --- a/packages/core/src/components/application-header/application-switch-modal/application-switch-modal.tsx +++ b/packages/core/src/components/application-header/application-switch-modal/application-switch-modal.tsx @@ -68,7 +68,7 @@ function ApplicationItem(props: { > )} - + {props.description} diff --git a/packages/core/src/components/avatar/avatar.tsx b/packages/core/src/components/avatar/avatar.tsx index 1e6cbfc55c6..172cd3cb6fe 100644 --- a/packages/core/src/components/avatar/avatar.tsx +++ b/packages/core/src/components/avatar/avatar.tsx @@ -78,7 +78,7 @@ function UserInfo(props: {
{props.userName}
{props.extra && ( - + {props.extra} )} @@ -138,7 +138,7 @@ export class Avatar { this.isClosestApplicationHeader = closest !== null; } - private slottedChanged() { + private async slottedChanged() { this.hasSlottedElements = hasSlottedElements(this.slotElement); } diff --git a/packages/core/src/components/blind/blind.scss b/packages/core/src/components/blind/blind.scss index a251a42c4f1..07593d529c8 100644 --- a/packages/core/src/components/blind/blind.scss +++ b/packages/core/src/components/blind/blind.scss @@ -13,7 +13,7 @@ @import 'mixins/text-truncation'; @import 'mixins/shadow-dom/component'; -@mixin blind($variant: 'insight') { +@mixin blind($variant: 'filled') { :host(.blind-#{$variant}) { @if $variant == 'outline' { border: solid @@ -28,7 +28,7 @@ background-color: var(--theme-color-#{$variant}); } - @if $variant == 'insight' or $variant == 'outline' { + @if $variant == 'filled' or $variant == 'outline' { @include ghost-hover-pressed; } @else { @include hover { @@ -41,7 +41,7 @@ } } - @if $variant == 'insight' or $variant == 'outline' { + @if $variant == 'filled' or $variant == 'outline' { .blind-header-title-label { color: var(--theme-color-std-text); } @@ -199,9 +199,8 @@ $blind-variants: ( alarm, critical, info, - insight, neutral, - notification, + filled, success, warning, primary, diff --git a/packages/core/src/components/blind/blind.tsx b/packages/core/src/components/blind/blind.tsx index af66020d6c9..d2ba8b00b48 100644 --- a/packages/core/src/components/blind/blind.tsx +++ b/packages/core/src/components/blind/blind.tsx @@ -23,7 +23,7 @@ import { CardVariant } from '../card/card'; import { a11yBoolean } from '../utils/a11y'; import { iconChevronRightSmall } from '@siemens/ix-icons/icons'; -export type BlindVariant = CardVariant | 'outline'; +export type BlindVariant = CardVariant; let sequentialInstanceId = 0; @@ -59,7 +59,7 @@ export class Blind { * Blind variant * @since 2.0.0 */ - @Prop() variant: BlindVariant = 'insight'; + @Prop() variant: BlindVariant = 'filled'; /** * Collapsed state changed @@ -157,7 +157,7 @@ export class Blind { class="collapse-icon" name={iconChevronRightSmall} color={ - this.variant === 'insight' || this.variant === 'outline' + this.variant === 'filled' || this.variant === 'outline' ? 'color-primary' : `color-${this.variant}--contrast` } @@ -174,7 +174,7 @@ export class Blind { class="blind-header-title-icon" name={this.icon} color={ - this.variant === 'insight' || this.variant === 'outline' + this.variant === 'filled' || this.variant === 'outline' ? 'color-std-text' : `color-${this.variant}--contrast` } diff --git a/packages/core/src/components/card-list/card-list.tsx b/packages/core/src/components/card-list/card-list.tsx index 206a1e2323e..ab0536d66fd 100644 --- a/packages/core/src/components/card-list/card-list.tsx +++ b/packages/core/src/components/card-list/card-list.tsx @@ -31,7 +31,7 @@ function CardListTitle(props: { ghost icon={iconChevronDown} onClick={props.onClick} - color="color-primary" + iconColor="color-primary" class={{ CardList__Title__Button: true, CardList__Title__Button__Collapsed: props.isCollapsed, diff --git a/packages/core/src/components/card/card.scss b/packages/core/src/components/card/card.scss index 8b6daa9623e..a6e1b91086e 100644 --- a/packages/core/src/components/card/card.scss +++ b/packages/core/src/components/card/card.scss @@ -47,7 +47,6 @@ } } -:host(.card-insight), :host(.card-outline) { @include accordionChevronColorPrimary; @@ -55,7 +54,6 @@ --ix-card-border-color: var(--theme-color-soft-bdr); } -:host(.card-notification), :host(.card-filled) { @include accordionChevronColorPrimary; diff --git a/packages/core/src/components/card/card.tsx b/packages/core/src/components/card/card.tsx index a037a39bfcd..2c837bdeeea 100644 --- a/packages/core/src/components/card/card.tsx +++ b/packages/core/src/components/card/card.tsx @@ -1,9 +1,6 @@ import { Component, Element, h, Host, Prop } from '@stencil/core'; -//TODO(IX-1601): Remove insight, notification in 3.0 export type CardVariant = - | 'insight' - | 'notification' | 'alarm' | 'critical' | 'warning' @@ -27,9 +24,8 @@ export class Card { /** * Card variant - * @deprecated variant insight and notification will be removed in 3.0. Use 'outline' or 'filled' instead. */ - @Prop() variant: CardVariant = 'insight'; + @Prop() variant: CardVariant = 'outline'; /** * @since 2.1.0 diff --git a/packages/core/src/components/chip/chip.tsx b/packages/core/src/components/chip/chip.tsx index d101349fe3d..5318221aac5 100644 --- a/packages/core/src/components/chip/chip.tsx +++ b/packages/core/src/components/chip/chip.tsx @@ -61,15 +61,6 @@ export class Chip { */ @Prop() background: string | undefined; - /** - * Custom font and icon color. - * Only has an effect on chips with `variant='custom'` - * - * @deprecated since 2.1.0 use `chip-color` - */ - // eslint-disable-next-line @stencil-community/reserved-member-names - @Prop() color: string | undefined; - /** * Custom font and icon color. * Only has an effect on chips with `variant='custom'` @@ -98,11 +89,7 @@ export class Chip { class="close-button" oval size="16" - style={ - this.variant === 'custom' - ? { color: this.chipColor ?? this.color } - : {} - } + style={this.variant === 'custom' ? { color: this.chipColor } : {}} ghost onClick={(event) => { this.closeChip.emit(event); @@ -120,7 +107,7 @@ export class Chip { if (this.variant === 'custom') { customStyle = { - color: this.chipColor ?? this.color, + color: this.chipColor, [this.outline ? 'borderColor' : 'backgroundColor']: this.background, }; } @@ -132,7 +119,7 @@ export class Chip { style={ this.variant === 'custom' ? { - '--ix-icon-button-color': this.chipColor ?? this.color, + '--ix-icon-button-color': this.chipColor, } : {} } diff --git a/packages/core/src/components/content-header/content-header.tsx b/packages/core/src/components/content-header/content-header.tsx index 4da0ce0ead5..498af4f74b9 100644 --- a/packages/core/src/components/content-header/content-header.tsx +++ b/packages/core/src/components/content-header/content-header.tsx @@ -66,7 +66,7 @@ export class ContentHeader { {!!this.headerSubtitle && ( {this.headerSubtitle} diff --git a/packages/core/src/components/date-picker/date-picker.tsx b/packages/core/src/components/date-picker/date-picker.tsx index 29a9d222b6d..5680bbb4b70 100644 --- a/packages/core/src/components/date-picker/date-picker.tsx +++ b/packages/core/src/components/date-picker/date-picker.tsx @@ -121,14 +121,6 @@ export class DatePicker implements IxDatePickerComponent { */ @Prop() maxDate = ''; - /** - * Text of the button that confirms date selection. - * - * @since 1.1.0 - * @deprecated since 2.1.0. Use `i18nDone` - */ - @Prop() textSelectDate = ''; - /** * Text of date select button * @@ -156,20 +148,6 @@ export class DatePicker implements IxDatePickerComponent { this.setTranslations(); } - /** - * @deprecated Not supported since 2.0.0. - */ - @Prop() individual: boolean = true; - - /** - * Default behavior of the done event is to join the two events (date and time) into one combined string output. - * This combination can be configured over the delimiter - * - * @since 1.1.0 - * @deprecated Not used anymore see `this.dateChange` - */ - @Prop() eventDelimiter = ' - '; - /** @internal */ @Prop() standaloneAppearance = true; @@ -199,13 +177,6 @@ export class DatePicker implements IxDatePickerComponent { */ @Event() dateSelect!: EventEmitter; - /** - * Date selection confirmed via button action - * - * @deprecated NOT getting dispatched after 2.0.0. Use `dateSelect`. - */ - @Event() done!: EventEmitter; - /** * Get the currently selected date-range. */ @@ -830,9 +801,7 @@ export class DatePicker implements IxDatePickerComponent { hidden: !this.range || !this.standaloneAppearance, }} > - this.onDone()}> - {this.textSelectDate || this.i18nDone} - + this.onDone()}>{this.i18nDone}
diff --git a/packages/core/src/components/datetime-picker/datetime-picker.tsx b/packages/core/src/components/datetime-picker/datetime-picker.tsx index 7f63d18f842..8004bbb3304 100644 --- a/packages/core/src/components/datetime-picker/datetime-picker.tsx +++ b/packages/core/src/components/datetime-picker/datetime-picker.tsx @@ -117,14 +117,6 @@ export class DatetimePicker */ @Prop() timeReference?: 'AM' | 'PM'; - /** - * Text of date select button - * - * @since 1.1.0 - * @deprecated since 2.1.0. Use `i18nDone` - */ - @Prop() textSelectDate?: string; - /** * Text of date select button * @@ -148,23 +140,6 @@ export class DatetimePicker */ @Prop() locale?: string; - /** - * Default behavior of the done event is to join the two events (date and time) into one combined string output. - * This combination can be configured over the delimiter - * - * @since 1.1.0 - * @deprecated Not used anymore see `done` event - */ - @Prop() eventDelimiter = ' - '; - - /** - * Done event - * - * Set `doneEventDelimiter` to null or undefine to get the typed event - * @deprecated Use `this.dateChange` - */ - @Event() done!: EventEmitter; - /** * Time change * @@ -198,10 +173,6 @@ export class DatetimePicker to: date?.to ?? '', time: time ?? '', }); - - this.done.emit( - [date?.from, date?.to ?? '', time].join(this.eventDelimiter) - ); } private async onDateChange(event: CustomEvent) { @@ -259,7 +230,7 @@ export class DatetimePicker class="btn-select-date" onClick={() => this.onDone()} > - {this.textSelectDate || this.i18nDone} + {this.i18nDone} diff --git a/packages/core/src/components/event-list-item/event-list-item.tsx b/packages/core/src/components/event-list-item/event-list-item.tsx index 09ca891bf1a..353a104583f 100644 --- a/packages/core/src/components/event-list-item/event-list-item.tsx +++ b/packages/core/src/components/event-list-item/event-list-item.tsx @@ -25,18 +25,6 @@ import { a11yBoolean } from '../utils/a11y'; shadow: true, }) export class EventListItem { - /** - * Color of the status indicator. - * You can find a list of all available colors in our documentation. - * Example values are `--theme-color-alarm` or `color-alarm` - * - * @link https://ix.siemens.io/docs/theming/colors/ - * - * @deprecated since 2.1.0 use `item-color` - */ - // eslint-disable-next-line @stencil-community/reserved-member-names - @Prop() color?: string; - /** * Color of the status indicator. * You can find a list of all available colors in our documentation. @@ -76,12 +64,6 @@ export class EventListItem { ? `var(${this.itemColor})` : `var(--theme-${this.itemColor})`; - if (this.color) { - color = this.color?.startsWith('--theme') - ? `var(${this.color})` - : `var(--theme-${this.color})`; - } - return (
diff --git a/packages/core/src/components/field-label/field-label.tsx b/packages/core/src/components/field-label/field-label.tsx index e8480725b4d..c0ae151e15a 100644 --- a/packages/core/src/components/field-label/field-label.tsx +++ b/packages/core/src/components/field-label/field-label.tsx @@ -183,7 +183,7 @@ export class FormFieldLabel implements IxComponent { ref={this.labelRef} > diff --git a/packages/core/src/components/field-wrapper/helper-text-util.tsx b/packages/core/src/components/field-wrapper/helper-text-util.tsx index c07118cf097..83face38f54 100644 --- a/packages/core/src/components/field-wrapper/helper-text-util.tsx +++ b/packages/core/src/components/field-wrapper/helper-text-util.tsx @@ -53,7 +53,7 @@ export function renderHelperText({ }) { if (isInvalid && invalidText !== undefined) { return ( - + {invalidText} @@ -63,7 +63,7 @@ export function renderHelperText({ if (isWarning && warningText !== undefined) { return ( - + + {infoText} @@ -85,7 +85,7 @@ export function renderHelperText({ if (isValid && validText !== undefined) { return ( - + {validText} @@ -94,7 +94,7 @@ export function renderHelperText({ return ( helperText && ( - + {helperText} ) diff --git a/packages/core/src/components/icon-button/icon-button.tsx b/packages/core/src/components/icon-button/icon-button.tsx index 901684e0425..0945e656457 100644 --- a/packages/core/src/components/icon-button/icon-button.tsx +++ b/packages/core/src/components/icon-button/icon-button.tsx @@ -60,17 +60,8 @@ export class IconButton { /** * Size of icon in button * - * @deprecated Only size 32 will be removed in 3.0.0 */ - @Prop() size: '32' | '24' | '16' | '12' = '24'; - - /** - * Color of icon in button - * - * @deprecated since 2.1.0 use `icon-color` - */ - // eslint-disable-next-line @stencil-community/reserved-member-names - @Prop() color: string; + @Prop() size: '24' | '16' | '12' = '24'; /** * Color of icon in button @@ -121,7 +112,7 @@ export class IconButton { return { 'btn-icon-12': this.size === '12', 'btn-icon-16': this.size === '16', - 'btn-icon-32': this.size === '32' || this.size === '24' || !this.size, + 'btn-icon-32': this.size === '24' || !this.size, }; } @@ -140,7 +131,7 @@ export class IconButton { selected: false, disabled: this.disabled || this.loading, icon: this.icon, - iconColor: this.iconColor ?? this.color, + iconColor: this.iconColor, iconSize: this.size, loading: this.loading, onClick: () => this.dispatchFormEvents(), diff --git a/packages/core/src/components/input/input.tsx b/packages/core/src/components/input/input.tsx index ad79a0b50a8..e45d8f81fc0 100644 --- a/packages/core/src/components/input/input.tsx +++ b/packages/core/src/components/input/input.tsx @@ -309,7 +309,11 @@ export class Input implements IxInputFieldComponent { {!!this.maxLength && this.maxLength > 0 && ( - + {this.value?.length}/{this.maxLength} )} diff --git a/packages/core/src/components/input/textarea.tsx b/packages/core/src/components/input/textarea.tsx index 29141c73a11..0b53718202f 100644 --- a/packages/core/src/components/input/textarea.tsx +++ b/packages/core/src/components/input/textarea.tsx @@ -238,7 +238,11 @@ export class Textarea implements IxInputFieldComponent { controlRef={this.textAreaRef as unknown as MakeRef} > {!!this.maxLength && this.maxLength > 0 && ( - + {this.value.length}/{this.maxLength} )} diff --git a/packages/core/src/components/menu-category/menu-category.tsx b/packages/core/src/components/menu-category/menu-category.tsx index fcc4257caf9..a1f4d3f7820 100644 --- a/packages/core/src/components/menu-category/menu-category.tsx +++ b/packages/core/src/components/menu-category/menu-category.tsx @@ -35,7 +35,7 @@ const DefaultAnimationTimeout = 150; shadow: true, }) export class MenuCategory { - @Element() hostElement: HTMLIxMenuCategoryElement; + @Element() hostElement!: HTMLIxMenuCategoryElement; /** * Display name of the category @@ -275,7 +275,7 @@ export class MenuCategory { }} > - + {this.label} diff --git a/packages/core/src/components/menu-item/menu-item.tsx b/packages/core/src/components/menu-item/menu-item.tsx index 9b8c0f391a2..b482ce4e586 100644 --- a/packages/core/src/components/menu-item/menu-item.tsx +++ b/packages/core/src/components/menu-item/menu-item.tsx @@ -42,13 +42,6 @@ export class MenuItem { */ @Prop() bottom = false; - /** - * Name of the icon you want to display. Icon names can be resolved from the documentation @link https://ix.siemens.io/docs/icon-library/icons - * - * @deprecated since 2.0.0 use `icon` property. Will be removed in 3.0.0 - */ - @Prop({ mutable: true }) tabIcon?: string; - /** * Name of the icon you want to display. Icon names can be resolved from the documentation @link https://ix.siemens.io/docs/icon-library/icons */ @@ -90,7 +83,6 @@ export class MenuItem { !!this.hostElement.closest('ix-menu-category'); this.onIconChange(); - this.onTabIconChange(); this.menuExpanded = menuController.nativeElement?.expand || false; this.menuExpandedDisposer = menuController.expandChange.on( @@ -126,26 +118,11 @@ export class MenuItem { @Watch('icon') onIconChange() { - if ( - !this.isHostedInsideCategory && - !this.hostElement.icon && - !this.hostElement.tabIcon - ) { + if (!this.isHostedInsideCategory && !this.hostElement.icon) { this.icon = iconDocument; } } - @Watch('tabIcon') - onTabIconChange() { - if ( - !this.isHostedInsideCategory && - !this.hostElement.icon && - !this.hostElement.tabIcon - ) { - this.tabIcon = iconDocument; - } - } - render() { let extendedAttributes = {}; if (this.home) { @@ -175,12 +152,7 @@ export class MenuItem { tabIndex={this.disabled ? -1 : 0} ref={this.buttonRef} > - {(this.icon || this.tabIcon) && ( - - )} + {this.icon && } {this.notifications ? (
{this.notifications}
diff --git a/packages/core/src/components/menu/menu.tsx b/packages/core/src/components/menu/menu.tsx index 370921ecec9..bb44d1cc042 100644 --- a/packages/core/src/components/menu/menu.tsx +++ b/packages/core/src/components/menu/menu.tsx @@ -73,14 +73,6 @@ export class Menu { */ @Prop() applicationDescription = ''; - /** - * Maximum number of menu items to show in case enough vertical space is available. - * Extra menu items will be collapsed to 'show more' menu item. - * - * @deprecated - Has no effect on component. Will get removed with next major release (v3) - */ - @Prop() maxVisibleMenuItems = 9; - /** * Accessibility i18n label for the burger menu of the sidebar */ diff --git a/packages/core/src/components/modal/modal.tsx b/packages/core/src/components/modal/modal.tsx index 0a57b1eea73..187ca9f96f9 100644 --- a/packages/core/src/components/modal/modal.tsx +++ b/packages/core/src/components/modal/modal.tsx @@ -74,12 +74,6 @@ export class Modal { */ @Prop() centered = false; - /** - * Use ESC to dismiss the modal - * @deprecated - Use closeOnEscape instead - */ - @Prop() keyboard = true; - /** * If set to true the modal can be closed by pressing the Escape key */ @@ -97,7 +91,7 @@ export class Modal { @State() modalVisible = false; - @OnListener('keydown', (self) => !self.closeOnEscape || !self.keyboard) + @OnListener('keydown', (self) => !self.closeOnEscape) onKey(e: KeyboardEvent) { if (e.key === 'Escape') { e.preventDefault(); diff --git a/packages/core/src/components/pill/pill.tsx b/packages/core/src/components/pill/pill.tsx index dbeabd21057..75417661ac9 100644 --- a/packages/core/src/components/pill/pill.tsx +++ b/packages/core/src/components/pill/pill.tsx @@ -45,14 +45,6 @@ export class Pill { */ @Prop() background: string | undefined; - /** - * Custom font color for pill. Only working for `variant='custom'` - * - * @deprecated since 2.1.0 use `pill-color` - */ - // eslint-disable-next-line @stencil-community/reserved-member-names - @Prop() color: string | undefined; - /** * Custom font color for pill. Only working for `variant='custom'` */ @@ -68,7 +60,7 @@ export class Pill { if (this.variant === 'custom') { customStyle = { - color: this.pillColor ?? this.color, + color: this.pillColor, [this.outline ? 'borderColor' : 'backgroundColor']: this.background, }; } @@ -77,7 +69,7 @@ export class Pill { style={ this.variant === 'custom' ? { - '--ix-icon-button-color': this.pillColor ?? this.color, + '--ix-icon-button-color': this.pillColor, } : {} } diff --git a/packages/core/src/components/push-card/push-card.tsx b/packages/core/src/components/push-card/push-card.tsx index bb3ef76d65a..c3b821026bd 100644 --- a/packages/core/src/components/push-card/push-card.tsx +++ b/packages/core/src/components/push-card/push-card.tsx @@ -9,7 +9,6 @@ import { Component, h, Host, Prop } from '@stencil/core'; import { CardVariant } from '../card/card'; -import { TypographyColors } from '../typography/typography'; export type PushCardVariant = CardVariant; @@ -44,9 +43,8 @@ export class PushCard { /** * Card variant - * @deprecated variant "insight" and "notification" will be removed in 3.0. Use "outline" or "filled" instead. */ - @Prop() variant: PushCardVariant = 'insight'; + @Prop() variant: PushCardVariant = 'outline'; /** * Collapse the card @@ -55,11 +53,6 @@ export class PushCard { @Prop() collapse: boolean = true; render() { - const color: TypographyColors | undefined = - this.variant === 'insight' || this.variant === 'notification' - ? 'std' - : undefined; - return ( @@ -71,10 +64,8 @@ export class PushCard { {this.notification ?? 0} - - {this.heading} - - {this.subheading} + {this.heading} + {this.subheading} diff --git a/packages/core/src/components/select-item/select-item.tsx b/packages/core/src/components/select-item/select-item.tsx index 780c6db6029..722f926e2dc 100644 --- a/packages/core/src/components/select-item/select-item.tsx +++ b/packages/core/src/components/select-item/select-item.tsx @@ -41,9 +41,8 @@ export class SelectItem implements DropdownItemWrapper { * The value of the item. * Important: The select component uses string values to handle selection and will call toString() on this value. * Therefor a string should be passed to value to prevent unexpected behavior. - * @deprecated will be changed to type string with next major release (3.0.0) */ - @Prop({ reflect: true }) value!: any; + @Prop({ reflect: true }) value!: string; /** * Flag indicating whether the item is selected diff --git a/packages/core/src/components/select/select.tsx b/packages/core/src/components/select/select.tsx index 6b77afc1d8b..7dae09e6899 100644 --- a/packages/core/src/components/select/select.tsx +++ b/packages/core/src/components/select/select.tsx @@ -116,13 +116,6 @@ export class Select implements IxInputFieldComponent { */ @Prop() showTextAsTooltip?: boolean; - /** - * Indices of selected items. - * This corresponds to the value property of ix-select-items and therefor not necessarily the indices of the items in the list. - * @deprecated since 2.0.0. Use the `value` property instead. - */ - @Prop({ mutable: true }) selectedIndices?: string | string[]; - /** * Current selected value. * This corresponds to the value property of ix-select-items @@ -190,12 +183,6 @@ export class Select implements IxInputFieldComponent { */ @Event() valueChange!: EventEmitter; - /** - * Item selection changed - * @deprecated since 2.0.0. Use `valueChange` instead. - */ - @Event() itemSelectionChange!: EventEmitter; - /** * Event dispatched whenever the text input changes. * @@ -293,15 +280,9 @@ export class Select implements IxInputFieldComponent { return this.items.every((item) => item.classList.contains('d-none')); } - @Watch('selectedIndices') - watchSelectedIndices(value: string | string[]) { - this.value = value; - this.updateSelection(); - } - @Watch('value') watchValue(value: string | string[]) { - this.selectedIndices = value; + this.value = value; this.updateSelection(); } @@ -472,12 +453,6 @@ export class Select implements IxInputFieldComponent { return true; } - if (!value) { - this.itemSelectionChange.emit(null); - } else { - this.itemSelectionChange.emit(Array.isArray(value) ? value : [value]); - } - this.updateFormInternalValue(value); return false; } @@ -490,10 +465,6 @@ export class Select implements IxInputFieldComponent { } componentWillLoad() { - if (this.selectedIndices && !this.value) { - this.value = this.selectedIndices; - } - this.updateSelection(); this.updateFormInternalValue(this.value); } diff --git a/packages/core/src/components/select/test/select.ct.ts b/packages/core/src/components/select/test/select.ct.ts index 9749e5f9909..1b8c294464c 100644 --- a/packages/core/src/components/select/test/select.ct.ts +++ b/packages/core/src/components/select/test/select.ct.ts @@ -328,7 +328,7 @@ regressionTest( ); regressionTest( - 'pass object as value and check if it is selectable', + 'pass string as value and check if it is selectable', async ({ mount, page }) => { await mount(` @@ -345,7 +345,7 @@ regressionTest( .locator('ix-select-item') .nth(index) .evaluate((e: HTMLIxSelectItemElement, index) => { - e.value = { selectLabel: `Item ${index}`, selectValue: `${index}` }; + e.value = `Item ${index}`; }); } diff --git a/packages/core/src/components/slider/slider.tsx b/packages/core/src/components/slider/slider.tsx index f3106fab6b6..4b9aeba8636 100644 --- a/packages/core/src/components/slider/slider.tsx +++ b/packages/core/src/components/slider/slider.tsx @@ -297,7 +297,7 @@ export class Slider {
{this.error ? ( - + {this.error} ) : null} diff --git a/packages/core/src/components/split-button-item/split-button-item.tsx b/packages/core/src/components/split-button-item/split-button-item.tsx deleted file mode 100644 index 696a6498a0b..00000000000 --- a/packages/core/src/components/split-button-item/split-button-item.tsx +++ /dev/null @@ -1,74 +0,0 @@ -/* - * SPDX-FileCopyrightText: 2023 Siemens AG - * - * SPDX-License-Identifier: MIT - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */ - -import { - Component, - Element, - Event, - EventEmitter, - h, - Host, - Method, - Prop, -} from '@stencil/core'; -import { DropdownItemWrapper } from '../dropdown/dropdown-controller'; -import { makeRef } from '../utils/make-ref'; - -/** - * @deprecated since 2.0.0. Use the `ix-dropdown-item` component instead. - */ -@Component({ - tag: 'ix-split-button-item', - styleUrl: 'split-button-item.css', - shadow: true, -}) -export class SplitButtonItem implements DropdownItemWrapper { - @Element() hostElement: HTMLIxSplitButtonItemElement; - - /** - * Dropdown icon - */ - @Prop() icon: string; - - /** - * Dropdown label - */ - @Prop() label: string; - - /** - * Dropdown item clicked - */ - @Event() itemClick: EventEmitter; - - private wrapperRef = makeRef(); - - /** @internal */ - @Method() - async getDropdownItemElement() { - return this.wrapperRef.waitForCurrent(); - } - - render() { - return ( - - { - e.preventDefault(); - e.stopPropagation(); - }} - onClick={(e) => this.itemClick.emit(e)} - > - - ); - } -} diff --git a/packages/core/src/components/time-picker/time-picker.tsx b/packages/core/src/components/time-picker/time-picker.tsx index 41544020bc0..515eed93df4 100644 --- a/packages/core/src/components/time-picker/time-picker.tsx +++ b/packages/core/src/components/time-picker/time-picker.tsx @@ -65,11 +65,6 @@ export class TimePicker { */ @Prop() standaloneAppearance: boolean = true; - /** - * @deprecated Not supported since 2.0.0. - */ - @Prop() individual: boolean = true; - /** * Show hour input */ @@ -101,15 +96,6 @@ export class TimePicker { } } - /** - * Show time reference input - * - * @since 1.1.0 time reference is default aligned with format tt - * @deprecated Since 2.0.0 time reference will be displayed depending on format. - */ - // eslint-disable-next-line @stencil-community/strict-mutable - @Prop({ mutable: true }) showTimeReference?: boolean = undefined; - /** * Set time reference */ @@ -134,12 +120,6 @@ export class TimePicker { */ @Event() timeSelect!: EventEmitter; - /** - * Time event - * @deprecated Will be removed in 3.0.0. Use `time-select` event. - */ - @Event() done!: EventEmitter; - /** * Time change event */ @@ -367,7 +347,6 @@ export class TimePicker { { this.timeSelect.emit(this._time?.toFormat(this.format)); - this.done.emit(this._time?.toFormat(this.format)); }} > {this.textSelectTime} diff --git a/packages/core/src/components/typography/test/ix-typography.spec.tsx b/packages/core/src/components/typography/test/ix-typography.spec.tsx index f2c7e5c263b..058508c9852 100644 --- a/packages/core/src/components/typography/test/ix-typography.spec.tsx +++ b/packages/core/src/components/typography/test/ix-typography.spec.tsx @@ -20,10 +20,10 @@ describe('ix-typography', () => { it('should render color', async () => { const page = await newSpecPage({ components: [IxTypography], - html: `Example content`, + html: `Example content`, }); expect(page.root).toEqualHtml(` - + diff --git a/packages/core/src/components/typography/typography.tsx b/packages/core/src/components/typography/typography.tsx index 58c616ad19b..58dec1c0e79 100644 --- a/packages/core/src/components/typography/typography.tsx +++ b/packages/core/src/components/typography/typography.tsx @@ -71,14 +71,6 @@ export class IxTypography { */ @Prop() format?: TypographyFormat; - /** - * Text color based on theme variables - * - * @deprecated since 2.1.0 use property `text-color` - */ - // eslint-disable-next-line @stencil-community/reserved-member-names - @Prop() color?: TypographyColors; - /** * Text color based on theme variables */ @@ -106,12 +98,6 @@ export class IxTypography { let style = {}; - if (this.color) { - style = { - color: `var(--theme-color-${this.color}-text)`, - }; - } - if (this.textColor) { style = { color: `var(--theme-color-${this.textColor}-text)`, diff --git a/packages/core/src/components/utils/modal/loading.ts b/packages/core/src/components/utils/modal/loading.ts index 350681c165b..9924ffc855c 100644 --- a/packages/core/src/components/utils/modal/loading.ts +++ b/packages/core/src/components/utils/modal/loading.ts @@ -12,7 +12,7 @@ import { getCoreDelegate } from '../delegate'; export function showModalLoading(message: string) { const modal = document.createElement('ix-modal'); - modal.keyboard = false; + modal.closeOnEscape = false; const loading = document.createElement('ix-modal-loading'); loading.innerText = message; diff --git a/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-have-selected-state-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-have-selected-state-1-chromium---theme-classic-dark-linux.png index 602c63d123a..4b7cc73bc05 100644 Binary files a/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-have-selected-state-1-chromium---theme-classic-dark-linux.png and b/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-have-selected-state-1-chromium---theme-classic-dark-linux.png differ diff --git a/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-have-selected-state-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-have-selected-state-1-chromium---theme-classic-light-linux.png index cf281707439..fcf5de374c8 100644 Binary files a/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-have-selected-state-1-chromium---theme-classic-light-linux.png and b/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-have-selected-state-1-chromium---theme-classic-light-linux.png differ diff --git a/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-dark-linux.png index 3ac0a66a8a3..b0a68961e97 100644 Binary files a/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-dark-linux.png and b/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-dark-linux.png differ diff --git a/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-light-linux.png index 32b0240c524..33034e64eb4 100644 Binary files a/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-light-linux.png and b/packages/core/src/tests/action-card/action-card.e2e.ts-snapshots/action-card-basic-should-not-have-visual-regressions-1-chromium---theme-classic-light-linux.png differ diff --git a/packages/core/src/tests/action-card/basic/index.html b/packages/core/src/tests/action-card/basic/index.html index 0c0d995870b..fecc6d84094 100644 --- a/packages/core/src/tests/action-card/basic/index.html +++ b/packages/core/src/tests/action-card/basic/index.html @@ -20,17 +20,6 @@ - - - - - Item 1 - Item 2 + Item 1 + Item 2
Example content
diff --git a/packages/core/src/tests/application/content-width/index.html b/packages/core/src/tests/application/content-width/index.html index c4f6d704878..e61e19c18b1 100644 --- a/packages/core/src/tests/application/content-width/index.html +++ b/packages/core/src/tests/application/content-width/index.html @@ -54,8 +54,8 @@ - Item 1 - Item 2 + Item 1 + Item 2
Example content
diff --git a/packages/core/src/tests/basic-navigation/basic/index.html b/packages/core/src/tests/basic-navigation/basic/index.html index f46d83a39e1..0c7ff10785a 100644 --- a/packages/core/src/tests/basic-navigation/basic/index.html +++ b/packages/core/src/tests/basic-navigation/basic/index.html @@ -51,8 +51,8 @@ /> - Item 1 - Item 2 + Item 1 + Item 2
Example content
diff --git a/packages/core/src/tests/basic-navigation/content-width/index.html b/packages/core/src/tests/basic-navigation/content-width/index.html index 439d089786a..9fbbf811aa8 100644 --- a/packages/core/src/tests/basic-navigation/content-width/index.html +++ b/packages/core/src/tests/basic-navigation/content-width/index.html @@ -51,8 +51,8 @@ /> - Item 1 - Item 2 + Item 1 + Item 2
Example content
diff --git a/packages/core/src/tests/blind/basic/index.html b/packages/core/src/tests/blind/basic/index.html index bf7f2840791..0cdf6ca5a98 100644 --- a/packages/core/src/tests/blind/basic/index.html +++ b/packages/core/src/tests/blind/basic/index.html @@ -20,8 +20,8 @@ - -
Insight content
+ +
filled content
Outline content
diff --git a/packages/core/src/tests/blind/blind.e2e.ts-snapshots/blind-basic-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/blind/blind.e2e.ts-snapshots/blind-basic-1-chromium---theme-classic-dark-linux.png index 89a6fa49479..69f6f0c965e 100644 Binary files a/packages/core/src/tests/blind/blind.e2e.ts-snapshots/blind-basic-1-chromium---theme-classic-dark-linux.png and b/packages/core/src/tests/blind/blind.e2e.ts-snapshots/blind-basic-1-chromium---theme-classic-dark-linux.png differ diff --git a/packages/core/src/tests/blind/blind.e2e.ts-snapshots/blind-basic-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/blind/blind.e2e.ts-snapshots/blind-basic-1-chromium---theme-classic-light-linux.png index 88dc6f14c28..fd3e89b97d2 100644 Binary files a/packages/core/src/tests/blind/blind.e2e.ts-snapshots/blind-basic-1-chromium---theme-classic-light-linux.png and b/packages/core/src/tests/blind/blind.e2e.ts-snapshots/blind-basic-1-chromium---theme-classic-light-linux.png differ diff --git a/packages/core/src/tests/card-list/basic/index.html b/packages/core/src/tests/card-list/basic/index.html index 64fb8579264..8c5e22687fa 100644 --- a/packages/core/src/tests/card-list/basic/index.html +++ b/packages/core/src/tests/card-list/basic/index.html @@ -32,14 +32,14 @@ notification="99" heading="Heading content" subheading="Subheading" - variant="insight" + variant="outline" > Insight - +
Notification
diff --git a/packages/core/src/tests/card/selected/index.html b/packages/core/src/tests/card/selected/index.html index 259959e91f5..9fed0074481 100644 --- a/packages/core/src/tests/card/selected/index.html +++ b/packages/core/src/tests/card/selected/index.html @@ -25,7 +25,7 @@ Insight - +
Notification
diff --git a/packages/core/src/tests/chip/custom/index.html b/packages/core/src/tests/chip/custom/index.html index 575e4baf010..9c8be4557b5 100644 --- a/packages/core/src/tests/chip/custom/index.html +++ b/packages/core/src/tests/chip/custom/index.html @@ -16,13 +16,13 @@
- Custom Custom OutlineCustom - Text 1 - Text 2 - Text 3 - Text 4 + Text 1 + Text 2 + Text 3 + Text 4 diff --git a/packages/core/src/tests/event-list/chevron/index.html b/packages/core/src/tests/event-list/chevron/index.html index 258915eb4ac..8a10bd0ee1b 100644 --- a/packages/core/src/tests/event-list/chevron/index.html +++ b/packages/core/src/tests/event-list/chevron/index.html @@ -6,24 +6,28 @@ - - - Stencil Component Starter + + + Stencil Component Starter - - - Text 1 - Text 2 - Text 3 - Text 4 - - - + + + + Text 1 + + + Text 2 + + + Text 3 + + + Text 4 + + + + diff --git a/packages/core/src/tests/event-list/compact/index.html b/packages/core/src/tests/event-list/compact/index.html index b3e5f318429..4d4dce60636 100644 --- a/packages/core/src/tests/event-list/compact/index.html +++ b/packages/core/src/tests/event-list/compact/index.html @@ -16,14 +16,18 @@ - Text 1 - Text 2 - Text 3 - Text 4 + + Text 1 + + + Text 2 + + + Text 3 + + + Text 4 + diff --git a/packages/core/src/tests/event-list/custom-height/index.html b/packages/core/src/tests/event-list/custom-height/index.html index 259b9838d3a..7b9d570ced9 100644 --- a/packages/core/src/tests/event-list/custom-height/index.html +++ b/packages/core/src/tests/event-list/custom-height/index.html @@ -16,13 +16,13 @@ - Test 1 - Test 2 + Test 1 + Test 2 - Test 1 - Test 2 + Test 1 + Test 2 diff --git a/packages/core/src/tests/icon-button/basic/index.html b/packages/core/src/tests/icon-button/basic/index.html index 613e6de0376..62df579b386 100644 --- a/packages/core/src/tests/icon-button/basic/index.html +++ b/packages/core/src/tests/icon-button/basic/index.html @@ -19,37 +19,31 @@ - - - - - - diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-danger-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-danger-1-chromium---theme-classic-dark-linux.png index 16173c5bbf2..b7fe989208b 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-danger-1-chromium---theme-classic-dark-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-danger-1-chromium---theme-classic-dark-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-danger-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-danger-1-chromium---theme-classic-light-linux.png index b52e14af55f..b73f8392c3b 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-danger-1-chromium---theme-classic-light-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-danger-1-chromium---theme-classic-light-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-primary-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-primary-1-chromium---theme-classic-dark-linux.png index 16173c5bbf2..b7fe989208b 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-primary-1-chromium---theme-classic-dark-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-primary-1-chromium---theme-classic-dark-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-primary-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-primary-1-chromium---theme-classic-light-linux.png index b52e14af55f..b73f8392c3b 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-primary-1-chromium---theme-classic-light-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-primary-1-chromium---theme-classic-light-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-secondary-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-secondary-1-chromium---theme-classic-dark-linux.png index 9318b4b603b..19ae4d2f714 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-secondary-1-chromium---theme-classic-dark-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-secondary-1-chromium---theme-classic-dark-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-secondary-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-secondary-1-chromium---theme-classic-light-linux.png index e18628c48a2..8f4d8e4784b 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-secondary-1-chromium---theme-classic-light-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-loading-variant-secondary-1-chromium---theme-classic-light-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-danger-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-danger-1-chromium---theme-classic-dark-linux.png index 44b022d56f5..f973fa6c5ec 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-danger-1-chromium---theme-classic-dark-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-danger-1-chromium---theme-classic-dark-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-danger-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-danger-1-chromium---theme-classic-light-linux.png index e46256776ff..3c26288b09a 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-danger-1-chromium---theme-classic-light-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-danger-1-chromium---theme-classic-light-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-primary-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-primary-1-chromium---theme-classic-dark-linux.png index e2e1281a2cc..f4e79bca1d8 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-primary-1-chromium---theme-classic-dark-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-primary-1-chromium---theme-classic-dark-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-primary-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-primary-1-chromium---theme-classic-light-linux.png index 8bbe721fbb7..41265f423d5 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-primary-1-chromium---theme-classic-light-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-primary-1-chromium---theme-classic-light-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-secondary-1-chromium---theme-classic-dark-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-secondary-1-chromium---theme-classic-dark-linux.png index 9b29c7235dd..a7dad004c55 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-secondary-1-chromium---theme-classic-dark-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-secondary-1-chromium---theme-classic-dark-linux.png differ diff --git a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-secondary-1-chromium---theme-classic-light-linux.png b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-secondary-1-chromium---theme-classic-light-linux.png index ae2f2a6f391..41659a1379a 100644 Binary files a/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-secondary-1-chromium---theme-classic-light-linux.png and b/packages/core/src/tests/icon-button/icon-button.e2e.ts-snapshots/icon-button-variant-secondary-1-chromium---theme-classic-light-linux.png differ diff --git a/packages/core/src/tests/icon-button/loading/index.html b/packages/core/src/tests/icon-button/loading/index.html index e8ff82dc682..062e257dc84 100644 --- a/packages/core/src/tests/icon-button/loading/index.html +++ b/packages/core/src/tests/icon-button/loading/index.html @@ -24,25 +24,21 @@ - - - -

text

- Text + Text - unit + unit

dynamic slot insertion

@@ -75,7 +75,7 @@

button with icon-24

const startSlot = document.createElement('ix-typography'); startSlot.setAttribute('slot', 'start'); - startSlot.setAttribute('color', 'weak'); + startSlot.setAttribute('text-color', 'weak'); startSlot.textContent = 'Text'; inputOne.appendChild(startSlot); @@ -84,7 +84,7 @@

button with icon-24

const endSlot = document.createElement('ix-typography'); endSlot.setAttribute('slot', 'end'); - endSlot.setAttribute('color', 'weak'); + endSlot.setAttribute('text-color', 'weak'); endSlot.textContent = 'unit'; inputTwo.appendChild(endSlot); diff --git a/packages/core/src/tests/menu/overflow/index.html b/packages/core/src/tests/menu/overflow/index.html index 77cac53092c..c6085b2ff7b 100644 --- a/packages/core/src/tests/menu/overflow/index.html +++ b/packages/core/src/tests/menu/overflow/index.html @@ -23,33 +23,33 @@ - + Home - Normal Tab - + Normal Tab + Disabled Tab - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon - With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon + With other Icon diff --git a/packages/core/src/tests/number-input/basic/index.html b/packages/core/src/tests/number-input/basic/index.html index 1e55e23427a..20b02e6a3fc 100644 --- a/packages/core/src/tests/number-input/basic/index.html +++ b/packages/core/src/tests/number-input/basic/index.html @@ -26,7 +26,7 @@

Default

With slot

- unit + unit

With stepper buttons

@@ -34,7 +34,7 @@

With stepper buttons

With slot and stepper buttons

- unit + unit
diff --git a/packages/core/src/tests/pill/basic/index.html b/packages/core/src/tests/pill/basic/index.html index 5706fb04c5a..93f505316c9 100644 --- a/packages/core/src/tests/pill/basic/index.html +++ b/packages/core/src/tests/pill/basic/index.html @@ -49,7 +49,7 @@ Some Content @@ -47,7 +47,7 @@ notification="99" heading="Heading content" subheading="Subheading" - variant="notification" + variant="filled" > Some Content diff --git a/packages/core/src/tests/push-card/push-card.e2e.ts b/packages/core/src/tests/push-card/push-card.e2e.ts index 4e871f469fd..596dd12a7d6 100644 --- a/packages/core/src/tests/push-card/push-card.e2e.ts +++ b/packages/core/src/tests/push-card/push-card.e2e.ts @@ -42,7 +42,7 @@ regressionTest('push card expand', async ({ page, mount }) => { notification="99" heading="Heading content" subheading="Subheading" - variant="insight" + variant="outline" collapse="false" > `); diff --git a/packages/documentation/docs/controls/buttons/_split-button_code.md b/packages/documentation/docs/controls/buttons/_split-button_code.md index 564351a2ba0..5b3206c4f6d 100644 --- a/packages/documentation/docs/controls/buttons/_split-button_code.md +++ b/packages/documentation/docs/controls/buttons/_split-button_code.md @@ -1,8 +1,8 @@ import Props from './../../auto-generated/ix-split-button/props.md'; import Events from './../../auto-generated/ix-split-button/events.md'; -import ItemProps from './../../auto-generated/ix-split-button-item/props.md'; -import ItemEvents from './../../auto-generated/ix-split-button-item/events.md'; +import ItemProps from './../../auto-generated/ix-dropdown-item/props.md'; +import ItemEvents from './../../auto-generated/ix-dropdown-item/events.md'; import Playground from '@site/src/components/PlaygroundV3'; @@ -13,17 +13,14 @@ import Playground from '@site/src/components/PlaygroundV3'; - +/> #### With icon only +/> ### API (ix-split-button) @@ -35,7 +32,7 @@ hideInitalCodePreview -### API (ix-split-button-item) +### API (ix-dropdown-item) #### Properties diff --git a/packages/html-test-app/src/preview-examples/action-card.html b/packages/html-test-app/src/preview-examples/action-card.html index 7d72ef368e5..896bf5825c3 100644 --- a/packages/html-test-app/src/preview-examples/action-card.html +++ b/packages/html-test-app/src/preview-examples/action-card.html @@ -19,7 +19,7 @@ icon="refresh" heading="Scan for new devices" subheading="Secondary text" - variant="insight" + variant="outline" > diff --git a/packages/html-test-app/src/preview-examples/card.html b/packages/html-test-app/src/preview-examples/card.html index fc04c090471..4857046a406 100644 --- a/packages/html-test-app/src/preview-examples/card.html +++ b/packages/html-test-app/src/preview-examples/card.html @@ -17,7 +17,7 @@
- + Number of components diff --git a/packages/html-test-app/src/preview-examples/push-card.html b/packages/html-test-app/src/preview-examples/push-card.html index 9368231f14a..04b154e4f2a 100644 --- a/packages/html-test-app/src/preview-examples/push-card.html +++ b/packages/html-test-app/src/preview-examples/push-card.html @@ -20,7 +20,7 @@ notification="99" heading="Heading content" subheading="Subheading" - variant="insight" + variant="outline" >
diff --git a/packages/react-test-app/src/preview-examples/action-card.tsx b/packages/react-test-app/src/preview-examples/action-card.tsx index 358a6e375eb..10dfceb754b 100644 --- a/packages/react-test-app/src/preview-examples/action-card.tsx +++ b/packages/react-test-app/src/preview-examples/action-card.tsx @@ -15,7 +15,7 @@ export default () => { icon="refresh" heading="Scan for new devices" subheading="Secondary text" - variant="insight" + variant="outline" onClick={console.log} > ); diff --git a/packages/react-test-app/src/preview-examples/card-list.tsx b/packages/react-test-app/src/preview-examples/card-list.tsx index 0fdd2539286..78ef096c479 100644 --- a/packages/react-test-app/src/preview-examples/card-list.tsx +++ b/packages/react-test-app/src/preview-examples/card-list.tsx @@ -18,7 +18,7 @@ export default () => { notification="3" heading="Heading content" subheading="Subheading" - variant="notification" + variant="filled" > { notification="3" heading="Heading content" subheading="Subheading" - variant="notification" + variant="filled" > { notification="3" heading="Heading content" subheading="Subheading" - variant="notification" + variant="filled" > diff --git a/packages/react-test-app/src/preview-examples/card.tsx b/packages/react-test-app/src/preview-examples/card.tsx index 46f12127f2f..d1e008409ad 100644 --- a/packages/react-test-app/src/preview-examples/card.tsx +++ b/packages/react-test-app/src/preview-examples/card.tsx @@ -13,7 +13,7 @@ import { IxCard, IxCardContent, IxIcon, IxTypography } from '@siemens/ix-react'; export default () => { return ( - + Number of components diff --git a/packages/react-test-app/src/preview-examples/push-card.tsx b/packages/react-test-app/src/preview-examples/push-card.tsx index bf809c0f571..425337bb69f 100644 --- a/packages/react-test-app/src/preview-examples/push-card.tsx +++ b/packages/react-test-app/src/preview-examples/push-card.tsx @@ -16,7 +16,7 @@ export default () => { notification="99" heading="Heading content" subheading="Subheading" - variant="insight" + variant="outline" >
diff --git a/packages/react/src/components/IxDatePicker.ts b/packages/react/src/components/IxDatePicker.ts index 93f94757691..13984913237 100644 --- a/packages/react/src/components/IxDatePicker.ts +++ b/packages/react/src/components/IxDatePicker.ts @@ -16,8 +16,7 @@ import React from 'react'; type IxDatePickerEvents = { onDateChange: EventName>, onDateRangeChange: EventName>, - onDateSelect: EventName>, - onDone: EventName> + onDateSelect: EventName> }; const IxDatePicker: StencilReactComponent = /*@__PURE__*/ createComponent({ @@ -28,8 +27,7 @@ const IxDatePicker: StencilReactComponent>, onTimeChange: EventName>, onDateChange: EventName>, onDateSelect: EventName> @@ -26,7 +25,6 @@ const IxDatetimePicker: StencilReactComponent>, - onItemSelectionChange: EventName>, onInputChange: EventName>, onAddItem: EventName>, onIxBlur: EventName> @@ -27,7 +26,6 @@ const IxSelect: StencilReactComponent = /*@__PU react: React, events: { onValueChange: 'valueChange', - onItemSelectionChange: 'itemSelectionChange', onInputChange: 'inputChange', onAddItem: 'addItem', onIxBlur: 'ixBlur' diff --git a/packages/react/src/components/IxTimePicker.ts b/packages/react/src/components/IxTimePicker.ts index 22587d8b684..c4310d0f62d 100644 --- a/packages/react/src/components/IxTimePicker.ts +++ b/packages/react/src/components/IxTimePicker.ts @@ -14,7 +14,6 @@ import React from 'react'; type IxTimePickerEvents = { onTimeSelect: EventName>, - onDone: EventName>, onTimeChange: EventName> }; @@ -25,7 +24,6 @@ const IxTimePicker: StencilReactComponent { icon="refresh" heading="Scan for new devices" subheading="Secondary text" - variant="insight" + variant="outline" @click="onClick" > diff --git a/packages/vue-test-app/src/preview-examples/button-with-icon.vue b/packages/vue-test-app/src/preview-examples/button-with-icon.vue index f5d9c98a1bf..36feffb12be 100644 --- a/packages/vue-test-app/src/preview-examples/button-with-icon.vue +++ b/packages/vue-test-app/src/preview-examples/button-with-icon.vue @@ -34,6 +34,5 @@ import { IxIconButton } from '@siemens/ix-vue'; - diff --git a/packages/vue-test-app/src/preview-examples/card-list.vue b/packages/vue-test-app/src/preview-examples/card-list.vue index 91d7a25df3e..f4222824c3a 100644 --- a/packages/vue-test-app/src/preview-examples/card-list.vue +++ b/packages/vue-test-app/src/preview-examples/card-list.vue @@ -18,7 +18,7 @@ import { IxCardList, IxPushCard } from '@siemens/ix-vue'; notification="3" heading="Heading content" subheading="Subheading" - variant="notification" + variant="filled" > diff --git a/packages/vue-test-app/src/preview-examples/card.vue b/packages/vue-test-app/src/preview-examples/card.vue index 9a50e700fa7..02f7209850f 100644 --- a/packages/vue-test-app/src/preview-examples/card.vue +++ b/packages/vue-test-app/src/preview-examples/card.vue @@ -18,7 +18,7 @@ const onClick = (event: Event) => {