globuswebcomponents 1.2.5 → 1.2.7

package/dist/esm/gb-slider.entry.js

@@ -81,7 +81,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '02c46115713ac64aa11c07cdecc23892aef363c6', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '0bd8f24e4866fdb757d3436929c6777c020bcc53', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'd2b73ae015f4cb2b3010505ceec71bcf8191fbe8', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '0f79245376705fd5cf4a8dddd4591efbc0ae8e3a', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'ac2997d43f906a23f5c153a7f52ee43ac5b71b35', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'ead3a3d775c30e4641c92d6bb6f883f67451d435', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'ce21ef95713e7eb1cb5781ee2bceeef6cf23adf2', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '8109d02c11994dfee18c3999cc212651ab87fb88', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js

@@ -1,22 +1,50 @@
-import { r as registerInstance, h } from './index-4b3f6d77.js';
+import { r as registerInstance, h, F as Fragment } from './index-4b3f6d77.js';
 
 const gbStepperHorizontalIconsCenteredCss = "";
 const GbStepperHorizontalIconsCenteredStyle0 = gbStepperHorizontalIconsCenteredCss;
 
-const GbStepperHorizontalIconsCentered = class {
+const GbStepperVerticalIconsCentered = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.size = undefined;
-        this.steps = 0;
+        this.steps = undefined;
         this.type = undefined;
         this.breakpoint = undefined;
+        this.firstStepState = undefined;
+        this.secondStepState = undefined;
+        this.thirdStepState = undefined;
+        this.fourthStepState = undefined;
+        this.fifthStepState = undefined;
+        this.sixthStepState = undefined;
+        this.seventhStepState = undefined;
+        this.firstStepStatus = undefined;
+        this.secondStepStatus = undefined;
+        this.thirdStepStatus = undefined;
+        this.fourthStepStatus = undefined;
+        this.fifthStepStatus = undefined;
+        this.sixthStepStatus = undefined;
+        this.seventhStepStatus = undefined;
+        this.firstStepLabel = '';
+        this.secondStepLabel = '';
+        this.thirdStepLabel = '';
+        this.fourthStepLabel = '';
+        this.fifthStepLabel = '';
+        this.sixthStepLabel = '';
+        this.seventhStepLabel = '';
+        this.firstStepSupportingText = '';
+        this.secondStepSupportingText = '';
+        this.thirdStepSupportingText = '';
+        this.fourthStepSupportingText = '';
+        this.fifthStepSupportingText = '';
+        this.sixthStepSupportingText = '';
+        this.seventhStepSupportingText = '';
     }
     render() {
-        return (h("div", { key: '833057e7bdf35ec340b29775268a729a6acbe94d' }));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '0b0706c80ab69437c805e4e40532313646f309d1', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: 'bbd55d64ac2484020cfdd98638a84c4f189f17a0', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '50b2c1729ef67a6f97520c3edba91daa33bf588a', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: 'b46e7eff046d4c69621c5084a584ba6978009124', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'cc77c3d57928469d5e92c5d443f3c50959c5cc8f', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '0ced4c515b0c15abb3306ecd20dd73f35fd169a3', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '4e758f0320c803e004119b36e0e5db1f96a86e53', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '0883cd5c54b534c2d5d7357e32f22ed5f2c21f27', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '714c7138792a8de10749f50c370ed972bb88cc62', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '530b56a3bf99af5108270cd83daec579e7c1f7cd', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '034e49be7de6359cf0c5fb009edc3d3b366e3876', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '02665900d56c81f6a7afeee8f05ea4b513886401', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'f7ae30a18239cb0bd4347e464bc01fe2ebd22468', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '105e6947803f22c2222364239d5360db362a7c00', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'f67866c0789af20f510cf7acee2cd4f80dd4c19e', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '039324e67065b077712c696940ded900472a4c6e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'ed0d773ed11779175064a1e33dbf14cb54bdb934', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'bf52e67ca1511c1966b31951e052ce3e63214db4', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '84133991e00b718c103642893ce267b6aad620f1', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'e36f5569528b92fc8a9bca820f0401f78dfe6f71', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'da13cb54cfaf36ccf67e7412d350b88602923cb9', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: 'e14cba505d0d2386c28790fdbf714524f861202f', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '345a203756bf43bb5df2657f5315d7d7beca36b6', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '34dff5e6fe152fb48cbd94a228b5690e6c62d528', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '32a6ac9cae76d9d489695b38e8e58e58d54105b7', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'fc94847445da698f024476324c96112ed1e1215e', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '83dd1da40fb3eca3564635904345c757f8179908', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: '09f445bf19a56d2f8cbe12f2f89b21eb30e589ec', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
 };
-GbStepperHorizontalIconsCentered.style = GbStepperHorizontalIconsCenteredStyle0;
+GbStepperVerticalIconsCentered.style = GbStepperHorizontalIconsCenteredStyle0;
 
