globuswebcomponents 2.19.2 → 2.19.3

package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.css

@@ -2749,10 +2749,6 @@
 } */
 :host{
     display: flex;
-    /* Centers .tab_button_div within the host box when full_width has grown
-     * the host wider than its content (see below) - a no-op otherwise, since
-     * the host is already content-sized when it hasn't grown. */
-    justify-content: center;
 }
 .tab_button_div{
     display: flex;
@@ -2764,15 +2760,6 @@
 .tab_button_div.truncate{
     min-width: 0;
 }
-.tab_button_div.full_width:not(.truncate){
-    /* full_width makes the *host* grow to share the row equally (see
-     * .tab_button_base.full_width in gb-horizontal-tabs.css); this div's own
-     * background (e.g. the rounded "current" pill) should still hug just its
-     * own text/badge, centered in that space, rather than stretching to fill
-     * the whole grown host. Skipped when truncate is also set - that needs a
-     * bounded width to know when to ellipsize. */
-    width: auto;
-}
 .tab_button_div.horizontal{
     justify-content: center;
     align-items: center;
@@ -2790,11 +2777,12 @@
 .tab_name{
     white-space: nowrap;
 }
-.tab_name.truncate{
+/* .tab_name.truncate{
     width: 100%;
     overflow: hidden;
+    white-space: nowrap;
     text-overflow: ellipsis;
-}
+} */
 .tab_text{
     color: var(--color-text, #4B5565);
 }

package/dist/collection/components/gb-table-header/gb-table-header.css

@@ -2763,6 +2763,11 @@
 .table_heading {
   color: var(--color-text-bold, #202939);
 }
+.left_actions{
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-4);
+}
 .date_filters {
   display: flex;
   align-items: center;
@@ -2775,7 +2780,7 @@
   max-width: 13rem;
   min-width: 0;
 }
-.actions {
+.right_actions {
   display: flex;
   max-width: 50.25rem;
   justify-content: flex-end;
@@ -2783,7 +2788,7 @@
   gap: var(--spacing-4);
   flex: 1 0 0;
 }
-.actions.full_width {
+.right_actions.full_width {
   max-width: none;
 }
 .input_field {
@@ -2835,7 +2840,7 @@
     left: 0;
   }
 
-  .actions {
+  .right_actions {
     flex-direction: column;
     width: 100%;
     align-items: flex-start;

package/dist/collection/components/gb-table-header/gb-table-header.js

@@ -100,10 +100,10 @@ export class GbTableHeader {
         window.removeEventListener('resize', this.handleResize);
     }
     render() {
-        return (h("div", { key: 'b9aebae2bc6ab24efdbf9c8facb1c1df17417b1e', class: "table_header_div" }, this.type === 'default' && (h(Fragment, null, this.tableHeading && h("p", { key: 'ab5dc01f3ee6fbe7f048a50b42470067c4b4cecd', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: '8d0b2307a8d8a2eee2197d9fdb71658772f37b38', class: "date_filters" }, h("div", { key: '275291fbff4c7a3bcecfc7b378d72161a503f1c0', class: "date_input" }, h("gb-date-picker", { key: 'e28e58d7cc42564a510b983f89d59da57140d366', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, value: this.dateValue, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: '01b2be6da24c4d2db90dea0808fb0ce88c4033b1', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '06fa81e1469fdf509fc9521982bbddd01cc1c9fa', class: "input_field" }, h("gb-input-field", { key: '77453f1dac6ef6dffb04698e0f187df43edd1563', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '08976589780d7fc8cf8875a239923b630e630fb5', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'cee084ada90d4fcf8617175a2b1eff60e2d07c79', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (h("gb-button", { key: '91af026f227b73b7ca1c7782e3ce0bbc7b22a194', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, h("p", { key: '668b7e7a4875ae8d2ac706ce2a257503a5576838' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'fc80688665f988b014e85bd306ce33fcd12303ae', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'd619c73b876c99f2fac86b3e1b729702b5de5ddb', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'ca69b53a4822c70ab9f94cca9ebff48dd5a99651', class: "export" }, h("gb-button", { key: '639648031f2a980e15eeab3231c3e638d85b8582', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: e => {
+        return (h("div", { key: 'b9aebae2bc6ab24efdbf9c8facb1c1df17417b1e', class: "table_header_div" }, this.type === 'default' && (h(Fragment, null, this.tableHeading && h("p", { key: 'ab5dc01f3ee6fbe7f048a50b42470067c4b4cecd', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '462f8e9a79ee6fb74f9d04d270b095c2e242f7f4', class: "left_actions" }, this.showDateFilter && (h("div", { key: '7ff21dc20a631536ecd5425ae1e5100b6f5ecd74', class: "date_filters" }, h("div", { key: 'ef657dc56a6d578137261152711ceb7bbcb14985', class: "date_input" }, h("gb-date-picker", { key: '8e9c87fd6b1748b3ed7faf19ef95629d0ec7b629', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, value: this.dateValue, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: 'd0c7cba3f286f66064cc65edcaa29825d30ba6ce', class: "slotted_action" }, h("slot", { key: 'de4c502e504467d73075b648a9200e9903985d54', name: "slotted_action" }))), h("div", { key: 'f4d6dc9be1c76eb31625a06cc23e7050c3246f9c', class: `right_actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '34b43352845d513463ce03c1bbf1c3eda2048dfc', class: "input_field" }, h("gb-input-field", { key: '8ec1a687e482cb37652e72a5fcb3622d94518d28', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '08f086bb79dbccea87108dab0b41c05a1445bf64', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: '543a41262a3a0cda3ae2a61e2b8f413db4ca413f', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (h("gb-button", { key: '12b4795e8e08b3cbef27e858452152cb86f29e07', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, h("p", { key: '11817565c2fac0b7b4b7b4c05ad061fd9ea4031f' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '1c1e78115d88beb2dd32b64f5dd6f05f5a5b48c2', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '9f0f90a4602a91383a0f118d327eedf89db9687f', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '86438aaec3d01e80b67476d23900c93153fd523d', class: "export" }, h("gb-button", { key: 'fb3af8671e17608ae6107e577d952715b9ef2935', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: e => {
                 e.stopPropagation();
                 this.toggleDropdown();
-            } }, h("p", { key: 'dd31fd0ffd6e1ac6e7cd01d88f069f439a361d7e' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: '455031c00380084e23a96a5d1015f9e8c36a8cf7', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, "pdf-sub-dropdown": this.pdfSubDropdown, "csv-sub-dropdown": this.csvSubDropdown, onExportClicked: event => this.emitSelection(event), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: '427c7fc20adc0ec98eec04ee2d009f7d4c39e35f', class: "refresh_button" }, h("gb-button", { key: '8b668b7e9079758d10c35b54c21a098657a8f2eb', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))), this.type === 'table_control' && (h(Fragment, null, h("p", { key: 'c5bf4948d85a660322439216c74f3f9a4975ca99', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'c3e90d25de169dc8c37dc7c57794f18bfa55752f', class: "controls" }, h("gb-button", { key: '8fe8ea805688d115aa1667f52db3eb14e92ce7c9', size: "md", hierarchy: "secondary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/icons/arrow-left-01/stroke/rounded.svg", onClick: () => this.emitTableControlClicked('previous') }), h("gb-button", { key: 'fd0957dfa2a2bb46a6441cc1665d08e38d354829', size: "md", hierarchy: "secondary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/icons/arrow-right-01/stroke/rounded.svg", onClick: () => this.emitTableControlClicked('next') }))))));
+            } }, h("p", { key: '29d6ab65753f75786cb28b92798c9542245ccf83' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: 'd2752e19f1ccd8c43002a0431deb25be612ae520', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, "pdf-sub-dropdown": this.pdfSubDropdown, "csv-sub-dropdown": this.csvSubDropdown, onExportClicked: event => this.emitSelection(event), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: 'a18094ca7bad411f4dfdf93944ee09270fa9ad18', class: "refresh_button" }, h("gb-button", { key: 'e89e640646655c8e10fae62dd25c583489f297f5', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))), this.type === 'table_control' && (h(Fragment, null, h("p", { key: '8975f368e279aab17157f29c0b282f06cd74c009', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'c166839199cbda75bd7de023d71e71195ef2a3cf', class: "controls" }, h("gb-button", { key: 'c419956dde24ce1dfab19cb4d43fb8cd02ce42f2', size: "md", hierarchy: "secondary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/icons/arrow-left-01/stroke/rounded.svg", onClick: () => this.emitTableControlClicked('previous') }), h("gb-button", { key: 'e8d80a7c1929345909bd9db5e0503f5b317065cd', size: "md", hierarchy: "secondary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/icons/arrow-right-01/stroke/rounded.svg", onClick: () => this.emitTableControlClicked('next') }))))));
     }
     static get is() { return "gb-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-table-header/gb-table-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, State, h, Fragment } from '@stencil/core';\nimport { CloseButtonPositions, StateEnum, StateType } from '../../models/reusableModels';\n\n@Component({\n  tag: 'gb-table-header',\n  styleUrl: 'gb-table-header.css',\n  shadow: true,\n})\nexport class GbTableHeader {\n  @Prop() type: 'default' | 'table_control' = 'default';\n  @Prop() showFilter: boolean = false;\n  @Prop() showColumnOptions: boolean = false;\n  @Prop() tableHeading: boolean = false;\n  @Prop() tableHeadingLabel: string = '';\n  @Prop() showSearch: boolean = false;\n  @Prop() showExport: boolean = false;\n  @Prop() showRefreshButton: boolean = false;\n  @Prop() showLayoutToggle: boolean = false;\n  @Prop() filterState: StateType;\n  @Prop() filterCount: number = 0;\n  @Prop() showEntireData: boolean = false;\n  @Prop() exportButtonState: StateType = 'default';\n  @Prop() pdfState: StateEnum = StateEnum.Default;\n  @Prop() csvState: StateEnum = StateEnum.Default;\n  @Prop() showDateFilter: boolean = false;\n  @State() items = [\n    { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\n    { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\n  ];\n  @Prop() mode: 'single' | 'range' = 'single';\n  @Prop() format: string = 'M j, Y';\n  @Prop() datePickerDisabled: boolean = false;\n  @Prop() datePickerPlaceholder: string = 'Start date - end date';\n  @Prop() datePickerIconPosition: CloseButtonPositions = 'left';\n  @Prop() datePickerDropdownPosition: CloseButtonPositions = 'left';\n  @Prop() exportDropdownPosition: CloseButtonPositions = 'right';\n  @Prop() enableTime: boolean = false;\n  @Prop() noCalendar: boolean = false;\n  @Prop() twentyfourHr: boolean = false;\n  @Prop() showMonths: number = 2;\n  @Prop() inputPlaceholder: string = 'Search';\n  @Prop() pdfSubDropdown: boolean = true;\n  @Prop() csvSubDropdown: boolean = true;\n  @Prop() dateValue: Date | Date[] | null | string;\n  @State() width: number = window.innerWidth;\n  @State() buttonIcon: 'default' | 'only';\n  @State() showExportDropdown: boolean = false;\n  @State() isDatePickerShown: boolean = false;\n  @State() isDatePickerFullWidth: boolean = false;\n  @Event() inputValueChanged: EventEmitter<void>;\n  @Event() filterButtonClicked: EventEmitter<void>;\n  @Event() exportClicked: EventEmitter<{ dataType: string; exportType: string }>;\n  @Event() refreshButtonClicked: EventEmitter<void>;\n  @Event() layoutButtonClicked: EventEmitter<string>;\n  @Event() columnOptionsButtonClicked: EventEmitter<string>;\n  @Event() tableControlClicked: EventEmitter<string>;\n  @Event({ bubbles: true, composed: true }) dateChange: EventEmitter<string | string[]>;\n  @Element() el: HTMLElement;\n\n  exportDropdown!: HTMLElement;\n\n  isMobile = this.width < 768;\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  componentWillLoad() {\n    this.updateParameters();\n    window.addEventListener('resize', this.handleResize.bind(this));\n  }\n\n  // extractDropdownItemSelected(item) {\n  //   if (item.detail === 'Custom') {\n  //     this.isDatePickerShown = true;\n  //   } else {\n  //     this.isDatePickerShown = false;\n  //   }\n  // }\n\n  emitDateSelected(date) {\n    this.dateChange.emit(date.detail);\n  }\n\n  toggleDropdown() {\n    this.showExportDropdown = !this.showExportDropdown;\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    this.width = window.innerWidth;\n    this.updateParameters();\n  }\n\n  private updateParameters() {\n    this.buttonIcon = this.width < 1007 ? 'only' : 'default';\n    this.isDatePickerFullWidth = this.width <= 700 ? true : false;\n  }\n\n  emitTableControlClicked(control: 'previous' | 'next') {\n    this.tableControlClicked.emit(control);\n  }\n\n  emitValue(inputValue) {\n    this.inputValueChanged.emit(inputValue);\n  }\n\n  onFilterButtonClicked() {\n    this.filterButtonClicked.emit();\n  }\n\n  emitSelection(selection) {\n    this.exportClicked.emit(selection);\n  }\n\n  onRefreshButtonClicked() {\n    this.refreshButtonClicked.emit();\n  }\n\n  onColumnOptionsButtonClicked() {\n    this.columnOptionsButtonClicked.emit();\n  }\n\n  onLayoutButtonClicked(layout) {\n    this.layoutButtonClicked.emit(layout.detail);\n  }\n\n  @Listen('click', { target: 'document' })\n  handleClickOutside(event: MouseEvent) {\n    if (this.showExportDropdown && !this.el.contains(event.target as Node)) {\n      this.showExportDropdown = false;\n    }\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n    window.removeEventListener('resize', this.handleResize);\n  }\n\n  render() {\n    return (\n      <div class=\"table_header_div\">\n        {this.type === 'default' && (\n          <>\n            {this.tableHeading && <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\n            {this.showDateFilter && (\n              <div class=\"date_filters\">\n                <div class=\"date_input\">\n                  <gb-date-picker\n                    mode={this.mode}\n                    disabled={this.datePickerDisabled}\n                    format={this.format}\n                    icon-position={this.datePickerIconPosition}\n                    placeholder={this.datePickerPlaceholder}\n                    dropdown-alignment={this.datePickerDropdownPosition}\n                    enable-time={this.enableTime}\n                    no-calendar={this.noCalendar}\n                    twentyfour-hr={this.twentyfourHr}\n                    show-months={this.showMonths}\n                    full-width={this.isDatePickerFullWidth}\n                    value={this.dateValue}\n                    onDateChange={this.emitDateSelected.bind(this)}\n                  ></gb-date-picker>\n                </div>\n              </div>\n            )}\n            <div class={`actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}`}>\n              {this.showSearch && (\n                <div class=\"input_field\">\n                  <gb-input-field\n                    size=\"sm\"\n                    type=\"icon_leading\"\n                    icon-swap=\"assets/search-01.svg\"\n                    placeholder={this.inputPlaceholder}\n                    enable-cancel-button-function={true}\n                    onInputValueChanged={this.emitValue.bind(this)}\n                  ></gb-input-field>\n                </div>\n              )}\n              <div class=\"action\">\n                {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\n                {this.showColumnOptions && this.width > 768 && (\n                  <gb-button\n                    size=\"md\"\n                    hierarchy=\"secondary_gray\"\n                    icon={this.width <= 1007 ? 'only' : 'default'}\n                    icon-leading={true}\n                    icon-leading-swap=\"assets/column-insert.svg\"\n                    onClick={() => this.onColumnOptionsButtonClicked()}\n                  >\n                    <p>Columns</p>\n                  </gb-button>\n                )}\n                {this.showFilter && (\n                  <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\n                    <p slot=\"filter_count\">{this.filterCount}</p>\n                  </gb-filter-button>\n                )}\n                {this.showExport && (\n                  <div class=\"export\">\n                    <gb-button\n                      size=\"md\"\n                      state={this.exportButtonState}\n                      hierarchy=\"secondary_gray\"\n                      icon={this.width <= 1007 ? 'only' : 'default'}\n                      icon-leading={true}\n                      icon-leading-swap=\"assets/file-export.svg\"\n                      icon-trailing={this.width <= 1007 ? false : true}\n                      icon-trailing-swap=\"assets/arrow-down-01.svg\"\n                      onClick={e => {\n                        e.stopPropagation();\n                        this.toggleDropdown();\n                      }}\n                    >\n                      <p>Export</p>\n                    </gb-button>\n                    {this.showExportDropdown && (\n                      <gb-export-dropdown\n                        ref={el => (this.exportDropdown = el)}\n                        show-entire-data={this.showEntireData}\n                        pdf-state={this.pdfState}\n                        csv-state={this.csvState}\n                        pdf-sub-dropdown={this.pdfSubDropdown}\n                        csv-sub-dropdown={this.csvSubDropdown}\n                        onExportClicked={event => this.emitSelection(event)}\n                        class={`dropdown ${this.exportDropdownPosition}`}\n                      ></gb-export-dropdown>\n                    )}\n                  </div>\n                )}\n                {this.showRefreshButton && (\n                  <div class=\"refresh_button\">\n                    <gb-button\n                      size=\"md\"\n                      hierarchy=\"secondary_gray\"\n                      icon={this.width <= 1007 ? 'only' : 'default'}\n                      icon-leading={true}\n                      icon-leading-swap=\"assets/refresh.svg\"\n                      onClick={() => this.onRefreshButtonClicked()}\n                    ></gb-button>\n                  </div>\n                )}\n              </div>\n            </div>\n          </>\n        )}\n        {this.type === 'table_control' && (\n          <>\n            <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>\n            <div class=\"controls\">\n              <gb-button\n                size=\"md\"\n                hierarchy=\"secondary_gray\"\n                icon=\"only\"\n                icon-leading={true}\n                icon-leading-swap=\"assets/icons/arrow-left-01/stroke/rounded.svg\"\n                onClick={() => this.emitTableControlClicked('previous')}\n              ></gb-button>\n              <gb-button\n                size=\"md\"\n                hierarchy=\"secondary_gray\"\n                icon=\"only\"\n                icon-leading={true}\n                icon-leading-swap=\"assets/icons/arrow-right-01/stroke/rounded.svg\"\n                onClick={() => this.emitTableControlClicked('next')}\n              ></gb-button>\n            </div>\n          </>\n        )}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, State, h, Fragment } from '@stencil/core';\nimport { CloseButtonPositions, StateEnum, StateType } from '../../models/reusableModels';\n\n@Component({\n  tag: 'gb-table-header',\n  styleUrl: 'gb-table-header.css',\n  shadow: true,\n})\nexport class GbTableHeader {\n  @Prop() type: 'default' | 'table_control' = 'default';\n  @Prop() showFilter: boolean = false;\n  @Prop() showColumnOptions: boolean = false;\n  @Prop() tableHeading: boolean = false;\n  @Prop() tableHeadingLabel: string = '';\n  @Prop() showSearch: boolean = false;\n  @Prop() showExport: boolean = false;\n  @Prop() showRefreshButton: boolean = false;\n  @Prop() showLayoutToggle: boolean = false;\n  @Prop() filterState: StateType;\n  @Prop() filterCount: number = 0;\n  @Prop() showEntireData: boolean = false;\n  @Prop() exportButtonState: StateType = 'default';\n  @Prop() pdfState: StateEnum = StateEnum.Default;\n  @Prop() csvState: StateEnum = StateEnum.Default;\n  @Prop() showDateFilter: boolean = false;\n  @State() items = [\n    { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\n    { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\n  ];\n  @Prop() mode: 'single' | 'range' = 'single';\n  @Prop() format: string = 'M j, Y';\n  @Prop() datePickerDisabled: boolean = false;\n  @Prop() datePickerPlaceholder: string = 'Start date - end date';\n  @Prop() datePickerIconPosition: CloseButtonPositions = 'left';\n  @Prop() datePickerDropdownPosition: CloseButtonPositions = 'left';\n  @Prop() exportDropdownPosition: CloseButtonPositions = 'right';\n  @Prop() enableTime: boolean = false;\n  @Prop() noCalendar: boolean = false;\n  @Prop() twentyfourHr: boolean = false;\n  @Prop() showMonths: number = 2;\n  @Prop() inputPlaceholder: string = 'Search';\n  @Prop() pdfSubDropdown: boolean = true;\n  @Prop() csvSubDropdown: boolean = true;\n  @Prop() dateValue: Date | Date[] | null | string;\n  @State() width: number = window.innerWidth;\n  @State() buttonIcon: 'default' | 'only';\n  @State() showExportDropdown: boolean = false;\n  @State() isDatePickerShown: boolean = false;\n  @State() isDatePickerFullWidth: boolean = false;\n  @Event() inputValueChanged: EventEmitter<void>;\n  @Event() filterButtonClicked: EventEmitter<void>;\n  @Event() exportClicked: EventEmitter<{ dataType: string; exportType: string }>;\n  @Event() refreshButtonClicked: EventEmitter<void>;\n  @Event() layoutButtonClicked: EventEmitter<string>;\n  @Event() columnOptionsButtonClicked: EventEmitter<string>;\n  @Event() tableControlClicked: EventEmitter<string>;\n  @Event({ bubbles: true, composed: true }) dateChange: EventEmitter<string | string[]>;\n  @Element() el: HTMLElement;\n\n  exportDropdown!: HTMLElement;\n\n  isMobile = this.width < 768;\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  componentWillLoad() {\n    this.updateParameters();\n    window.addEventListener('resize', this.handleResize.bind(this));\n  }\n\n  // extractDropdownItemSelected(item) {\n  //   if (item.detail === 'Custom') {\n  //     this.isDatePickerShown = true;\n  //   } else {\n  //     this.isDatePickerShown = false;\n  //   }\n  // }\n\n  emitDateSelected(date) {\n    this.dateChange.emit(date.detail);\n  }\n\n  toggleDropdown() {\n    this.showExportDropdown = !this.showExportDropdown;\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    this.width = window.innerWidth;\n    this.updateParameters();\n  }\n\n  private updateParameters() {\n    this.buttonIcon = this.width < 1007 ? 'only' : 'default';\n    this.isDatePickerFullWidth = this.width <= 700 ? true : false;\n  }\n\n  emitTableControlClicked(control: 'previous' | 'next') {\n    this.tableControlClicked.emit(control);\n  }\n\n  emitValue(inputValue) {\n    this.inputValueChanged.emit(inputValue);\n  }\n\n  onFilterButtonClicked() {\n    this.filterButtonClicked.emit();\n  }\n\n  emitSelection(selection) {\n    this.exportClicked.emit(selection);\n  }\n\n  onRefreshButtonClicked() {\n    this.refreshButtonClicked.emit();\n  }\n\n  onColumnOptionsButtonClicked() {\n    this.columnOptionsButtonClicked.emit();\n  }\n\n  onLayoutButtonClicked(layout) {\n    this.layoutButtonClicked.emit(layout.detail);\n  }\n\n  @Listen('click', { target: 'document' })\n  handleClickOutside(event: MouseEvent) {\n    if (this.showExportDropdown && !this.el.contains(event.target as Node)) {\n      this.showExportDropdown = false;\n    }\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n    window.removeEventListener('resize', this.handleResize);\n  }\n\n  render() {\n    return (\n      <div class=\"table_header_div\">\n        {this.type === 'default' && (\n          <>\n            {this.tableHeading && <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\n            <div class=\"left_actions\">\n              {this.showDateFilter && (\n                <div class=\"date_filters\">\n                  <div class=\"date_input\">\n                    <gb-date-picker\n                      mode={this.mode}\n                      disabled={this.datePickerDisabled}\n                      format={this.format}\n                      icon-position={this.datePickerIconPosition}\n                      placeholder={this.datePickerPlaceholder}\n                      dropdown-alignment={this.datePickerDropdownPosition}\n                      enable-time={this.enableTime}\n                      no-calendar={this.noCalendar}\n                      twentyfour-hr={this.twentyfourHr}\n                      show-months={this.showMonths}\n                      full-width={this.isDatePickerFullWidth}\n                      value={this.dateValue}\n                      onDateChange={this.emitDateSelected.bind(this)}\n                    ></gb-date-picker>\n                  </div>\n                </div>\n              )}\n              <div class=\"slotted_action\">\n                <slot name=\"slotted_action\"></slot>\n              </div>\n            </div>\n            <div class={`right_actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}`}>\n              {this.showSearch && (\n                <div class=\"input_field\">\n                  <gb-input-field\n                    size=\"sm\"\n                    type=\"icon_leading\"\n                    icon-swap=\"assets/search-01.svg\"\n                    placeholder={this.inputPlaceholder}\n                    enable-cancel-button-function={true}\n                    onInputValueChanged={this.emitValue.bind(this)}\n                  ></gb-input-field>\n                </div>\n              )}\n              <div class=\"action\">\n                {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\n                {this.showColumnOptions && this.width > 768 && (\n                  <gb-button\n                    size=\"md\"\n                    hierarchy=\"secondary_gray\"\n                    icon={this.width <= 1007 ? 'only' : 'default'}\n                    icon-leading={true}\n                    icon-leading-swap=\"assets/column-insert.svg\"\n                    onClick={() => this.onColumnOptionsButtonClicked()}\n                  >\n                    <p>Columns</p>\n                  </gb-button>\n                )}\n                {this.showFilter && (\n                  <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\n                    <p slot=\"filter_count\">{this.filterCount}</p>\n                  </gb-filter-button>\n                )}\n                {this.showExport && (\n                  <div class=\"export\">\n                    <gb-button\n                      size=\"md\"\n                      state={this.exportButtonState}\n                      hierarchy=\"secondary_gray\"\n                      icon={this.width <= 1007 ? 'only' : 'default'}\n                      icon-leading={true}\n                      icon-leading-swap=\"assets/file-export.svg\"\n                      icon-trailing={this.width <= 1007 ? false : true}\n                      icon-trailing-swap=\"assets/arrow-down-01.svg\"\n                      onClick={e => {\n                        e.stopPropagation();\n                        this.toggleDropdown();\n                      }}\n                    >\n                      <p>Export</p>\n                    </gb-button>\n                    {this.showExportDropdown && (\n                      <gb-export-dropdown\n                        ref={el => (this.exportDropdown = el)}\n                        show-entire-data={this.showEntireData}\n                        pdf-state={this.pdfState}\n                        csv-state={this.csvState}\n                        pdf-sub-dropdown={this.pdfSubDropdown}\n                        csv-sub-dropdown={this.csvSubDropdown}\n                        onExportClicked={event => this.emitSelection(event)}\n                        class={`dropdown ${this.exportDropdownPosition}`}\n                      ></gb-export-dropdown>\n                    )}\n                  </div>\n                )}\n                {this.showRefreshButton && (\n                  <div class=\"refresh_button\">\n                    <gb-button\n                      size=\"md\"\n                      hierarchy=\"secondary_gray\"\n                      icon={this.width <= 1007 ? 'only' : 'default'}\n                      icon-leading={true}\n                      icon-leading-swap=\"assets/refresh.svg\"\n                      onClick={() => this.onRefreshButtonClicked()}\n                    ></gb-button>\n                  </div>\n                )}\n              </div>\n            </div>\n          </>\n        )}\n        {this.type === 'table_control' && (\n          <>\n            <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>\n            <div class=\"controls\">\n              <gb-button\n                size=\"md\"\n                hierarchy=\"secondary_gray\"\n                icon=\"only\"\n                icon-leading={true}\n                icon-leading-swap=\"assets/icons/arrow-left-01/stroke/rounded.svg\"\n                onClick={() => this.emitTableControlClicked('previous')}\n              ></gb-button>\n              <gb-button\n                size=\"md\"\n                hierarchy=\"secondary_gray\"\n                icon=\"only\"\n                icon-leading={true}\n                icon-leading-swap=\"assets/icons/arrow-right-01/stroke/rounded.svg\"\n                onClick={() => this.emitTableControlClicked('next')}\n              ></gb-button>\n            </div>\n          </>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/gb-tag/gb-tag.js

@@ -25,7 +25,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '40a464d09784b2dce0c4a47c3f678ff033149f66', class: `container ${this.size} ${this.action}` }, h("div", { key: 'ce932dd76385c8114dcafd33c4800ba16ff540e0', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'bdc3411abbd211f1efce804743a088ff9ade39d9', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'd740fef63a9efdd2c536c6ad1c51595b2e02cdcc', class: "icon left-icon" }, h("img", { key: 'd38900997a8bc598a834bdf7b291bcb87a540849', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '2eaa0bdf320f071e11f086e1aa0b97ddbd7c627d', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'df9c9815bc2e521e36eb11187f95c2bcd9cfd059', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: 'f40ec6f2882ff8d3eaabac57138e6257862564b0', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '444314134458ca728b03d7164abcad748962bc05', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '4f745db99246ffd794cb0ebd316a13c3fb1696e1', class: "label" }, h("slot", { key: '5122e35c3e9f3b57cbbded2d7b6e4f05996ac07a' })), this.action === 'count' && (h("gb-tag-count", { key: 'f07bb84b5b394b3d8b018bbd9f4bb601e94eec51', size: this.size }, h("slot", { key: '79afd67582cfc42153a51dd51c44f648efe6da40', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '2950b7a03d2089a37316bd766fa3c9839302a206', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '4db8cb4c18d5a46b7a4a0f250235c4bc20162871', class: `container ${this.size} ${this.action}` }, h("div", { key: '73fddfb7e300cbd258710ba5d4ab311eb02233b9', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '6584317e63963b3144953279ae1afab33dc5fd8d', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '486e95ed5586db40441dff3f38fd5a4b8dba4729', class: "icon left-icon" }, h("img", { key: 'fb105b7dfa038dc0c51569961e80a81cba683b55', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '0b80137c668a63c24606bcda77b1a4d8fb55ffce', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'ce4b8d51ea516396afe36b6331abdba8de5f98df', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '407f76a3068819684399930460cb103e593a4a98', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '0fd60e413eb73301ba5ab03de5985618c75f7bd3', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '281d647b1e5eb8f36b0e10ea5572b03d7f58c0c4', class: "label" }, h("slot", { key: 'f896a138c4b627747218eb596ca99265d43c6e0d' })), this.action === 'count' && (h("gb-tag-count", { key: '8f80d66cf6188a2dadc7c97e270f9ae2b9979113', size: this.size }, h("slot", { key: '8903eb024429eee8b59af3e9ab076bccca032cf8', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'f01adde76c081f267c6efc62f78052a0834c1757', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '0afe45e5aa7f9033a78980a564f75f55fccfaa9a', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'b8043ef7496c2eb0d5122ac456018b265163a720', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '33160d7465bffabad1f04c8885b7b9723dd98222', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'f15db973902b773457dcb6c810c917425515c30f', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '435d472efc6a164c99b0b4ed498cce0367db5ee4', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: '74d33422ea4b8e16c955ef88f78d1b42ca2b422f', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'd3e14a99359e402c9928dbde7a1cf734405a88b3', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '97a17b2f244d98140041386940b8ca3ba61a680d', class: `custom-checkbox ${this.size}` }, h("svg", { key: '790e4752492bbc545f660fd1dbf06beef35a32ee', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '2794ea23c7d44559e9a8a1947b7979ccc2a82579', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-close/gb-tag-close.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: '0972c6eeb7b47f126daf05f863190129884f50ab', class: this.size }, h("svg", { key: '79624993cf68f7380eafd2a3f9726b2994a86d64', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '905a42064436ee018ff944ddbf532636bf64e893', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: 'ab46dbe6d982be8ecb4c8d6946675f0696da1e1c', class: this.size }, h("svg", { key: 'ca3716b38c2e64a8719732f7d8bf3ae06f290ff4', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '0b7861ce929fdbd11e457c4562ba9ceb30942883', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-tag-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-count/gb-tag-count.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: '7ae4949b153489094e3d89c4b893283f5a28d600', class: this.size }, h("slot", { key: '62c2c2a12f0ea2d8f7be6fdaab24f961dbf6b08a', name: "count" })));
+        return (h("div", { key: '26220cddab3dde6c9bcb4efd06405d64298dba97', class: this.size }, h("slot", { key: '7f5eda548dc150ee8081fd23e81890b7c5d718bb', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js

@@ -202,12 +202,12 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: 'aa6638b2112d9c0e8b3b92bfd7dadc67b2557b11', class: "textarea_container" }, h("div", { key: '59df2769b9a4871bbd75958cbde74528ae640c2a', class: "input_with_label" }, this.showLabel && h("p", { key: '43fe33292976e5c9c42be045c60bb180cb0fa7b2', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'f3349f1292fdc5cdd60b43967c5e5de8f308e5d5', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '23bc08bb29c24a1a852ed83385b5f8c1a50b9727', class: "textarea_tags" }, h("div", { key: 'aea95609f995f7784e41754392849682bd4e3f0e', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '7c9373b2a1c5431c84f1a8bdcb7896ef5a736a09', 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: '565e61725d34f9c6944500577c57684240c7b5ae', class: "textarea_container" }, h("div", { key: '1a9224aa722577dd29cf27d7ce17893c011c9a33', class: "input_with_label" }, this.showLabel && h("p", { key: 'a6f6b90adc6f1dc5fe987ea340b87a9b91df231c', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'b009024c9a2b90c0adfeebd68f90ef4954ffd6ae', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '34914d900a623409c0038f5140d1881661bf55f1', class: "textarea_tags" }, h("div", { key: '3fb39cad4769abb7ae13de8d1359d36ad6c87f4c', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '1ac8b1c4b5ef60b3f741ba781b6e3ee1f8e0ad9a', 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: 'a1e67da73641a1f6b22270e6215dc38ed3e5ccd2', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '7e70c07b1deb4be35ce8fa860d8544f745cbfce5', class: "input_field" }, h("input", { key: 'f1a8d84bcad933b3ce72b3ac6acd0c6023815d13', 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: '164c0db9fa86d9895fff41f831772fb9153a8bc5', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '60c81ebead1aeab030330321bb29ddc68189c86c', class: "input_field" }, h("input", { key: 'd8ac89fc4c3f57eec1ec464570b9ee5767bac970', 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: '4ac60aeaf1105de515ad0cff65e8235dbc0bcd8b', class: "help_icon" }, h("svg", { key: 'eea9a7af9d7668ffd9e5d71c14990d0f6735aa8f', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'd9a8ee9bec423277c6544d55bfc232e6d00846b1', 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: '8df1e26d05154d30d17ffad048f279791a2d4700', 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: '647b961541b6de91a2d42571be8a24e51b1f607e', class: "help_icon" }, h("svg", { key: '0168db2467167c6e99d92038b795c87ed1e5057b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '8f3fafcc1e1adf8b0c888bfb7316a89bfe77589e', 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: 'fbf4fe546db4a26b7cc0d7e8d5cf658d10b0a7b8', 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(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }

package/dist/collection/components/gb-theme-tab/gb-theme-tab.js

@@ -18,7 +18,7 @@ export class GbThemeTab {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: 'f2bdd520a5f2ba78e0a8e4a114a5be3714386f10', class: `theme_tab_div` }, h("div", { key: 'c68383401f4a0a81e25e2c552208add40049ad7c', class: "tab" }, h("gb-icon-button-base", { key: 'fc7edf56276b590ca490e5d1a8bf7878a43ea24c', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '0637ecde8440c16d4b005ef70ef9f0eaf55725a0', class: "tab" }, h("gb-icon-button-base", { key: 'c0e4a1a739f0545b06a2cc6a8d19d3cbb7709e12', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: 'f10256efe294f9e41d6569608993986f94bcc291', class: "tab" }, h("gb-icon-button-base", { key: '462cd317bbc05ca1ec27b604809edeb2aa1beb1e', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '3a368d436a34459fc6922cd4f4ff6567de311252', class: `theme_tab_div` }, h("div", { key: '0ea322ebf4f11b2a6bba917aa4b0b79a17dd03c8', class: "tab" }, h("gb-icon-button-base", { key: '2009e8a9f23a04713708899bc025406eec9f7904', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '4575b83c9077e0670147bc712e40524a812b2dd1', class: "tab" }, h("gb-icon-button-base", { key: '752fa28dcb17e8b14ffbd9389e45804a554bfbfd', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: 'f077e240fcfaf3f908b41822ccc10ed859146316', class: "tab" }, h("gb-icon-button-base", { key: '7f7cafb3567253becbd4c901038d7200a6ea2c79', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     static get is() { return "gb-theme-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class GbToast {
         window.removeEventListener('resize', this.handleResize);
     }
     render() {
-        return (h("div", { key: 'd4011404f287f496f23e4c98d905107fa847a256', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'ebf32f89568701736db387fb4315b548178c5707', class: `icon_container ${this.showSupportingText ? '' : 'no_supporting_text'}` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #079455)" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "var(--color-icon-danger, #B51726)" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { 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: "var(--color-icon, #4B5565)" }), h("path", { "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: "var(--color-icon, #4B5565)" }), h("path", { "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: "var(--color-icon, #4B5565)" })))), h("div", { key: 'eeb8b7918a1ac3c7a7135d43a22b89406690777b', class: `content ${this.size} ${this.actions ? ' actions' : ''} ${this.breakpoint}` }, h("div", { key: '03cd79c45b913f807cb0c7ddbc9814dc59bca4ef', class: `text ${!this.internalSupportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: 'b43b73bb0cee87cf527cf975892cddbc0c446be8', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: '4215cccb23e9c77d5735e9d7ef0117460893a67b', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.internalSupportingText)), this.actions && (h("div", { key: '9ba778082466050a50ecc3e218fab09fbaa46530', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'd720446dde3625c86139627d26fa178f2e91cded', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: 'f839565ca67bbb958ab2a92bf07abbf1328705c6', class: `container ${this.breakpoint}` }, h("div", { key: 'f22b516cce0f12a80220acecb5bae9269238743f', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '5ff0d37ab9e8439db80253aa4444d2af51eb1d5b', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'ab5b6442fb159838031eded621acd6125ba41468', class: `icon_container` }, h("svg", { key: 'c852dc95680f9687e579d7022f2ea86e24aafb6e', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: '617fa6548ceff84cd341322ee999df7857283af2', 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: '040bfd6d2414d242d1113082987fc66675f2a48e', "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: 'c36a403c9d4434d301189478b7dfebcde8916467', "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: '08039d55b2ea469f263fbd14f63f3a3fb9fe1b02', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '8b0e9c8b91d485767a7a5e3ccfde46f8638d642a', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: '41a3e4d30748ee49733369a921d2777521929458', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.internalSupportingText))), this.actions && (h("div", { key: '82aa63fe41f5ff604d8b6a0e2faafb5df1f561f6', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'deec9360a989a12b75ca61ec3b5c2782eebde4e2', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: '75c13743348a9d6ec0c439b25764a6d0daa122cc', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'a9e3a2eabe67c5022abb2dc5ce912fbec5c3344b', class: `icon_container ${this.showSupportingText ? '' : 'no_supporting_text'}` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #079455)" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "var(--color-icon-danger, #B51726)" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { 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: "var(--color-icon, #4B5565)" }), h("path", { "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: "var(--color-icon, #4B5565)" }), h("path", { "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: "var(--color-icon, #4B5565)" })))), h("div", { key: 'e83cbbfeb14925094f99c31c7bb00a17ab160d88', class: `content ${this.size} ${this.actions ? ' actions' : ''} ${this.breakpoint}` }, h("div", { key: '1628dd664d218749423e8d3ec6374977d0aa2d8d', class: `text ${!this.internalSupportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: '7d45467266d28d5f863c2913368194347bfbe530', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: 'f8542653142461a25cf9e65b1b870b6cde330838', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.internalSupportingText)), this.actions && (h("div", { key: '431bd711f8748ca8fa218a7a997e06d37f5be71b', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'f77e069c3dc7cd5635cd4a07cfa89bd44e45e6ce', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: 'e43616cf514d2c956acc0b9c72ecb0233746f60d', class: `container ${this.breakpoint}` }, h("div", { key: '14dfff29a8ae1f909ed2130865839dc710430643', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'c3e1138d32834c7a560868908557ef12a90588ba', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'b0db7bd44df339e7cc545a4cf1893f9be0791229', class: `icon_container` }, h("svg", { key: '26b247a646cb4d9a0b9991ef267b319b86cd4d48', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: 'c075e6b173cdc9bf41c198998ae8562550b34730', 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: '049280a3c29b654d04f74b2a696d0ae3cece6514', "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: '477b4bb2b14e8fd7cc7b7ff0447776b772d2ae9e', "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: 'cb647f2efdb8b3fdb30e2c2b3de016da6451a4e7', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '29d209d6a225d14c39701bed3e4e1c038de5ca1a', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: '7920a176195dc817a4eb61390c6e0a64cd301291', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.internalSupportingText))), this.actions && (h("div", { key: 'd0052e937fa966dcfc033a0323dbc44ed8dc4720', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'd4c8b6b1d3f0311a82b5eb7cb246fbe2f00e506a', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toast-button/gb-toast-button.js

@@ -5,7 +5,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: 'f1d5c2a7265efe395d8a292c2f311c41f10ef717', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '78a4f27cc9a59d4a6f14b976eeb9c9a8df757125' })));
+        return (h("div", { key: '789b47f4a84a6dfe23ca3d8e84b131902a525b98', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '6ffd974700efa73c1813792e1e845dacc8f29d4a' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toggle/gb-toggle.js

@@ -42,7 +42,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '3f388798891248cb1cdb54ebeb098ed13755d009', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: '6d7c66910929736fb541a6e45181540076aab98a', class: "text" }, h("slot", { key: 'e31bbc2ccf0e63e9437ea658f5fdfb7fe57f86d1', name: "main_text" }), this.supportingText && h("slot", { key: 'dea1d6d6895501c05c22efaf4b69cc282b1ba389', name: "supporting_text" }))))), h("div", { key: 'e47fce541f0b5168625ac10cc2c96febeb25b4d3', class: "toggle_base" }, h("gb-toggle-base", { key: '89585914f4936ab9af39d156eb9a58506429175d', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: '2b69210a6dad16a41bfcb7cd1c36fc844845428a', class: "text" }, h("slot", { key: '64870c31f2de71f6b8e2bb573349508ffc6108ce', name: "main_text" }), this.supportingText && h("slot", { key: '26edf5c762439674a7d9c634e24f715361f35ae7', name: "supporting_text" })))))));
+        return (h("div", { key: '94f696750d3e39870d985dd2bf44119dbf719a28', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: '43b2a3e0120006b906cbba9509c36f86f901ab8e', class: "text" }, h("slot", { key: 'f476b8003416e04eb6fa64435e1c2ee287ce370d', name: "main_text" }), this.supportingText && h("slot", { key: '0a3379a174da68112bc27e63c0e1beb84459471e', name: "supporting_text" }))))), h("div", { key: '272f54da35e43e733473b24a2621c30c690bacc4', class: "toggle_base" }, h("gb-toggle-base", { key: 'accf37c18cd94969f838cdd6b43aa030343e2743', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: '2d7da6f5b8d8c478531a7a7947ee197b35ecdd9f', class: "text" }, h("slot", { key: '1f35d33435ca58b48affc47cc0df5035c448fd18', name: "main_text" }), this.supportingText && h("slot", { key: '455fc4686823756b74429a9ddf1c695d18a50349', name: "supporting_text" })))))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toggle-base/gb-toggle-base.js

@@ -11,8 +11,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: 'f5bc62bd4d4c0584cd29b2cde6d3d8a0e0b5ade9', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '83d4d11aa9e40ee8aca3ee1f21de6dc10d36262d', 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: "var(--color-background-selected, #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: "var(--color-background-gray-subtle, #E3E8EF)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: '2dc886143fa42497648b77d01617d5fd04a7b19a', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '701e5fba0f627f17d21eca391369c3c866c15325', 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: "var(--color-background-selected, #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: "var(--color-background-gray-subtle, #E3E8EF)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
     static get is() { return "gb-toggle-base"; }

package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js

@@ -38,7 +38,7 @@ export class GbTokenFieldCompact {
         }
     }
     render() {
-        return (h("div", { key: '30c219019e088eff03e92da13123256501cb7f9a', class: `compact_field_wrapper ${this.size}` }, h("div", { key: '7a915cd49bc253b3d628d95106422538d77b16b9', class: "input_with_label" }, this.showLabel && h("label", { key: 'ca1b12cef2a102094f775bfb5ab9076a5d0e9f65', class: "text-sm-medium" }, this.label), h("input", { key: '1c2d70b2e19a8c03c59b6f98ec4c91cf7fb874ab', class: `token_input ${this.size}`, type: "text", inputMode: "numeric", placeholder: '-'.repeat(this.digits), value: this.inputValue, maxLength: this.digits, onInput: e => this.emitInputtedToken(e), onKeyDown: e => this.handleKeyDown(e), onPaste: e => this.handlePaste(e), ref: el => (this.inputEl = el) })), this.showSupportingText && h("p", { key: '2d0f099a76fe9e6c586cfea5d45218bafd6fca61', class: "supporting_text text-sm-regular" }, this.supportingText)));
+        return (h("div", { key: '05cc399ad92ec1c2c0deb0913a0f648f4893b6e3', class: `compact_field_wrapper ${this.size}` }, h("div", { key: 'd56ab5f3021ad30ea06088a276f8f9a90319227b', class: "input_with_label" }, this.showLabel && h("label", { key: 'aba6fd227bac7704cb83c1512c01c08c081a623a', class: "text-sm-medium" }, this.label), h("input", { key: '8f4068a0374cc62170f2fee2cecda8ff46ae5e92', class: `token_input ${this.size}`, type: "text", inputMode: "numeric", placeholder: '-'.repeat(this.digits), value: this.inputValue, maxLength: this.digits, onInput: e => this.emitInputtedToken(e), onKeyDown: e => this.handleKeyDown(e), onPaste: e => this.handlePaste(e), ref: el => (this.inputEl = el) })), this.showSupportingText && h("p", { key: '2d23141660587f362f7f7cfbc55d2a4eba164fed', class: "supporting_text text-sm-regular" }, this.supportingText)));
     }
     static get is() { return "gb-token-field-compact"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js

@@ -79,11 +79,11 @@ export class GbTokenFieldCompressed {
         });
     }
     render() {
-        return (h("div", { key: 'f8584c49cb5bb15b897d698f050bf588bed4e019', class: {
+        return (h("div", { key: '1a5524182f01064b98112005c606b090a261aeea', class: {
                 container: true,
                 [this.size]: true,
                 [`digits-${this.digits}`]: true,
-            } }, h("div", { key: '74d4aafe11297ad12d52d44e101136ef7f0e2680', class: "input-with-label" }, this.showLabel && (h("label", { key: 'cd786070530c0b24118b6eb435c81dcef554220c', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && h("div", { key: 'f071268545e4c0dc18eef9e9d68034c623338332', class: "input-wrapper" }, this.renderInputs(4, 0)), this.digits === 6 && (h("div", { key: 'c5b3ed2438c335f5ff8ab52fd497af1a22c15e21', class: "input-wrapper" }, this.renderInputs(3, 0), h("p", { key: '4c49a43f92b8b50e6b13aae11aab7c271994e994', class: "line display-sm-bold" }, "-"), this.renderInputs(3, 3))), this.digits === 8 && (h("div", { key: 'bb2f59fd91fbe03d50af72a40ac16bf316adefe9', class: "input-wrapper" }, this.renderInputs(4, 0), h("p", { key: 'f8842a34aff3f97f30e5f8e37533dd63492048e9', class: "line display-sm-bold" }, "-"), this.renderInputs(4, 4)))), this.showHintText && (h("div", { key: '8f21d1a69860222a0163ed1c16fb907b5ff8304d', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: '6368fb81836f3aeffd5e8ece4fb526cb3d4ea4f1', class: "input-with-label" }, this.showLabel && (h("label", { key: 'f528384db05817bc4ce8fe03a866047a5d0e4e5f', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && h("div", { key: 'ebfb6797b9a035e65feb6b19e0ee97c96258da8f', class: "input-wrapper" }, this.renderInputs(4, 0)), this.digits === 6 && (h("div", { key: '2ceea412f9ff93e609a766eab6bd3d89d8a70a67', class: "input-wrapper" }, this.renderInputs(3, 0), h("p", { key: '98516306895f9169c2a56a22bf1b0a207cb0a85e', class: "line display-sm-bold" }, "-"), this.renderInputs(3, 3))), this.digits === 8 && (h("div", { key: '9ddd40c60f03a3e7011a5fac94ba0441a733e750', class: "input-wrapper" }, this.renderInputs(4, 0), h("p", { key: 'fcc8a84e9b57ca488aa7c472f095315cc22fe434', class: "line display-sm-bold" }, "-"), this.renderInputs(4, 4)))), this.showHintText && (h("div", { key: 'd3a85d332662b0a646af02f8789292a7c890d63b', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get is() { return "gb-token-field-compressed"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tooltip/gb-tooltip.js

@@ -27,7 +27,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: 'b877cc889088eea059267d2ef105b75b9104b70b', class: "tooltip_container" }, h("div", { key: '85d09a6745959ee0bae544dfad0ae9a2d15eef94', class: "tooltip", style: { width: this.width } }, this.showArrow && h("div", { key: '47e8ede5f8b4efbaf6c10319390cbbaf55f62999', class: this.getArrowClass() }), h("div", { key: '519064223b2dc2ed33ca63d58634142c214f8eb9', class: "tooltip_content" }, h("slot", { key: '8da83df24b4a25a2b195ea6fe8fe3d0d8f2d7450', name: "label" }), this.showSupportingText && h("slot", { key: 'f041749beaf32a3629c5343a1352ac9654e74a40', name: "supporting_text" })))));
+        return (h("div", { key: '26867b95379cc59d5b706fb593e168f3b707d4e2', class: "tooltip_container" }, h("div", { key: '2572966867e1a11a6b6d57f35f7e94fdf1159f92', class: "tooltip", style: { width: this.width } }, this.showArrow && h("div", { key: '1087c56e877ca59b8887faeb49b6703832bb22f7', class: this.getArrowClass() }), h("div", { key: 'c4169802888eaeaab3a1159a8aa39ab429315cc3', class: "tooltip_content" }, h("slot", { key: 'b70b46d6eb1f496e51a36fb8c7fdea1134d364f6', name: "label" }), this.showSupportingText && h("slot", { key: '58ff5b7e57c5aeba47a9a89e35913274b3d94781', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js

@@ -26,7 +26,7 @@ export class GbVerticalTabs {
         this.tabItemClicked.emit({ index, label });
     }
     render() {
-        return (h("div", { key: '3fd7c5a22bdf26d1d226469c68d524aacba2d5a4', class: `vertical_tab_div` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": tab.name, current: this.activeIndex === index, onClick: () => this.handleTabClick(index, tab.name), alignment: "vertical", truncate: this.truncate })))));
+        return (h("div", { key: '3f8f331858ce60e6299507819d4c695429ba3da1', class: `vertical_tab_div` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": tab.name, current: this.activeIndex === index, onClick: () => this.handleTabClick(index, tab.name), alignment: "vertical", truncate: this.truncate })))));
     }
     static get is() { return "gb-vertical-tabs"; }
     static get encapsulation() { return "shadow"; }