@riverty/web-components 5.8.0 → 6.0.0

package/dist/cjs/r-accordion-item.cjs.entry.js

@@ -1,78 +0,0 @@
-'use strict';
-
-var index = require('./index-DJ4H_bFj.js');
-
-const accordionItemCss = ":host{--outline:none;--r-accordion-item--display:block;--r-accordion-item--font-family:var(--r-font-family-text);--r-accordion-item--padding:0;--r-accordion-item--border-bottom:1px solid var(--r-border-softer);--r-accordion-item--outline:none;--r-accordion-item--header--width:100%;--r-accordion-item--header--display:flex;--r-accordion-item--header--align-items:center;--r-accordion-item--header--justify-content:space-between;--r-accordion-item--header--padding:24px 16px;--r-accordion-item--header--border-width:0;--r-accordion-item--header--background-color:transparent;--r-accordion-item--header--color:var(--r-text-regular);--r-accordion-item--header--text-align:left;--r-accordion-item--header--text-transform:none;--r-accordion-item--header--font-size:var(--r-font-size-desktop-500);--r-accordion-item--header--font-weight:var(--r-font-weight-regular);--r-accordion-item--header--letter-spacing:normal;--r-accordion-item--header--cursor:pointer;--r-accordion-item--header--outline-width:2px;--r-accordion-item--header--outline-color:rgba(0,0,0,0);--r-accordion-item--header--icon--display:flex;--r-accordion-item--header--icon--align-items:center;--r-accordion-item--header--icon--justify-content:center;--r-accordion-item--header--icon--border-radius:50%;--r-accordion-item--header--icon--width:24px;--r-accordion-item--header--icon--height:24px;--r-accordion-item--header--icon--transition:transform 0.5s cubic-bezier(0.25, 0.8, 0.5, 1) 0s;--r-accordion-item--header--icon--transform:rotate(0deg);--r-accordion-item--panel--font-weight:var(--r-font-weight-regular);--r-accordion-item--panel--font-size:var(--r-font-size-desktop-400);--r-accordion-item--panel--line-height:var(--r-line-height-s);--r-accordion-item--panel--margin:0 16px;--r-accordion-item--panel--transition:all 0.25s ease-in 0s;--r-accordion-item--panel--opacity:0;--r-accordion-item--panel--max-height:0;--r-accordion-item--panel--overflow:hidden;--r-accordion-item--panel--color:var(--r-text-regular)}:host{outline:var(--outline)}:host .r-accordion-item--header:hover{--r-accordion-item--header--background-color:var(--r-background-interactive-hovered)}:host .r-accordion-item--header:active{--r-accordion-item--header--background-color:var(--r-background-interactive-pressed)}:host([focused]:not([focused=false])){--r-accordion-item--header--outline-color:var(--r-border-focused);--r-accordion-item--header--box-shadow:0 0 0 3px var(--r-border-focused-outlined)}:host([expanded]:not([expanded=false])){--r-accordion-item--header--icon--transform:rotate(180deg);--r-accordion-item--panel--margin:24px 16px;--r-accordion-item--panel--opacity:1;--r-accordion-item--panel--max-height:max-content;--r-accordion-item--panel--padding:24px 16px}:host .r-accordion-item--header:hover{--r-accordion-item--header--icon--background-color:var(--r-color-white-haze-400)}:host{outline:var(--outline)}.r-accordion-item{display:var(--r-accordion-item--display);font-family:var(--r-accordion-item--font-family);padding:var(--r-accordion-item--padding);border-bottom:var(--r-accordion-item--border-bottom);outline:var(--r-accordion-item--outline)}.r-accordion-item--header{width:var(--r-accordion-item--header--width);padding:var(--r-accordion-item--header--padding);border-width:var(--r-accordion-item--header--border-width);background-color:var(--r-accordion-item--header--background-color);display:var(--r-accordion-item--header--display);justify-content:var(--r-accordion-item--header--justify-content);align-items:center;color:var(--r-accordion-item--header--color);outline-width:var(--r-accordion-item--header--outline-width);outline-color:var(--r-accordion-item--header--outline-color);cursor:var(--r-accordion-item--header--cursor)}.r-accordion-item--header--text{text-align:var(--r-accordion-item--header--text-align);text-transform:var(--r-accordion-item--header--text-transform);font-size:var(--r-accordion-item--header--font-size);font-weight:var(--r-accordion-item--header--font-weight);letter-spacing:var(--r-accordion-item--header--letter-spacing)}.r-accordion-item--header--icon{display:var(--r-accordion-item--header--icon--display);align-items:var(--r-accordion-item--header--icon--align-items);justify-content:var(--r-accordion-item--header--icon--justify-content);border-radius:var(--r-accordion-item--header--icon--border-radius);width:var(--r-accordion-item--header--icon--width);height:var(--r-accordion-item--header--icon--height);transition:var(--r-accordion-item--header--icon--transition);transform:var(--r-accordion-item--header--icon--transform)}.r-accordion-item--panel{font-weight:var(--r-accordion-item--panel--font-weight);font-size:var(--r-accordion-item--panel--font-size);line-height:var(--r-accordion-item--panel--line-height);margin:var(--r-accordion-item--panel--margin);transition:var(--r-accordion-item--panel--transition);opacity:var(--r-accordion-item--panel--opacity);max-height:var(--r-accordion-item--panel--max-height);overflow:var(--r-accordion-item--panel--overflow);color:var(--r-accordion-item--panel--color)}";
-
-const AccordionItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /** When true, the accordion item is expanded */
-        this.expanded = false;
-        /** Unique id for each accordion item/row */
-        this.uniqueId = `r-accoridon-item-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g, '');
-        this._clearAttr = attr => {
-            Array.from(this.accordionItemElements).forEach(element => {
-                if (this.host !== element) {
-                    element.removeAttribute(attr);
-                }
-            });
-        };
-        this._toggleItem = () => {
-            if (!this.isMultiple && this.accordionItemElements) {
-                this._clearAttr('expanded');
-            }
-            this.expanded = !this.expanded;
-        };
-        this._handleKeyup = (event) => {
-            const isSpace = event.code === 'Space';
-            const isEnter = event.code === 'Enter';
-            const isInFocus = this.host === document.activeElement;
-            this._clearAttr('focused');
-            if (isInFocus) {
-                this.host.setAttribute('focused', 'true');
-            }
-            if (isSpace || isEnter)
-                this._toggleItem();
-        };
-    }
-    /** The r-accordion component */
-    get accordionElement() {
-        return this.host.closest('r-accordion');
-    }
-    /** All accordion items from r-accodion */
-    get accordionItemElements() {
-        var _a;
-        return (_a = this.accordionElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('r-accordion-item');
-    }
-    /** When true, multiple items can be expanded */
-    get isMultiple() {
-        var _a;
-        return (_a = this.accordionElement) === null || _a === void 0 ? void 0 : _a.hasAttribute('multiple');
-    }
-    /** Listen and handle click outside */
-    handleClick() {
-        this._clearAttr('focused');
-    }
-    render() {
-        const buttonAttrs = {
-            id: `label-${this.uniqueId}`,
-            'aria-controls': `panel-${this.uniqueId}`,
-            'aria-expanded': `${this.expanded}`
-        };
-        const arrowAttrs = {
-            name: 'angle-down',
-            size: 'm'
-        };
-        const panelAttrs = {
-            id: `panel-${this.uniqueId}`,
-            'aria-labelledby': `label-${this.uniqueId}`,
-            role: 'region'
-        };
-        return (index.h(index.Host, { key: '2f2cf45a424b3de1a9b8c6eaa118be71c5b0363e' }, index.h("div", { key: 'a2348ba63e6ad69935c76998676db61b51edd43e', class: "r-accordion-item" }, index.h("button", Object.assign({ key: '01f37831070aabd7fbb676d1196ec2306882c165', class: "r-accordion-item--header" }, buttonAttrs, { onClick: this._toggleItem, onKeyUp: this._handleKeyup }), index.h("span", { key: '7a27bfd5b9d527e77b841b01c978c1d8e977d62e', class: "r-accordion-item--header--text" }, this.header), index.h("span", { key: '25d59dde3a59a023dde787b2fce6e122f74d3b1b', class: "r-accordion-item--header--icon" }, index.h("r-icon", Object.assign({ key: '3aaa4ceea1fae691d770d4c2b0f087d2c7f4a0d2' }, arrowAttrs)))), index.h("div", Object.assign({ key: 'c9ccce6a6ec630bb4be61f3ae4b9ce378cddb4b3', class: "r-accordion-item--panel" }, panelAttrs), index.h("slot", { key: '75e7f4c94efd434855ecb80b2e45d76ca0d1fa5f' })))));
-    }
-    get host() { return index.getElement(this); }
-};
-AccordionItem.style = accordionItemCss;
-
-exports.r_accordion_item = AccordionItem;

package/dist/cjs/r-icon-button.cjs.entry.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var index = require('./index-DJ4H_bFj.js');
-
-const iconButtonCss = ":host{display:inline-flex;vertical-align:top;--r-icon-button--color:inherit}:host(:hover:not([disabled]:not([disabled=false])):not(:active)){--r-icon-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:active:not([disabled]:not([disabled=false]))){--r-icon-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host(:focus-within:not(:active):not([disabled]:not([disabled=false]))){box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}:host([disabled]:not([disabled=false])){opacity:0.4;--r-icon-button--cursor:not-allowed;--r-icon-button--box-shadow:none;--r-icon-button--background-color:transparent}:host([variant=contained]){--r-icon-button--color:var(--r-icon-inverse, #fff);--r-icon-button--background-color:var(--r-background-interactive-regular, #282828);--r-icon-button--box-shadow:none}:host([variant=contained]:hover:not([disabled]:not([disabled=false]))){--r-icon-button--color:var(--r-icon-regular, #282828);--r-icon-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([variant=contained]:active:not([disabled]:not([disabled=false]))){--r-icon-button--color:var(--r-icon-regular, #282828);--r-icon-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([variant=contained][disabled]:not([disabled=false])){--r-icon-button--color:var(--r-icon-inverse, #fff);--r-icon-button--background-color:var(--r-background-interactive-regular, #282828)}:host([size=s]){--r-icon-button--height:1.5rem;--r-icon-button--width:1.5rem}:host([size=m]){--r-icon-button--height:2.25rem;--r-icon-button--width:2.25rem}:host([size=l]){--r-icon-button--height:2.75rem;--r-icon-button--width:2.75rem}.r-icon-button{display:var(--r-icon-button--display, inline-flex);align-items:var(--r-icon-button--align-items, center);justify-content:var(--r-icon-button--justify-content, center);outline:var(--r-icon-button--outline, none);cursor:var(--r-icon-button--cursor, pointer);pointer-events:var(--r-icon-button--pointer-events, initial);padding:var(--r-icon-button--padding, 0);border:var(--r-icon-button--border, none);color:var(--r-icon-button--color, inherit);background-color:var(--r-icon-button--background-color, transparent);box-sizing:var(--r-icon-button--box-sizing, border-box);border-width:var(--r-icon-button--border-width, 1px);border-style:var(--r-icon-button--border-style, solid);border-color:var(--r-icon-button--border-color, transparent);border-radius:var(--r-icon-button--border-radius, 50%);z-index:var(--r-icon-button--z-index, initial);width:var(--r-icon-button--width, 2.25rem);height:var(--r-icon-button--height, 2.25rem)}.r-icon-button--target-area{position:var(--r-icon-button--target-area--position, absolute);background:var(--r-icon-button--target-area--background, rgba(0, 0, 0, 0));width:var(--r-icon-button--target-area--width, 2.75rem);height:var(--r-icon-button--target-area--height, 2.75rem);z-index:var(--r-icon-button--target-area--z-index, 1)}.r-icon-button--icon{display:flex;align-items:center;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}";
-
-const IconButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.rClick = index.createEvent(this, "rClick");
-        /**
-         * Defines the size of the icon used within the button.
-         */
-        this.size = 'm';
-        /**
-         * @deprecated Use the `<r-tooltip>` component as a wrapper instead.
-         * Sets position for the tooltip.
-         * - `top`: Tooltip appears above the button.
-         * - `bottom`: Tooltip appears below the button.
-         * - `left`: Tooltip appears to the left of the button.
-         * - `right`: Tooltip appears to the right of the button.
-         */
-        this.tooltipPosition = 'top';
-        /**
-         * Defines the visual style of the button.
-         * - `standard`: Default button style.
-         * - `contained`: Button with a contained background.
-         */
-        this.variant = 'standard';
-        this._handleClick = (event) => {
-            if (this.disabled) {
-                event.preventDefault();
-                return;
-            }
-            this.rClick.emit();
-        };
-        this.onFocus = () => {
-            this.setFocus();
-        };
-        this.onBlur = () => {
-            this.setBlur();
-        };
-    }
-    /** Simulate a button click */
-    async triggerClick() {
-        var _a;
-        (_a = this.nativeElement) === null || _a === void 0 ? void 0 : _a.click();
-    }
-    /** Set focus on the button */
-    async setFocus() {
-        var _a;
-        (_a = this.nativeElement) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    /** Remove focus from the button */
-    async setBlur() {
-        var _a;
-        (_a = this.nativeElement) === null || _a === void 0 ? void 0 : _a.blur();
-    }
-    render() {
-        const { name, size, disabled, tooltipText, tooltipPosition } = this;
-        const buttonAttrs = {
-            disabled,
-        };
-        const iconAttrs = {
-            name,
-            size
-        };
-        const buttonTemplate = () => (index.h("button", Object.assign({ key: 'ce7c3beb7c5fdbff3b47011289fe730dddf844f5', type: "button", class: "r-icon-button", "aria-label": this.host.getAttribute('aria-label') || null }, buttonAttrs, { onClick: this._handleClick, onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.nativeElement = el) }), name ?
-            index.h("r-icon", Object.assign({}, iconAttrs))
-            :
-                index.h("r-icon", { size: size, class: "r-icon-button--icon" }, index.h("slot", null)), index.h("span", { key: '914c52bcfa15416981670f65cc4c009dd887003a', class: "r-icon-button--label visually-hidden" }, this.label), index.h("span", { key: 'e30a94256908de2c81f42d294e68a5e5524055c0', class: "r-icon-button--target-area" })));
-        return (index.h(index.Host, { key: 'b894237ccf791815719dc96ab85b7717141afdaf' }, !disabled && tooltipText ?
-            index.h("r-tooltip", { text: tooltipText, position: tooltipPosition }, buttonTemplate())
-            :
-                buttonTemplate()));
-    }
-    get host() { return index.getElement(this); }
-};
-IconButton.style = iconButtonCss;
-
-exports.r_icon_button = IconButton;

package/dist/collection/components/accordion-item/accordion-item.css

@@ -1,121 +0,0 @@
-:host {
-  --outline: none;
-  --r-accordion-item--display: block;
-  --r-accordion-item--font-family: var(--r-font-family-text);
-  --r-accordion-item--padding: 0;
-  --r-accordion-item--border-bottom: 1px solid var(--r-border-softer);
-  --r-accordion-item--outline: none;
-  --r-accordion-item--header--width: 100%;
-  --r-accordion-item--header--display: flex;
-  --r-accordion-item--header--align-items: center;
-  --r-accordion-item--header--justify-content: space-between;
-  --r-accordion-item--header--padding: 24px 16px;
-  --r-accordion-item--header--border-width: 0;
-  --r-accordion-item--header--background-color: transparent;
-  --r-accordion-item--header--color: var(--r-text-regular);
-  --r-accordion-item--header--text-align: left;
-  --r-accordion-item--header--text-transform: none;
-  --r-accordion-item--header--font-size: var(--r-font-size-desktop-500);
-  --r-accordion-item--header--font-weight: var(--r-font-weight-regular);
-  --r-accordion-item--header--letter-spacing: normal;
-  --r-accordion-item--header--cursor: pointer;
-  --r-accordion-item--header--outline-width: 2px;
-  --r-accordion-item--header--outline-color: rgba(0,0,0,0);
-  --r-accordion-item--header--icon--display: flex;
-  --r-accordion-item--header--icon--align-items: center;
-  --r-accordion-item--header--icon--justify-content: center;
-  --r-accordion-item--header--icon--border-radius: 50%;
-  --r-accordion-item--header--icon--width: 24px;
-  --r-accordion-item--header--icon--height: 24px;
-  --r-accordion-item--header--icon--transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.5, 1) 0s;
-  --r-accordion-item--header--icon--transform: rotate(0deg);
-  --r-accordion-item--panel--font-weight: var(--r-font-weight-regular);
-  --r-accordion-item--panel--font-size: var(--r-font-size-desktop-400);
-  --r-accordion-item--panel--line-height: var(--r-line-height-s);
-  --r-accordion-item--panel--margin: 0 16px;
-  --r-accordion-item--panel--transition: all 0.25s ease-in 0s;
-  --r-accordion-item--panel--opacity: 0;
-  --r-accordion-item--panel--max-height: 0;
-  --r-accordion-item--panel--overflow: hidden;
-  --r-accordion-item--panel--color: var(--r-text-regular);
-}
-
-:host {
-  outline: var(--outline);
-}
-:host .r-accordion-item--header:hover {
-  --r-accordion-item--header--background-color: var(--r-background-interactive-hovered);
-}
-:host .r-accordion-item--header:active {
-  --r-accordion-item--header--background-color: var(--r-background-interactive-pressed);
-}
-
-:host([focused]:not([focused=false])) {
-  --r-accordion-item--header--outline-color: var(--r-border-focused);
-  --r-accordion-item--header--box-shadow: 0 0 0 3px var(--r-border-focused-outlined);
-}
-
-:host([expanded]:not([expanded=false])) {
-  --r-accordion-item--header--icon--transform: rotate(180deg);
-  --r-accordion-item--panel--margin: 24px 16px;
-  --r-accordion-item--panel--opacity: 1;
-  --r-accordion-item--panel--max-height: max-content;
-  --r-accordion-item--panel--padding: 24px 16px;
-}
-
-:host .r-accordion-item--header:hover {
-  --r-accordion-item--header--icon--background-color: var(--r-color-white-haze-400);
-}
-
-:host {
-  outline: var(--outline);
-}
-
-.r-accordion-item {
-  display: var(--r-accordion-item--display);
-  font-family: var(--r-accordion-item--font-family);
-  padding: var(--r-accordion-item--padding);
-  border-bottom: var(--r-accordion-item--border-bottom);
-  outline: var(--r-accordion-item--outline);
-}
-.r-accordion-item--header {
-  width: var(--r-accordion-item--header--width);
-  padding: var(--r-accordion-item--header--padding);
-  border-width: var(--r-accordion-item--header--border-width);
-  background-color: var(--r-accordion-item--header--background-color);
-  display: var(--r-accordion-item--header--display);
-  justify-content: var(--r-accordion-item--header--justify-content);
-  align-items: center;
-  color: var(--r-accordion-item--header--color);
-  outline-width: var(--r-accordion-item--header--outline-width);
-  outline-color: var(--r-accordion-item--header--outline-color);
-  cursor: var(--r-accordion-item--header--cursor);
-}
-.r-accordion-item--header--text {
-  text-align: var(--r-accordion-item--header--text-align);
-  text-transform: var(--r-accordion-item--header--text-transform);
-  font-size: var(--r-accordion-item--header--font-size);
-  font-weight: var(--r-accordion-item--header--font-weight);
-  letter-spacing: var(--r-accordion-item--header--letter-spacing);
-}
-.r-accordion-item--header--icon {
-  display: var(--r-accordion-item--header--icon--display);
-  align-items: var(--r-accordion-item--header--icon--align-items);
-  justify-content: var(--r-accordion-item--header--icon--justify-content);
-  border-radius: var(--r-accordion-item--header--icon--border-radius);
-  width: var(--r-accordion-item--header--icon--width);
-  height: var(--r-accordion-item--header--icon--height);
-  transition: var(--r-accordion-item--header--icon--transition);
-  transform: var(--r-accordion-item--header--icon--transform);
-}
-.r-accordion-item--panel {
-  font-weight: var(--r-accordion-item--panel--font-weight);
-  font-size: var(--r-accordion-item--panel--font-size);
-  line-height: var(--r-accordion-item--panel--line-height);
-  margin: var(--r-accordion-item--panel--margin);
-  transition: var(--r-accordion-item--panel--transition);
-  opacity: var(--r-accordion-item--panel--opacity);
-  max-height: var(--r-accordion-item--panel--max-height);
-  overflow: var(--r-accordion-item--panel--overflow);
-  color: var(--r-accordion-item--panel--color);
-}

package/dist/collection/components/accordion-item/accordion-item.js

@@ -1,138 +0,0 @@
-import { Host, h } from "@stencil/core";
-/**
- * An accordion item represents a section within an accordion.
- *
- * Always use `<r-accordion-item>` inside a `<r-accordion>`.
- */
-export class AccordionItem {
-    constructor() {
-        /** When true, the accordion item is expanded */
-        this.expanded = false;
-        /** Unique id for each accordion item/row */
-        this.uniqueId = `r-accoridon-item-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g, '');
-        this._clearAttr = attr => {
-            Array.from(this.accordionItemElements).forEach(element => {
-                if (this.host !== element) {
-                    element.removeAttribute(attr);
-                }
-            });
-        };
-        this._toggleItem = () => {
-            if (!this.isMultiple && this.accordionItemElements) {
-                this._clearAttr('expanded');
-            }
-            this.expanded = !this.expanded;
-        };
-        this._handleKeyup = (event) => {
-            const isSpace = event.code === 'Space';
-            const isEnter = event.code === 'Enter';
-            const isInFocus = this.host === document.activeElement;
-            this._clearAttr('focused');
-            if (isInFocus) {
-                this.host.setAttribute('focused', 'true');
-            }
-            if (isSpace || isEnter)
-                this._toggleItem();
-        };
-    }
-    /** The r-accordion component */
-    get accordionElement() {
-        return this.host.closest('r-accordion');
-    }
-    /** All accordion items from r-accodion */
-    get accordionItemElements() {
-        var _a;
-        return (_a = this.accordionElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('r-accordion-item');
-    }
-    /** When true, multiple items can be expanded */
-    get isMultiple() {
-        var _a;
-        return (_a = this.accordionElement) === null || _a === void 0 ? void 0 : _a.hasAttribute('multiple');
-    }
-    /** Listen and handle click outside */
-    handleClick() {
-        this._clearAttr('focused');
-    }
-    render() {
-        const buttonAttrs = {
-            id: `label-${this.uniqueId}`,
-            'aria-controls': `panel-${this.uniqueId}`,
-            'aria-expanded': `${this.expanded}`
-        };
-        const arrowAttrs = {
-            name: 'angle-down',
-            size: 'm'
-        };
-        const panelAttrs = {
-            id: `panel-${this.uniqueId}`,
-            'aria-labelledby': `label-${this.uniqueId}`,
-            role: 'region'
-        };
-        return (h(Host, { key: '2f2cf45a424b3de1a9b8c6eaa118be71c5b0363e' }, h("div", { key: 'a2348ba63e6ad69935c76998676db61b51edd43e', class: "r-accordion-item" }, h("button", Object.assign({ key: '01f37831070aabd7fbb676d1196ec2306882c165', class: "r-accordion-item--header" }, buttonAttrs, { onClick: this._toggleItem, onKeyUp: this._handleKeyup }), h("span", { key: '7a27bfd5b9d527e77b841b01c978c1d8e977d62e', class: "r-accordion-item--header--text" }, this.header), h("span", { key: '25d59dde3a59a023dde787b2fce6e122f74d3b1b', class: "r-accordion-item--header--icon" }, h("r-icon", Object.assign({ key: '3aaa4ceea1fae691d770d4c2b0f087d2c7f4a0d2' }, arrowAttrs)))), h("div", Object.assign({ key: 'c9ccce6a6ec630bb4be61f3ae4b9ce378cddb4b3', class: "r-accordion-item--panel" }, panelAttrs), h("slot", { key: '75e7f4c94efd434855ecb80b2e45d76ca0d1fa5f' })))));
-    }
-    static get is() { return "r-accordion-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["accordion-item.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["accordion-item.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "header": {
-                "type": "string",
-                "attribute": "header",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Header text to be displayed before the content of this accordion item."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "expanded": {
-                "type": "boolean",
-                "attribute": "expanded",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "When true, the accordion item is expanded"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get listeners() {
-        return [{
-                "name": "click",
-                "method": "handleClick",
-                "target": "window",
-                "capture": false,
-                "passive": false
-            }];
-    }
-}

package/dist/esm/r-accordion-item.entry.js

@@ -1,76 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-Da7qOBFr.js';
-
-const accordionItemCss = ":host{--outline:none;--r-accordion-item--display:block;--r-accordion-item--font-family:var(--r-font-family-text);--r-accordion-item--padding:0;--r-accordion-item--border-bottom:1px solid var(--r-border-softer);--r-accordion-item--outline:none;--r-accordion-item--header--width:100%;--r-accordion-item--header--display:flex;--r-accordion-item--header--align-items:center;--r-accordion-item--header--justify-content:space-between;--r-accordion-item--header--padding:24px 16px;--r-accordion-item--header--border-width:0;--r-accordion-item--header--background-color:transparent;--r-accordion-item--header--color:var(--r-text-regular);--r-accordion-item--header--text-align:left;--r-accordion-item--header--text-transform:none;--r-accordion-item--header--font-size:var(--r-font-size-desktop-500);--r-accordion-item--header--font-weight:var(--r-font-weight-regular);--r-accordion-item--header--letter-spacing:normal;--r-accordion-item--header--cursor:pointer;--r-accordion-item--header--outline-width:2px;--r-accordion-item--header--outline-color:rgba(0,0,0,0);--r-accordion-item--header--icon--display:flex;--r-accordion-item--header--icon--align-items:center;--r-accordion-item--header--icon--justify-content:center;--r-accordion-item--header--icon--border-radius:50%;--r-accordion-item--header--icon--width:24px;--r-accordion-item--header--icon--height:24px;--r-accordion-item--header--icon--transition:transform 0.5s cubic-bezier(0.25, 0.8, 0.5, 1) 0s;--r-accordion-item--header--icon--transform:rotate(0deg);--r-accordion-item--panel--font-weight:var(--r-font-weight-regular);--r-accordion-item--panel--font-size:var(--r-font-size-desktop-400);--r-accordion-item--panel--line-height:var(--r-line-height-s);--r-accordion-item--panel--margin:0 16px;--r-accordion-item--panel--transition:all 0.25s ease-in 0s;--r-accordion-item--panel--opacity:0;--r-accordion-item--panel--max-height:0;--r-accordion-item--panel--overflow:hidden;--r-accordion-item--panel--color:var(--r-text-regular)}:host{outline:var(--outline)}:host .r-accordion-item--header:hover{--r-accordion-item--header--background-color:var(--r-background-interactive-hovered)}:host .r-accordion-item--header:active{--r-accordion-item--header--background-color:var(--r-background-interactive-pressed)}:host([focused]:not([focused=false])){--r-accordion-item--header--outline-color:var(--r-border-focused);--r-accordion-item--header--box-shadow:0 0 0 3px var(--r-border-focused-outlined)}:host([expanded]:not([expanded=false])){--r-accordion-item--header--icon--transform:rotate(180deg);--r-accordion-item--panel--margin:24px 16px;--r-accordion-item--panel--opacity:1;--r-accordion-item--panel--max-height:max-content;--r-accordion-item--panel--padding:24px 16px}:host .r-accordion-item--header:hover{--r-accordion-item--header--icon--background-color:var(--r-color-white-haze-400)}:host{outline:var(--outline)}.r-accordion-item{display:var(--r-accordion-item--display);font-family:var(--r-accordion-item--font-family);padding:var(--r-accordion-item--padding);border-bottom:var(--r-accordion-item--border-bottom);outline:var(--r-accordion-item--outline)}.r-accordion-item--header{width:var(--r-accordion-item--header--width);padding:var(--r-accordion-item--header--padding);border-width:var(--r-accordion-item--header--border-width);background-color:var(--r-accordion-item--header--background-color);display:var(--r-accordion-item--header--display);justify-content:var(--r-accordion-item--header--justify-content);align-items:center;color:var(--r-accordion-item--header--color);outline-width:var(--r-accordion-item--header--outline-width);outline-color:var(--r-accordion-item--header--outline-color);cursor:var(--r-accordion-item--header--cursor)}.r-accordion-item--header--text{text-align:var(--r-accordion-item--header--text-align);text-transform:var(--r-accordion-item--header--text-transform);font-size:var(--r-accordion-item--header--font-size);font-weight:var(--r-accordion-item--header--font-weight);letter-spacing:var(--r-accordion-item--header--letter-spacing)}.r-accordion-item--header--icon{display:var(--r-accordion-item--header--icon--display);align-items:var(--r-accordion-item--header--icon--align-items);justify-content:var(--r-accordion-item--header--icon--justify-content);border-radius:var(--r-accordion-item--header--icon--border-radius);width:var(--r-accordion-item--header--icon--width);height:var(--r-accordion-item--header--icon--height);transition:var(--r-accordion-item--header--icon--transition);transform:var(--r-accordion-item--header--icon--transform)}.r-accordion-item--panel{font-weight:var(--r-accordion-item--panel--font-weight);font-size:var(--r-accordion-item--panel--font-size);line-height:var(--r-accordion-item--panel--line-height);margin:var(--r-accordion-item--panel--margin);transition:var(--r-accordion-item--panel--transition);opacity:var(--r-accordion-item--panel--opacity);max-height:var(--r-accordion-item--panel--max-height);overflow:var(--r-accordion-item--panel--overflow);color:var(--r-accordion-item--panel--color)}";
-
-const AccordionItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /** When true, the accordion item is expanded */
-        this.expanded = false;
-        /** Unique id for each accordion item/row */
-        this.uniqueId = `r-accoridon-item-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g, '');
-        this._clearAttr = attr => {
-            Array.from(this.accordionItemElements).forEach(element => {
-                if (this.host !== element) {
-                    element.removeAttribute(attr);
-                }
-            });
-        };
-        this._toggleItem = () => {
-            if (!this.isMultiple && this.accordionItemElements) {
-                this._clearAttr('expanded');
-            }
-            this.expanded = !this.expanded;
-        };
-        this._handleKeyup = (event) => {
-            const isSpace = event.code === 'Space';
-            const isEnter = event.code === 'Enter';
-            const isInFocus = this.host === document.activeElement;
-            this._clearAttr('focused');
-            if (isInFocus) {
-                this.host.setAttribute('focused', 'true');
-            }
-            if (isSpace || isEnter)
-                this._toggleItem();
-        };
-    }
-    /** The r-accordion component */
-    get accordionElement() {
-        return this.host.closest('r-accordion');
-    }
-    /** All accordion items from r-accodion */
-    get accordionItemElements() {
-        var _a;
-        return (_a = this.accordionElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('r-accordion-item');
-    }
-    /** When true, multiple items can be expanded */
-    get isMultiple() {
-        var _a;
-        return (_a = this.accordionElement) === null || _a === void 0 ? void 0 : _a.hasAttribute('multiple');
-    }
-    /** Listen and handle click outside */
-    handleClick() {
-        this._clearAttr('focused');
-    }
-    render() {
-        const buttonAttrs = {
-            id: `label-${this.uniqueId}`,
-            'aria-controls': `panel-${this.uniqueId}`,
-            'aria-expanded': `${this.expanded}`
-        };
-        const arrowAttrs = {
-            name: 'angle-down',
-            size: 'm'
-        };
-        const panelAttrs = {
-            id: `panel-${this.uniqueId}`,
-            'aria-labelledby': `label-${this.uniqueId}`,
-            role: 'region'
-        };
-        return (h(Host, { key: '2f2cf45a424b3de1a9b8c6eaa118be71c5b0363e' }, h("div", { key: 'a2348ba63e6ad69935c76998676db61b51edd43e', class: "r-accordion-item" }, h("button", Object.assign({ key: '01f37831070aabd7fbb676d1196ec2306882c165', class: "r-accordion-item--header" }, buttonAttrs, { onClick: this._toggleItem, onKeyUp: this._handleKeyup }), h("span", { key: '7a27bfd5b9d527e77b841b01c978c1d8e977d62e', class: "r-accordion-item--header--text" }, this.header), h("span", { key: '25d59dde3a59a023dde787b2fce6e122f74d3b1b', class: "r-accordion-item--header--icon" }, h("r-icon", Object.assign({ key: '3aaa4ceea1fae691d770d4c2b0f087d2c7f4a0d2' }, arrowAttrs)))), h("div", Object.assign({ key: 'c9ccce6a6ec630bb4be61f3ae4b9ce378cddb4b3', class: "r-accordion-item--panel" }, panelAttrs), h("slot", { key: '75e7f4c94efd434855ecb80b2e45d76ca0d1fa5f' })))));
-    }
-    get host() { return getElement(this); }
-};
-AccordionItem.style = accordionItemCss;
-
-export { AccordionItem as r_accordion_item };

package/dist/esm/r-icon-button.entry.js

@@ -1,79 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Da7qOBFr.js';
-
-const iconButtonCss = ":host{display:inline-flex;vertical-align:top;--r-icon-button--color:inherit}:host(:hover:not([disabled]:not([disabled=false])):not(:active)){--r-icon-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:active:not([disabled]:not([disabled=false]))){--r-icon-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host(:focus-within:not(:active):not([disabled]:not([disabled=false]))){box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}:host([disabled]:not([disabled=false])){opacity:0.4;--r-icon-button--cursor:not-allowed;--r-icon-button--box-shadow:none;--r-icon-button--background-color:transparent}:host([variant=contained]){--r-icon-button--color:var(--r-icon-inverse, #fff);--r-icon-button--background-color:var(--r-background-interactive-regular, #282828);--r-icon-button--box-shadow:none}:host([variant=contained]:hover:not([disabled]:not([disabled=false]))){--r-icon-button--color:var(--r-icon-regular, #282828);--r-icon-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([variant=contained]:active:not([disabled]:not([disabled=false]))){--r-icon-button--color:var(--r-icon-regular, #282828);--r-icon-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([variant=contained][disabled]:not([disabled=false])){--r-icon-button--color:var(--r-icon-inverse, #fff);--r-icon-button--background-color:var(--r-background-interactive-regular, #282828)}:host([size=s]){--r-icon-button--height:1.5rem;--r-icon-button--width:1.5rem}:host([size=m]){--r-icon-button--height:2.25rem;--r-icon-button--width:2.25rem}:host([size=l]){--r-icon-button--height:2.75rem;--r-icon-button--width:2.75rem}.r-icon-button{display:var(--r-icon-button--display, inline-flex);align-items:var(--r-icon-button--align-items, center);justify-content:var(--r-icon-button--justify-content, center);outline:var(--r-icon-button--outline, none);cursor:var(--r-icon-button--cursor, pointer);pointer-events:var(--r-icon-button--pointer-events, initial);padding:var(--r-icon-button--padding, 0);border:var(--r-icon-button--border, none);color:var(--r-icon-button--color, inherit);background-color:var(--r-icon-button--background-color, transparent);box-sizing:var(--r-icon-button--box-sizing, border-box);border-width:var(--r-icon-button--border-width, 1px);border-style:var(--r-icon-button--border-style, solid);border-color:var(--r-icon-button--border-color, transparent);border-radius:var(--r-icon-button--border-radius, 50%);z-index:var(--r-icon-button--z-index, initial);width:var(--r-icon-button--width, 2.25rem);height:var(--r-icon-button--height, 2.25rem)}.r-icon-button--target-area{position:var(--r-icon-button--target-area--position, absolute);background:var(--r-icon-button--target-area--background, rgba(0, 0, 0, 0));width:var(--r-icon-button--target-area--width, 2.75rem);height:var(--r-icon-button--target-area--height, 2.75rem);z-index:var(--r-icon-button--target-area--z-index, 1)}.r-icon-button--icon{display:flex;align-items:center;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}";
-
-const IconButton = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.rClick = createEvent(this, "rClick");
-        /**
-         * Defines the size of the icon used within the button.
-         */
-        this.size = 'm';
-        /**
-         * @deprecated Use the `<r-tooltip>` component as a wrapper instead.
-         * Sets position for the tooltip.
-         * - `top`: Tooltip appears above the button.
-         * - `bottom`: Tooltip appears below the button.
-         * - `left`: Tooltip appears to the left of the button.
-         * - `right`: Tooltip appears to the right of the button.
-         */
-        this.tooltipPosition = 'top';
-        /**
-         * Defines the visual style of the button.
-         * - `standard`: Default button style.
-         * - `contained`: Button with a contained background.
-         */
-        this.variant = 'standard';
-        this._handleClick = (event) => {
-            if (this.disabled) {
-                event.preventDefault();
-                return;
-            }
-            this.rClick.emit();
-        };
-        this.onFocus = () => {
-            this.setFocus();
-        };
-        this.onBlur = () => {
-            this.setBlur();
-        };
-    }
-    /** Simulate a button click */
-    async triggerClick() {
-        var _a;
-        (_a = this.nativeElement) === null || _a === void 0 ? void 0 : _a.click();
-    }
-    /** Set focus on the button */
-    async setFocus() {
-        var _a;
-        (_a = this.nativeElement) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    /** Remove focus from the button */
-    async setBlur() {
-        var _a;
-        (_a = this.nativeElement) === null || _a === void 0 ? void 0 : _a.blur();
-    }
-    render() {
-        const { name, size, disabled, tooltipText, tooltipPosition } = this;
-        const buttonAttrs = {
-            disabled,
-        };
-        const iconAttrs = {
-            name,
-            size
-        };
-        const buttonTemplate = () => (h("button", Object.assign({ key: 'ce7c3beb7c5fdbff3b47011289fe730dddf844f5', type: "button", class: "r-icon-button", "aria-label": this.host.getAttribute('aria-label') || null }, buttonAttrs, { onClick: this._handleClick, onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.nativeElement = el) }), name ?
-            h("r-icon", Object.assign({}, iconAttrs))
-            :
-                h("r-icon", { size: size, class: "r-icon-button--icon" }, h("slot", null)), h("span", { key: '914c52bcfa15416981670f65cc4c009dd887003a', class: "r-icon-button--label visually-hidden" }, this.label), h("span", { key: 'e30a94256908de2c81f42d294e68a5e5524055c0', class: "r-icon-button--target-area" })));
-        return (h(Host, { key: 'b894237ccf791815719dc96ab85b7717141afdaf' }, !disabled && tooltipText ?
-            h("r-tooltip", { text: tooltipText, position: tooltipPosition }, buttonTemplate())
-            :
-                buttonTemplate()));
-    }
-    get host() { return getElement(this); }
-};
-IconButton.style = iconButtonCss;
-
-export { IconButton as r_icon_button };

package/dist/types/components/accordion-item/accordion-item.d.ts

@@ -1,26 +0,0 @@
-/**
- * An accordion item represents a section within an accordion.
- *
- * Always use `<r-accordion-item>` inside a `<r-accordion>`.
- */
-export declare class AccordionItem {
-    host: HTMLRAccordionItemElement;
-    /** Header text to be displayed before the content of this accordion item. */
-    header: string;
-    /** When true, the accordion item is expanded */
-    expanded: boolean;
-    /** Unique id for each accordion item/row */
-    private uniqueId;
-    /** The r-accordion component */
-    private get accordionElement();
-    /** All accordion items from r-accodion */
-    private get accordionItemElements();
-    /** When true, multiple items can be expanded */
-    private get isMultiple();
-    private _clearAttr;
-    private _toggleItem;
-    private _handleKeyup;
-    /** Listen and handle click outside */
-    handleClick(): void;
-    render(): any;
-}

package/dist/web-components/p-00ca474f.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as r,g as a}from"./p-Da7qOBFr.js";const s=class{constructor(e){t(this,e)}render(){return e(r,{key:"623feed7834a4702b83257202de4505b6c08145d",slot:"title"},e("div",{key:"ca7b90c670583ba4a874df1da73dad9db67d0bf7",class:"r-radio-button-title",style:{display:"contents"}},e("slot",{key:"fd7ac8a7ee5e2cd05dab3d061328eecb5ee14800"})))}get host(){return a(this)}};s.style=":host{font-weight:var(--r-font-weight-semibold, 600);font-size:var(--r-font-size-400, 1rem);line-height:var(--r-line-height-m, 1.5);color:var(--r-text-regular, #282828);text-align:left;cursor:inherit}";export{s as r_radio_button_title}