fix: unit tests

Author: fortesp

docs/components/component.tags.mts

@@ -1 +1 @@
-export const components = ["six-alert","six-avatar","six-badge","six-breadcrumbs","six-breadcrumbs-item","six-button","six-card","six-checkbox","six-date","six-datepicker","six-details","six-dialog","six-drawer","six-dropdown","six-error","six-error-page","six-file-list","six-file-list-item","six-file-upload","six-footer","six-group-label","six-header","six-header-dropdown-item","six-header-item","six-header-menu-button","six-icon","six-icon-button","six-input","six-item-picker","six-language-switcher","six-layout-grid","six-logo","six-main-container","six-menu","six-menu-divider","six-menu-item","six-menu-label","six-picto","six-progress-bar","six-progress-ring","six-radio","six-range","six-root","six-search-field","six-select","six-sidebar","six-sidebar-item","six-sidebar-item-group","six-spinner","six-stage-indicator","six-switch","six-tab","six-tab-group","six-tab-panel","six-tag","six-textarea","six-tile","six-timepicker","six-tooltip"];
+export const components = ["six-alert","six-avatar","six-badge","six-breadcrumbs","six-breadcrumbs-item","six-button","six-card","six-checkbox","six-date","six-datepicker","six-details","six-dialog","six-drawer","six-dropdown","six-error","six-error-page","six-file-list","six-file-list-item","six-file-upload","six-footer","six-group-label","six-header","six-header-dropdown-item","six-header-item","six-header-menu-button","six-icon","six-icon-button","six-input","six-item-picker","six-language-switcher","six-layout-grid","six-logo","six-main-container","six-menu","six-menu-divider","six-menu-item","six-menu-label","six-picto","six-progress-bar","six-progress-ring","six-radio","six-range","six-rating","six-root","six-search-field","six-select","six-sidebar","six-sidebar-item","six-sidebar-item-group","six-spinner","six-stage-indicator","six-switch","six-tab","six-tab-group","six-tab-panel","six-tag","six-textarea","six-tile","six-timepicker","six-tooltip"];

docs/components/six-error.md

@@ -32,6 +32,7 @@ Simple error container for forms. Used in the `error-text` slot for multiple inp
  - [six-group-label](six-group-label.html)
  - [six-input](six-input.html)
  - [six-range](six-range.html)
+ - [six-rating](six-rating.html)
  - [six-select](six-select.html)
  - [six-switch](six-switch.html)
  - [six-textarea](six-textarea.html)
@@ -44,6 +45,7 @@ graph TD;
   six-group-label --> six-error
   six-input --> six-error
   six-range --> six-error
+  six-rating --> six-error
   six-select --> six-error
   six-switch --> six-error
   six-textarea --> six-error

docs/components/six-header.md

@@ -16,6 +16,10 @@ While the SIX logo must always appear, all other elements are optional. If addit
 7.  App Switcher
 8.  Profile
 
+### Positioning
+
+Items in `six-header` are positioned within a flex container. Use `margin-left: auto` to align items to the right, for example, or `flex: 1 0 0` to make an item fill available space.
+
 ### Simple Example
 
 Use `six-header-item` to add items. To align elements to the right, simply apply the style `margin-left: auto`. For dropdown menus, use `six-header-dropdown-item`. The dropdown item will be marked as active (with a black bottom border) when open.

docs/components/six-icon.md

@@ -281,6 +281,7 @@ Enter an icon label and press enter to display an icon:
  - [six-input](six-input.html)
  - [six-item-picker](six-item-picker.html)
  - [six-menu-item](six-menu-item.html)
+ - [six-rating](six-rating.html)
  - [six-search-field](six-search-field.html)
  - [six-select](six-select.html)
  - [six-sidebar-item](six-sidebar-item.html)
@@ -303,6 +304,7 @@ graph TD;
   six-input --> six-icon
   six-item-picker --> six-icon
   six-menu-item --> six-icon
+  six-rating --> six-icon
   six-search-field --> six-icon
   six-select --> six-icon
   six-sidebar-item --> six-icon

libraries/ui-library-react/src/lib/stencil-generated/components.ts

@@ -7,7 +7,7 @@
 
 /* eslint-disable */
 
