diff --git a/CHANGELOG.md b/CHANGELOG.md index fe8d2aee76..031ced7034 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,20 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [3.0.0-beta.147](https://github.com/telekom/scale/compare/v3.0.0-beta.146...v3.0.0-beta.147) (2024-01-15) + + +### Bug Fixes + +* allow sorting of dynamically added columns2 ([#2246](https://github.com/telekom/scale/issues/2246)) ([c33b083](https://github.com/telekom/scale/commit/c33b083d3895abe65545da6e0b3e62be4c3a9525)) +* enable programmatic disabled [#2248](https://github.com/telekom/scale/issues/2248) ([bab9369](https://github.com/telekom/scale/commit/bab9369d8761664454c74847b8d652929d21d743)) +* remove unnecessary prop, add required aria attribute ([#2192](https://github.com/telekom/scale/issues/2192)) ([e63dbc1](https://github.com/telekom/scale/commit/e63dbc16f9eec9fd35e9a5146a984be3035a89b7)) +* set color scheme ([#2257](https://github.com/telekom/scale/issues/2257)) ([0f4bdee](https://github.com/telekom/scale/commit/0f4bdee5aa2942d17c98ad002bdff599cbc73050)) + + + + + # [3.0.0-beta.146](https://github.com/telekom/scale/compare/v3.0.0-beta.145...v3.0.0-beta.146) (2023-12-22) diff --git a/examples/angular-reactive-forms/package.json b/examples/angular-reactive-forms/package.json index dbc791b86b..62778aa112 100644 --- a/examples/angular-reactive-forms/package.json +++ b/examples/angular-reactive-forms/package.json @@ -18,7 +18,7 @@ "@angular/platform-browser": "^14.2.10", "@angular/platform-browser-dynamic": "^14.2.10", "@angular/router": "^14.2.10", - "@telekom/scale-components-neutral": "^3.0.0-beta.117", + "@telekom/scale-components-neutral": "^3.0.0-beta.143", "rxjs": "~6.6.0", "tslib": "^2.1.0", "zone.js": "~0.11.4" @@ -41,4 +41,4 @@ "node": "14.17.0", "npm": "6.14.13" } -} \ No newline at end of file +} diff --git a/examples/angular-reactive-forms/src/app/app.module.ts b/examples/angular-reactive-forms/src/app/app.module.ts index e864a14b51..a6284f02ca 100644 --- a/examples/angular-reactive-forms/src/app/app.module.ts +++ b/examples/angular-reactive-forms/src/app/app.module.ts @@ -8,6 +8,8 @@ import { AppComponent } from './app.component'; import { TextValueAccessorDirective } from 'src/directives/text-value-accessor'; import { CheckedValueAccessorDirective } from 'src/directives/checked-value-accessor'; import { NumberValueAccessorDirective } from 'src/directives/number-value-accessor'; +import { SelectValueAccessorDirective } from 'src/directives/select-value-accessor'; +import { DateValueAccessorDirective } from 'src/directives/date-value-accessor'; import { ReactiveFormComponent } from './reactive-form/reactive-form.component'; import { SimpleBindingComponent } from './simple-binding/simple-binding.component'; import { TestingComponent } from './testing/testing.component'; @@ -17,18 +19,20 @@ import { VanillaExampleComponent } from './vanilla-example/vanilla-example.compo declarations: [ AppComponent, TextValueAccessorDirective, + SelectValueAccessorDirective, + DateValueAccessorDirective, CheckedValueAccessorDirective, NumberValueAccessorDirective, ReactiveFormComponent, SimpleBindingComponent, TestingComponent, - VanillaExampleComponent + VanillaExampleComponent, ], imports: [ BrowserModule, AppRoutingModule, ReactiveFormsModule, - FormsModule + FormsModule, ], providers: [], bootstrap: [AppComponent], diff --git a/examples/angular-reactive-forms/src/app/reactive-form/reactive-form.component.html b/examples/angular-reactive-forms/src/app/reactive-form/reactive-form.component.html index cc17b9c418..b37f38077e 100644 --- a/examples/angular-reactive-forms/src/app/reactive-form/reactive-form.component.html +++ b/examples/angular-reactive-forms/src/app/reactive-form/reactive-form.component.html @@ -8,6 +8,21 @@

+

+ + Foo + Bar + +

+ +

+ +

console.log Reset diff --git a/examples/angular-reactive-forms/src/app/reactive-form/reactive-form.component.ts b/examples/angular-reactive-forms/src/app/reactive-form/reactive-form.component.ts index 8829b0918c..9d75df5f48 100644 --- a/examples/angular-reactive-forms/src/app/reactive-form/reactive-form.component.ts +++ b/examples/angular-reactive-forms/src/app/reactive-form/reactive-form.component.ts @@ -16,7 +16,9 @@ export class ReactiveFormComponent implements OnInit { signupForm = new UntypedFormGroup({ username: new UntypedFormControl('admin'), password: new UntypedFormControl({ value: '', disabled: false }), - consent: new UntypedFormControl() + consent: new UntypedFormControl(), + select: new UntypedFormControl('foo'), + date: new UntypedFormControl(), }); onSubmit() { diff --git a/examples/angular-reactive-forms/src/directives/base-value-accessor.ts b/examples/angular-reactive-forms/src/directives/base-value-accessor.ts index 745e219d64..2831493254 100644 --- a/examples/angular-reactive-forms/src/directives/base-value-accessor.ts +++ b/examples/angular-reactive-forms/src/directives/base-value-accessor.ts @@ -40,4 +40,8 @@ export class BaseValueAccessorDirective implements ControlValueAccessor { this.onChange(value); } + _handleDatePickerSelect(target: any): void { + const value = target.querySelector('duet-date-picker').value; + this.onChange(value); + } } diff --git a/examples/angular-reactive-forms/src/directives/date-value-accessor.ts b/examples/angular-reactive-forms/src/directives/date-value-accessor.ts new file mode 100644 index 0000000000..29a0c733b6 --- /dev/null +++ b/examples/angular-reactive-forms/src/directives/date-value-accessor.ts @@ -0,0 +1,24 @@ +import { Directive, ElementRef } from '@angular/core'; +import { NG_VALUE_ACCESSOR } from '@angular/forms'; + +import { BaseValueAccessorDirective } from './base-value-accessor'; + +@Directive({ + /* tslint:disable-next-line:directive-selector */ + selector: 'scale-date-picker[formControlName],[sclDateControl]', + host: { + '(scale-change)': '_handleDatePickerSelect($event.target)', + }, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: DateValueAccessorDirective, + multi: true + } + ] +}) +export class DateValueAccessorDirective extends BaseValueAccessorDirective { + constructor(el: ElementRef) { + super(el); + } +} diff --git a/examples/angular-reactive-forms/src/directives/select-value-accessor.ts b/examples/angular-reactive-forms/src/directives/select-value-accessor.ts new file mode 100644 index 0000000000..813a433fe5 --- /dev/null +++ b/examples/angular-reactive-forms/src/directives/select-value-accessor.ts @@ -0,0 +1,24 @@ +import { Directive, ElementRef } from '@angular/core'; +import { NG_VALUE_ACCESSOR } from '@angular/forms'; + +import { BaseValueAccessorDirective } from './base-value-accessor'; + +@Directive({ + /* tslint:disable-next-line:directive-selector */ + selector: 'scale-dropdown-select[formControlName],[sclSelectControl]', + host: { + '(scale-change)': '_handleInput($event.target.value)' + }, + providers: [ + { + provide: NG_VALUE_ACCESSOR, + useExisting: SelectValueAccessorDirective, + multi: true + } + ] +}) +export class SelectValueAccessorDirective extends BaseValueAccessorDirective { + constructor(el: ElementRef) { + super(el); + } +} diff --git a/lerna.json b/lerna.json index b68c1f31f2..e4993fb1dc 100644 --- a/lerna.json +++ b/lerna.json @@ -7,7 +7,7 @@ "--pure-lockfile" ], "useWorkspaces": true, - "version": "3.0.0-beta.146", + "version": "3.0.0-beta.147", "command": { "version": { "allowBranch": "main" diff --git a/packages/components-angular/CHANGELOG.md b/packages/components-angular/CHANGELOG.md index 8ecc717d4c..04525f349c 100644 --- a/packages/components-angular/CHANGELOG.md +++ b/packages/components-angular/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [3.0.0-beta.147](https://github.com/telekom/scale/compare/v3.0.0-beta.146...v3.0.0-beta.147) (2024-01-15) + +**Note:** Version bump only for package @telekom/scale-components-angular + + + + + # [3.0.0-beta.146](https://github.com/telekom/scale/compare/v3.0.0-beta.145...v3.0.0-beta.146) (2023-12-22) **Note:** Version bump only for package @telekom/scale-components-angular diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json index d0d2bb8f26..0ddb2006a9 100644 --- a/packages/components-angular/package.json +++ b/packages/components-angular/package.json @@ -1,6 +1,6 @@ { "name": "@telekom/scale-components-angular", - "version": "3.0.0-beta.146", + "version": "3.0.0-beta.147", "description": "Angular specific wrapper for @telekom/scale-components", "license": "MPL-2.0", "homepage": "https://github.com/telekom/scale", diff --git a/packages/components-react/CHANGELOG.md b/packages/components-react/CHANGELOG.md index 26fd6b1083..2835737f25 100644 --- a/packages/components-react/CHANGELOG.md +++ b/packages/components-react/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [3.0.0-beta.147](https://github.com/telekom/scale/compare/v3.0.0-beta.146...v3.0.0-beta.147) (2024-01-15) + +**Note:** Version bump only for package @telekom/scale-components-react + + + + + # [3.0.0-beta.146](https://github.com/telekom/scale/compare/v3.0.0-beta.145...v3.0.0-beta.146) (2023-12-22) **Note:** Version bump only for package @telekom/scale-components-react diff --git a/packages/components-react/package.json b/packages/components-react/package.json index 70b9bd7419..610c84c260 100755 --- a/packages/components-react/package.json +++ b/packages/components-react/package.json @@ -1,7 +1,7 @@ { "name": "@telekom/scale-components-react", "sideEffects": false, - "version": "3.0.0-beta.146", + "version": "3.0.0-beta.147", "description": "React proxy for @telekom/scale-components", "license": "MPL-2.0", "homepage": "https://github.com/telekom/scale", diff --git a/packages/components-vue/CHANGELOG.md b/packages/components-vue/CHANGELOG.md index 251b4fb763..620c8eedf5 100644 --- a/packages/components-vue/CHANGELOG.md +++ b/packages/components-vue/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [3.0.0-beta.147](https://github.com/telekom/scale/compare/v3.0.0-beta.146...v3.0.0-beta.147) (2024-01-15) + +**Note:** Version bump only for package @telekom/scale-components-vue + + + + + # [3.0.0-beta.146](https://github.com/telekom/scale/compare/v3.0.0-beta.145...v3.0.0-beta.146) (2023-12-22) **Note:** Version bump only for package @telekom/scale-components-vue diff --git a/packages/components-vue/package.json b/packages/components-vue/package.json index d94c2f5956..92828904d6 100644 --- a/packages/components-vue/package.json +++ b/packages/components-vue/package.json @@ -1,7 +1,7 @@ { "name": "@telekom/scale-components-vue", "sideEffects": false, - "version": "3.0.0-beta.146", + "version": "3.0.0-beta.147", "description": "Vue specific wrapper for @telekom/scale-components", "license": "MPL-2.0", "homepage": "https://github.com/telekom/scale", diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index 358202713b..e9e6612e17 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -3,6 +3,20 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [3.0.0-beta.147](https://github.com/telekom/scale/compare/v3.0.0-beta.146...v3.0.0-beta.147) (2024-01-15) + + +### Bug Fixes + +* allow sorting of dynamically added columns2 ([#2246](https://github.com/telekom/scale/issues/2246)) ([c33b083](https://github.com/telekom/scale/commit/c33b083d3895abe65545da6e0b3e62be4c3a9525)) +* enable programmatic disabled [#2248](https://github.com/telekom/scale/issues/2248) ([bab9369](https://github.com/telekom/scale/commit/bab9369d8761664454c74847b8d652929d21d743)) +* remove unnecessary prop, add required aria attribute ([#2192](https://github.com/telekom/scale/issues/2192)) ([e63dbc1](https://github.com/telekom/scale/commit/e63dbc16f9eec9fd35e9a5146a984be3035a89b7)) +* set color scheme ([#2257](https://github.com/telekom/scale/issues/2257)) ([0f4bdee](https://github.com/telekom/scale/commit/0f4bdee5aa2942d17c98ad002bdff599cbc73050)) + + + + + # [3.0.0-beta.146](https://github.com/telekom/scale/compare/v3.0.0-beta.145...v3.0.0-beta.146) (2023-12-22) diff --git a/packages/components/package.json b/packages/components/package.json index e7af8e60e2..12396ebe9b 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@telekom/scale-components", - "version": "3.0.0-beta.146", + "version": "3.0.0-beta.147", "description": "Scale is the digital design system for Telekom products and experiences.", "homepage": "https://github.com/telekom/scale", "repository": { @@ -73,7 +73,7 @@ "@floating-ui/dom": "^1.2.8", "@stencil/core": "^2.17.0", "@telekom/design-tokens": "1.0.0-beta.10", - "@telekom/scale-design-tokens": "^3.0.0-beta.146", + "@telekom/scale-design-tokens": "^3.0.0-beta.147", "classnames": "^2.2.6", "composed-offset-position": "^0.0.4", "stencil-inline-svg": "^1.0.1" diff --git a/packages/components/src/components/chip/__snapshots__/chip.spec.ts.snap b/packages/components/src/components/chip/__snapshots__/chip.spec.ts.snap index 95f6118f16..e597051eff 100644 --- a/packages/components/src/components/chip/__snapshots__/chip.spec.ts.snap +++ b/packages/components/src/components/chip/__snapshots__/chip.spec.ts.snap @@ -3,7 +3,7 @@ exports[`Chip should match snapshot 1`] = ` - + diff --git a/packages/components/src/components/chip/chip.tsx b/packages/components/src/components/chip/chip.tsx index d9dc262856..53e9209561 100644 --- a/packages/components/src/components/chip/chip.tsx +++ b/packages/components/src/components/chip/chip.tsx @@ -34,9 +34,15 @@ export class Chip { /** (optional) */ @Prop() selected?: boolean = false; /** (optional) chip aria-role */ - @Prop() ariaRoleTitle?: string; - /** (optional) chip aria-checked */ - @Prop() ariaCheckedState?: boolean; + @Prop() ariaRoleTitle?: + | 'switch' + | 'radio' + | 'option' + | 'menuitemreadio' + | 'menuitemcheckbox' + | 'checkbox' = 'switch'; + /** @deprecated (optional) chip aria-checked - should be derived from selected state attribute */ + @Prop() ariaCheckedState?: boolean = false; /** (optional) chip label */ @Prop() label?: string; /** (optional) chip disabled */ @@ -140,6 +146,7 @@ export class Chip { tabindex={this.selected ? '0' : '-1'} part={this.getBasePartMap()} class={this.getCssClassMap()} + aria-checked={this.selected.toString()} onClick={ !this.disabled || this.type === 'dynamic' ? this.handleClick @@ -154,10 +161,8 @@ export class Chip { ) : ( **[DEPRECATED]** (optional) chip aria-checked - should be derived from selected state attribute

| `boolean` | `false` | +| `ariaRoleTitle` | `aria-role-title` | (optional) chip aria-role | `"checkbox" \| "menuitemcheckbox" \| "menuitemreadio" \| "option" \| "radio" \| "switch"` | `'switch'` | +| `disabled` | `disabled` | (optional) chip disabled | `boolean` | `false` | +| `dismissText` | `dismiss-text` | (optional) Dismiss label | `string` | `'dismiss'` | +| `label` | `label` | (optional) chip label | `string` | `undefined` | +| `selected` | `selected` | (optional) | `boolean` | `false` | +| `styles` | `styles` | (optional) Injected CSS styles | `string` | `undefined` | +| `type` | `type` | (optional) | `"dynamic" \| "persistent"` | `'persistent'` | +| `variant` | `variant` | (optional) | `"outline" \| "standard"` | `'standard'` | ## Events diff --git a/packages/components/src/components/data-grid/cell-handlers/link-cell.tsx b/packages/components/src/components/data-grid/cell-handlers/link-cell.tsx index 3f8c583083..92ad6dfc21 100644 --- a/packages/components/src/components/data-grid/cell-handlers/link-cell.tsx +++ b/packages/components/src/components/data-grid/cell-handlers/link-cell.tsx @@ -19,12 +19,20 @@ export const LinkCell: Cell = { sortBy: 'text', }, render: ({ content }) => { - // Remove protocol (http/https) - const urlNoProtocol = content.replace(/^https?\:\/\//i, ''); - return ( - - {urlNoProtocol} - - ); + if (typeof content === 'string') { + // Remove protocol (http/https) + const urlNoProtocol = content.replace(/^https?\:\/\//i, ''); + return ( + + {urlNoProtocol} + + ); + } else { + // if the type of content is not a string, the content is handled as + // object of text and props (spread) which are passed as attributes to + // the scale-link element + const { text, ...props } = content; + return {text}; + } }, }; diff --git a/packages/components/src/components/data-grid/cell-handlers/tags-cell.tsx b/packages/components/src/components/data-grid/cell-handlers/tags-cell.tsx index cf43c54616..c1e4ef3cd8 100644 --- a/packages/components/src/components/data-grid/cell-handlers/tags-cell.tsx +++ b/packages/components/src/components/data-grid/cell-handlers/tags-cell.tsx @@ -19,13 +19,22 @@ export const TagsCell: Cell = { sortBy: 'text', }, render: ({ content }) => { - const tags = content.split(',').map((s) => s.trim()); + let tags = []; + // for backwards compatibility + if (typeof content === 'string') { + tags = content.split(',').map((el) => ({ + content: el, + color: 'standard', + })); + } else { + tags = content; + } return (
    {tags.map((tag) => (
  • - - {tag} + + {tag.content}
    • ))} diff --git a/packages/components/src/components/tab-nav/tab-nav.tsx b/packages/components/src/components/tab-nav/tab-nav.tsx index 9c52ddc4e0..9c199f36db 100644 --- a/packages/components/src/components/tab-nav/tab-nav.tsx +++ b/packages/components/src/components/tab-nav/tab-nav.tsx @@ -112,7 +112,9 @@ export class TabNav { getAllEnabledTabs(): HTMLScaleTabHeaderElement[] { return Array.from( - this.el.querySelectorAll('scale-tab-header:not([disabled])') + this.el.querySelectorAll( + 'scale-tab-header:not([disabled]), scale-tab-header[disabled="false"]' + ) ); } diff --git a/packages/components/src/components/table/table.tsx b/packages/components/src/components/table/table.tsx index 52730fd025..a01b0252ae 100644 --- a/packages/components/src/components/table/table.tsx +++ b/packages/components/src/components/table/table.tsx @@ -9,7 +9,7 @@ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */ -import { Component, Prop, h, Element, Host } from '@stencil/core'; +import { Component, Prop, h, Element, Host, State } from '@stencil/core'; import classNames from 'classnames'; import statusNote from '../../utils/status-note'; @@ -19,6 +19,8 @@ import statusNote from '../../utils/status-note'; shadow: false, }) export class Table { + mutationObserver: MutationObserver; + @Element() hostElement: HTMLElement; /** (optional) Display sort arrows on/off */ @Prop() showSort?: boolean = false; @@ -28,19 +30,36 @@ export class Table { @Prop() striped?: boolean = false; /** (optional) Injected CSS styles */ @Prop() styles?: string; + /** "forceUpdate" hack, set it to trigger and re-render */ + @State() forceUpdate: string; /** object of the slots in use */ slots: { header?: Element; table?: Element } = {}; + addSortIndicator(el) { + el.insertAdjacentHTML( + 'afterbegin', + ` + ` + ); + } + componentWillLoad() { this.hostElement.querySelectorAll('th').forEach((th) => { - th.insertAdjacentHTML( - 'afterbegin', - ` - ` - ); + this.addSortIndicator(th); + }); + } + + componentWillUpdate() { + this.hostElement.querySelectorAll('th').forEach((th) => { + // only cols that are NOT added dynamically have children (the sorting icon), added on componentWillLoad + if (th.children.length === 0) { + // this may not be needed + th.classList.add('dynamically-added'); + this.addSortIndicator(th); + } }); } @@ -52,6 +71,13 @@ export class Table { el.showStatus = false; }); } + this.mutationObserver = new MutationObserver(() => { + this.forceUpdate = String(Date.now()); + }); + this.mutationObserver.observe(this.hostElement, { + childList: true, + subtree: true, + }); } componentDidRender() { @@ -66,6 +92,12 @@ export class Table { } } + disconnectedCallback() { + if (this.mutationObserver) { + this.mutationObserver.disconnect(); + } + } + render() { return ( diff --git a/packages/components/src/global/scale.css b/packages/components/src/global/scale.css index 832a49405e..cf26a3e703 100644 --- a/packages/components/src/global/scale.css +++ b/packages/components/src/global/scale.css @@ -54,6 +54,8 @@ --scl-z-index-50: 50; --scl-z-index-60: 60; --scl-z-index-70: 70; + /* TODO: we can try to set this rule in design tokens :root */ + color-scheme: light dark; } /** Thank you sholace.style */ @@ -69,3 +71,11 @@ flex-direction: column; gap: var(--telekom-spacing-composition-space-04); } + +[data-mode='light'] { + color-scheme: light; +} + +[data-mode='dark'] { + color-scheme: dark; +} diff --git a/packages/components/src/html/table-dynamic-cols.html b/packages/components/src/html/table-dynamic-cols.html new file mode 100644 index 0000000000..fa019e848c --- /dev/null +++ b/packages/components/src/html/table-dynamic-cols.html @@ -0,0 +1,252 @@ + + + + + + Stencil Component Starter + + + + + + +

    Table

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + Title + Tags + Stats + + Time + + Euros +
    Jane + Other + N/A + Demo + +
    + 9.356 + +
    +     		00:00:20100.245,10
    Jack + Other + N/A + Demo + +
    + 3.356 + +
    +     		00:00:30100.345,10
    John + Other + N/A + Demo + +
    + 6.356 + +
    +     		00:00:40100.445,10
    Total + + 00:00:20100.245,10lol
    +     + + + diff --git a/packages/design-tokens/CHANGELOG.md b/packages/design-tokens/CHANGELOG.md index 94555a2567..159c2432ac 100644 --- a/packages/design-tokens/CHANGELOG.md +++ b/packages/design-tokens/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [3.0.0-beta.147](https://github.com/telekom/scale/compare/v3.0.0-beta.146...v3.0.0-beta.147) (2024-01-15) + +**Note:** Version bump only for package @telekom/scale-design-tokens + + + + + # [3.0.0-beta.146](https://github.com/telekom/scale/compare/v3.0.0-beta.145...v3.0.0-beta.146) (2023-12-22) **Note:** Version bump only for package @telekom/scale-design-tokens diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json index a0cff485b2..3b898ae957 100644 --- a/packages/design-tokens/package.json +++ b/packages/design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@telekom/scale-design-tokens", - "version": "3.0.0-beta.146", + "version": "3.0.0-beta.147", "type": "module", "description": "Design Tokens for the Scale Design System", "homepage": "https://github.com/telekom/scale", diff --git a/packages/storybook-vue/CHANGELOG.md b/packages/storybook-vue/CHANGELOG.md index 7cd3d7cb18..ffd7abfe5a 100644 --- a/packages/storybook-vue/CHANGELOG.md +++ b/packages/storybook-vue/CHANGELOG.md @@ -3,6 +3,17 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [3.0.0-beta.147](https://github.com/telekom/scale/compare/v3.0.0-beta.146...v3.0.0-beta.147) (2024-01-15) + + +### Bug Fixes + +* remove unnecessary prop, add required aria attribute ([#2192](https://github.com/telekom/scale/issues/2192)) ([e63dbc1](https://github.com/telekom/scale/commit/e63dbc16f9eec9fd35e9a5146a984be3035a89b7)) + + + + + # [3.0.0-beta.146](https://github.com/telekom/scale/compare/v3.0.0-beta.145...v3.0.0-beta.146) (2023-12-22) **Note:** Version bump only for package @telekom/scale-storybook-vue diff --git a/packages/storybook-vue/package.json b/packages/storybook-vue/package.json index 79d5d97e3b..7e50cee7ba 100644 --- a/packages/storybook-vue/package.json +++ b/packages/storybook-vue/package.json @@ -2,7 +2,7 @@ "homepage": "https://telekom.github.io/scale", "name": "@telekom/scale-storybook-vue", "private": true, - "version": "3.0.0-beta.146", + "version": "3.0.0-beta.147", "main": "index.js", "license": "MPL-2.0", "devDependencies": { @@ -32,8 +32,8 @@ "dependencies": { "@storybook/addon-viewport": "^6.4.22", "@telekom/design-tokens": "^1.0.0-beta.2", - "@telekom/scale-components": "^3.0.0-beta.146", - "@telekom/scale-components-vue": "^3.0.0-beta.146" + "@telekom/scale-components": "^3.0.0-beta.147", + "@telekom/scale-components-vue": "^3.0.0-beta.147" }, "scripts": { "prestart": "rm -rf node_modules/.cache/ && yes | cp -a ../components/dist/scale-components/fonts/* public/fonts/ && yes | cp -a ../components/dist/scale-components/scale-components.css public/", diff --git a/packages/storybook-vue/stories/components/chip/ScaleChip.vue b/packages/storybook-vue/stories/components/chip/ScaleChip.vue index c7964a243f..e6cb20023c 100644 --- a/packages/storybook-vue/stories/components/chip/ScaleChip.vue +++ b/packages/storybook-vue/stories/components/chip/ScaleChip.vue @@ -23,7 +23,7 @@ export default { variant: { type: 'standard' | 'outline', default: 'standard' }, selected: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, - styles: { type: String }, + styles: { type: 'switch' | 'radio' | 'option' | 'menuitemreadio' | 'menuitemcheckbox' | 'checkbox', default: 'switch'}, ariaRoleTitle: { type: String }, ariaCheckedState: { type: Boolean }, }, diff --git a/packages/storybook-vue/stories/components/data-grid/DataGrid.stories.mdx b/packages/storybook-vue/stories/components/data-grid/DataGrid.stories.mdx index d1bd284283..4c38c09346 100644 --- a/packages/storybook-vue/stories/components/data-grid/DataGrid.stories.mdx +++ b/packages/storybook-vue/stories/components/data-grid/DataGrid.stories.mdx @@ -669,7 +669,7 @@ Expected format: string ## Tags Cell -Expected format: comma delimited `string`, eg `'one, two, three'` +Expected format: comma delimited `string`, eg `'one, two, three'` or array of objects with content and color keys, e.g. `{content: 'Apple', color: 'red'}` diff --git a/packages/visual-tests/CHANGELOG.md b/packages/visual-tests/CHANGELOG.md index 8da0fccb82..9c3370050c 100644 --- a/packages/visual-tests/CHANGELOG.md +++ b/packages/visual-tests/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [3.0.0-beta.147](https://github.com/telekom/scale/compare/v3.0.0-beta.146...v3.0.0-beta.147) (2024-01-15) + +**Note:** Version bump only for package @telekom/scale-visual-tests + + + + + # [3.0.0-beta.146](https://github.com/telekom/scale/compare/v3.0.0-beta.145...v3.0.0-beta.146) (2023-12-22) **Note:** Version bump only for package @telekom/scale-visual-tests diff --git a/packages/visual-tests/package.json b/packages/visual-tests/package.json index 4053d74e51..7d76bacf50 100644 --- a/packages/visual-tests/package.json +++ b/packages/visual-tests/package.json @@ -1,7 +1,7 @@ { "name": "@telekom/scale-visual-tests", "private": true, - "version": "3.0.0-beta.146", + "version": "3.0.0-beta.147", "main": "index.js", "license": "MPL-2.0", "scripts": {