@pushengineering/umg-web-components 2.0.6 → 3.0.1

package/dist/styles/group.js

@@ -1,16 +1,17 @@
-import { css as e } from "lit";
-const n = e`
+import { css } from 'lit';
+
+const groupSpacing = css `
     .group-spacing--none {
-        gap: var(--um-space-0, 0rem);
+        gap: var(--umg-space-0, 0rem);
     }
     .group-spacing--compact {
-        gap: var(--um-space-8, 0.5rem);
+        gap: var(--umg-space-8, 0.5rem);
     }
     .group-spacing--normal {
-        gap: var(--um-space-16, 1rem);
+        gap: var(--umg-space-16, 1rem);
     }
     .group-spacing--loose {
-        gap: var(--um-space-24, 1.5rem);
+        gap: var(--umg-space-24, 1.5rem);
     }
     .group-spacing--spread {
         justify-content: space-between;
@@ -24,7 +25,8 @@ const n = e`
             flex-direction: column;
         }
     }
-`, i = e`
+`;
+const groupJustify = css `
     @media screen and (min-width: 48.06rem) {
         .group-justify--start {
             justify-content: start;
@@ -48,7 +50,8 @@ const n = e`
             justify-content: stretch;
         }
     }
-`, s = e`
+`;
+const groupMobileJustify = css `
     @media screen and (max-width: 48rem) {
         .group-mobile-justify--start {
             justify-content: start;
@@ -72,7 +75,8 @@ const n = e`
             justify-content: stretch;
         }
     }
-`, r = e`
+`;
+const groupAlign = css `
     @media screen and (min-width: 48.06rem) {
         .group-align--start {
             align-items: start;
@@ -90,7 +94,8 @@ const n = e`
             align-items: stretch;
         }
     }