-import { type EmptyPayload, type SixAlertCustomEvent, type SixBreadcrumbsItemCustomEvent, type SixButtonCustomEvent, type SixCheckboxCustomEvent, type SixDatepickerCustomEvent, type SixDatepickerSelectPayload, type SixDetailsCustomEvent, type SixDialogCustomEvent, type SixDialogRequestClose, type SixDrawerCustomEvent, type SixDrawerRequestClose, type SixDropdownAsyncFilterPayload, type SixDropdownAutoFilterPayload, type SixDropdownCustomEvent, type SixDropdownScrollPayload, type SixFileListDownloadPayload, type SixFileListItemCustomEvent, type SixFileListRemovePayload, type SixFileUploadCustomEvent, type SixFileUploadFailurePayload, type SixFileUploadSuccessPayload, type SixInputCustomEvent, type SixItemPickerChangePayload, type SixItemPickerCustomEvent, type SixLanguageSwitcherChangePayload, type SixLanguageSwitcherCustomEvent, type SixMenuCustomEvent, type SixMenuItemSelectedPayload, type SixRadioCustomEvent, type SixRangeCustomEvent, type SixSearchFieldChangePayload, type SixSearchFieldCustomEvent, type SixSelectChangePayload, type SixSelectCustomEvent, type SixSidebarCustomEvent, type SixSwitchCustomEvent, type SixTabCustomEvent, type SixTabGroupCustomEvent, type SixTabHidePayload, type SixTabShowPayload, type SixTagCustomEvent, type SixTextareaCustomEvent, type SixTileCustomEvent, type SixTimepickerChange, type SixTimepickerCustomEvent, type SixTooltipCustomEvent } from "@six-group/ui-library";
+import { type EmptyPayload, type SixAlertCustomEvent, type SixBreadcrumbsItemCustomEvent, type SixButtonCustomEvent, type SixCheckboxCustomEvent, type SixDatepickerCustomEvent, type SixDatepickerSelectPayload, type SixDetailsCustomEvent, type SixDialogCustomEvent, type SixDialogRequestClose, type SixDrawerCustomEvent, type SixDrawerRequestClose, type SixDropdownAsyncFilterPayload, type SixDropdownAutoFilterPayload, type SixDropdownCustomEvent, type SixDropdownScrollPayload, type SixFileListDownloadPayload, type SixFileListItemCustomEvent, type SixFileListRemovePayload, type SixFileUploadCustomEvent, type SixFileUploadFailurePayload, type SixFileUploadSuccessPayload, type SixInputCustomEvent, type SixItemPickerChangePayload, type SixItemPickerCustomEvent, type SixLanguageSwitcherChangePayload, type SixLanguageSwitcherCustomEvent, type SixMenuCustomEvent, type SixMenuItemSelectedPayload, type SixRadioCustomEvent, type SixRangeCustomEvent, type SixRatingCustomEvent, type SixSearchFieldChangePayload, type SixSearchFieldCustomEvent, type SixSelectChangePayload, type SixSelectCustomEvent, type SixSidebarCustomEvent, type SixSwitchCustomEvent, type SixTabCustomEvent, type SixTabGroupCustomEvent, type SixTabHidePayload, type SixTabShowPayload, type SixTagCustomEvent, type SixTextareaCustomEvent, type SixTileCustomEvent, type SixTimepickerChange, type SixTimepickerCustomEvent, type SixTooltipCustomEvent } from "@six-group/ui-library";
 import { SixAlert as SixAlertElement, defineCustomElement as defineSixAlert } from "@six-group/ui-library/dist/components/six-alert.js";
 import { SixAvatar as SixAvatarElement, defineCustomElement as defineSixAvatar } from "@six-group/ui-library/dist/components/six-avatar.js";
 import { SixBadge as SixBadgeElement, defineCustomElement as defineSixBadge } from "@six-group/ui-library/dist/components/six-badge.js";
