@riverty/web-components 6.2.1 → 6.3.0

package/dist/collection/components/toast-group/exports.js

@@ -1 +0,0 @@
-export const toastGroupVariantArray = ['floating', 'inline'];

package/dist/collection/components/toast-group/toast-group.css

@@ -1,37 +0,0 @@
-:host([data-visually-hidden=true]) {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-}
-
-:host {
-  display: var(--display, block);
-  position: var(--position, fixed);
-  top: var(--top, 0);
-  right: var(--right, 0);
-  bottom: var(--bottom, auto);
-  left: var(--left, auto);
-  overflow: var(--overflow, hidden);
-  overflow-y: var(--overflow-y, auto);
-  width: var(--width, 352px);
-  max-height: var(--max-height, calc(100vh - 64px));
-  padding-right: var(--padding-right, 32px);
-  padding-top: var(--padding-top, 16px);
-  padding-bottom: var(--padding-bottom, 32px);
-  z-index: var(--z-index, 1);
-}
-:host ::slotted(r-toast) {
-  margin-top: var(--r-spacing-100, 1rem);
-}
-
-.r-toast-group {
-  position: relative;
-  display: var(--r-toast-group--display, flex);
-  flex-direction: var(--r-toast-group--flex-direction, column);
-  justify-content: var(--r-toast-group--justify-content, flex-start);
-}

package/dist/collection/components/toast-group/toast-group.js

@@ -1,49 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class ToastGroup {
-    constructor() {
-        this.updateHiddenState = () => {
-            this.host.setAttribute('data-visually-hidden', `${!this.hasChildren}`);
-        };
-        this.observeSlotContentChange = () => {
-            this.observer = new MutationObserver(async (mutations) => {
-                var _a, _b;
-                this.updateHiddenState();
-                const addedToast = mutations
-                    .flatMap(mutation => Array.from(mutation.addedNodes))
-                    .find(node => node.nodeName === 'R-TOAST');
-                if (addedToast) {
-                    // Measure height then reveal for smooth animation
-                    await ((_a = addedToast.measureAndPrepareHeight) === null || _a === void 0 ? void 0 : _a.call(addedToast));
-                    await ((_b = addedToast.reveal) === null || _b === void 0 ? void 0 : _b.call(addedToast));
-                }
-            });
-            this.observer.observe(this.host, {
-                childList: true,
-                subtree: true
-            });
-        };
-    }
-    get hasChildren() {
-        return this.host.querySelectorAll('r-toast').length > 0;
-    }
-    componentWillLoad() {
-        this.updateHiddenState();
-        this.observeSlotContentChange();
-    }
-    render() {
-        return (h(Host, { key: '85ab80be1fca1d1a9c3dc2e17de616747748a4dd' }, h("div", { key: 'a88670978563caeb8f500f4b5f9af2bcd0ade386', class: "r-toast-group" }, h("slot", { key: 'ab1480a47cfae0cacc45de708d51e8a77b6dfb85' }))));
-    }
-    static get is() { return "r-toast-group"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["toast-group.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["toast-group.css"]
-        };
-    }
-    static get elementRef() { return "host"; }
-}

package/dist/collection/components/tooltip/exports.js

@@ -1,3 +0,0 @@
-export const TooltipHorizontalPositionArray = ['left', 'right'];
-export const TooltipVerticalPositionArray = ['top', 'bottom'];
-export const TooltipPositionArray = [...TooltipHorizontalPositionArray, ...TooltipVerticalPositionArray];

package/dist/collection/components/tooltip/tooltip.css

