@breadstone/mosaik-elements-foundation 0.0.12-beta.8 → 0.0.13

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Retro.js

@@ -35,7 +35,11 @@ export function floatingActionButtonElementRetroStyle() {
   --fab-border-style: solid;
   --fab-border-width: var(--retro-layout-thickness);
   --fab-foreground-color: var(--retro-scheme-foreground);
-  --fab-shadow: var(--retro-elevation-semilight);
+  --fab-shadow-blur: var(--retro-elevation-semilight-blur-0);
+  --fab-shadow-color: var(--retro-elevation-semilight-color-0);
+  --fab-shadow-offset-x: var(--retro-elevation-semilight-offset-x-0);
+  --fab-shadow-offset-y: var(--retro-elevation-semilight-offset-y-0);
+  --fab-shadow-spread: var(--retro-elevation-semilight-spread-0);
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -77,12 +81,16 @@ export function floatingActionButtonElementRetroStyle() {
   transition-timing-function: var(--fab-transition-mode);
   transition-property: var(--fab-transition-property);
   cursor: pointer;
+  --fab-background-color: var(--retro-scheme-highlight);
+  --fab-foreground-color: var(--retro-scheme-foreground);
+  --fab-shadow-color: var(--retro-scheme-highlight);
+  width: auto;
+  height: auto;
+  box-shadow: var(--fab-shadow-offset-x) var(--fab-shadow-offset-y) var(--fab-shadow-blur) var(--fab-shadow-spread) var(--fab-shadow-color);
   border-start-start-radius: var(--fab-border-radius);
   border-start-end-radius: var(--fab-border-radius);
   border-end-end-radius: var(--fab-border-radius);
   border-end-start-radius: var(--fab-border-radius);
-  width: auto;
-  height: auto;
   display: flex;
 }
 
@@ -267,6 +275,261 @@ export function floatingActionButtonElementRetroStyle() {
   height: 100%;
 }
 
+:host [part="focusRing"] {
+  --focus-ring-width: 0px;
+}
+
+:host([disabled]:not([disabled="false"])) {
+  --fab-background-color: var(--retro-scheme-background);
+  --fab-border-color: var(--retro-scheme-disabled);
+  --fab-foreground-color: var(--retro-scheme-disabled);
+  --fab-shadow-color: var(--retro-scheme-transparent);
+}
+
+:host([variant="primary"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-primary-500);
+  --fab-foreground-color: var(--retro-color-primary-0);
+  --fab-shadow-color: var(--retro-color-primary-200);
+}
+
+:host([variant="primary"]:not([disabled]):hover) {
+  --fab-background-color: var(--retro-color-primary-600);
+}
+
+:host([variant="secondary"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-secondary-500);
+  --fab-foreground-color: var(--retro-color-secondary-0);
+  --fab-shadow-color: var(--retro-color-secondary-200);
+}
+
+:host([variant="secondary"]:not([disabled]):hover) {
+  --fab-background-color: var(--retro-color-secondary-600);
+}
+
+:host([variant="info"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-info-500);
+  --fab-foreground-color: var(--retro-color-info-0);
+  --fab-shadow-color: var(--retro-color-info-200);
+}
+
+:host([variant="info"]:not([disabled]):hover) {
+  --fab-background-color: var(--retro-color-info-600);
+}
+
+:host([variant="warning"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-warning-500);
+  --fab-foreground-color: var(--retro-color-warning-0);
+  --fab-shadow-color: var(--retro-color-warning-200);
+}
+
+:host([variant="warning"]:not([disabled]):hover) {
+  --fab-background-color: var(--retro-color-warning-600);
+}
+
+:host([variant="danger"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-danger-500);
+  --fab-foreground-color: var(--retro-color-danger-0);
+  --fab-shadow-color: var(--retro-color-danger-200);
+}
+
+:host([variant="danger"]:not([disabled]):hover) {
+  --fab-background-color: var(--retro-color-danger-600);
+}
+
+:host([variant="success"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-success-500);
+  --fab-foreground-color: var(--retro-color-success-0);
+  --fab-shadow-color: var(--retro-color-success-200);
+}
+
+:host([variant="success"]:not([disabled]):hover) {
+  --fab-background-color: var(--retro-color-success-600);
+}
+
+:host([variant="neutral"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-neutral-500);
+  --fab-foreground-color: var(--retro-color-neutral-0);
+  --fab-shadow-color: var(--retro-color-neutral-200);
+}
+
+:host([variant="neutral"]:not([disabled]):hover) {
+  --fab-background-color: var(--retro-color-neutral-600);
+}
+
+:host([appearance="outline"]) {
+  --fab-border-width: var(--retro-layout-thickness);
+  --fab-border-style: solid;
+  --fab-shadow-color: var(--retro-color-neutral-200);
+}
+
+:host([appearance="outline"][variant="primary"]) {
+  --fab-shadow-color: var(--retro-color-primary-200);
+}
+
+:host([appearance="outline"][variant="secondary"]) {
+  --fab-shadow-color: var(--retro-color-secondary-200);
+}
+
+:host([appearance="outline"][variant="info"]) {
+  --fab-shadow-color: var(--retro-color-info-200);
+}
+
+:host([appearance="outline"][variant="warning"]) {
+  --fab-shadow-color: var(--retro-color-warning-200);
+}
+
+:host([appearance="outline"][variant="danger"]) {
+  --fab-shadow-color: var(--retro-color-danger-200);
+}
+
+:host([appearance="outline"][variant="success"]) {
+  --fab-shadow-color: var(--retro-color-success-200);
+}
+
+:host([appearance="outline"][variant="neutral"]) {
+  --fab-shadow-color: var(--retro-color-neutral-200);
+}
+
+:host([appearance="outline"]:not([disabled])) {
+  --fab-background-color: var(--retro-scheme-background);
+  --fab-foreground-color: var(--retro-scheme-foreground);
+  --fab-border-color: var(--retro-scheme-highlight);
+}
+
+:host([appearance="outline"]:not([disabled]):hover) {
+  --fab-background-color: var(--retro-scheme-background);
+  --fab-foreground-color: var(--retro-scheme-foreground);
+}
+
+:host([appearance="outline"][variant="primary"]:not([disabled])) {
+  --fab-foreground-color: var(--retro-color-primary-500);
+  --fab-border-color: var(--retro-color-primary-500);
+}
+
+:host([appearance="outline"][variant="secondary"]:not([disabled])) {
+  --fab-foreground-color: var(--retro-color-secondary-500);
+  --fab-border-color: var(--retro-color-secondary-500);
+}
+
+:host([appearance="outline"][variant="info"]:not([disabled])) {
+  --fab-foreground-color: var(--retro-color-info-500);
+  --fab-border-color: var(--retro-color-info-500);
+}
+
+:host([appearance="outline"][variant="warning"]:not([disabled])) {
+  --fab-foreground-color: var(--retro-color-warning-500);
+  --fab-border-color: var(--retro-color-warning-500);
+}
+
+:host([appearance="outline"][variant="danger"]:not([disabled])) {
+  --fab-foreground-color: var(--retro-color-danger-500);
+  --fab-border-color: var(--retro-color-danger-500);
+}
+
+:host([appearance="outline"][variant="success"]:not([disabled])) {
+  --fab-foreground-color: var(--retro-color-success-500);
+  --fab-border-color: var(--retro-color-success-500);
+}
+
+:host([appearance="outline"][variant="neutral"]:not([disabled])) {
+  --fab-foreground-color: var(--retro-color-neutral-500);
+  --fab-border-color: var(--retro-color-neutral-500);
+}
+
+:host([appearance="solid"]) {
+  --fab-shadow-color: var(--retro-scheme-disabled);
+}
+
+:host([appearance="solid"]:not([disabled])) {
+  --fab-background-color: var(--retro-scheme-highlight);
+  --fab-border-color: var(--retro-scheme-contrast);
+  --fab-shadow-color: var(--retro-scheme-highlight);
+  --fab-foreground-color: var(--retro-scheme-foreground);
+}
+
+:host([appearance="solid"][variant="primary"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-primary-500);
+  --fab-foreground-color: var(--retro-color-primary-0);
+  --fab-shadow-color: var(--retro-color-primary-500);
+}
+
+:host([appearance="solid"][variant="secondary"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-secondary-500);
+  --fab-foreground-color: var(--retro-color-secondary-0);
+  --fab-shadow-color: var(--retro-color-secondary-500);
+}
+
+:host([appearance="solid"][variant="info"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-info-500);
+  --fab-foreground-color: var(--retro-color-info-0);
+  --fab-shadow-color: var(--retro-color-info-500);
+}
+
+:host([appearance="solid"][variant="warning"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-warning-500);
+  --fab-foreground-color: var(--retro-color-warning-0);
+  --fab-shadow-color: var(--retro-color-warning-500);
+}
+
+:host([appearance="solid"][variant="danger"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-danger-500);
+  --fab-foreground-color: var(--retro-color-danger-0);
+  --fab-shadow-color: var(--retro-color-danger-500);
+}
+
+:host([appearance="solid"][variant="success"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-success-500);
+  --fab-foreground-color: var(--retro-color-success-0);
+  --fab-shadow-color: var(--retro-color-success-500);
+}
+
+:host([appearance="solid"][variant="neutral"]:not([disabled])) {
+  --fab-background-color: var(--retro-color-neutral-500);
+  --fab-foreground-color: var(--retro-color-neutral-0);
+  --fab-shadow-color: var(--retro-color-neutral-500);
+}
+
+:host([size="tiny"]) {
+  --fab-font-size: calc(var(--retro-typography-button-font-size)  - 4px);
+  --fab-font-line-height: calc(var(--retro-typography-button-line-height)  - 4px);
+  --fab-padding-top: calc(var(--retro-layout-space)  - 4px);
+  --fab-padding-right: calc(var(--retro-layout-space)  - 4px);
+  --fab-padding-bottom: calc(var(--retro-layout-space)  - 4px);
+  --fab-padding-left: calc(var(--retro-layout-space)  - 4px);
+}
+
+:host([size="small"]) {
+  --fab-font-size: calc(var(--retro-typography-button-font-size)  - 2px);
+  --fab-font-line-height: calc(var(--retro-typography-button-line-height)  - 2px);
+  --fab-padding-top: calc(var(--retro-layout-space)  - 2px);
+  --fab-padding-right: calc(var(--retro-layout-space)  - 2px);
+  --fab-padding-bottom: calc(var(--retro-layout-space)  - 2px);
+  --fab-padding-left: calc(var(--retro-layout-space)  - 2px);
+}
+
+:host([size="medium"]) {
+  --fab-font-size: var(--retro-typography-button-font-size);
+  --fab-font-line-height: var(--retro-typography-button-line-height);
+}
+
+:host([size="large"]) {
+  --fab-font-size: calc(var(--retro-typography-button-font-size)  + 2px);
+  --fab-font-line-height: calc(var(--retro-typography-button-line-height)  + 2px);
+  --fab-padding-top: calc(var(--retro-layout-space)  + 4px);
+  --fab-padding-right: calc(var(--retro-layout-space)  + 4px);
+  --fab-padding-bottom: calc(var(--retro-layout-space)  + 4px);
+  --fab-padding-left: calc(var(--retro-layout-space)  + 4px);
+}
+
+:host([size="giant"]) {
+  --fab-font-size: calc(var(--retro-typography-button-font-size)  + 4px);
+  --fab-font-line-height: calc(var(--retro-typography-button-line-height)  + 4px);
+  --fab-padding-top: calc(var(--retro-layout-space)  + 8px);
+  --fab-padding-right: calc(var(--retro-layout-space)  + 8px);
+  --fab-padding-bottom: calc(var(--retro-layout-space)  + 8px);
+  --fab-padding-left: calc(var(--retro-layout-space)  + 8px);
+}
+
     `;
 }
 //# sourceMappingURL=FloatingActionButtonElement.Retro.js.map

package/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButtonElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qCAAqC;IACjD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgQT,CAAC;AACN,CAAC"}
+{"version":3,"file":"FloatingActionButtonElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/FloatingActionButton/Themes/FloatingActionButtonElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qCAAqC;IACjD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAugBT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/RepeatButton/RepeatButtonElement.d.ts

@@ -174,7 +174,7 @@ export declare class RepeatButtonElement extends RepeatButtonElement_base implem
      */
     protected onIconPropertyChanged(_prev: string, next: string): void;
     /**
-     * Emitts the {@link repeated} event.
+     * Emits the {@link repeated} event.
      *
      * @protected
      */

package/Controls/Components/Buttons/RepeatButton/RepeatButtonElement.js

@@ -290,7 +290,7 @@ let RepeatButtonElement = class RepeatButtonElement extends Themeable(Reversible
         }
     }
     /**
-     * Emitts the {@link repeated} event.
+     * Emits the {@link repeated} event.
      *
      * @protected
      */

package/Controls/Components/Cells/CellGroupElement.d.ts

@@ -12,7 +12,7 @@ declare const CellGroupElement_base: (abstract new (...args: Array<any>) => impo
  * @category Layout
  *
  * @slot header - Slot for the group header.
- * @slot default - Slot for the default content, typically cells.
+ * @slot - Slot for the default content, typically cells.
  *
  * @csspart header - The header part of the cell group.
  * @csspart root - The root container of the cell group.

package/Controls/Components/Cells/CellGroupElement.js

@@ -29,7 +29,7 @@ import { cellGroupElementCosmopolitanStyle } from './Themes/CellGroupElement.Cos
  * @category Layout
  *
  * @slot header - Slot for the group header.
- * @slot default - Slot for the default content, typically cells.
+ * @slot - Slot for the default content, typically cells.
  *
  * @csspart header - The header part of the cell group.
  * @csspart root - The root container of the cell group.

package/Controls/Components/Cells/Themes/CellGroupElement.Cosmopolitan.js

@@ -34,7 +34,7 @@ export function cellGroupElementCosmopolitanStyle() {
   --cell-group-border-style: solid;
   --cell-group-border-width: var(--cosmopolitan-layout-thickness);
   --cell-group-inline-end: 0;
-  --cell-group-inline-start: 16px;
+  --cell-group-inline-start: calc(var(--joy-layout-space) * 2);
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Cells/Themes/CellGroupElement.Joy.js

@@ -34,7 +34,7 @@ export function cellGroupElementJoyStyle() {
   --cell-group-border-style: solid;
   --cell-group-border-width: var(--joy-layout-thickness);
   --cell-group-inline-end: 0;
-  --cell-group-inline-start: 16px;
+  --cell-group-inline-start: calc(var(--joy-layout-space) * 2);
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Cells/Themes/CellGroupElement.Retro.js

@@ -34,7 +34,7 @@ export function cellGroupElementRetroStyle() {
   --cell-group-border-style: solid;
   --cell-group-border-width: var(--retro-layout-thickness);
   --cell-group-inline-end: 0;
-  --cell-group-inline-start: 16px;
+  --cell-group-inline-start: calc(var(--joy-layout-space) * 2);
   --cell-group-shadow-blur: var(--retro-elevation-bold-blur-0);
   --cell-group-shadow-color: var(--retro-elevation-bold-color-0);
   --cell-group-shadow-offset-x: var(--retro-elevation-bold-offset-x-0);

package/Controls/Components/Forms/FormElement.d.ts

@@ -17,7 +17,7 @@ declare const FormElement_base: (abstract new (...args: Array<any>) => import(".
  * @fires submited {CustomEvent<IFormSubmitEventDetail>} - Fired when the form is submited.
  * @fires reseted {CustomEvent<IFormResetEventDetail>} - Fired when the form is reseted.
  *
- * @slot default - The default slot where form controls can be placed.
+ * @slot - The default slot where form controls can be placed.
  *
  * @csspart form - The part representing the form container itself.
  *
@@ -134,13 +134,13 @@ export declare class FormElement extends FormElement_base implements IFormElemen
      */
     protected onApplyTemplate(): void;
     /**
-     * Emitts the {@link reseted} event.
+     * Emits the {@link reseted} event.
      *
      * @protected
      */
     protected onReseted(args: IFormResetEventDetail): void;
     /**
-     * Emitts the {@link submited} event.
+     * Emits the {@link submited} event.
      *
      * @protected
      */

package/Controls/Components/Forms/FormElement.js

@@ -37,7 +37,7 @@ import { HTMLElementEventEmitter, on } from '@breadstone/mosaik-elements';
  * @fires submited {CustomEvent<IFormSubmitEventDetail>} - Fired when the form is submited.
  * @fires reseted {CustomEvent<IFormResetEventDetail>} - Fired when the form is reseted.
  *
- * @slot default - The default slot where form controls can be placed.
+ * @slot - The default slot where form controls can be placed.
  *
  * @csspart form - The part representing the form container itself.
  *
@@ -242,7 +242,7 @@ let FormElement = class FormElement extends Themeable(CustomElement) {
         });
     }
     /**
-     * Emitts the {@link reseted} event.
+     * Emits the {@link reseted} event.
      *
      * @protected
      */
@@ -250,7 +250,7 @@ let FormElement = class FormElement extends Themeable(CustomElement) {
         this._reseted.emit(args);
     }
     /**
-     * Emitts the {@link submited} event.
+     * Emits the {@link submited} event.
      *
      * @protected
      */

package/Controls/Components/Grouping/Banner/BannerElement.d.ts

@@ -32,7 +32,7 @@ declare const BannerElement_base: (abstract new (...args: Array<any>) => import(
  * @csspart subHeader - The subheader container part of the banner.
  * @csspart close - The close button or icon part of the banner.
  * @csspart actions - The actions container part of the banner.
- * @ccspart elevation - The elevation part of the banner.
+ * @csspart elevation - The elevation part of the banner.
  *
  * @cssprop {unknown} --banner-font-family - The font family for the banner.
  * @cssprop {unknown} --banner-font-size - The font size for the banner.

package/Controls/Components/Grouping/Banner/BannerElement.js

@@ -65,7 +65,7 @@ import { getSlotElements } from '../../../../Dom/Slot';
  * @csspart subHeader - The subheader container part of the banner.
  * @csspart close - The close button or icon part of the banner.
  * @csspart actions - The actions container part of the banner.
- * @ccspart elevation - The elevation part of the banner.
+ * @csspart elevation - The elevation part of the banner.
  *
  * @cssprop {unknown} --banner-font-family - The font family for the banner.
  * @cssprop {unknown} --banner-font-size - The font size for the banner.

package/Controls/Components/Grouping/Banner/BannerHeaderElement.d.ts

@@ -13,7 +13,7 @@ declare const BannerHeaderElement_base: (abstract new (...args: Array<any>) => i
  * @element mosaik-banner-header
  * @category Notifications
  *
- * @slot default - Slot for the banner header content.
+ * @slot - Slot for the banner header content.
  *
  * @csspart text - The text part of the banner header.
  *

package/Controls/Components/Grouping/Banner/BannerHeaderElement.js

@@ -33,7 +33,7 @@ import { bannerHeaderElementCosmopolitanStyle } from './Themes/BannerHeaderEleme
  * @element mosaik-banner-header
  * @category Notifications
  *
- * @slot default - Slot for the banner header content.
+ * @slot - Slot for the banner header content.
  *
  * @csspart text - The text part of the banner header.
  *

package/Controls/Components/Grouping/Banner/BannerSubHeaderElement.d.ts

@@ -13,7 +13,7 @@ declare const BannerSubHeaderElement_base: (abstract new (...args: Array<any>) =
  * @element mosaik-banner-sub-header
  * @category Notifications
  *
- * @slot default - Slot for the banner sub-header content.
+ * @slot - Slot for the banner sub-header content.
  *
  * @csspart text - The text part of the banner sub-header.
  *

package/Controls/Components/Grouping/Banner/BannerSubHeaderElement.js

@@ -33,7 +33,7 @@ import { bannerSubHeaderElementCosmopolitanStyle } from './Themes/BannerSubHeade
  * @element mosaik-banner-sub-header
  * @category Notifications
  *
- * @slot default - Slot for the banner sub-header content.
+ * @slot - Slot for the banner sub-header content.
  *
  * @csspart text - The text part of the banner sub-header.
  *

package/Controls/Components/Grouping/Breadcrumb/BreadcrumbItemElement.d.ts

@@ -13,7 +13,7 @@ declare const BreadcrumbItemElement_base: (abstract new (...args: Array<any>) =>
  * @element mosaik-breadcrumb-item
  * @category Navigation
  *
- * @slot default - The content of the breadcrumb item, typically text or an icon.
+ * @slot - The content of the breadcrumb item, typically text or an icon.
  *
  * @dependency {IconElement} - The Icon element.
  *

package/Controls/Components/Grouping/Breadcrumb/BreadcrumbItemElement.js

@@ -30,7 +30,7 @@ import { breadcrumbItemElementCosmopolitanStyle } from './Themes/BreadcrumbItemE
  * @element mosaik-breadcrumb-item
  * @category Navigation
  *
- * @slot default - The content of the breadcrumb item, typically text or an icon.
+ * @slot - The content of the breadcrumb item, typically text or an icon.
  *
  * @dependency {IconElement} - The Icon element.
  *

package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CAiElE"}
+{"version":3,"file":"BreadcrumbItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CAkElE"}

package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Cosmopolitan.js

@@ -66,6 +66,7 @@ export function breadcrumbItemElementCosmopolitanStyle() {
 
 :host ::slotted(*) {
   min-width: unset;
+  min-height: unset;
   font-weight: inherit;
 }
 

package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DT,CAAC;AACN,CAAC"}
+{"version":3,"file":"BreadcrumbItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgET,CAAC;AACN,CAAC"}

package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAiEzD"}
+{"version":3,"file":"BreadcrumbItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAkEzD"}

package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Joy.js

@@ -66,6 +66,7 @@ export function breadcrumbItemElementJoyStyle() {
 
 :host ::slotted(*) {
   min-width: unset;
+  min-height: unset;
   font-weight: inherit;
 }
 

package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DT,CAAC;AACN,CAAC"}
+{"version":3,"file":"BreadcrumbItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgET,CAAC;AACN,CAAC"}

package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Retro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItemElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CAiE3D"}
+{"version":3,"file":"BreadcrumbItemElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CAkE3D"}

package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Retro.js

@@ -66,6 +66,7 @@ export function breadcrumbItemElementRetroStyle() {
 
 :host ::slotted(*) {
   min-width: unset;
+  min-height: unset;
   font-weight: inherit;
 }
 

package/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItemElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DT,CAAC;AACN,CAAC"}
+{"version":3,"file":"BreadcrumbItemElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Grouping/Breadcrumb/Themes/BreadcrumbItemElement.Retro.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgET,CAAC;AACN,CAAC"}

package/Controls/Components/Grouping/Card/CardActionsElement.d.ts

@@ -12,7 +12,7 @@ declare const CardActionsElement_base: (abstract new (...args: Array<any>) => im
  * @category UI Components
  *
  * @slot prefix - The slot for placing content that appears before the action buttons.
- * @slot default - The default slot for placing the main action buttons.
+ * @slot - The default slot for placing the main action buttons.
  * @slot suffix - The slot for placing content that appears after the action buttons.
  *
  * @cssprop {unknown} --card-actions-padding-top - The padding-top property for the card actions area.

package/Controls/Components/Grouping/Card/CardActionsElement.js

@@ -28,7 +28,7 @@ import { cardActionsElementCosmopolitanStyle } from './Themes/CardActionsElement
  * @category UI Components
  *
  * @slot prefix - The slot for placing content that appears before the action buttons.
- * @slot default - The default slot for placing the main action buttons.
+ * @slot - The default slot for placing the main action buttons.
  * @slot suffix - The slot for placing content that appears after the action buttons.
  *
  * @cssprop {unknown} --card-actions-padding-top - The padding-top property for the card actions area.

package/Controls/Components/Grouping/Card/CardContentElement.d.ts

@@ -10,7 +10,7 @@ declare const CardContentElement_base: (abstract new (...args: Array<any>) => im
  * @element mosaik-card-content
  * @category UI Components
  *
- * @slot default - The default slot for placing the main content within the card.
+ * @slot - The default slot for placing the main content within the card.
  *
  * @csspart contentText - The part representing the text content area of the card.
  *

package/Controls/Components/Grouping/Card/CardContentElement.js

@@ -29,7 +29,7 @@ import { cardContentElementCosmopolitanStyle } from './Themes/CardContentElement
  * @element mosaik-card-content
  * @category UI Components
  *
- * @slot default - The default slot for placing the main content within the card.
+ * @slot - The default slot for placing the main content within the card.
  *
  * @csspart contentText - The part representing the text content area of the card.
  *

package/Controls/Components/Grouping/Card/CardFooterElement.d.ts

@@ -11,7 +11,7 @@ declare const CardFooterElement_base: (abstract new (...args: Array<any>) => imp
  * @element mosaik-card-footer
  * @category UI Components
  *
- * @slot default - The default slot for placing content within the card footer.
+ * @slot - The default slot for placing content within the card footer.
  *
  * @cssprop {unknown} --card-footer-padding-top - The padding-top property for the card footer.
  * @cssprop {unknown} --card-footer-padding-right - The padding-right property for the card footer.

package/Controls/Components/Grouping/Card/CardFooterElement.js

@@ -26,7 +26,7 @@ import { cardFooterElementCosmopolitanStyle } from './Themes/CardFooterElement.C
  * @element mosaik-card-footer
  * @category UI Components
  *
- * @slot default - The default slot for placing content within the card footer.
+ * @slot - The default slot for placing content within the card footer.
  *
  * @cssprop {unknown} --card-footer-padding-top - The padding-top property for the card footer.
  * @cssprop {unknown} --card-footer-padding-right - The padding-right property for the card footer.

package/Controls/Components/Grouping/Card/CardHeaderElement.d.ts

@@ -14,7 +14,7 @@ declare const CardHeaderElement_base: (abstract new (...args: Array<any>) => imp
  * @slot prefix - The slot for placing prefix content (e.g., icons).
  * @slot header - The slot for placing the main header content.
  * @slot subHeader - The slot for placing sub-header content.
- * @slot default - The default slot for placing additional content within the header.
+ * @slot - The default slot for placing additional content within the header.
  * @slot suffix - The slot for placing suffix content (e.g., buttons or icons).
  *
  * @csspart heading - The part representing the heading area of the card header.