@@ -50,6 +50,7 @@ import { SixProgressBar as SixProgressBarElement, defineCustomElement as defineS
 import { SixProgressRing as SixProgressRingElement, defineCustomElement as defineSixProgressRing } from "@six-group/ui-library/dist/components/six-progress-ring.js";
 import { SixRadio as SixRadioElement, defineCustomElement as defineSixRadio } from "@six-group/ui-library/dist/components/six-radio.js";
 import { SixRange as SixRangeElement, defineCustomElement as defineSixRange } from "@six-group/ui-library/dist/components/six-range.js";
+import { SixRating as SixRatingElement, defineCustomElement as defineSixRating } from "@six-group/ui-library/dist/components/six-rating.js";
 import { SixRoot as SixRootElement, defineCustomElement as defineSixRoot } from "@six-group/ui-library/dist/components/six-root.js";
 import { SixSearchField as SixSearchFieldElement, defineCustomElement as defineSixSearchField } from "@six-group/ui-library/dist/components/six-search-field.js";
 import { SixSelect as SixSelectElement, defineCustomElement as defineSixSelect } from "@six-group/ui-library/dist/components/six-select.js";
@@ -671,6 +672,25 @@ export const SixRange: StencilReactComponent<SixRangeElement, SixRangeEvents> =
     defineCustomElement: defineSixRange
 });
 
+export type SixRatingEvents = {
+    onSixRatingBlur: EventName<CustomEvent<number>>,
+    onSixRatingChange: EventName<CustomEvent<number>>,
+    onSixRatingFocus: EventName<SixRatingCustomEvent<EmptyPayload>>
+};
+
+export const SixRating: StencilReactComponent<SixRatingElement, SixRatingEvents> = /*@__PURE__*/ createComponent<SixRatingElement, SixRatingEvents>({
+    tagName: 'six-rating',
+    elementClass: SixRatingElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onSixRatingBlur: 'six-rating-blur',
+        onSixRatingChange: 'six-rating-change',
+        onSixRatingFocus: 'six-rating-focus'
+    } as SixRatingEvents,
+    defineCustomElement: defineSixRating
+});
+
 export type SixRootEvents = NonNullable<unknown>;
 
 export const SixRoot: StencilReactComponent<SixRootElement, SixRootEvents> = /*@__PURE__*/ createComponent<SixRootElement, SixRootEvents>({

libraries/ui-library-vue/src/lib/stencil-generated/components.ts

@@ -552,6 +552,29 @@ export const SixRange: StencilVueComponent<JSX.SixRange, JSX.SixRange["value"]>
 'value', 'input');
 
 
+export const SixRating: StencilVueComponent<JSX.SixRating> = /*@__PURE__*/ defineContainer<JSX.SixRating>('six-rating', undefined, [
+  'name',
+  'value',
+  'disabled',
+  'required',
+  'label',
+  'errorText',
+  'errorTextCount',
+  'invalid',
+  'max',
+  'size',
+  'readonly',
+  'helpText',
+  'six-rating-blur',
+  'six-rating-change',
+  'six-rating-focus'
+], [
+  'six-rating-blur',
+  'six-rating-change',
+  'six-rating-focus'
+]);
+
+
 export const SixRoot: StencilVueComponent<JSX.SixRoot> = /*@__PURE__*/ defineContainer<JSX.SixRoot>('six-root', undefined, [
   'padded',
   'stage',

libraries/ui-library/src/components/six-breadcrumbs-item/test/six-breadcrumbs-item.spec.tsx

@@ -16,10 +16,10 @@ describe('six-breadcrumbs-item', () => {
   it('reflects disabled attribute', async () => {
     const page = await newSpecPage({
       components: [SixBreadcrumbsItem],
-      html: `<six-breadcrumbs-item disabled>Disabled</six-breadcrumbs-item>`,
+      html: `<six-breadcrumbs-item read-only>Readonly</six-breadcrumbs-item>`,
     });
 
-    expect(page.root!.hasAttribute('disabled')).toBe(true);
+    expect(page.root!.hasAttribute('read-only')).toBe(true);
   });
 
   it('renders and the inner six-button responds to click (no six-click emitted)', async () => {

libraries/ui-library/src/components/six-breadcrumbs/test/six-breadcrumbs.spec.tsx

@@ -26,6 +26,6 @@ describe('six-breadcrumbs', () => {
     expect(items[0].querySelector('[slot="separator"]')).not.toBeNull();
     expect(items[1].querySelector('[slot="separator"]')).not.toBeNull();
     expect(items[2].querySelector('[slot="separator"]')).toBeNull();
-    expect(items[2].hasAttribute('disabled')).toBe(true);
+    expect(items[2].hasAttribute('read-only')).toBe(true);
   });
 });