-export { GbStepperHorizontalIconsCentered as gb_stepper_horizontal_icons_centered };
+export { GbStepperVerticalIconsCentered as gb_stepper_horizontal_icons_centered };
 
 //# sourceMappingURL=gb-stepper-horizontal-icons-centered.entry.js.map

package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js.map

@@ -1 +1 @@
-{"file":"gb-stepper-horizontal-icons-centered.entry.js","mappings":";;AAAA,MAAM,mCAAmC,GAAG,EAAE,CAAC;AAC/C,+CAAe,mCAAmC;;MCQrC,gCAAgC;;;;qBAEjB,CAAC;;;;IAIzB,MAAM;QACF,QACI,6DAAW,EACd;KACJ;;;;;;","names":[],"sources":["src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.css?tag=gb-stepper-horizontal-icons-centered&encapsulation=shadow","src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx"],"sourcesContent":["","import { Component, Prop, h } from \"@stencil/core\";\r\nimport { BreakPoints, GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-stepper-horizontal-icons-centered',\r\n    styleUrl: 'gb-stepper-horizontal-icons-centered.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbStepperHorizontalIconsCentered {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() steps: number = 0;\r\n    @Prop() type: 'icon' | 'featured_icon';\r\n    @Prop() breakpoint: BreakPoints;\r\n\r\n    render() {\r\n        return (\r\n            <div></div>\r\n        )\r\n    }\r\n}"],"version":3}
+{"file":"gb-stepper-horizontal-icons-centered.entry.js","mappings":"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","names":[],"sources":["src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.css?tag=gb-stepper-horizontal-icons-centered&encapsulation=shadow","src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx"],"sourcesContent":["","import { Component, Prop, h, Fragment } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-icons-centered',\r\n  styleUrl: 'gb-stepper-horizontal-icons-centered.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperVerticalIconsCentered {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() steps: number;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.type === 'icon' && (\r\n          <div class=\"icons_centered_div\">\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps === 2 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={false}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 3 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={false}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 4 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={false}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 5 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={false}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 6 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={true}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.sixthStepState}\r\n                      status={this.sixthStepStatus}\r\n                      connector={false}\r\n                      label={this.sixthStepLabel}\r\n                      supporting-text={this.sixthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 7 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={true}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.sixthStepState}\r\n                      status={this.sixthStepStatus}\r\n                      connector={true}\r\n                      label={this.sixthStepLabel}\r\n                      supporting-text={this.sixthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.seventhStepState}\r\n                      status={this.seventhStepStatus}\r\n                      connector={false}\r\n                      label={this.seventhStepLabel}\r\n                      supporting-text={this.seventhStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n        {/* {this.type === \"featured_icon\"} */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js

@@ -0,0 +1,48 @@
+import { r as registerInstance, h } from './index-4b3f6d77.js';
+
+const gbStepperHorizontalLineWithTextCss = ".text_with_line{display:flex;width:100%;align-items:stretch;gap:var(--spacing-4)}gb-step-base{width:100%}";
+const GbStepperHorizontalLineWithTextStyle0 = gbStepperHorizontalLineWithTextCss;
+
+const GbStepperHorizontalLineWithText = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.size = undefined;
+        this.breakpoint = undefined;
+        this.firstStepState = undefined;
+        this.secondStepState = undefined;
+        this.thirdStepState = undefined;
+        this.fourthStepState = undefined;
+        this.fifthStepState = undefined;
+        this.sixthStepState = undefined;
+        this.seventhStepState = undefined;
+        this.firstStepStatus = undefined;
+        this.secondStepStatus = undefined;
+        this.thirdStepStatus = undefined;
+        this.fourthStepStatus = undefined;
+        this.fifthStepStatus = undefined;
+        this.sixthStepStatus = undefined;
+        this.seventhStepStatus = undefined;
+        this.firstStepLabel = '';
+        this.secondStepLabel = '';
+        this.thirdStepLabel = '';
+        this.fourthStepLabel = '';
+        this.fifthStepLabel = '';
+        this.sixthStepLabel = '';
+        this.seventhStepLabel = '';
+        this.firstStepSupportingText = '';
+        this.secondStepSupportingText = '';
+        this.thirdStepSupportingText = '';
+        this.fourthStepSupportingText = '';
+        this.fifthStepSupportingText = '';
+        this.sixthStepSupportingText = '';
+        this.seventhStepSupportingText = '';
+    }
+    render() {
+        return (h("div", { key: 'd5d55dcf2b3fd6eb490454f626fa1437ce3a9bb5', class: "text_with_line" }, h("gb-step-base", { key: '3aa7fdf4bac2d396a55d9053502e6a722bb9c32d', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '9a41053cc8a5a3378892227ff0974ae0b9f630f5', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: 'a83b60767616ebe867ed8f65fc9f93c16bfacb12', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '01f51b17609051e4a2169b481e3ee69e7cdf549a', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '5103cbdef0ef0a6cd10a7a8b2f3d07dffc16db71', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'f56e749801091724a6e11a01196cce4cc824b5e2', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '8d226c469af37f8f6cb180e68894f2fa14a213e6', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText }))));
+    }
+};
+GbStepperHorizontalLineWithText.style = GbStepperHorizontalLineWithTextStyle0;
+
+export { GbStepperHorizontalLineWithText as gb_stepper_horizontal_line_with_text };
+
+//# sourceMappingURL=gb-stepper-horizontal-line-with-text.entry.js.map