@@ -1,106 +0,0 @@
-:host {
-  display: inline-block;
-  --r-tooltip--position: relative;
-  --r-tooltip--content--position: fixed;
-  --r-tooltip--content--display: none;
-  --r-tooltip--content--color: var(--r-text-inverse);
-  --r-tooltip--content--background-color: var(--r-background-inverse);
-  --r-tooltip--content--font-family: var(--r-font-family-text);
-  --r-tooltip--content--font-weight: var(--r-font-weight-regular);
-  --r-tooltip--content--font-size: var(--r-font-size-200);
-  --r-tooltip--content--line-height: var(--r-line-height-s);
-  --r-tooltip--content--min-width: 32px;
-  --r-tooltip--content--max-width: 300px;
-  --r-tooltip--content--min-height: 32px;
-  --r-tooltip--content--padding: var(--r-spacing-050) var(--r-spacing-100);
-  --r-tooltip--content--width: max-width;
-  --r-tooltip--content--word-break: break-word;
-  --r-tooltip--content--box-sizing: border-box;
-  --r-tooltip--content--justify-content: center;
-  --r-tooltip--content--align-items: center;
-  --r-tooltip--content--z-index: 0;
-  --r-tooltip--arrow--display: none;
-  --r-tooltip--arrow--position: fixed;
-  --r-tooltip--arrow--width: 12px;
-  --r-tooltip--arrow--height: 12px;
-  --r-tooltip--arrow--transform: rotate(180deg);
-  --r-tooltip--arrow--inner-content: "";
-  --r-tooltip--arrow--inner--width: 12px;
-  --r-tooltip--arrow--inner--height: 6px;
-  --r-tooltip--arrow--inner--background-color: var(--r-tooltip--content--background-color);
-  --r-tooltip--arrow--inner--clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
-  --r-tooltip--arrow--inner--border-radius: 0;
-  --r-tooltip--arrow--inner--align-self: flex-end;
-}
-:host slot {
-  display: contents;
-}
-
-:host([data-position=bottom]) {
-  --r-tooltip--arrow--transform: rotate(0);
-}
-
-:host([data-position=right]) {
-  --r-tooltip--arrow--transform: rotate(270deg);
-}
-
-:host([data-position=left]) {
-  --r-tooltip--arrow--transform: rotate(90deg);
-}
-
-.r-tooltip {
-  position: var(--r-tooltip--position);
-}
-.r-tooltip:has(.r-tooltip--content--visible) {
-  --r-tooltip--content--width: max-content;
-  --r-tooltip--content--display: flex;
-  --r-tooltip--content--z-index: 1060;
-  --r-tooltip--arrow--display: flex;
-  --r-tooltip--arrow--inner--display: block;
-}
-.r-tooltip--trigger {
-  color: var(--r-tooltip--trigger--color, inherit);
-  box-shadow: var(--r-tooltip--trigger--box-shadow, none);
-  outline: var(--r-tooltip--trigger--outline, none);
-  outline-offset: var(--r-tooltip--trigger--outline-offset, 0);
-}
-.r-tooltip--trigger:focus {
-  --r-tooltip--trigger--box-shadow: 0 0 0 6px var(--r-border-focused-outlined);
-  --r-tooltip--trigger--outline: 2px solid var(--r-border-focused);
-  --r-tooltip--trigger--outline-offset: 2px;
-}
-.r-tooltip--content {
-  position: var(--r-tooltip--content--position);
-  display: var(--r-tooltip--content--display);
-  color: var(--r-tooltip--content--color);
-  background-color: var(--r-tooltip--content--background-color);
-  font-family: var(--r-tooltip--content--font-family);
-  font-weight: var(--r-tooltip--content--font-weight);
-  font-size: var(--r-tooltip--content--font-size);
-  line-height: var(--r-tooltip--content--line-height);
-  min-width: var(--r-tooltip--content--min-width);
-  max-width: var(--r-tooltip--content--max-width);
-  min-height: var(--r-tooltip--content--min-height);
-  padding: var(--r-tooltip--content--padding);
-  width: var(--r-tooltip--content--width);
-  word-break: var(--r-tooltip--content--word-break);
-  box-sizing: var(--r-tooltip--content--box-sizing);
-  z-index: var(--r-tooltip--content--z-index);
-}
-.r-tooltip--arrow {
-  display: var(--r-tooltip--arrow--display);
-  position: var(--r-tooltip--arrow--position);
-  width: var(--r-tooltip--arrow--width);
-  height: var(--r-tooltip--arrow--height);
-  transform: var(--r-tooltip--arrow--transform);
-}
-.r-tooltip--arrow:after {
-  content: var(--r-tooltip--arrow--inner-content);
-  display: var(--r-tooltip--arrow--inner--display);
-  width: var(--r-tooltip--arrow--inner--width);
-  height: var(--r-tooltip--arrow--inner--height);
-  background-color: var(--r-tooltip--arrow--inner--background-color);
-  clip-path: var(--r-tooltip--arrow--inner--clip-path);
-  border-radius: var(--r-tooltip--arrow--inner--border-radius);
-  align-self: var(--r-tooltip--arrow--inner--align-self);
-}