@six-group/ui-library 5.0.0-rc.1 → 5.0.0-rc.2

package/dist/components/six-tile.js

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-D512q9rn.js
 import { h as hasSlot, g as getSlot } from './p-j3oIB5oT.js';
 import { d as defineCustomElement$4 } from './p-BSHZAiyG.js';
 import { d as defineCustomElement$3 } from './p-Cosz73fX.js';
-import { d as defineCustomElement$2 } from './p-Cs6mMfx-.js';
+import { d as defineCustomElement$2 } from './p-ClylOmYH.js';
 
 const sixTileCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block}.tile{min-height:var(--tile-size);width:var(--tile-size);background-color:var(--six-color-clay-50);display:inline-grid;grid-template-columns:100%;grid-template-areas:\"header\" \"middle\" \"footer\"}.tile--small{--tile-size:80px;--tile-padding-size:var(--six-spacing-medium)}.tile--medium{--tile-size:120px;--tile-padding-size:var(--six-spacing-large)}.tile--large{--tile-size:160px;--tile-padding-size:var(--six-spacing-x-large)}.tile:not(.tile--visible){visibility:hidden}.tile--elevated{border:0;box-shadow:var(--six-shadow-medium)}.tile__header{grid-area:header;height:5%;justify-self:right;display:flex;justify-content:right;opacity:0;transition:var(--six-transition-fast) opacity}.tile:hover>.tile__header{opacity:1}.tile__header--hidden{visibility:hidden}.tile__header six-icon-button{margin-top:-6px;margin-right:-6px;margin-bottom:-16px}.tile__body,.tile__body--large,.tile__body--medium,.tile__body--small{grid-area:middle;display:grid;place-items:center;cursor:pointer;padding-left:var(--tile-padding-size);padding-right:var(--tile-padding-size)}.tile__body six-icon::part(base),.tile__body--large six-icon::part(base),.tile__body--medium six-icon::part(base),.tile__body--small six-icon::part(base){padding:0}.tile__body--small{--tile-padding-size:var(--six-spacing-medium)}.tile__body--medium{--tile-padding-size:var(--six-spacing-large)}.tile__body--large{--tile-padding-size:var(--six-spacing-x-large)}.tile__footer,.tile__footer--large,.tile__footer--medium,.tile__footer--small{grid-area:footer;display:flex;justify-content:center;cursor:pointer;font-weight:var(--six-font-weight-normal);color:var(--six-color-web-rock-900)}.tile__footer--small{font-size:var(--six-font-size-xxx-small)}.tile__footer--medium{font-size:var(--six-font-size-xx-small)}.tile__footer--large{font-size:var(--six-font-size-small)}.tile__footer .label__footer,.tile__footer--small .label__footer,.tile__footer--medium .label__footer,.tile__footer--large .label__footer{overflow:hidden;text-overflow:ellipsis;width:calc(var(--tile-size) - 2em);text-align:center}";
 
@@ -62,22 +62,22 @@ const SixTile$1 = /*@__PURE__*/ proxyCustomElement(class SixTile extends H {
         this.handleSlotChange();
     }
     render() {
-        return (h("six-tooltip", { key: '8bab8c04079d331d563099673f512ae71d6f1286', disabled: this.disableTooltip || this.label === '', content: this.label }, h("div", { key: '449bfabf58a6aeba71a1e0b755cf05c5e25b34fe', part: "base", class: {
+        return (h("six-tooltip", { key: '165474a4301eff8d60788826d0378f33640476f4', disabled: this.disableTooltip || this.label === '', content: this.label }, h("div", { key: 'ae643873a589d648887ab54c614be1cae1e01a95', part: "base", class: {
                 tile: true,
                 'tile--visible': this.visible,
                 'tile--small': this.size === 'small',
                 'tile--medium': this.size === 'medium',
                 'tile--large': this.size === 'large',
                 'tile--elevated': this.elevated,
-            } }, h("div", { key: '56d729edf7027563b7172f3f9b18345906e50dff', part: "header", class: "tile__header" }, h("six-icon-button", { key: '7cd9016baa63f562c3b1d0972b3b222c55f9f555', class: {
+            } }, h("div", { key: 'b1fc1fabbf6f853611c7e7401bc007ba23a80985', part: "header", class: "tile__header" }, h("six-icon-button", { key: '3c8241f94b14ddbc2aeded4a7471e003112850bf', class: {
                 'tile__header--hidden': !this.closeable,
-            }, name: "close", size: closeIconSize(this.size), onClick: this.handleCloseClickEvent })), h("div", { key: '2e6d7d3e708360a4018db6dab1daee7a13cd671b', part: "body", class: "tile__body" }, this.iconName && (h("six-icon", { key: '2e0d64a50d9064909c3a0f41a8d8052df6ce1941', onClick: this.handleClickEvent, size: iconSize(this.size) }, this.iconName)), this.hasIconSlot && h("slot", { key: '84c53bc538cfedda0b1365cafb64c86feaf1d5f3', name: "icon" })), h("div", { key: '46e70b405a6d28c09bd6d3a2a9530fcb0415595c', part: "footer", class: {
+            }, name: "close", size: closeIconSize(this.size), onClick: this.handleCloseClickEvent })), h("div", { key: '334757a44525044c0d7f78fccf55c9076267c4ff', part: "body", class: "tile__body" }, this.iconName && (h("six-icon", { key: 'ec0904b8125e608d4d1f5ebeeb1b1fd8f8202a18', onClick: this.handleClickEvent, size: iconSize(this.size) }, this.iconName)), this.hasIconSlot && h("slot", { key: '5c4d950efc7de4268da7285024c0900066020c19', name: "icon" })), h("div", { key: '145edac16dcbf511d60d4f044bae7bdd397d939e', part: "footer", class: {
                 'tile__footer--small': this.size === 'small',
                 'tile__footer--medium': this.size === 'medium',
                 'tile__footer--large': this.size === 'large',
-            } }, this.label && (h("div", { key: '35774ca3faf7192113f5550375ff895a2873bc1f', class: {
+            } }, this.label && (h("div", { key: 'e11277aca9e4b1d30050f582fef25f4b77815bfd', class: {
                 '.label__footer': true,
-            }, onClick: this.handleClickEvent }, this.label)), this.hasLabelSlot && h("slot", { key: '8c1ce8e5e504e6d33f41c0a9f38862fdddd619b1', name: "label" })))));
+            }, onClick: this.handleClickEvent }, this.label)), this.hasLabelSlot && h("slot", { key: '39e4128ecdb2166b5fba7955a5370e59beae9801', name: "label" })))));
     }
     get host() { return this; }
     static get style() { return sixTileCss; }

package/dist/components/six-timepicker.js

@@ -1,4 +1,4 @@
-import { S as SixTimepicker$1, d as defineCustomElement$1 } from './p-DnLdSdN5.js';
+import { S as SixTimepicker$1, d as defineCustomElement$1 } from './p-CAJFkiLw.js';
 
 const SixTimepicker = SixTimepicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/six-tooltip.js

@@ -1,4 +1,4 @@
-import { S as SixTooltip$1, d as defineCustomElement$1 } from './p-Cs6mMfx-.js';
+import { S as SixTooltip$1, d as defineCustomElement$1 } from './p-ClylOmYH.js';
 
 const SixTooltip = SixTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-10T13:37:00",
+  "timestamp": "2025-08-28T08:03:18",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.32.0",
@@ -5998,6 +5998,7 @@
         "six-group-label",
         "six-input",
         "six-range",
+        "six-rating",
         "six-select",
         "six-switch",
         "six-textarea"
@@ -6019,6 +6020,9 @@
         "six-range": [
           "six-error"
         ],
+        "six-rating": [
+          "six-error"
+        ],
         "six-select": [
           "six-error"
         ],
@@ -7736,6 +7740,7 @@
         "six-input",
         "six-item-picker",
         "six-menu-item",
+        "six-rating",
         "six-search-field",
         "six-select",
         "six-sidebar-item",
@@ -7779,6 +7784,9 @@
         "six-menu-item": [
           "six-icon"
         ],
+        "six-rating": [
+          "six-icon"
+        ],
         "six-search-field": [
           "six-icon"
         ],
@@ -12586,6 +12594,465 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/six-rating/six-rating.tsx",
+      "encapsulation": "shadow",
+      "tag": "six-rating",
+      "readme": "# six-rating\n\n<!-- EXAMPLES -->\n",
+      "docs": "<!-- EXAMPLES -->",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "Set to true to disable the rating.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "errorText",
+          "type": "string | string[]",
+          "complexType": {
+            "original": "string | string[]",
+            "resolved": "string | string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text",
+          "reflectToAttr": false,
+          "docs": "The error message shown, if `invalid` is set to true.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "errorTextCount",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text-count",
+          "reflectToAttr": false,
+          "docs": "The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "helpText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "help-text",
+          "reflectToAttr": false,
+          "docs": "The rating's help text. Alternatively, you can use the help-text slot.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "invalid",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "invalid",
+          "reflectToAttr": true,
+          "docs": "If this property is set to true and an error message is provided by `errorText`, the error message is displayed.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "The label text.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "max",
+          "reflectToAttr": false,
+          "docs": "Maximum number of stars. Default is 5",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "5"
+            }
+          ],
+          "default": "5",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "name",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "name",
+          "reflectToAttr": false,
+          "docs": "The rating's name attribute.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "readonly",
+          "reflectToAttr": false,
+          "docs": "If its readonly",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": false,
+          "docs": "Set to true to show an asterisk beneath the label.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"large\" | \"medium\" | \"small\" | \"xLarge\" | \"xSmall\" | \"xxLarge\" | \"xxxLarge\"",
+          "complexType": {
+            "original": "'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | 'xxLarge' | 'xxxLarge'",
+            "resolved": "\"large\" | \"medium\" | \"small\" | \"xLarge\" | \"xSmall\" | \"xxLarge\" | \"xxxLarge\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": true,
+          "docs": "Size of the stars",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'medium'"
+            }
+          ],
+          "default": "'medium'",
+          "values": [
+            {
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            },
+            {
+              "value": "xLarge",
+              "type": "string"
+            },
+            {
+              "value": "xSmall",
+              "type": "string"
+            },
+            {
+              "value": "xxLarge",
+              "type": "string"
+            },
+            {
+              "value": "xxxLarge",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "The rating's value attribute.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "0"
+            }
+          ],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "six-rating-blur",
+          "detail": "number",
+          "bubbles": true,
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the control loses focus.",
+          "docsTags": []
+        },
+        {
+          "event": "six-rating-change",
+          "detail": "number",
+          "bubbles": true,
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the control's checked state changes.",
+          "docsTags": []
+        },
+        {
+          "event": "six-rating-focus",
+          "detail": "undefined",
+          "bubbles": true,
+          "complexType": {
+            "original": "EmptyPayload",
+            "resolved": "undefined",
+            "references": {
+              "EmptyPayload": {
+                "location": "import",
+                "path": "../../utils/types",
+                "id": "src/utils/types.ts::EmptyPayload"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the control gains focus.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "base",
+          "docs": ""
+        },
+        {
+          "name": "input",
+          "docs": ""
+        }
+      ],
+      "dependents": [],
+      "dependencies": [
+        "six-icon",
+        "six-error"
+      ],
+      "dependencyGraph": {
+        "six-rating": [
+          "six-icon",
+          "six-error"
+        ]
+      }
+    },
     {
       "filePath": "src/components/six-root/six-root.tsx",
       "encapsulation": "shadow",

package/dist/esm/index-JoG9I7EO.js

@@ -179,6 +179,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './six-range.entry.js').then(processMod, consoleError);
+                case 'six-rating':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './six-rating.entry.js').then(processMod, consoleError);
                 case 'six-root':
                     return import(
                       /* webpackMode: "lazy" */