globuswebcomponents 0.3.0 → 0.3.2

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-b1fb2c43.js';
-export { s as setNonce } from './index-b1fb2c43.js';
+import { b as bootstrapLazy } from './index-baccaaaf.js';
+export { s as setNonce } from './index-baccaaaf.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/globuscomponents/gb-button.css

@@ -0,0 +1,303 @@
+@import './../../global/global.css';
+@import './../../global/spacing.css';
+@import './../../global/typography.css';
+
+:host {
+  --button-color: var(--primary-color);
+  --icon-color: var(--primary-color);
+}
+
+button {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border: none;
+  cursor: pointer;
+  border-radius: var(--rounded-sm);
+  width: 100%;
+}
+
+button.only{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+button .icon {
+  display: inline-flex;
+  width: auto;
+  height: auto;
+}
+
+button .icon svg path[fill] {
+  fill: var(--icon-color);
+}
+
+button .icon svg path[stroke] {
+  stroke: var(--icon-color);
+}
+
+button .icon svg circle {
+  stroke: var(--icon-color);
+}
+
+/* Button Sizes Styles */
+button.xl2{
+  padding: var(--spacing-none) var(--spacing-6);
+  height: 3.5rem;
+  gap: var(--spacing-3);
+}
+
+button.xl{
+  padding: var(--spacing-none) var(--spacing-5);
+  height: 3rem;
+  gap: var(--spacing-2);
+}
+
+button.lg{
+  padding: 0.625rem 1.125rem;
+  height: 2.75rem;
+  gap: var(--spacing-2);
+}
+
+button.md{
+  padding: var(--spacing-none) var(--spacing-4);
+  height: 2.5rem;
+  gap: var(--spacing-2);
+}
+
+button.sm{
+  padding: var(--spacing-none) var(--spacing-3);
+  height: 2.25rem;
+  gap: var(--spacing-2);
+}
+
+button.only.xl2{
+  width: 3.5rem;
+  height: 3.5rem;
+}
+
+button.only.xl{
+  width: 3rem;
+  height: 3rem;
+}
+
+button.only.lg{
+  width: 2.75rem;
+  height: 2.75rem;
+}
+
+button.only.md{
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
+button.only.sm{
+  width: 2.25rem;
+  height: 2.25rem;
+}
+
+button.xl2 .icon svg{
+  width: var(--spacing-6);
+  height: var(--spacing-6);
+}
+
+button.xl .icon svg,
+button.lg .icon svg,
+button.md .icon svg,
+button.sm .icon svg{
+  width: var(--spacing-5);
+  height: var(--spacing-5);
+}
+
+/* Hierarchy Styles */
+button.primary {
+  background-color: var(--color-background-brandRed, #E21B2E);
+  --icon-color: var(--color-icon-inverse, #FFFFFF);
+  color: var(--color-text-inverse, #FFFFFF);
+}
+
+button.secondary_gray {
+  background-color: transparent;
+  border: 1px solid var(--color-border, #9AA4B2);
+  --icon-color: var(--color-icon, #4B5565);
+  color: var(--color-text, #4B5565);
+}
+
+button.secondary_color {
+  background-color: transparent;
+  border: 1px solid var(--color-border-brandRed, #E21B2E);
+  --icon-color: var(--color-icon-brandRed, #E21B2E);
+  color: var(--color-text-brandRed, #E21B2E);
+}
+
+button.tertiary_gray {
+  background-color: transparent;
+  --icon-color: var(--color-icon, #4B5565);
+  color: var(--color-text, #4B5565);
+}
+
+button.tertiary_color {
+  background-color: transparent;
+  --icon-color: var(--color-icon-brandRed, #E21B2E);
+  color: var(--color-text-brandRed, #E21B2E);
+}
+
+button.link_gray {
+  background-color: transparent;
+  --icon-color: var(--color-icon, #4B5565);
+  color: var(--color-text, #4B5565);
+  height: fit-content;
+}
+
+button.link_color {
+  background-color: transparent;
+  --icon-color: var(--color-link, #075DB2);
+  color: var(--color-link, #075DB2);
+  padding: var(--spacing-none);
+  height: fit-content;
+}
+
+/* Button Destructive Styles */
+button.primary.destructive{
+  background-color: var(--color-background-danger, #B51726);
+  color: var(--color-text-inverse, #FFFFFF);
+  --icon-color: var(--color-icon-danger-inverse, #FFFFFF);
+}
+
+button.secondary_gray.destructive, button.secondary_color.destructive{
+  border: 1px solid var(--color-border-danger, #B51726);
+  color: var(--color-text-danger, #B51726);
+  --icon-color: var(--color-icon-danger, #B51726);
+}
+
+button.tertiary_gray.destructive,
+button.tertiary_color.destructive{
+  color: var(--color-text-danger, #B51726);
+  --icon-color: var(--color-icon-danger, #B51726);
+}
+
+button.link_gray.destructive, 
+button.link_color.destructive{
+  color: var(--color-text-danger, #B51726);
+  --icon-color: var(--color-icon-danger, #B51726);
+}
+
+/* Button States Styles */
+button.primary:hover{
+  background-color: var(--color-background-brandRed-hover, #CC1A2A);
+}
+
+button.primary:active{
+  background-color: var(--color-background-brandRed-pressed, #B51726);
+}
+
+button.secondary_gray:hover{
+  background-color: var(--color-background-gray-subtler, #EEF2F6);
+}
+
+button.secondary_gray:active{
+  background-color: var(--color-background-gray-subtle, #E3E8EF);
+}
+
+button.secondary_color:hover{
+  background-color: var(--color-background-danger-subtlest, #FEF1F2);
+}
+
+button.secondary_color:active{
+  background-color: var(--color-background-danger-subtler, #FDE3E5);
+}
+
+button.tertiary_gray:hover{
+  background-color: var(--color-background-gray-subtler, #EEF2F6);
+}
+
+button.tertiary_gray:active{
+  background-color: var(--color-background-gray-subtle, #E3E8EF);
+}
+
+button.tertiary_color:hover{
+  background-color: var(--color-background-danger-subtlest, #FEF1F2);
+}
+
+button.tertiary_color:active{
+  background-color: var(--color-background-danger-subtler, #FDE3E5);
+}
+
+button.link_gray:hover,
+button.link_color:hover{
+  text-decoration: underline;
+}
+
+button.link_gray:active{
+  text-decoration: none;
+  color: var(--color-text-bold, #202939);
+}
+
+button.link_gray:active{
+  text-decoration: none;
+  color: var(--color-link-pressed, #064E94);
+}
+
+button.primary.destructive:hover{
+  background-color: var(--color-background-danger-bold, #8C121D);
+}
+
+button.primary.destructive:active{
+  background-color: var(--color-background-brandRed-hover, #CC1A2A); /* ask Mr Gideon about this */
+}
+
+button.secondary_gray.destructive:hover, 
+button.secondary_color.destructive:hover{
+  background-color: var(--color-background-danger-subtlest, #FEF1F2);
+}
+
+button.secondary_gray.destructive:active, 
+button.secondary_color.destructive:active{
+  background-color: var(--color-background-danger-subtler, #FDE3E5);
+}
+
+button.tertiary_gray.destructive:hover, 
+button.tertiary_color.destructive:hover{
+  background-color: var(--color-background-danger-subtlest, #FEF1F2);
+}
+
+button.tertiary_gray.destructive:active, 
+button.tertiary_color.destructive:active{
+  background-color: var(--color-background-danger-subtler, #FDE3E5);
+}
+
+button.link_gray.destructive:active{
+  color: var(--color-text-danger-bold, #8C121D);
+}
+
+button.link_color.destructive:active{
+  color: var(--color-text-warning-bold, #93370D);
+}
+
+/* Button Disabled Styles */
+button.disabled{
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+button.primary.disabled {
+  background-color: var(--color-background-disabled, #F6F8FA);
+  --icon-color: var(--color-icon-disabled, #CDD5DF);
+  color: var(--color-text-disabled, #CDD5DF);
+}
+
+button.secondary_gray.disabled,
+button.secondary_color.disabled{
+  --icon-color: var(--color-icon-disabled, #CDD5DF);
+  color: var(--color-text-disabled, #CDD5DF);
+  border-color: var(--color-border-disabled, #E3E8EF);
+}
+
+button.tertiary_gray.disabled,
+button.tertiary_color.disabled,
+button.link_gray.disabled,
+button.link_color.disabled{
+  --icon-color: var(--color-icon-disabled, #CDD5DF);
+  color: var(--color-text-disabled, #CDD5DF);
+}

package/dist/globuscomponents/gb-button.tsx

@@ -0,0 +1,91 @@
+import { Component, Element, getAssetPath, h, Prop, State } from '@stencil/core';
+import { GeneralHierarchies, GeneralSizes } from '../../models/reusableModels';
+
+@Component({
+  tag: 'gb-button',
+  styleUrl: 'gb-button.css',
+  shadow: true,
+  assetsDirs: [''],
+})
+export class MyButton {
+  @Prop() size: GeneralSizes;
+  @Prop() hierarchy: GeneralHierarchies;
+  @Prop() icon: 'default' | 'only';
+  @Prop() destructive: boolean = false;
+  @Prop() state: 'default' | 'hover' | 'disabled' | 'pressed';
+  @Prop() iconLeading: boolean = false;
+  @Prop() iconLeadingSwap: string;
+  @Prop() iconTrailing: boolean = false;
+  @Prop() iconTrailingSwap: string;
+  @Element() el: HTMLElement;
+  @State() leadingIconSvg: string = '';
+  @State() trailingIconSvg: string = '';
+
+  componentWillLoad() {
+    if (this.iconLeading && this.iconLeadingSwap) {
+      this.loadIcon(this.iconLeadingSwap, 'leading');
+    }
+    if (this.iconTrailing && this.iconTrailingSwap) {
+      this.loadIcon(this.iconTrailingSwap, 'trailing');
+    }
+
+    const buttonSlot = this.el.querySelector('p');
+
+    if (buttonSlot) {
+      buttonSlot.classList.add(this.getButtonTextClasses());
+    }
+  }
+
+  async loadIcon(iconName: string, type: 'leading' | 'trailing') {
+    const iconPath = getAssetPath(`${iconName}`);
+    const response = await fetch(iconPath);
+    const svg = await response.text();
+    if (type === 'leading') {
+      this.leadingIconSvg = svg;
+    } else {
+      this.trailingIconSvg = svg;
+    }
+  }
+
+  // Helper to apply color styles based on the button state
+  getButtonClasses() {
+    return {
+      button: true,
+      [this.size]: true,
+      [this.hierarchy]: true,
+      destructive: this.destructive,
+      disabled: this.state === 'disabled',
+      default: this.icon === 'default',
+      only: this.icon === 'only'
+    };
+  }
+
+  getButtonTextClasses() {
+    switch (this.size) {
+        case 'xl2' : return 'text-lg-semi-bold';
+        case 'xl' : return 'text-md-semi-bold';
+        case 'lg' : return 'text-md-semi-bold';
+        case 'md' : return 'text-sm-semi-bold';
+        case 'sm' : return 'text-sm-semi-bold';
+    }
+  }
+
+  renderLeadingIcon() {
+    return <div class={`icon left-icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>;
+  }
+
+  renderTrailingIcon() {
+    return <div class="icon right-icon" innerHTML={this.trailingIconSvg}></div>;
+  }
+
+  render() {
+    return (
+      <button class={this.getButtonClasses()}>
+        {this.iconLeading && this.icon === 'default' && this.renderLeadingIcon()}
+        {this.icon === 'default' && <slot></slot>}
+        {this.iconTrailing && this.renderTrailingIcon()}
+        {this.icon === 'only' && this.renderLeadingIcon()}
+      </button>
+    );
+  }
+}

package/dist/globuscomponents/globuscomponents.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-eae87772.js";export{s as setNonce}from"./p-eae87772.js";import{g as o}from"./p-e1255160.js";var i=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};i().then((async e=>{await o();return t([["p-b10893b7",[[1,"gb-avatar-dropdown",{type:[1],text:[4],showProfile:[4,"show-profile"],showDarkTheme:[4,"show-dark-theme"],showLogOut:[4,"show-log-out"],listGroup1:[4,"list-group-1"],listGroup2:[4,"list-group-2"],listGroup3:[4,"list-group-3"]}]]],["p-4aedd512",[[1,"gb-tag",{size:[1],icon:[1],checkbox:[4],closeButton:[4,"close-button"],count:[4]}]]],["p-db85bbb3",[[1,"gb-avatar-group",{size:[1],moreUsers:[4,"more-users"],addMoreButton:[4,"add-more-button"],text:[4],state:[1]}]]],["p-dea460fb",[[1,"gb-file-upload",{icon:[1],type:[1],heightSize:[1,"height-size"],state:[1],destructive:[4],showLabel:[4,"show-label"],buttonState:[1,"button-state"]}]]],["p-48116815",[[1,"gb-input-dropdown-menu-item",{type:[1],supportingText:[4,"supporting-text"],selected:[4],state:[1],checkboxStates:[1,"checkbox-states"]}]]],["p-70c0c48f",[[1,"gb-badge",{size:[1],icon:[1],iconLeadingSrc:[1,"icon-leading-src"],iconTrailingSrc:[1,"icon-trailing-src"],color:[1],type:[1],closeButton:[4,"close-button"]}]]],["p-3f71767b",[[1,"gb-avatar-profile-photo",{placeholder:[4],text:[4],size:[1],verified:[4],icon:[1]}]]],["p-91764ae6",[[1,"gb-help-dropdown",{showLogError:[4,"show-log-error"]}]]],["p-c641c937",[[1,"gb-input-dropdown",{type:[1],state:[1],size:[1],showLabel:[4,"show-label"],label:[1],showPlaceholder:[4,"show-placeholder"],placeholderText:[1,"placeholder-text"],showHintText:[4,"show-hint-text"],hintText:[1,"hint-text"],showHelpIcon:[4,"show-help-icon"],iconSwap:[1,"icon-swap"]}]]],["p-2b3262cd",[[1,"gb-slider",{min:[2],max:[2],thumbType:[1,"thumb-type"],leftValue:[32],rightValue:[32]}]]],["p-da728002",[[1,"gb-collapse-button",{color:[1],currentIconDirection:[1025,"current-icon-direction"],isHovered:[1028,"is-hovered"]}]]],["p-6187221a",[[1,"gb-notification-panel",{state:[1],notifications:[32]},[[0,"slotchange","handleSlotChange"]]]]],["p-74aef423",[[1,"gb-toggle",{size:[1],state:[1],supportingText:[4,"supporting-text"]}]]],["p-ea02ed2e",[[1,"gb-checkbox-group",{size:[1],breakpoint:[1],icon:[1],selected:[4],type:[1]}]]],["p-612e13af",[[1,"gb-file-type-icon"]]],["p-17998f68",[[1,"gb-header-icon",{state:[1],showIndicator:[4,"show-indicator"]}]]],["p-2e50812d",[[1,"gb-input-field",{size:[1],inputType:[1,"input-type"],destructive:[4],helpIcon:[4,"help-icon"],icon:[1],placeholder:[1],label:[1]}]]],["p-9a6025f9",[[1,"gb-megainput-field",{size:[1]}]]],["p-61fd847f",[[1,"gb-notification-content",{icon:[1],label:[1],time:[1],supportingText:[1,"supporting-text"]}]]],["p-5058e15b",[[1,"gb-progress-circle",{size:[1],shape:[1],label:[4],progress:[2]}]]],["p-da460f1f",[[1,"gb-scrollbar",{length:[1]}]]],["p-cd0b001d",[[1,"gb-textarea-input-field",{type:[1],destructive:[4],placeholder:[1],label:[1]}]]],["p-b33c894d",[[1,"gb-wysiwyg-editor-icon"]]],["p-375589bc",[[1,"gb-tooltip",{arrow:[1],supportingText:[4,"supporting-text"]}]]],["p-df6ca614",[[1,"gb-progress-bar",{progress:[2],showLabel:[4,"show-label"],labelPosition:[1,"label-position"],el:[16]}],[1,"gb-button-close",{size:[1],color:[1]}]]],["p-fd17a6f4",[[1,"gb-file-upload-item-base",{icon:[1],state:[1],heightSize:[1,"height-size"],fileType:[1,"file-type"],buttonState:[1,"button-state"]}]]],["p-89739cc8",[[1,"gb-avatar-label-group",{size:[1],statusIcon:[1,"status-icon"],state:[1],placeholder:[4],text:[4]}]]],["p-aa9276da",[[1,"gb-avatar-add-button",{size:[1],showToolTip:[1028,"show-tool-tip"],state:[1],el:[16]}]]],["p-3d1463bb",[[1,"gb-slider-control-handle",{value:[2],type:[1],isHovered:[32],isFocused:[32]}]]],["p-614ee37b",[[1,"gb-badge-close",{color:[1],type:[1]}]]],["p-80f66cd1",[[1,"gb-toggle-base",{size:[1],state:[1]}]]],["p-844a7d68",[[1,"gb-dropdown-items-with-shortcut",{icon:[4],iconSrc:[1,"icon-src"],checkbox:[4],shortcut:[4],shortcutIcon:[1,"shortcut-icon"],label:[1],checkboxStates:[1,"checkbox-states"],state:[1]}]]],["p-d5ba4031",[[4,"gb-btn",{size:[1],hierarchy:[1],icon:[1],destructive:[4],state:[1],iconLeading:[4,"icon-leading"],iconLeadingSwap:[1,"icon-leading-swap"],iconTrailing:[4,"icon-trailing"],iconTrailingSwap:[1,"icon-trailing-swap"],leadingIconSvg:[32],trailingIconSvg:[32]}],[1,"test-tooltip",{showArrow:[4,"show-arrow"],arrowPosition:[1,"arrow-position"],visible:[32]}],[1,"gb-button",{size:[1],hierarchy:[1],icon:[1],destructive:[4],state:[1],iconLeading:[4,"icon-leading"],iconLeadingSwap:[1,"icon-leading-swap"],iconTrailing:[4,"icon-trailing"],iconTrailingSwap:[1,"icon-trailing-swap"],leadingIconSvg:[32],trailingIconSvg:[32]}]]],["p-fc5f1608",[[1,"gb-tag-checkbox",{checked:[4],size:[1],disabled:[4]}],[1,"gb-tag-close",{size:[1]}],[1,"gb-tag-count",{size:[1]}]]],["p-da4f965a",[[1,"gb-checkbox",{checked:[4],indeterminate:[4],size:[1],type:[1],state:[1],supportingText:[4,"supporting-text"]}],[1,"gb-checkbox-base",{state:[1025],size:[1],type:[1],checked:[1028],indeterminate:[1028]}]]],["p-4c2187ce",[[1,"gb-avatar",{size:[1],placeholder:[4],text:[4],statusIcon:[1,"status-icon"],state:[1],icon:[1],weight:[1]}],[1,"gb-avatar-contrast-inner-border",{weight:[1],size:[1]}],[1,"gb-status-indicator",{statusIcon:[1,"status-icon"],size:[1],state:[1],indicatorStateClass:[1,"indicator-state-class"]}]]]],e)}));
+import{p as e,b as t}from"./p-4cc02ec1.js";export{s as setNonce}from"./p-4cc02ec1.js";import{g as o}from"./p-e1255160.js";var i=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};i().then((async e=>{await o();return t([["p-92a735ee",[[1,"gb-avatar-dropdown",{type:[1],text:[4],showProfile:[4,"show-profile"],showDarkTheme:[4,"show-dark-theme"],showLogOut:[4,"show-log-out"],listGroup1:[4,"list-group-1"],listGroup2:[4,"list-group-2"],listGroup3:[4,"list-group-3"]}]]],["p-7fd10105",[[1,"gb-tag",{size:[1],icon:[1],checkbox:[4],closeButton:[4,"close-button"],count:[4]}]]],["p-33f4e7f6",[[1,"gb-avatar-group",{size:[1],moreUsers:[4,"more-users"],addMoreButton:[4,"add-more-button"],text:[4],state:[1]}]]],["p-efd96d9e",[[1,"gb-file-upload",{icon:[1],type:[1],heightSize:[1,"height-size"],state:[1],destructive:[4],showLabel:[4,"show-label"],buttonState:[1,"button-state"]}]]],["p-96d65ef9",[[1,"gb-input-dropdown-menu-item",{type:[1],supportingText:[4,"supporting-text"],selected:[4],state:[1],checkboxStates:[1,"checkbox-states"]}]]],["p-4958c9ba",[[1,"gb-badge",{size:[1],icon:[1],iconLeadingSrc:[1,"icon-leading-src"],iconTrailingSrc:[1,"icon-trailing-src"],color:[1],type:[1],closeButton:[4,"close-button"]}]]],["p-554f28f6",[[1,"gb-avatar-profile-photo",{placeholder:[4],text:[4],size:[1],verified:[4],icon:[1]}]]],["p-3b7b933c",[[1,"gb-help-dropdown",{showLogError:[4,"show-log-error"]}]]],["p-ea7ce35a",[[1,"gb-input-dropdown",{type:[1],state:[1],size:[1],showLabel:[4,"show-label"],label:[1],showPlaceholder:[4,"show-placeholder"],placeholderText:[1,"placeholder-text"],showHintText:[4,"show-hint-text"],hintText:[1,"hint-text"],showHelpIcon:[4,"show-help-icon"],iconSwap:[1,"icon-swap"]}]]],["p-c75f96d6",[[1,"gb-slider",{min:[2],max:[2],thumbType:[1,"thumb-type"],leftValue:[32],rightValue:[32]}]]],["p-da9e05fa",[[1,"gb-collapse-button",{color:[1],currentIconDirection:[1025,"current-icon-direction"],isHovered:[1028,"is-hovered"]}]]],["p-13a84f56",[[1,"gb-notification-panel",{state:[1],notifications:[32]},[[0,"slotchange","handleSlotChange"]]]]],["p-00244d6c",[[1,"gb-toggle",{size:[1],state:[1],supportingText:[4,"supporting-text"]}]]],["p-8f25cee8",[[1,"gb-checkbox-group",{size:[1],breakpoint:[1],icon:[1],selected:[4],type:[1]}]]],["p-2ce9c18a",[[1,"gb-file-type-icon"]]],["p-92af7f46",[[1,"gb-header-icon",{state:[1],showIndicator:[4,"show-indicator"]}]]],["p-9abd951b",[[1,"gb-input-field",{size:[1],inputType:[1,"input-type"],destructive:[4],helpIcon:[4,"help-icon"],icon:[1],placeholder:[1],label:[1]}]]],["p-5ec82950",[[1,"gb-megainput-field",{size:[1]}]]],["p-03fd3db6",[[1,"gb-notification-content",{icon:[1],label:[1],time:[1],supportingText:[1,"supporting-text"]}]]],["p-14e14b09",[[1,"gb-progress-circle",{size:[1],shape:[1],label:[4],progress:[2]}]]],["p-a6295219",[[1,"gb-scrollbar",{length:[1]}]]],["p-6cea59d4",[[1,"gb-textarea-input-field",{type:[1],destructive:[4],placeholder:[1],label:[1]}]]],["p-d735b2a6",[[1,"gb-wysiwyg-editor-icon"]]],["p-c922560c",[[1,"gb-tooltip",{arrow:[1],supportingText:[4,"supporting-text"]}]]],["p-185d02fb",[[1,"gb-progress-bar",{progress:[2],showLabel:[4,"show-label"],labelPosition:[1,"label-position"],el:[16]}],[1,"gb-button-close",{size:[1],color:[1]}]]],["p-ecd8b206",[[1,"gb-file-upload-item-base",{icon:[1],state:[1],heightSize:[1,"height-size"],fileType:[1,"file-type"],buttonState:[1,"button-state"]}]]],["p-75b21675",[[1,"gb-avatar-label-group",{size:[1],statusIcon:[1,"status-icon"],state:[1],placeholder:[4],text:[4]}]]],["p-2a21fc28",[[1,"gb-avatar-add-button",{size:[1],showToolTip:[1028,"show-tool-tip"],state:[1],el:[16]}]]],["p-14f8a91b",[[1,"gb-slider-control-handle",{value:[2],type:[1],isHovered:[32],isFocused:[32]}]]],["p-f37c9704",[[1,"gb-badge-close",{color:[1],type:[1]}]]],["p-fed6c43b",[[1,"gb-toggle-base",{size:[1],state:[1]}]]],["p-c6c34486",[[1,"gb-dropdown-items-with-shortcut",{icon:[4],iconSrc:[1,"icon-src"],checkbox:[4],shortcut:[4],shortcutIcon:[1,"shortcut-icon"],label:[1],checkboxStates:[1,"checkbox-states"],state:[1]}]]],["p-8aae1040",[[4,"gb-btn",{size:[1],hierarchy:[1],icon:[1],destructive:[4],state:[1],iconLeading:[4,"icon-leading"],iconLeadingSwap:[1,"icon-leading-swap"],iconTrailing:[4,"icon-trailing"],iconTrailingSwap:[1,"icon-trailing-swap"],leadingIconSvg:[32],trailingIconSvg:[32]}],[1,"test-tooltip",{showArrow:[4,"show-arrow"],arrowPosition:[1,"arrow-position"],visible:[32]}],[1,"gb-button",{size:[1],hierarchy:[1],icon:[1],destructive:[4],state:[1],iconLeading:[4,"icon-leading"],iconLeadingSwap:[1,"icon-leading-swap"],iconTrailing:[4,"icon-trailing"],iconTrailingSwap:[1,"icon-trailing-swap"],leadingIconSvg:[32],trailingIconSvg:[32]}]]],["p-23133621",[[1,"gb-tag-checkbox",{checked:[4],size:[1],disabled:[4]}],[1,"gb-tag-close",{size:[1]}],[1,"gb-tag-count",{size:[1]}]]],["p-31bf4710",[[1,"gb-checkbox",{checked:[4],indeterminate:[4],size:[1],type:[1],state:[1],supportingText:[4,"supporting-text"]}],[1,"gb-checkbox-base",{state:[1025],size:[1],type:[1],checked:[1028],indeterminate:[1028]}]]],["p-0b58ad12",[[1,"gb-avatar",{size:[1],placeholder:[4],text:[4],statusIcon:[1,"status-icon"],state:[1],icon:[1],weight:[1]}],[1,"gb-avatar-contrast-inner-border",{weight:[1],size:[1]}],[1,"gb-status-indicator",{statusIcon:[1,"status-icon"],size:[1],state:[1],indicatorStateClass:[1,"indicator-state-class"]}]]]],e)}));
 //# sourceMappingURL=globuscomponents.esm.js.map

package/dist/globuscomponents/{p-74aef423.entry.js → p-00244d6c.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as s}from"./p-eae87772.js";const i=".toggle_div{display:flex;justify-content:space-between;width:fit-content}.toggle_div.sm{gap:var(--spacing-2)}.toggle_div.md{gap:var(--spacing-3)}.text{display:flex;flex-direction:column;gap:var(--spacing-2)}.div_centered{justify-content:center;padding-bottom:0.2rem}::slotted(p){color:#4B5565}";const a=i;const c=class{constructor(t){e(this,t);this.size=undefined;this.state=undefined;this.supportingText=false}getMainTextClass(){switch(this.size){case"sm":return`text-sm-medium`;case"md":return`text-md-medium`}}getSupportingTextClass(){switch(this.size){case"sm":return"text-sm-regular";case"md":return"text-md-regular"}}componentDidLoad(){const e=this.el.querySelector('[slot="main_text"]');const t=this.el.querySelector('[slot="supporting_text"]');const s=this.el.querySelector(".text");if(e){e.classList.add(this.getMainTextClass())}if(t){t.classList.add(this.getSupportingTextClass())}if(!this.supportingText){s.classList.add("div_centered")}}render(){return t("div",{key:"6e8d3bf2457f1a90362acee558ca162b9da997ce",class:`toggle_div ${this.size}`},t("div",{key:"4465baccfac53d7aa8ef93712d4c1de4672692da",class:"toggle_base"},t("gb-toggle-base",{key:"e4c6679e6f90345d387ce479c4f14051c87a5868",size:this.size,state:this.state})),t("div",{key:"3e9081810f1f2beed116852562449fa247c8d175",class:"text"},t("slot",{key:"086d0c75edd5e5c095e8b74f511c9e9aedc83082",name:"main_text"}),this.supportingText&&t("slot",{key:"c177105efb22b038ed6af3ecbf9476cdb5dbf40c",name:"supporting_text"})))}get el(){return s(this)}};c.style=a;export{c as gb_toggle};
-//# sourceMappingURL=p-74aef423.entry.js.map
+import{r as e,h as t,a as s}from"./p-4cc02ec1.js";const i=".toggle_div{display:flex;justify-content:space-between;width:fit-content}.toggle_div.sm{gap:var(--spacing-2)}.toggle_div.md{gap:var(--spacing-3)}.text{display:flex;flex-direction:column;gap:var(--spacing-2)}.div_centered{justify-content:center;padding-bottom:0.2rem}::slotted(p){color:#4B5565}";const c=i;const a=class{constructor(t){e(this,t);this.size=undefined;this.state=undefined;this.supportingText=false}getMainTextClass(){switch(this.size){case"sm":return`text-sm-medium`;case"md":return`text-md-medium`}}getSupportingTextClass(){switch(this.size){case"sm":return"text-sm-regular";case"md":return"text-md-regular"}}componentDidLoad(){const e=this.el.querySelector('[slot="main_text"]');const t=this.el.querySelector('[slot="supporting_text"]');const s=this.el.querySelector(".text");if(e){e.classList.add(this.getMainTextClass())}if(t){t.classList.add(this.getSupportingTextClass())}if(!this.supportingText){s.classList.add("div_centered")}}render(){return t("div",{key:"6e8d3bf2457f1a90362acee558ca162b9da997ce",class:`toggle_div ${this.size}`},t("div",{key:"4465baccfac53d7aa8ef93712d4c1de4672692da",class:"toggle_base"},t("gb-toggle-base",{key:"e4c6679e6f90345d387ce479c4f14051c87a5868",size:this.size,state:this.state})),t("div",{key:"3e9081810f1f2beed116852562449fa247c8d175",class:"text"},t("slot",{key:"086d0c75edd5e5c095e8b74f511c9e9aedc83082",name:"main_text"}),this.supportingText&&t("slot",{key:"c177105efb22b038ed6af3ecbf9476cdb5dbf40c",name:"supporting_text"})))}get el(){return s(this)}};a.style=c;export{a as gb_toggle};
+//# sourceMappingURL=p-00244d6c.entry.js.map