-`, o = e`
+`;
+const groupMobileAlign = css `
     @media screen and (max-width: 48rem) {
         .group-mobile-align--start {
             align-items: start;
@@ -109,10 +114,6 @@ const n = e`
         }
     }
 `;
-export {
-  r as groupAlign,
-  i as groupJustify,
-  o as groupMobileAlign,
-  s as groupMobileJustify,
-  n as groupSpacing
-};
+
+export { groupAlign, groupJustify, groupMobileAlign, groupMobileJustify, groupSpacing };
+//# sourceMappingURL=group.js.map

package/dist/styles/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sources":["../../src/styles/group.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGO,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;EAyB9B;AAGM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;EAwB9B;AAEM,MAAM,kBAAkB,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;EAwBpC;AACM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;EAkB5B;AAEM,MAAM,gBAAgB,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/icon-size.d.ts

@@ -0,0 +1,3 @@
+import type { FontSize } from '../types';
+export declare function iconSize(size: FontSize): "var(--umg-font-body-size-xs, 0.5rem)" | "var(--umg-font-body-size-sm, 0.875rem)" | "var(--umg-font-body-size-md, 1rem)" | "var(--umg-font-body-size-lg, 1.25rem)" | "var(--umg-font-body-size-xl, 1.5rem)" | "var(--umg-font-body-size-2xl, 1.75rem)" | "var(--umg-font-body-size-3xl, 2rem)" | undefined;
+//# sourceMappingURL=icon-size.d.ts.map

package/dist/styles/icon-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-size.d.ts","sourceRoot":"","sources":["../../src/styles/icon-size.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,wBAAgB,QAAQ,CAAE,IAAI,EAAE,QAAQ,8SAuBvC"}

package/dist/styles/icon-size.js

@@ -1,19 +1,26 @@
-function e(r) {
-  if (r === "xSmall")
-    return "var(--um-font-size-body-xs, 0.5rem)";
-  if (r === "small")
-    return "var(--um-font-size-body-sm, 0.875rem)";
-  if (r === "medium")
-    return "var(--um-font-size-body-md, 1rem)";
-  if (r === "large")
-    return "var(--um-font-size-body-lg, 1.25rem)";
-  if (r === "xLarge")
-    return "var(--um-font-size-body-xl, 1.5rem)";
-  if (r === "2xLarge")
-    return "var(--um-font-size-body-2xl, 1.75rem)";
-  if (r === "3xLarge")
-    return "var(--um-font-size-body-3xl, 2rem)";
+function iconSize(size) {
+    if (size === 'xsmall') {
+        return 'var(--umg-font-body-size-xs, 0.5rem)';
+    }
+    if (size === 'small') {
+        return 'var(--umg-font-body-size-sm, 0.875rem)';
+    }
+    if (size === 'medium') {
+        return 'var(--umg-font-body-size-md, 1rem)';
+    }
+    if (size === 'large') {
+        return 'var(--umg-font-body-size-lg, 1.25rem)';
+    }
+    if (size === 'xlarge') {
+        return 'var(--umg-font-body-size-xl, 1.5rem)';
+    }
+    if (size === '2xlarge') {
+        return 'var(--umg-font-body-size-2xl, 1.75rem)';
+    }
+    if (size === '3xlarge') {
+        return 'var(--umg-font-body-size-3xl, 2rem)';
+    }
 }
-export {
-  e as iconSize
-};
+
+export { iconSize };
+//# sourceMappingURL=icon-size.js.map

package/dist/styles/icon-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-size.js","sources":["../../src/styles/icon-size.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEM,SAAU,QAAQ,CAAE,IAAc,EAAA;AAEpC,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,OAAO,sCAAsC,CAAA;KAChD;AACD,IAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAClB,QAAA,OAAO,wCAAwC,CAAA;KAClD;AACD,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,OAAO,oCAAoC,CAAA;KAC9C;AACD,IAAA,IAAI,IAAI,KAAK,OAAO,EAAE;AAClB,QAAA,OAAO,uCAAuC,CAAA;KACjD;AACD,IAAA,IAAI,IAAI,KAAK,QAAQ,EAAE;AACnB,QAAA,OAAO,sCAAsC,CAAA;KAChD;AACD,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,QAAA,OAAO,wCAAwC,CAAA;KAClD;AACD,IAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,QAAA,OAAO,qCAAqC,CAAA;KAC/C;AACL;;;;"}

package/dist/styles/link.d.ts

@@ -0,0 +1,2 @@
+export declare const linkState: import("lit").CSSResult;
+//# sourceMappingURL=link.d.ts.map

package/dist/styles/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/styles/link.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,yBAsBrB,CAAA"}

package/dist/styles/link.js

@@ -1,13 +1,14 @@
-import { css as o } from "lit";
-const n = o`
+import { css } from 'lit';
+
+const linkState = css `
     .link {
         cursor: pointer;
         display: inline-block;
         border: none;
         box-shadow: none;
-        color: rgb(var(--um-color-link-text, var(--um-color-section-text, var(--um-color-base-text, 62,62,62))));
+        color: rgb(var(--umg-color-link-text, var(--umg-color-base-text, 62,62,62)));
         background-color: transparent;
-        font-size: var(--um-font-size-body-sm, 0.875rem);
+        font-size: var(--umg-font-body-size-sm, 0.875rem);
         font-family: inherit;
         text-underline-offset: 0.25rem;
     }
@@ -18,10 +19,10 @@ const n = o`
         text-decoration: none;
     }
     .link--active {
-        font-weight: var(--um-font-weight-medium, 500);
+        font-weight: var(--umg-font-base-weight-medium, 500);
         text-decoration: underline;
     }
 `;
-export {
-  n as linkState
-};
+
+export { linkState };
+//# sourceMappingURL=link.js.map

package/dist/styles/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../src/styles/link.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGO,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styles/placeholder-media.d.ts

@@ -0,0 +1,2 @@
+export declare const placeholderMedia: import("lit").CSSResult;
+//# sourceMappingURL=placeholder-media.d.ts.map

package/dist/styles/placeholder-media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder-media.d.ts","sourceRoot":"","sources":["../../src/styles/placeholder-media.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBA4B5B,CAAA"}

package/dist/styles/placeholder-media.js

@@ -1,5 +1,6 @@
-import { css as e } from "lit";
-const r = e`
+import { css } from 'lit';
+
+const placeholderMedia = css `
     .placeholder {
         height: 100%;
         width: 100%;
@@ -8,7 +9,7 @@ const r = e`
         display: flex;
         justify-content: center;
         align-items: center;
-        background-color: rgb(var(--um-color-skeleton-bg, 230, 230, 230));
+        background-color: var(--umg-color-skeleton-background, rgb(230, 230, 230));
         height: 100%;
         width: 100%;
     }
@@ -16,9 +17,18 @@ const r = e`
         display: block;
         height: 40%;
         width: 40%;
-        color: rgb(var(--um-color-page-bg, 255,255,255),0.3);
+        color: var(--umg-color-skeleton-text, var(--umg-color-base-text, rgb(180,180,180,)));
+    }
+    
+    @supports (color: rgb(from white r g b)) {
+        .placeholder-inner {
+            background-color: rgb(from var(--umg-color-skeleton-background, rgb(230, 230, 230)) r g b / alpha);
+        }
+        .placeholder .icon {
+            color: rgb(from var(--umg-color-skeleton-text, var(--umg-color-base-text, rgb(180,180,180))) r g b / alpha);
+        }
     }
 `;
-export {
-  r as placeholderMedia
-};
+
+export { placeholderMedia };
+//# sourceMappingURL=placeholder-media.js.map

package/dist/styles/placeholder-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder-media.js","sources":["../../src/styles/placeholder-media.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGO,MAAM,gBAAgB,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types.d.ts

@@ -1,6 +1,3 @@
-/**
- * Constructed Theme stylesheet object
- */
 declare global {
     interface Window {
         constructibleStyleSheets: {
@@ -8,6 +5,32 @@ declare global {
         };
     }
 }
+export interface Accordion {
+    closeAccordion: () => void;
+    openAccordion: () => void;
+}
+export interface Disclosure {
+    closeDisclosure: () => void;
+    openDisclosure: () => void;
+}
+export interface MenuData {
+    linkText: string;
+    linkUrl: string;
+    linkClasses: Array<string>;
+    subItems: Array<MenuData>;
+}
+export interface CustomEvent extends Event {
+    detail: {
+        eventName: string;
+        target: HTMLElement;
+    };
+}
+export interface MenuEvent extends CustomEvent {
+    detail: {
+        eventName: string;
+        target: HTMLElement;
+    };
+}
 export interface MergedPadding {
     cssRem: string;
     unitless: {
@@ -23,13 +46,7 @@ export interface MergedPadding {
         left: string;
     };
 }
-/**
- * Libaray icons
- */
-export type Icons = 'arrow-right' | 'arrow-right-long' | 'arrow-left' | 'arrow-left-long' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevron-down' | 'carat-up' | 'bag-shopping' | 'bag-shopping-thin' | 'bars' | 'bin-x-solid' | 'cart' | 'check' | 'close' | 'external' | 'info' | 'minus' | 'pause' | 'play' | 'play-pause' | 'plus' | 'search' | 'smile' | 'store' | 'square-solid' | 'user' | 'warning' | 'amazon' | 'amazon-music' | 'apple' | 'apple-music' | 'backstage' | 'deezer' | 'discord' | 'email' | 'facebook' | 'facebook-like' | 'facebook-like-solid' | 'facebook-messenger' | 'giphy' | 'google-plus' | 'instagram' | 'mix-cloud' | 'musically' | 'pinterest' | 'snapchat' | 'soundcloud' | 'spotify' | 'tidal' | 'tiktok' | 'tumblr' | 'vevo' | 'vimeo' | 'vk' | 'weibo' | 'x-twitter' | 'youtube' | 'youtube-music';
-/**
- * Component Display Properties
- */
+export type Icons = 'arrow-right' | 'arrow-right-long' | 'arrow-left' | 'arrow-left-long' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevron-down' | 'carat-up' | 'crosshairs' | 'bag-shopping' | 'bag-shopping-thin' | 'bars' | 'bin-x-solid' | 'cart' | 'check' | 'close' | 'email' | 'email-solid' | 'mobile-solid' | 'phone-solid' | 'ellipsis-vertical' | 'external' | 'info' | 'location' | 'minus' | 'partner' | 'pause' | 'play' | 'play-pause' | 'plus' | 'search' | 'smile' | 'spinner' | 'store' | 'square-solid' | 'swatch' | 'user' | 'warning' | 'amazon' | 'amazon-music' | 'apple' | 'backstage' | 'deezer' | 'discord' | 'apple-music' | 'facebook' | 'facebook-like' | 'facebook-like-solid' | 'facebook-messenger' | 'giphy' | 'google-plus' | 'instagram' | 'magic' | 'mix-cloud' | 'musically' | 'pinterest' | 'snapchat' | 'soundcloud' | 'spotify' | 'trowel' | 'tidal' | 'tiktok' | 'tumblr' | 'vevo' | 'vimeo' | 'vk' | 'weibo' | 'x-twitter' | 'youtube' | 'youtube-music';
 export type AnimationDirection = 'up' | 'down' | 'from-left' | 'from-right';
 export type BoxPosition = 'side' | 'over' | 'under' | 'above' | 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 export type BoxHeight = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'stretch' | 'adapt';
@@ -44,9 +61,9 @@ export type ContentAlign = 'start' | 'center' | 'end';
 export type Direction = 'to-top' | 'to-left' | 'to-right' | 'to-bottom';
 export type DecimalZeroToOne = 0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1;
 export type FieldTextType = 'text' | 'email' | 'date' | 'number' | 'checkbox' | 'radio';
-export type FontBodySize = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | '2xLarge' | '3xLarge';
+export type FontSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge';
 export type FontStyle = 'normal' | 'italic' | 'oblique';
-export type FontWeight = 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+export type FontWeight = 'inherit' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
 export type HeaderLayout = 'logo-left' | 'logo-center' | 'nav-center' | 'content-right';
 export type GridSpacing = 'none' | 'compact' | 'normal' | 'loose';
 export type GroupAlign = 'start' | 'center' | 'end' | 'baseline' | 'space-evenly' | 'space-between' | 'space-around' | 'stretch';
@@ -54,7 +71,7 @@ export type GroupSpacing = 'none' | 'compact' | 'normal' | 'loose';
 export type ImageLazy = 'lazy' | 'eager';
 export type LinkTarget = '_blank' | '_self';
 export type MediaFit = 'none' | 'adapt' | 'cover' | 'contain' | '';
-export type MediaSize = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | '2xLarge' | '3xLarge';
+export type MediaSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge';
 export type PaddingScale = '' | '0' | '4' | '8' | '12' | '16' | '20' | '24' | '32' | '40' | '48' | '56' | '72' | '80' | '88' | '96' | '104' | '112' | '120' | '128';
 export type PageWidth = 'page-width' | 'full-width' | 'full-bleed';
 export type PageWidthScale = undefined | 768 | 982 | 1200 | 1408 | 1600 | 2000 | 4000;
@@ -63,4 +80,5 @@ export type TextAs = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span' | 'skeleton
 export type TextColor = 'default' | 'warning' | 'subdued' | 'text-inverse';
 export type TextLineHeight = 'extra-loose' | 'loose' | 'normal' | 'compact';
 export type TextTransform = 'none' | 'uppercase' | 'capitalize' | 'lowercase';
-export type TextVariant = 'headingXs' | 'headingSm' | 'headingMd' | 'headingLg' | 'headingXl' | 'heading2xl' | 'heading3xl' | 'heading4xl' | 'heading5xl' | 'bodyXs' | 'bodySm' | 'bodyMd' | 'bodyLg' | 'bodyXl' | 'body2xl' | 'body3xl' | 'body4xl' | 'body5xl';
+export type TextVariant = 'heading-custom' | 'headingXs' | 'headingSm' | 'headingMd' | 'headingLg' | 'headingXl' | 'heading2xl' | 'heading3xl' | 'heading4xl' | 'heading5xl' | 'body-custom' | 'bodyXs' | 'bodySm' | 'bodyMd' | 'bodyLg' | 'bodyXl' | 'body2xl' | 'body3xl' | 'body4xl' | 'body5xl';
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,21 +1,25 @@
 {
   "name": "@pushengineering/umg-web-components",
-  "version": "2.0.6",
+  "version": "3.0.1",
   "type": "module",
   "module": "dist/components/index.js",
+  "types": "dist/components/index.d.ts",
   "files": [
     "/dist"
   ],
   "exports": {
     ".": "./dist/components/index.js",
+    "./accordion": "./dist/components/accordion/accordion.js",
+    "./accordion-group": "./dist/components/accordion-group/accordion-group.js",
     "./badge": "./dist/components/badge/badge.js",
     "./banner": "./dist/components/banner/banner.js",
     "./banner-image": "./dist/components/banner-image/banner-image.js",
     "./box": "./dist/components/box/box.js",
     "./button": "./dist/components/button/button.js",
-    "./button-icon": "./dist/components/button-icon/button-icon.js",
     "./button-group": "./dist/components/button-group/button-group.js",
+    "./button-icon": "./dist/components/button-icon/button-icon.js",
     "./caption-card": "./dist/components/caption-card/caption-card.js",
+    "./choice-list": "./dist/components/choice-list/choice-list.js",
     "./deferred-media": "./dist/components/deferred-media/deferred-media.js",
     "./disclosure": "./dist/components/disclosure/disclosure.js",
     "./event-table": "./dist/components/event-table/event-table.js",
@@ -30,13 +34,12 @@
     "./link-group": "./dist/components/link-group/link-group.js",
     "./logo": "./dist/components/logo/logo.js",
     "./media-gallery": "./dist/components/media-gallery/media-gallery.js",
-    "./media": "./dist/components/media/media.js",
+    "./media-modal": "./dist/components/media-modal/media-modal.js",
     "./media-text": "./dist/components/media-text/media-text.js",
     "./menu": "./dist/components/menu/menu.js",
     "./menu-bar": "./dist/components/menu-bar/menu-bar.js",
-    "./modal": "./dist/components/overlay/overlay.js",
     "./number-field": "./dist/components/number-field/number-field.js",
-    "./overlay": "./dist/components/page/page.js",
+    "./overlay": "./dist/components/overlay/overlay.js",
     "./page": "./dist/components/page/page.js",
     "./popover": "./dist/components/popover/popover.js",
     "./rich-text": "./dist/components/rich-text/rich-text.js",
@@ -48,43 +51,15 @@
     "./text": "./dist/components/text/text.js",
     "./text-field": "./dist/components/text-field/text-field.js",
     "./thumbnail-slider": "./dist/components/thumbnail-slider/thumbnail-slider.js",
-    "./vertical-stack": "./dist/components/vertical-stack/vertical-stack.js",
     "./video": "./dist/components/video/video.js",
-    "./event-manager": "./dist/classes/event-manager/event-manager.js"
+    "./vertical-stack": "./dist/components/vertical-stack/vertical-stack.js"
   },
   "scripts": {
-    "dev": "vite",
-    "storybook": "storybook dev -p 6006",
-    "build": "tsc && vite build",
-    "build-storybook": "storybook build",
-    "gr": "rollup -c"
+    "serve:storybook": "storybook dev -p 6006",
+    "build:storybook": "storybook build",
+    "build:core": "rollup -c"
   },
   "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.9.0",
-    "@ljcl/storybook-addon-cssprops": "^3.1.0",
-    "@rollup/plugin-typescript": "^11.1.3",
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addon-links": "^7.4.0",
-    "@storybook/addon-storysource": "^7.6.7",
-    "@storybook/addon-viewport": "^7.4.0",
-    "@storybook/blocks": "^7.4.0",
-    "@storybook/web-components": "^7.4.0",
-    "@storybook/web-components-vite": "^7.4.0",
-    "@typescript-eslint/eslint-plugin": "^5.60.1",
-    "@typescript-eslint/parser": "^5.60.1",
-    "@web/rollup-plugin-import-meta-assets": "^2.0.2",
-    "lit": "^3.1.2",
-    "postcss": "^8.4.26",
-    "postcss-nesting": "^12.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^3.28.1",
-    "rollup-plugin-visualizer": "^5.9.2",
-    "storybook": "^7.4.0",
-    "storybook-dark-mode": "^3.0.1",
-    "typescript": "^5.0.2",
-    "vite": "^4.3.9",
-    "vite-plugin-dts": "^3.6.3"
-  },
-  "customElements": "custom-elements.json"
+    "lit": "^3.1.2"
+  }
 }

package/dist/classes/index.js

@@ -1,4 +0,0 @@
-import { EventManager as a } from "./event-manager/event-manager.js";
-export {
-  a as EventManager
-};

package/dist/components/modal/index.d.ts

@@ -1,2 +0,0 @@
-import { Modal } from './modal';
-export { Modal };

package/dist/components/modal/modal.d.ts

@@ -1,13 +0,0 @@
-import { LitElement } from 'lit';
-import '../button-icon';
-export declare class Modal extends LitElement {
-    visible: boolean;
-    layout: string;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    modalClasses(): any;
-    toggleModal(): void;
-    render(): import("lit").TemplateResult<1>;
-    static styles: import("lit").CSSResultArray;
-}

package/dist/components/modal/modal.js

@@ -1,178 +0,0 @@
-import { css as c, LitElement as m, html as b } from "lit";
-import { customElement as p } from "lit/decorators/custom-element.js";
-import { property as d } from "lit/decorators/property.js";
-import { classMap as u } from "lit/directives/class-map.js";
-import { global as v } from "../../styles/global.js";
-import { settings as g } from "../../scripts/settings.js";
-import { mergeStyles as h } from "../../scripts/mergeStyles.js";
-import "../button-icon/button-icon.js";
-var f = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (e, r, a, l) => {
-  for (var o = l > 1 ? void 0 : l ? _(r, a) : r, i = e.length - 1, s; i >= 0; i--)
-    (s = e[i]) && (o = (l ? s(r, a, o) : s(o)) || o);
-  return l && o && f(r, a, o), o;
-};
-const { prefix: y } = g;
-let t = class extends m {
-  constructor() {
-    super(), this.visible = !1, this.layout = "list", this.addEventListener("keyup", (e) => {
-      e.code.toUpperCase() === "ESCAPE" && this.toggleModal();
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("toggle-modal", this.toggleModal.bind(this));
-  }
-  disconnectedCallback() {
-    window.removeEventListener("toggle-modal", this.toggleModal.bind(this)), super.disconnectedCallback();
-  }
-  modalClasses() {
-    const e = {
-      "modal--visible": !!this.visible
-    };
-    return e["modal-layout--" + this.layout] = !0, e;
-  }
-  toggleModal() {
-    if (this.visible = !this.visible, !this.visible) {
-      const e = new CustomEvent("close-modal", {
-        bubbles: !0,
-        composed: !0
-      });
-      this.dispatchEvent(e);
-    }
-  }
-  render() {
-    return b`
-            <div
-                part="modal"
-                class="modal${u(this.modalClasses())}"
-                >
-                <div class="modal__close">
-                    <umg-button-icon
-                        @click=${this.toggleModal}
-                        type="button"
-                        icon="close"
-                        size="xLarge"
-                        label="Close modal"
-                        borderRadius="full"
-                        borderWidth='0' 
-                        colorText="240,240,240"
-                        colorBg="0,0,0"
-                        colorBgOpacity="0"
-                        border
-                        >
-                    </umg-button-icon>
-                </div>
-                <div class="modal__content">
-                    <div class="modal__content-inner">
-                        <slot name="content"></slot>
-                    </div>
-                </div>
-            </div>
-      `;
-  }
-};
-t.styles = h([
-  v,
-  c`
-            /* Base */
-            .modal {
-                background-color: rgba(var(--um-color-modal-bg, 255, 255, 255), var(--um-opacity-modal-bg, 0.95));
-                backdrop-filter: blur(0.205rem);
-                display: none;
-                position: fixed;
-                top: 0;
-                left: 0;
-                bottom: 0;
-                overflow-y: auto;
-                overflow-x: hidden;
-                width: 100%;
-                z-index: 2000;
-            }
-
-            .modal::-webkit-scrollbar {
-                width: 0.25rem;
-            }
-            .modal::-webkit-scrollbar-track {
-                background: rgb(var(--color-section-text, var(--um-color-base-text, 0,0,0)), 0.05);
-                border-radius: var(--um-border-radius-30);
-            }
-            .modal::-webkit-scrollbar-thumb{
-                background: rgb(var(--color-section-text, var(--um-color-base-text, 0,0,0)), 0.1);
-                border-radius: var(--um-border-radius-30);
-            }
-
-            .modal--visible {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-            }
-
-            /* Internal layout */
-            .modal-layout--single {
-                justify-content: center;
-            }
-
-            .modal__content {
-                height: 100%;
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                align-items: center;
-                padding: var(--um-space-24, 1.5rem) 0;
-                width: calc(var(--um-breakpoint-lg, 64rem) - var(--um-space-48, 3rem));
-            }
-            .modal__content-inner {
-                padding: 0 var(--um-space-24, 1.5rem);
-                min-height: 0;
-            }
-            .modal__content-inner ::slotted(*) {
-                display: block;
-                margin-bottom: var(--um-space-grid-desktop-vertical, 1.5rem);
-            }
-            .modal__close {
-                background-color: rgba(var(--um-color-modal-bg, 255, 255, 255), 1);
-                box-shadow: 0 0 1rem 0.125rem rgb(0,0,0,0.5);
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                padding: var(--um-space-16) 0;
-                position: sticky;
-                right: 0;
-                top: 0;
-                left: 0;
-                z-index: 201;
-                width: 100%;
-            }
-
-            @media only screen and (max-width: 64rem) {
-                .modal__close {
-                    top: initial;
-                    bottom: 0;
-                }
-
-                .modal__content {
-                    padding: var(--um-space-64, 4rem) 0;
-                    width: 100%;
-                }
-
-                .modal__content-inner {
-                    padding: 0 var(--um-space-16, 1rem);
-                    position: relative;
-                }
-                .modal__content-inner ::slotted(*) {
-                    margin-bottom: var(--um-space-grid-mobile-vertical, 1rem);
-                }
-            }
-        `
-]);
-n([
-  d({ type: Boolean })
-], t.prototype, "visible", 2);
-n([
-  d()
-], t.prototype, "layout", 2);
-t = n([
-  p(`${y}-modal`)
-], t);
-export {
-  t as Modal
-};

package/dist/components/multiselect/index.d.ts

@@ -1,2 +0,0 @@
-import { Multiselect } from './multiselect';
-export { Multiselect };