package/dist/esm/gb-stepper-horizontal-line-with-text.entry.js.map

@@ -0,0 +1 @@
+{"file":"gb-stepper-horizontal-line-with-text.entry.js","mappings":";;AAAA,MAAM,kCAAkC,GAAG,2GAA2G,CAAC;AACvJ,8CAAe,kCAAkC;;MCOpC,+BAA+B;;;;;;;;;;;;;;;;;;;8BAiBT,EAAE;+BACD,EAAE;8BACH,EAAE;+BACD,EAAE;8BACH,EAAE;8BACF,EAAE;gCACA,EAAE;uCACK,EAAE;wCACD,EAAE;uCACH,EAAE;wCACD,EAAE;uCACH,EAAE;uCACF,EAAE;yCACA,EAAE;;IAE9C,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,gBAAgB,IACzB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,EAChB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,qBACV,IAAI,CAAC,wBAAwB,GAChC,EACf,IAAI,CAAC,cAAc,KAClB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,eAAe,KACnB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,qBACV,IAAI,CAAC,wBAAwB,GAChC,CACjB,EACA,IAAI,CAAC,cAAc,KAClB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,cAAc,KAClB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,gBAAgB,KACpB,qEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAC5B,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAC9B,KAAK,EAAE,IAAI,CAAC,gBAAgB,qBACX,IAAI,CAAC,yBAAyB,GACjC,CACjB,CACG,EACN;KACH;;;;;;","names":[],"sources":["src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.css?tag=gb-stepper-horizontal-line-with-text&encapsulation=shadow","src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"sourcesContent":[".text_with_line{\r\n    display: flex;\r\n    width: 100%;\r\n    align-items: stretch;\r\n    gap: var(--spacing-4);\r\n}\r\n\r\ngb-step-base{\r\n    width: 100%;\r\n}","import { Component, Prop, h } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-line-with-text',\r\n  styleUrl: 'gb-stepper-horizontal-line-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalLineWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"text_with_line\">\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.firstStepState}\r\n          status={this.firstStepStatus}\r\n          label={this.firstStepLabel}\r\n          supporting-text={this.firstStepSupportingText}\r\n        ></gb-step-base>\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.secondStepState}\r\n          status={this.secondStepStatus}\r\n          label={this.secondStepLabel}\r\n          supporting-text={this.secondStepSupportingText}\r\n        ></gb-step-base>\r\n        {this.thirdStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.thirdStepState}\r\n            status={this.thirdStepStatus}\r\n            label={this.thirdStepLabel}\r\n            supporting-text={this.thirdStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fourthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fourthStepState}\r\n            status={this.fourthStepStatus}\r\n            label={this.fourthStepLabel}\r\n            supporting-text={this.fourthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fifthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fifthStepState}\r\n            status={this.fifthStepStatus}\r\n            label={this.fifthStepLabel}\r\n            supporting-text={this.fifthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.sixthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.sixthStepState}\r\n            status={this.sixthStepStatus}\r\n            label={this.sixthStepLabel}\r\n            supporting-text={this.sixthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.seventhStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.seventhStepState}\r\n            status={this.seventhStepStatus}\r\n            label={this.seventhStepLabel}\r\n            supporting-text={this.seventhStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/gb-tab-button-base.entry.js

@@ -49,17 +49,17 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '9ca5e463d7df1035a6eb5fea0ca0b7f57ccad846', class: `tab_button_div ${this.type}
+        return (h("div", { key: '7d65f3d04b2cd8643c863314da3871a317dac943', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'bacd7ca64f5e9bc808ebfe2ad4f86b3fe900338e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'd34928d1dc4e59ca1f5f846a60d661ec15c5ae96', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '336a4987ff3b6cd4d1b21dcdf9b9d40ab1a4a2fb', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'f8a799d2f7f86c6ce4cca27faadfc1be49b4e5e1', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: 'bf8cba14898d23755b4d566dd95319c7c7360ee8', name: "count" })))));
+                        : 'gray' }, h("slot", { key: '67b1f1ea4fae3ff0771250296da68d2e3904a7bd', name: "count" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-table-cell.entry.js

@@ -9,7 +9,7 @@ const GbTableCell = class {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'efdb793b757a413840c7292eb5a5b577cb11e645', class: "table_cell_div" }));
+        return (h("div", { key: '56f8bacf3ce4f1b8120ca685cddf296ef93f1ff1', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = GbTableCellStyle0;

package/dist/esm/gb-textarea-input-field.entry.js

@@ -193,14 +193,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (h("div", { key: '33d779481545fa889a62913e86a1ab7e235aca96', class: "textarea_container" }, h("div", { key: 'd1c1d9232637a34a8c3acf3d8b44e22d827ce5d1', class: "input_with_label" }, this.showLabel && h("p", { key: 'fb7075712298cf4eade9a44ca5401845f0dcdc5d', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '93bb5be4ba9a1015d8290ebcf26bba6100bda2d8', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: 'd660bdf55cd6f58e6d350cdfd0f5ecde89f65c9f', class: "textarea_tags" }, h("div", { key: '8eb4f9bab92728271cb130c4b52d79e016227466', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'd40423bb9a5a8a06a700cb5131005413b4ce3d5f', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: '3d583db2dff09e9e169ea9b29cd4ddb4dc22bd5e', class: "textarea_container" }, h("div", { key: '1c97a778794ed9a0f45db54e18a956ea3a9f4b15', class: "input_with_label" }, this.showLabel && h("p", { key: '7e9266ff7235a73d0d6663e068a0861ce07164ce', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '3ae7e442a9f512b8624b806b335cd74c1cae65b4', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: '12633e5114727b656ca8158b7e50215559feb4ec', class: "textarea_tags" }, h("div", { key: '52a0a568d8517965a5dffbbdcf59602c2011f825', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '9b40fc88004dc19d92ec8c8c073fd3e6ca62d19d', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '8b8c8eecf87a3d92ed9e0557a1ae78cd42c9ab2a', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'b024a89d4915641f97c7744bb9ff5fbde5c4d489', class: "input_field" }, h("input", { key: 'f601bb13da6b70e2bd0c9b22ee9eae84a76d603d', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '2c6cee589959ab002c08c2985616bb18dc1b200d', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '0a205d0f4b103ef52aad5d3893e32eb4c28e9ce6', class: "input_field" }, h("input", { key: 'ba23f09c2a9ae3dacf68e2b8c68948c3fdb3cf98', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '175b8e5df28290f56ba8c69820f5ebace3ba275d', class: "help_icon" }, h("svg", { key: '17f6f043b89ac3fa6c28b56b4da961f174005e74', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '431433fc4741388fdca181c321361fc15bc87136', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '89f3e9f6815a59ae358924b3c4641ca39d9a0575', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '0cfada94c449d2e8f7778936938de1b86d02463d', class: "help_icon" }, h("svg", { key: '6cc37f7dea5be7142d17a6ed364297881fe6f021', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '0648b0932a26f140bf4e99a81d5a409b016f52b5', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '7b24e38ffaa6afcb05c3e2ff7cababde95168cf5', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'fa96c142ce508e24cd3b34c56934bd6fbb2cdf31', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: '1a7585d5cc742bd7dd8339438b8626f982cb28e8', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gb-toast-button.entry.js

@@ -14,7 +14,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: 'aa6b88ccfeab404c9ed62390639cc6782b71a49e', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'bcbacc916b3ba679f00848e4cf386be9caefce2f' })));
+        return (h("div", { key: '34faaa788d374142784dba48a552e98fe52ec508', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '76dbad4c615a949ae7401db37c762230e33c311a' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-toast.entry.js

@@ -61,7 +61,7 @@ const GbToast = class {
         }
     }
     render() {
-        return (h("div", { key: '0788db5e0a826471c2c05c5b06e3868b509749e9', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '11f0b3e6cb56164eb8e1859730cbe15b9195e02b', class: `icon_container` }, h("svg", { key: 'ce1326b151920b034fc455c7921c2572b1111e21', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'da06558585fd8a660f8471c19ed6eabd5c863f6f', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'e1645dd59b8c9dc56746986a07148cc59d58288e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'e95096607be1c3e0ed737a378336fda883317a88', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'c93675d803713aa65561a85366038efa1dc6a0c5', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '1a42bf74a9ae84bc60f2dc1d100eff0a86925a0a', class: `text ${this.size}` }, h("slot", { key: '9d7b099a004ace2a9234a77c3971cb03fe4d11f2', name: "main_text" }), this.showSupportingText && h("slot", { key: '28d1606a238fbd56da14e93224af1cf2e8a5c95e', name: "supporting_text" })), this.actions && (h("div", { key: 'fd91ddfeb5f8d0b08956697166820fe4e11e2650', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '326d85cda5567be466ae2c457142946608ac318a', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: '27ae6083a0b8741ae438f8ddef30d8f99b185d86', class: `container ${this.breakpoint}` }, h("div", { key: 'a9928ea6c5f5d74858815a3862ae65b7f7bed7cc', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'b7bf65f79db90ab4d32b10e48e3f64ee80f1c2a8', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'c9f57cb2da0963601c610831d1ca02a8bb45bd3a', class: `icon_container` }, h("svg", { key: '5247d5a6187257c3867a6a069b8eb3c52f3c8c59', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'a7ae1ecd7fc2e88128153e2574dd825b66588dbc', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '35f0b9003554cde3de16c3b85dfc9add2d1ed484', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'c1b0a290609cac9fe2a7acc0c6f4322defc3e951', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'f53487050890cd73cf7ba999a7cd528d8a7cc843', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '6be448d5c6a4f128792a3615e80a3d78384b08c6', name: "main_text" }), this.showSupportingText && h("slot", { key: 'c3f89a4a107a6e756dc0eba545698b28ed350e6b', name: "supporting_text" }))), this.actions && (h("div", { key: '20fe7f1dd38461ee9f273e5af9babda6fe0cabc7', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '2e10b9112c29cf55e5faad45414ad96047b639c6', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: '21fe123f50b98efbed1ac5e483342061cebc535d', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '98f1187468ba0b0f0078ac6af07e3946c9d1f7e9', class: `icon_container` }, h("svg", { key: 'c5ac1a77790bcf1dfdb8980ebd21f3ad5b2ef294', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '074864be9302f5142aaf060f9d67c30e7a7d56d7', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '78ba873d77ccb7eca16b5dbeedbbc108dba9fb01', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '6985cef176d764b988d85713fe9f8abb6bd63850', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '20f96bbe0ae2c56bb6b96f3c1a6a562916104977', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '35fe8b526eb7ccdd4bc94eb98effe4ad96573f0a', class: `text ${this.size}` }, h("slot", { key: 'efbe92be6ad1f45cd7213d864655ec29ad49c949', name: "main_text" }), this.showSupportingText && h("slot", { key: 'a06186488546038d5e8626e6f9007f31d3abd227', name: "supporting_text" })), this.actions && (h("div", { key: 'fbe64196e7c74ccd22cd6af86e39b77474d61e22', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'ebb84802677110703a5e63fe7604101f82ef0a5d', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: '979fb686e14870189843a3c37fa206755cc8884e', class: `container ${this.breakpoint}` }, h("div", { key: '1a6580787db4c70eaf048c407d3d0df90b6be399', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'e49871ee1289f3ba0eadbf9f0907b19eb3df640d', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'ea66cd501361eb18a9d9548884f011353908119d', class: `icon_container` }, h("svg", { key: '4fcf4aae9e973a57ea8f41aa5204f8a559f5bb8c', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '491dcf8f14a9ca8aadf9f4fa9173289be81f9493', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'd66f15bafb60453674911acaa6907e6b81138de3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '10d3b53d0e3e58ac308c173579dd94afe85691c2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '4f2328a36c403ce2b7ad236e41420b08646afa32', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '064062d56b3977b3d477e2fc29a53fe602ca51e1', name: "main_text" }), this.showSupportingText && h("slot", { key: '65d8976f8a05665105e01e74266ab417becacdce', name: "supporting_text" }))), this.actions && (h("div", { key: 'c22cb2acf26868df28a79a47f266faf159b01036', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '4a64377c92006ad78d162f2bd614f2ddfe50e284', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-toggle-base.entry.js

@@ -19,8 +19,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            h("input", { key: '086e47e9ad2649f0f8929cf77239c8bbd81a4e0f', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '28623fb9d771ed9faa55ed9dc23a2f3d35317561', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: '3476c80afd702202bfeacd9b39398999e16d6aca', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: 'a21e9c87901d3c605f352d508ab2e1cca1d6c4a3', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
 };

package/dist/esm/gb-toggle.entry.js

@@ -41,7 +41,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (h("div", { key: 'eed62286f2e00cacd9765f0e104805401acf9e99', class: `toggle_div ${this.size}` }, h("div", { key: '105b032d3d3f4b3f98d18eb4f40f48237617879a', class: "toggle_base" }, h("gb-toggle-base", { key: '691a17b821aa4aad453e3bcaf58bf966af3984dd', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '56abb496de83190ccd338f91f5118a607c5796a9', class: "text" }, h("slot", { key: '30ebecd23649b9e4eb2efacf9116ae8512c65b69', name: "main_text" }), this.supportingText && (h("slot", { key: '124c153518004a783206f363710fd81097bf1bdc', name: "supporting_text" }))))));
+        return (h("div", { key: '1249576141607394651d756d143bdf62aeab612f', class: `toggle_div ${this.size}` }, h("div", { key: '029c2134551f57ae8ca40a943bd3f7a70c5c7ec2', class: "toggle_base" }, h("gb-toggle-base", { key: '4c10531b5ed9317192b9cb3bd4c01647e1d0ee61', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '6b838a78c03451ea5e62b1654ca1d81de0436688', class: "text" }, h("slot", { key: 'f6a2fde3a1901694f20170e91c5021ea926ad509', name: "main_text" }), this.supportingText && (h("slot", { key: '82186eec5189f5888b6c9e6861fe7f2912037294', name: "supporting_text" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-token-field-compact.entry.js

@@ -14,7 +14,7 @@ const GbTokenFieldCompact = class {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '75806b24b139f814ecb85bc456e1282dbafe2500', class: this.size }, h("div", { key: 'cadec0309ea6b9128159e51f452deba0083ca2ea', class: "input-with-label" }, this.showLabel && (h("label", { key: '460a91a985b2436851323b6ce848579a0538ac1b' }, this.label)), this.digits === 4 && (h("div", { key: '44ad1b0f0d955219c54107b2bfaf52804caf9f57', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'fafefb6423d4173459c1184e525b97c9ebbf3585', size: this.size }), h("gb-mega-input-field-base", { key: 'c23e594f2d45f4e9aec884dc039080af4e6b5caf', size: this.size }), h("gb-mega-input-field-base", { key: 'c1d5337fb34ba445bb2cfff1ddfe0b4b7367113b', size: this.size }), h("gb-mega-input-field-base", { key: '3f999e540d9388af0be17ac20d28f8e75cf0b8a7', size: this.size }))), this.digits === 6 && (h("div", { key: '44d6709519194c75166965fd054d21ff4129c5e8', class: "input-wrapper" }, h("div", { key: '142c52128ab45fde411fec2fd86d8ab94de0b467', class: "first=section" }, h("gb-mega-input-field-base", { key: '6f2e64e675181e2d5dbb3f963ae912ce97b5ac08', size: this.size }), h("gb-mega-input-field-base", { key: '5c6f576cc1cdbeca8904791877ee7ffa65175907', size: this.size }), h("gb-mega-input-field-base", { key: '470c31b05eb349a048549af36bcdafc9347812f2', size: this.size })), h("div", { key: 'cd4cb45ee0a7eba7bee3d11db773a6e1a9f942de', class: "second=section" }, h("gb-mega-input-field-base", { key: '99128cc78e98f6bcaf230489200d44bb4c5c60dc', size: this.size }), h("gb-mega-input-field-base", { key: 'e6f94328f588d777dccbb0dd6748a26076eca988', size: this.size }), h("gb-mega-input-field-base", { key: '4f69ae976c921b67d7398f6136ca94b5a684b4cc', size: this.size })))), this.digits === 8 && (h("div", { key: '44d0070ccc2afa8fa891a22cc1cbd675442a9f7b', class: "input-wrapper" }, h("div", { key: '511a8be2b447a9ebcdd49988063c9d3ba33a108b', class: "first=section" }, h("gb-mega-input-field-base", { key: '7950ca4127ffd78976f0452de294165962bebe3d', size: this.size }), h("gb-mega-input-field-base", { key: '10238681db04d440cae720de06aa595605fda507', size: this.size }), h("gb-mega-input-field-base", { key: '5c72fa234e50657a19b2ba0e0cd5ef1e9a8fab7a', size: this.size }), h("gb-mega-input-field-base", { key: '2197cc965cfb51630b466499e956101b68761fc8', size: this.size })), h("div", { key: '3b1242902ea97b0a0263a97711eff7f2956790db', class: "second=section" }, h("gb-mega-input-field-base", { key: '9f36be62f43640c0bca9f487e880688f95ae8c92', size: this.size }), h("gb-mega-input-field-base", { key: '2c97f08df1f8188edc42d280db43663514b8570a', size: this.size }), h("gb-mega-input-field-base", { key: '181c1ad7464e45ab146feaa8a49b5c1de022f12a', size: this.size }), h("gb-mega-input-field-base", { key: 'a39486955d4cfc4d073f71fc396ca0eac7a4d456', size: this.size }))))), h("p", { key: 'ecba0cc0f8a3c93b98a84547e16b7545b1165ec7' }, this.supportingText)));
+        return (h("div", { key: '4ecf482172952fa6fee01541d7d49a96a8b852a6', class: this.size }, h("div", { key: 'd7e54a51a91fab6a26c600aa2334810d03589772', class: "input-with-label" }, this.showLabel && (h("label", { key: '6a5583bfbd48fb567a23694da8e1fc2f61afd133' }, this.label)), this.digits === 4 && (h("div", { key: 'c639f6cffa16c8844731c4f20a9fc95793eacdf4', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '6509b95d810d452acd103361b092450983b5178b', size: this.size }), h("gb-mega-input-field-base", { key: 'a07e5ef38f7bae7406a3ed6255e444e2fecb6db0', size: this.size }), h("gb-mega-input-field-base", { key: '826fc0c7579abffce7fb2a15e0cd9b283d2cb9ec', size: this.size }), h("gb-mega-input-field-base", { key: 'd6cc64fb07f7e0583d56dc7e57bcd229e93f6b5e', size: this.size }))), this.digits === 6 && (h("div", { key: '48a0833cce5da0a54a7375b3c14e3508ba68b33f', class: "input-wrapper" }, h("div", { key: '31d50c10fb7be2de0b49eb5552442ffa9c6b94e2', class: "first=section" }, h("gb-mega-input-field-base", { key: 'fc74c89a2340db8d4770e83ad5dc0e0d83dc79bf', size: this.size }), h("gb-mega-input-field-base", { key: '8981bc32eafbea409fe317e2df73b814e03b39f4', size: this.size }), h("gb-mega-input-field-base", { key: '5f6d1d5b1716b25767aaff09d4f4edccb120c626', size: this.size })), h("div", { key: '185ca3e266fef47eec899ffadcb3496f8bcbe53e', class: "second=section" }, h("gb-mega-input-field-base", { key: '70f77b771c80b0917caaa57889a5e8b826c3a61b', size: this.size }), h("gb-mega-input-field-base", { key: 'ef5edde20d1dd4bdb1ac4e9db8a060c8dba4e069', size: this.size }), h("gb-mega-input-field-base", { key: '87f924c062087ed1d040e5cdab84b31a7d4c373c', size: this.size })))), this.digits === 8 && (h("div", { key: '9214df86f43a9e96830c4bfa8c5d3ae593d626a0', class: "input-wrapper" }, h("div", { key: 'e8cc911aa0fdb6231f9684d12276a99b40a5c1b4', class: "first=section" }, h("gb-mega-input-field-base", { key: 'c96fe2c13ba01ad7eb085daec13ce8efc3e30c3c', size: this.size }), h("gb-mega-input-field-base", { key: '2e73f3770824d30f1933baa532ae3bcde5cb52f3', size: this.size }), h("gb-mega-input-field-base", { key: '20a98f45dcb6dfcb85765d8a1ce643f53f9e6522', size: this.size }), h("gb-mega-input-field-base", { key: '16bec717eeca70d66f68bcd34d00b43dbbecb4f4', size: this.size })), h("div", { key: '8eac1d482e6b122b45013b926b3dee0e8c822a9c', class: "second=section" }, h("gb-mega-input-field-base", { key: 'd64d729782560a67d45958ee295dce83127d9ec0', size: this.size }), h("gb-mega-input-field-base", { key: '4cf6c8d0a456b0d8b28a057e35c19b5dc63a71b6', size: this.size }), h("gb-mega-input-field-base", { key: '21046ac6c53a477d5f2fe057a2bc46c44a6694bf', size: this.size }), h("gb-mega-input-field-base", { key: '44207b2e711d71df13b7321f587ab5cb7e0f0775', size: this.size }))))), h("p", { key: '5277a36c7d25443e3c8f0fa81347bc77a6833acd' }, this.supportingText)));
     }
 };
 GbTokenFieldCompact.style = GbTokenFieldCompactStyle0;

package/dist/esm/gb-token-field-compressed.entry.js

@@ -14,11 +14,11 @@ const GbTokenFieldCompressed = class {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '59b02c23f357290753f84507a36032c8890c37aa', class: {
+        return (h("div", { key: '7d65e3f03ae25ff319c5f273c27964980641532d', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: '1e6985ba6cc49dfff1fdcf791903810de97d00ff', class: "input-with-label" }, this.showLabel && (h("label", { key: 'b4cff162c58ce0820fe7093f41f41e43ed101164', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '250e530d06e30d0035d6d3f2a25f74fab804e699', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '854d0b72352719f5b25ff6498a5f14c6b97be5d0', size: this.size }), h("gb-mega-input-field-base", { key: 'd65cdd7ca4da709a6a3f0251fd59d59d623825ec', size: this.size }), h("gb-mega-input-field-base", { key: 'f20461769a0197a12c0125cd7069fcad52a8b66f', size: this.size }), h("gb-mega-input-field-base", { key: '276b1a51d05eb292d566b20fb1375398a2e5542d', size: this.size }))), this.digits === 6 && (h("div", { key: '2437d409b9031a37de575b824aa679cbe9f53430', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '5de74b402a91ccf21a02f259000559395eddbddf', size: this.size }), h("gb-mega-input-field-base", { key: 'ced1cd3d6f0d39fc2e57a497bd25b33ead91a957', size: this.size }), h("gb-mega-input-field-base", { key: '1c646ee6822ab66267cb6aeae4116ca3fff81d71', size: this.size }), h("p", { key: '9f0756ccbbd7a3012cc87442d1082ce4b8b9d485', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '2e788cb35f00c223ba3c8d3bcc880c666f5f51ca', size: this.size }), h("gb-mega-input-field-base", { key: 'bfdc3f84325cd536414356638e5619db4e62ddbd', size: this.size }), h("gb-mega-input-field-base", { key: '7762883ff46060f4645f00f4a485048fd05e6bdd', size: this.size }))), this.digits === 8 && (h("div", { key: 'e5cd10a177175ae1dc8c6982e4a5db64fa4de156', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'a3ab00b046cfc746bc5f0cbd87d900d20cd9eb5b', size: this.size }), h("gb-mega-input-field-base", { key: '394e5ba62d2f504f3cc5baaf78be3e53a4786ffb', size: this.size }), h("gb-mega-input-field-base", { key: '6750e10490e814844dd36b4f2e447d9f1354c744', size: this.size }), h("gb-mega-input-field-base", { key: '002b88e9b479f94aaa72c565270df1a6f7ed0736', size: this.size }), h("p", { key: 'e577db862ebbb42f661562a1f678c0b9ad9c62d3', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'd8ee0458588443f8b360a219e3cc4e6f82f12c8c', size: this.size }), h("gb-mega-input-field-base", { key: '88c5cccaa5fd11cdfeae61925299b65639a55df9', size: this.size }), h("gb-mega-input-field-base", { key: '11bd3f43308abfccb6e9b4d2ad62e264ddb144b3', size: this.size }), h("gb-mega-input-field-base", { key: '5e3f4d5ea47a221336da8aa96aa28842069585a4', size: this.size })))), this.showHintText && (h("div", { key: '0d086ce83aaa96a0a4938e9c03f11cf2ee3eb2a8', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: 'a9ea8ae878104dbf98d79b5edba96b2e9c34eb64', class: "input-with-label" }, this.showLabel && (h("label", { key: '5bf2705f6d54a51416470b6777b72758739b209e', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '024211751daaeb9ca93b4f9e94be576f242059e8', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'd04ebfa28e799f896f99857ad3aae4407a83fbb8', size: this.size }), h("gb-mega-input-field-base", { key: '167a9c7b8af69a20a7dcc34466769446f3adf979', size: this.size }), h("gb-mega-input-field-base", { key: '395f54c3200de72ec5f43f886507e0ec6de7d255', size: this.size }), h("gb-mega-input-field-base", { key: '804b798916817d4d48257de2e4576f815ed1c9e5', size: this.size }))), this.digits === 6 && (h("div", { key: '30d8c35c9efc2586f7bc19dc2e9bae9451477222', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '7bb86fe5f5ab626f4f65a6edf3620797628db91d', size: this.size }), h("gb-mega-input-field-base", { key: '297848ca9beed696c0d51e7528054c219ad3e792', size: this.size }), h("gb-mega-input-field-base", { key: 'cfd315487fe99aee9bdee12443ecb62fc2f32f8b', size: this.size }), h("p", { key: 'd7bd3dad9afb394754c7f277acd9f1cc2ea9780c', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '91fb69a85e589e334a6c76db5d7ef7fa15d2548b', size: this.size }), h("gb-mega-input-field-base", { key: '748b97ee051e4276a838e936b05ffab41947473a', size: this.size }), h("gb-mega-input-field-base", { key: '5be4948ccdc7ba6dd2d166cf95e7de40b714e2a9', size: this.size }))), this.digits === 8 && (h("div", { key: '533c4e68b8ed1d217d8710b0354a97d116bcf2ef', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '17816531bfef4a714683221fa5edb74ddf581f7d', size: this.size }), h("gb-mega-input-field-base", { key: '775e15d04e03f2efaa0a493720ce5e4328024cc5', size: this.size }), h("gb-mega-input-field-base", { key: 'ef30ed14cf0c798ea90370d262e4a3cee6d92c6b', size: this.size }), h("gb-mega-input-field-base", { key: '37413304e32b2289d67a15bcdbcdfb443e4ca961', size: this.size }), h("p", { key: 'a3f5e3335f41575e985401188a044d7b6a061aae', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'e58b48f9453d4ae48f3f1a5fb77491681371e3a2', size: this.size }), h("gb-mega-input-field-base", { key: '46c43c383a7d7ccfa6bcae9711f942083344d01d', size: this.size }), h("gb-mega-input-field-base", { key: '363249d4fac7dd976a33b6268e5a7f297224c65f', size: this.size }), h("gb-mega-input-field-base", { key: 'a2c3254906d5116a0065d320a03827754f4503dd', size: this.size })))), this.showHintText && (h("div", { key: '989b13d829f15f4d5ef71ea0cc950dda8e584105', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbTokenFieldCompressed.style = GbTokenFieldCompressedStyle0;