globuswebcomponents 2.2.4 → 2.2.6

package/dist/cjs/gb-featured-icon_3.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gb-featured-icon.gb-step-base.gb-step-icon-base.entry.cjs.js","mappings":"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","names":["getAssetPath","h","Fragment"],"sources":["src/components/gb-featured-icon/gb-featured-icon.css?tag=gb-featured-icon&encapsulation=shadow","src/components/gb-featured-icon/gb-featured-icon.tsx","src/components/gb-step-base/gb-step-base.css?tag=gb-step-base&encapsulation=shadow","src/components/gb-step-base/gb-step-base.tsx","src/components/gb-step-icon-base/gb-step-icon-base.css?tag=gb-step-icon-base&encapsulation=shadow","src/components/gb-step-icon-base/gb-step-icon-base.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n:host{\r\n    width: fit-content;\r\n}\r\n\r\n.featured_icon_div {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-shrink: 0;\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  background: var(--color-background-card, #ffffff);\r\n  box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.featured_icon_div.sm {\r\n  width: 2rem;\r\n  height: 2rem;\r\n  padding: var(--spacing-2);\r\n  border-radius: 0.375rem;\r\n}\r\n\r\n.featured_icon_div.md {\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  padding: 0.625rem;\r\n  border-radius: var(--rounded-sm);\r\n}\r\n\r\n.featured_icon_div.lg {\r\n  width: 3rem;\r\n  height: 3rem;\r\n  padding: 0.75rem;\r\n  border-radius: 0.625rem;\r\n}\r\n\r\n.featured_icon_div.xl {\r\n  width: 3.5rem;\r\n  height: 3.5rem;\r\n  padding: 0.875rem;\r\n  border-radius: var(--rounded-md);\r\n}\r\n\r\n.icon{\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.icon.sm svg {\r\n  width: 1rem;\r\n  height: 1rem;\r\n}\r\n\r\n.icon.md svg {\r\n  width: 1.25rem;\r\n  height: 1.25rem;\r\n}\r\n\r\n.icon.lg svg {\r\n  width: 1.5rem;\r\n  height: 1.5rem;\r\n}\r\n\r\n.icon.xl svg {\r\n  width: 1.75rem;\r\n  height: 1.75rem;\r\n}\r\n\r\n.icon path[stroke] {\r\n    stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.icon.destructive path[stroke] {\r\n    stroke: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.icon path[fill] {\r\n    fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.icon.destructive path[fill] {\r\n    fill: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n.featured_icon_div.destructive{\r\n  border: 1px solid var(--color-border-danger, #B51726);\r\n  background: var(--color-background-danger-subtlest, #FEF1F2);\r\n}","import { Component, Prop, State, getAssetPath, h } from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-featured-icon',\r\n  styleUrl: 'gb-featured-icon.css',\r\n  shadow: true,\r\n})\r\nexport class GbFeaturedIcon {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() icon: string = '';\r\n  @State() leadingIconSvg: string = '';\r\n\r\n  async loadIcon(iconName: string) {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    this.leadingIconSvg = svg;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.loadIcon(this.icon);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`featured_icon_div ${this.size} ${this.destructive ? 'destructive' : ''}`}>\r\n        <div class={`icon ${this.size} ${this.destructive ? 'destructive' : ''}`} innerHTML={this.leadingIconSvg}></div>\r\n      </div>\r\n    );\r\n  }\r\n}","@import './../../global/global.css';\r\n\r\n/* :host{\r\n    display: inline-block;\r\n} */\r\n\r\n/* Text Line Styles */\r\n.text_line_div {\r\n  display: flex;\r\n  width: 100%;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n}\r\n\r\n.text_line_div.sm {\r\n  padding-top: var(--spacing-3);\r\n}\r\n\r\n.text_line_div.md {\r\n  padding-top: var(--spacing-4);\r\n}\r\n\r\n.text_line_div.lg {\r\n  padding-top: var(--spacing-5);\r\n}\r\n\r\n.bar {\r\n  height: 0.25rem;\r\n}\r\n\r\n.bar.incomplete.default {\r\n  background-color: var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.bar.current.default,\r\n.bar.complete.default {\r\n  background-color: var(--color-border-selected, #075db2);\r\n}\r\n\r\n.bar.incomplete.destructive,\r\n.bar.current.destructive,\r\n.bar.complete.destructive {\r\n  background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n.text_line_div_content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.text_line_text.desktop{\r\n  white-space: nowrap;\r\n}\r\n\r\n.text_line_label.default.incomplete,\r\n.text_line_label.default.complete {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n\r\n.text_line_label.default.current,\r\n.text_line_text.default.current {\r\n  color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.text_line_text.default.incomplete,\r\n.text_line_text.default.complete {\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.text_line_label.incomplete.destructive,\r\n.text_line_label.current.destructive,\r\n.text_line_label.complete.destructive {\r\n  color: var(--color-text-danger, #b51726);\r\n}\r\n\r\n.text_line_text.incomplete.destructive,\r\n.text_line_text.current.destructive,\r\n.text_line_text.complete.destructive {\r\n  color: var(--color-text-danger-subtle, #cc1a2a);\r\n}\r\n\r\n/* Icon Only Styles */\r\n.icon_only_div {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: var(--rounded-full);\r\n}\r\n\r\n.icon_only_div.sm {\r\n  width: 1.5rem;\r\n  height: 1.5rem;\r\n}\r\n\r\n.icon_only_div.md {\r\n  width: 2rem;\r\n  height: 2rem;\r\n}\r\n\r\n.icon_only_div.lg {\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n}\r\n\r\n.icon_only_div.default.incomplete {\r\n  background: var(--color-background-card, #ffffff);\r\n  border: 2px solid #cdd5df;\r\n}\r\n\r\n.icon_only_div.default.current,\r\n.icon_only_div.default.complete {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n  border: 2.5px solid var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.icon_only_div.incomplete.destructive,\r\n.icon_only_div.current.destructive,\r\n.icon_only_div.complete.destructive {\r\n  background: var(--color-background-danger-subtlest, #fef1f2);\r\n  border: 2.5px solid var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.dot {\r\n  border-radius: var(--rounded-full);\r\n}\r\n\r\n.dot.sm {\r\n  width: 0.6rem;\r\n  height: 0.6rem;\r\n}\r\n\r\n.dot.md {\r\n  width: 0.8rem;\r\n  height: 0.8rem;\r\n}\r\n\r\n.dot.lg {\r\n  width: 0.9rem;\r\n  height: 0.9rem;\r\n}\r\n\r\n.dot.default.incomplete {\r\n  background: #cdd5df;\r\n}\r\n\r\n.dot.default.current {\r\n  background: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.dot.incomplete.destructive,\r\n.dot.current.destructive {\r\n  background: var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.tick.sm {\r\n  width: 0.8rem;\r\n  height: 0.8rem;\r\n}\r\n\r\n.tick.md {\r\n  width: 1rem;\r\n  height: 1rem;\r\n}\r\n\r\n.tick.lg {\r\n  width: 1.2rem;\r\n  height: 1.2rem;\r\n}\r\n\r\n.tick.destructive path {\r\n  stroke: var(--color-icon-danger, #b51726);\r\n}\r\n\r\n/* Icon Left Styles */\r\n.icon_left_div {\r\n  display: flex;\r\n  align-items: flex-start;\r\n}\r\n\r\n.icon_left_div.sm {\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.icon_left_div.md,\r\n.icon_left_div.lg {\r\n  gap: var(--spacing-4);\r\n}\r\n\r\n.icon_left_text {\r\n  display: flex;\r\n  padding: var(--spacing-2) var(--spacing-none) var(--spacing-7) var(--spacing-none);\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-3);\r\n  flex: 1 0 0;\r\n}\r\n\r\n.connector_wrap {\r\n  display: flex;\r\n  padding-bottom: 0.25rem;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0.25rem;\r\n  align-self: stretch;\r\n}\r\n\r\n.connector_div {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-grow: 1;\r\n}\r\n\r\n.icon_left_connector {\r\n  width: var(--spacing-half); /* Adjust the width as needed */\r\n  height: 100%; /* Adjust the height as needed */\r\n  border-radius: 5px; /* Half of the width to make it fully rounded */\r\n}\r\n\r\n.icon_left_connector.default.incomplete,\r\n.icon_left_connector.default.current {\r\n  background-color: var(--color-border-subtler, #e3e8ef); /* Change the color as needed */\r\n}\r\n\r\n.icon_left_connector.default.complete {\r\n  background-color: var(--color-border-success, #079455);\r\n}\r\n\r\n.icon_left_connector.incomplete.destructive,\r\n.icon_left_connector.current.destructive,\r\n.icon_left_connector.complete.destructive {\r\n  background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n/* Icon Top Styles */\r\n.step_icon {\r\n  display: flex;\r\n  gap: 0;\r\n}\r\n\r\n.icon_top_div,\r\n.icon_top_content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.icon_top_div.sm,\r\n.icon_top_content {\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.icon_top_div.md,\r\n.icon_top_div.lg {\r\n  gap: var(--spacing-4);\r\n}\r\n\r\n.icon_top_connector {\r\n  width: 21rem;\r\n  height: 0.13rem;\r\n  border-radius: 5px; /* Half of the width to make it fully rounded */\r\n}\r\n\r\n.icon_top_connector.default.incomplete,\r\n.icon_top_connector.default.current {\r\n  background-color: var(--color-border-subtler, #e3e8ef); /* Change the color as needed */\r\n}\r\n\r\n.icon_top_connector.default.complete {\r\n  background-color: var(--color-border-selected, #075db2);\r\n}\r\n\r\n.icon_top_connector.incomplete.destructive,\r\n.icon_top_connector.current.destructive,\r\n.icon_top_connector.complete.destructive {\r\n  background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n/* Featured Icon Left Styles */\r\n.featured_icon_left_div {\r\n  width: fit-content;\r\n  display: flex;\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.featured_icon_left_connector {\r\n  width: 0.125rem; /* Adjust the width as needed */\r\n  min-height: 2rem;\r\n  height: 100%; /* Adjust the height as needed */\r\n  border-radius: 5px; /* Half of the width to make it fully rounded */\r\n  background-color: var(--color-border-subtler, #e3e8ef); /* Change the color as needed */\r\n}\r\n\r\n.featured_icon_left_connector.incomplete.destructive,\r\n.featured_icon_left_connector.current.destructive,\r\n.featured_icon_left_connector.complete.destructive {\r\n  background-color: var(--color-border-danger, #b51726);\r\n}\r\n\r\n.featured_icon_left_content {\r\n  display: flex;\r\n  padding: var(--spacing-2) var(--spacing-none) 1.5rem var(--spacing-none);\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-3);\r\n  flex: 1 0 0;\r\n}\r\n\r\n.featured_icon_left_label.default.incomplete,\r\n.featured_icon_left_label.default.current,\r\n.featured_icon_left_label.default.complete,\r\n.featured_icon_left_text.default.incomplete{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n.featured_icon_left_text.default.current,\r\n.featured_icon_left_text.default.complete{\r\n    color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.featured_icon_left_label.destructive.incomplete,\r\n.featured_icon_left_label.destructive.current,\r\n.featured_icon_left_label.destructive.complete{\r\n    color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.featured_icon_left_text.destructive.incomplete,\r\n.featured_icon_left_text.destructive.current,\r\n.featured_icon_left_text.destructive.complete{\r\n    color: var(--color-text-danger-subtle, #CC1A2A);\r\n}","import { Component, Prop, h, Fragment, Watch, State } from \"@stencil/core\";\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-step-base',\r\n  styleUrl: 'gb-step-base.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepBase {\r\n  @Prop() status: ProgressStepStatus;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() type: ProgressStepTypes;\r\n  @Prop() state: ProgressStepStates;\r\n  @Prop() connector: boolean = false;\r\n  @Prop() showContent: boolean = false;\r\n  @Prop() showSupportingText: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() supportingText: string = '';\r\n  @State() internalState: ProgressStepStates;\r\n  @State() internalStatus: ProgressStepStatus;\r\n  @Prop() breakpoint: BreakPoints;\r\n\r\n  featuredIconLeftLabelClasses() {\r\n    switch (this.size) {\r\n      case 'sm':\r\n        return 'text-sm-semi-bold';\r\n      case 'md':\r\n        return 'text-md-semi-bold';\r\n      case 'lg':\r\n        return 'text-md-semi-bold';\r\n    }\r\n  }\r\n\r\n  featuredIconLeftTextClasses() {\r\n    switch (this.size) {\r\n      case 'sm':\r\n        return 'text-xs-regular';\r\n      case 'md':\r\n        return 'text-sm-regular';\r\n      case 'lg':\r\n        return 'text-md-regular';\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalState = this.state;\r\n    this.internalStatus = this.status;\r\n  }\r\n\r\n  @Watch('status')\r\n  onStatusChange(newValue: ProgressStepStatus, _oldValue: ProgressStepStatus) {\r\n    this.internalStatus = newValue;\r\n  }\r\n\r\n  @Watch('state')\r\n  onStateChange(newValue: ProgressStepStates, _oldValue: ProgressStepStates) {\r\n    this.internalState = newValue;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.type === 'text_line' && (\r\n          <>\r\n            <div class={`bar ${this.size} ${this.status} ${this.internalState}`}></div>\r\n            {this.showContent && (\r\n              <div class={`text_line_div ${this.size} ${this.status} ${this.internalState}`}>\r\n                <div class={`text_line_div_content`}>\r\n                  <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.internalState}`}>{this.label}</p>\r\n                  {this.showSupportingText && <p class={`text_line_text text-xs-regular ${this.status} ${this.internalState}`}>{this.supportingText}</p>}\r\n                </div>\r\n              </div>\r\n            )}\r\n          </>\r\n        )}\r\n        {this.type === 'icon_only' && (\r\n          <div class={`icon_only_div ${this.status} ${this.internalState} ${this.size}`}>\r\n            {this.status !== 'complete' && <div class={`dot ${this.status} ${this.internalState} ${this.size}`}></div>}\r\n            {this.status === 'complete' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.internalState} ${this.size}`}>\r\n                <path d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\" stroke=\"#075DB2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n              </svg>\r\n            )}\r\n          </div>\r\n        )}\r\n        {this.type === 'icon_left' && (\r\n          <div class={`icon_left_div ${this.size}`}>\r\n            <div class=\"connector_wrap\">\r\n              <gb-step-icon-base size={this.size} status={this.internalStatus} state={this.internalState}></gb-step-icon-base>\r\n              {this.connector && (\r\n                <div class=\"connector_div\">\r\n                  <div class={`icon_left_connector ${this.internalState} ${this.status}`}></div>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div class=\"icon_left_text\">\r\n              <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.internalState}`}>{this.label}</p>\r\n              <p class={`text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}`}>{this.supportingText}</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'icon_top' && (\r\n          <div class={`icon_top_div ${this.size}`}>\r\n            <div class=\"step_icon_div\">\r\n              <div class=\"step_icon\">\r\n                <div class={`icon_only_div ${this.status} ${this.internalState} ${this.size}`}>\r\n                  {this.status !== 'complete' && <div class={`dot ${this.status} ${this.internalState} ${this.size}`}></div>}\r\n                  {this.status === 'complete' && (\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.status} ${this.internalState} ${this.size}`}>\r\n                      <path\r\n                        d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n                        stroke=\"#075DB2\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                      />\r\n                    </svg>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"icon_top_content\">\r\n              <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.internalState}`}>{this.label}</p>\r\n              <p class={`text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}`}>{this.supportingText}</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'featured_icon_left' && (\r\n          <div class=\"featured_icon_left_div\">\r\n            <div class=\"connector_wrap\">\r\n              <gb-featured-icon size=\"sm\" icon=\"assets/user.svg\" destructive={this.internalState === 'destructive' ? true : false}></gb-featured-icon>\r\n              {this.connector && (\r\n                <div class=\"connector_div\">\r\n                  <div class={`featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}`}></div>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div class=\"featured_icon_left_content\">\r\n              <p class={`featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}`}>{this.label}</p>\r\n              <p class={`featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}`}>{this.supportingText}</p>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}","@import './../../global/global.css';\r\n\r\n.icon_base_div {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: var(--rounded-full);\r\n}\r\n\r\n.icon_base_div.sm {\r\n  width: 1.5rem;\r\n  height: 1.5rem;\r\n}\r\n\r\n.icon_base_div.md {\r\n  width: 2rem;\r\n  height: 2rem;\r\n}\r\n\r\n.icon_base_div.lg {\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n}\r\n\r\n.icon_base_div.default.incomplete {\r\n  background: var(--color-background-card, #ffffff);\r\n  border: 2px solid #cdd5df;\r\n}\r\n\r\n.icon_base_div.default.current {\r\n  background: var(--color-background-information-subtlest, #e4f0fc);\r\n  border: 2.5px solid var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.icon_base_div.default.complete {\r\n  background: var(--color-background-success-subtler, #dcfae6);\r\n  border: 2.5px solid var(--color-icon-success, #079455);\r\n}\r\n\r\n.icon_base_div.incomplete.destructive,\r\n.icon_base_div.current.destructive,\r\n.icon_base_div.complete.destructive {\r\n  background: var(--color-background-danger-subtlest, #fef1f2);\r\n  border: 2.5px solid var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.dot {\r\n  border-radius: var(--rounded-full);\r\n}\r\n\r\n.dot.sm {\r\n  width: 0.6rem;\r\n  height: 0.6rem;\r\n}\r\n\r\n.dot.md {\r\n  width: 0.8rem;\r\n  height: 0.8rem;\r\n}\r\n\r\n.dot.lg {\r\n  width: 0.9rem;\r\n  height: 0.9rem;\r\n}\r\n\r\n.dot.default.incomplete {\r\n  background: #cdd5df;\r\n}\r\n\r\n.dot.default.current {\r\n  background: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.dot.incomplete.destructive,\r\n.dot.current.destructive {\r\n  background: var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.tick.sm {\r\n  width: 0.8rem;\r\n  height: 0.8rem;\r\n}\r\n\r\n.tick.md {\r\n  width: 1rem;\r\n  height: 1rem;\r\n}\r\n\r\n.tick.lg {\r\n  width: 1.2rem;\r\n  height: 1.2rem;\r\n}\r\n\r\n.tick.complete.destructive path {\r\n  stroke: var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.tick.complete path{\r\n    stroke: var(--color-icon-success, #079455);\r\n}\r\n","import { Component, Prop, State, Watch, h } from '@stencil/core';\r\nimport { GeneralSizes, ProgressStepStatus, ProgressStepStates } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-step-icon-base',\r\n  styleUrl: 'gb-step-icon-base.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepIconBase {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() status: ProgressStepStatus;\r\n  @Prop() state: ProgressStepStates;\r\n  @State() internalState: ProgressStepStates;\r\n  @State() internalStatus: ProgressStepStatus;\r\n\r\n  componentWillLoad() {\r\n    this.internalState = this.state;\r\n    this.internalStatus = this.status;\r\n  }\r\n\r\n  @Watch('status')\r\n  onStatusChange(newValue: ProgressStepStatus, _oldValue: ProgressStepStatus) {\r\n    this.internalStatus = newValue;\r\n  }\r\n\r\n  @Watch('state')\r\n  onStateChange(newValue: ProgressStepStates, _oldValue: ProgressStepStates) {\r\n    this.internalState = newValue;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}`}>\r\n        {this.status !== 'complete' && <div class={`dot ${this.internalStatus} ${this.internalState} ${this.size}`}></div>}\r\n        {this.status === 'complete' && (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.internalStatus} ${this.internalState} ${this.size}`}>\r\n            <path d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\" stroke=\"#075DB2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n          </svg>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/cjs/gb-quick-action-card.cjs.entry.js

@@ -11,7 +11,7 @@ const GbQuickActionCard = class {
         this.label = '';
     }
     render() {
-        return (index.h("div", { key: '6d328ffcadb86642fd07b4c61b0c7fd4d85464a8', class: "quick_action_div" }, index.h("gb-card-icon", { key: '744e1ea523a628d6055704f81a60c40d500dd51e', color: this.color, icon: this.icon }), index.h("p", { key: '4de693b3d826306fb2a46218a96e15a5239f0073', class: "label text-xs-medium" }, this.label)));
+        return (index.h("div", { key: '6d328ffcadb86642fd07b4c61b0c7fd4d85464a8', class: "quick_action_div" }, index.h("gb-card-icon", { key: '09f3bf13874f51a6bf638d52403a8f0f27ed62a4', size: "sm", color: this.color, icon: this.icon }), index.h("p", { key: '66adf901008fcf4817d5eff4ab5ecdbb3e338681', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionCard.style = gbQuickActionCardCss;

package/dist/cjs/gb-quick-action-card.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gb-quick-action-card.entry.cjs.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,klqEAAklqE;;MCSlmqE,iBAAiB,GAAA,MAAA;AAN9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQY,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAU7B;IARG,MAAM,GAAA;QACF,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAc,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,CAAA,EACjEA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5C;;;;;;;","names":["h"],"sources":["src/components/gb-quick-action-card/gb-quick-action-card.css?tag=gb-quick-action-card&encapsulation=shadow","src/components/gb-quick-action-card/gb-quick-action-card.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.quick_action_div {\r\n  display: flex;\r\n  padding: var(--spacing-4);\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  border-radius: var(--rounded-md);\r\n  border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n  background: var(--color-background-card, #FFFFFF);\r\n  box-shadow: var(--shadow-xs);\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n.quick_action_div:hover{\r\n  background: var(--color-background-card-bold, #EEF2F6);\r\n}\r\n\r\n.label{\r\n    color: var(--color-text, #4B5565);\r\n    text-align: center;\r\n}","import { Component, Prop, h } from \"@stencil/core\";\r\nimport { ColorTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-quick-action-card',\r\n    styleUrl: 'gb-quick-action-card.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbQuickActionCard {\r\n    @Prop() color: ColorTypes;\r\n    @Prop() icon: string = '';\r\n    @Prop() label: string = '';\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"quick_action_div\">\r\n            <gb-card-icon color={this.color} icon={this.icon}></gb-card-icon>\r\n            <p class=\"label text-xs-medium\">{this.label}</p>\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}
+{"file":"gb-quick-action-card.entry.cjs.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,klqEAAklqE;;MCSlmqE,iBAAiB,GAAA,MAAA;AAN9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQY,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAU7B;IARG,MAAM,GAAA;AACF,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,CAAA,EAC3EA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5C;;;;;;;","names":["h"],"sources":["src/components/gb-quick-action-card/gb-quick-action-card.css?tag=gb-quick-action-card&encapsulation=shadow","src/components/gb-quick-action-card/gb-quick-action-card.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.quick_action_div {\r\n  display: flex;\r\n  padding: var(--spacing-4);\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  border-radius: var(--rounded-md);\r\n  border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n  background: var(--color-background-card, #FFFFFF);\r\n  box-shadow: var(--shadow-xs);\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n.quick_action_div:hover{\r\n  background: var(--color-background-card-bold, #EEF2F6);\r\n}\r\n\r\n.label{\r\n    color: var(--color-text, #4B5565);\r\n    text-align: center;\r\n}","import { Component, Prop, h } from \"@stencil/core\";\r\nimport { ColorTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-quick-action-card',\r\n    styleUrl: 'gb-quick-action-card.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbQuickActionCard {\r\n    @Prop() color: ColorTypes;\r\n    @Prop() icon: string = '';\r\n    @Prop() label: string = '';\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"quick_action_div\">\r\n            <gb-card-icon size=\"sm\" color={this.color} icon={this.icon}></gb-card-icon>\r\n            <p class=\"label text-xs-medium\">{this.label}</p>\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}

package/dist/cjs/gb-quick-action-card.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-quick-action-card.entry.cjs.js","sources":["src/components/gb-quick-action-card/gb-quick-action-card.css?tag=gb-quick-action-card&encapsulation=shadow","src/components/gb-quick-action-card/gb-quick-action-card.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.quick_action_div {\r\n  display: flex;\r\n  padding: var(--spacing-4);\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  border-radius: var(--rounded-md);\r\n  border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n  background: var(--color-background-card, #FFFFFF);\r\n  box-shadow: var(--shadow-xs);\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n.quick_action_div:hover{\r\n  background: var(--color-background-card-bold, #EEF2F6);\r\n}\r\n\r\n.label{\r\n    color: var(--color-text, #4B5565);\r\n    text-align: center;\r\n}","import { Component, Prop, h } from \"@stencil/core\";\r\nimport { ColorTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-quick-action-card',\r\n    styleUrl: 'gb-quick-action-card.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbQuickActionCard {\r\n    @Prop() color: ColorTypes;\r\n    @Prop() icon: string = '';\r\n    @Prop() label: string = '';\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"quick_action_div\">\r\n            <gb-card-icon color={this.color} icon={this.icon}></gb-card-icon>\r\n            <p class=\"label text-xs-medium\">{this.label}</p>\r\n          </div>\r\n        );\r\n    }\r\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,klqEAAklqE;;MCSlmqE,iBAAiB,GAAA,MAAA;AAN9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQY,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAU7B;IARG,MAAM,GAAA;QACF,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAc,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,CAAA,EACjEA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5C;;;;;;;"}
+{"version":3,"file":"gb-quick-action-card.entry.cjs.js","sources":["src/components/gb-quick-action-card/gb-quick-action-card.css?tag=gb-quick-action-card&encapsulation=shadow","src/components/gb-quick-action-card/gb-quick-action-card.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.quick_action_div {\r\n  display: flex;\r\n  padding: var(--spacing-4);\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  border-radius: var(--rounded-md);\r\n  border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n  background: var(--color-background-card, #FFFFFF);\r\n  box-shadow: var(--shadow-xs);\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n.quick_action_div:hover{\r\n  background: var(--color-background-card-bold, #EEF2F6);\r\n}\r\n\r\n.label{\r\n    color: var(--color-text, #4B5565);\r\n    text-align: center;\r\n}","import { Component, Prop, h } from \"@stencil/core\";\r\nimport { ColorTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-quick-action-card',\r\n    styleUrl: 'gb-quick-action-card.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbQuickActionCard {\r\n    @Prop() color: ColorTypes;\r\n    @Prop() icon: string = '';\r\n    @Prop() label: string = '';\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"quick_action_div\">\r\n            <gb-card-icon size=\"sm\" color={this.color} icon={this.icon}></gb-card-icon>\r\n            <p class=\"label text-xs-medium\">{this.label}</p>\r\n          </div>\r\n        );\r\n    }\r\n}"],"names":["h"],"mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,klqEAAklqE;;MCSlmqE,iBAAiB,GAAA,MAAA;AAN9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQY,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAU7B;IARG,MAAM,GAAA;AACF,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,CAAA,EAC3EA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5C;;;;;;;"}

package/dist/cjs/gb-quick-action-icon.cjs.entry.js

@@ -12,7 +12,7 @@ const GbQuickActionIcon = class {
         this.isHovered = false;
     }
     render() {
-        return (index.h("div", { key: '7174bb84cb7fbb1e45c9767c48fda8eb601fe5ba', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, index.h("gb-card-icon", { key: '51541f4024c2d25077da7a5ed7c0f2534501f9f5', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), index.h("p", { key: '1188109437218b59b3753c762f7e267a8a125782', class: "label text-xs-medium" }, this.label)));
+        return (index.h("div", { key: '7174bb84cb7fbb1e45c9767c48fda8eb601fe5ba', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, index.h("gb-card-icon", { key: '8cffed4b523b5115fecb4e93b3cd86c631687341', size: "sm", color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), index.h("p", { key: 'e9e599a89c26034a79a7469c151fbaeefc51ee1d', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionIcon.style = gbQuickActionIconCss;

package/dist/cjs/gb-quick-action-icon.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"gb-quick-action-icon.entry.cjs.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,4wpEAA4wpE;;MCQ3xpE,iBAAiB,GAAA,MAAA;AAN/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOY,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AACjB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAUrC;IARE,MAAM,GAAA;QACF,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAAA,EAC1HA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,CAAA,EACvFA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5C;;;;;;;","names":["h"],"sources":["src/components/gb-quick-action-icon/gb-quick-action-icon.css?tag=gb-quick-action-icon&encapsulation=shadow","src/components/gb-quick-action-icon/gb-quick-action-icon.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.quick_action_icon_div {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  width: 100%;\r\n  cursor: pointer;\r\n}\r\n\r\n.label {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n","import { Component, Prop, State, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-quick-action-icon',\r\n    styleUrl: 'gb-quick-action-icon.css',\r\n    shadow: true\r\n})\r\n\r\n export class GbQuickActionIcon {\r\n    @Prop() icon: string = '';\r\n    @Prop() label: string = '';\r\n    @State() isHovered: boolean = false;\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"quick_action_icon_div\" onMouseEnter={() => (this.isHovered = true)} onMouseLeave={() => (this.isHovered = false)}>\r\n            <gb-card-icon color={this.isHovered ? 'cyan' : 'blue'} icon={this.icon}></gb-card-icon>\r\n            <p class=\"label text-xs-medium\">{this.label}</p>\r\n          </div>\r\n        );\r\n    }\r\n }"],"version":3}
+{"file":"gb-quick-action-icon.entry.cjs.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,4wpEAA4wpE;;MCQ3xpE,iBAAiB,GAAA,MAAA;AAN/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOY,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AACjB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAUrC;IARE,MAAM,GAAA;QACF,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAAA,EAC1HA,OAAc,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,CAAA,EACjGA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5C;;;;;;;","names":["h"],"sources":["src/components/gb-quick-action-icon/gb-quick-action-icon.css?tag=gb-quick-action-icon&encapsulation=shadow","src/components/gb-quick-action-icon/gb-quick-action-icon.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.quick_action_icon_div {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  width: 100%;\r\n  cursor: pointer;\r\n}\r\n\r\n.label {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n","import { Component, Prop, State, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-quick-action-icon',\r\n    styleUrl: 'gb-quick-action-icon.css',\r\n    shadow: true\r\n})\r\n\r\n export class GbQuickActionIcon {\r\n    @Prop() icon: string = '';\r\n    @Prop() label: string = '';\r\n    @State() isHovered: boolean = false;\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"quick_action_icon_div\" onMouseEnter={() => (this.isHovered = true)} onMouseLeave={() => (this.isHovered = false)}>\r\n            <gb-card-icon size=\"sm\" color={this.isHovered ? 'cyan' : 'blue'} icon={this.icon}></gb-card-icon>\r\n            <p class=\"label text-xs-medium\">{this.label}</p>\r\n          </div>\r\n        );\r\n    }\r\n }"],"version":3}

package/dist/cjs/gb-quick-action-icon.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-quick-action-icon.entry.cjs.js","sources":["src/components/gb-quick-action-icon/gb-quick-action-icon.css?tag=gb-quick-action-icon&encapsulation=shadow","src/components/gb-quick-action-icon/gb-quick-action-icon.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.quick_action_icon_div {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  width: 100%;\r\n  cursor: pointer;\r\n}\r\n\r\n.label {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n","import { Component, Prop, State, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-quick-action-icon',\r\n    styleUrl: 'gb-quick-action-icon.css',\r\n    shadow: true\r\n})\r\n\r\n export class GbQuickActionIcon {\r\n    @Prop() icon: string = '';\r\n    @Prop() label: string = '';\r\n    @State() isHovered: boolean = false;\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"quick_action_icon_div\" onMouseEnter={() => (this.isHovered = true)} onMouseLeave={() => (this.isHovered = false)}>\r\n            <gb-card-icon color={this.isHovered ? 'cyan' : 'blue'} icon={this.icon}></gb-card-icon>\r\n            <p class=\"label text-xs-medium\">{this.label}</p>\r\n          </div>\r\n        );\r\n    }\r\n }"],"names":["h"],"mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,4wpEAA4wpE;;MCQ3xpE,iBAAiB,GAAA,MAAA;AAN/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOY,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AACjB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAUrC;IARE,MAAM,GAAA;QACF,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAAA,EAC1HA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAc,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,CAAA,EACvFA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5C;;;;;;;"}
+{"version":3,"file":"gb-quick-action-icon.entry.cjs.js","sources":["src/components/gb-quick-action-icon/gb-quick-action-icon.css?tag=gb-quick-action-icon&encapsulation=shadow","src/components/gb-quick-action-icon/gb-quick-action-icon.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.quick_action_icon_div {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  width: 100%;\r\n  cursor: pointer;\r\n}\r\n\r\n.label {\r\n  color: var(--color-text, #4b5565);\r\n}\r\n","import { Component, Prop, State, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-quick-action-icon',\r\n    styleUrl: 'gb-quick-action-icon.css',\r\n    shadow: true\r\n})\r\n\r\n export class GbQuickActionIcon {\r\n    @Prop() icon: string = '';\r\n    @Prop() label: string = '';\r\n    @State() isHovered: boolean = false;\r\n\r\n    render() {\r\n        return (\r\n          <div class=\"quick_action_icon_div\" onMouseEnter={() => (this.isHovered = true)} onMouseLeave={() => (this.isHovered = false)}>\r\n            <gb-card-icon size=\"sm\" color={this.isHovered ? 'cyan' : 'blue'} icon={this.icon}></gb-card-icon>\r\n            <p class=\"label text-xs-medium\">{this.label}</p>\r\n          </div>\r\n        );\r\n    }\r\n }"],"names":["h"],"mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,4wpEAA4wpE;;MCQ3xpE,iBAAiB,GAAA,MAAA;AAN/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOY,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AACjB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAUrC;IARE,MAAM,GAAA;QACF,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAC,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,EAAA,EAC1HA,OAAc,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,CAAA,EACjGA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAK,CAC5C;;;;;;;"}

package/dist/cjs/gb-slider-control-handle.cjs.entry.js

@@ -24,7 +24,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: '133cdf328aadd74c3092b6ce0acf11cda3704dd8', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: 'd731e52fe3d13dcf6fb949aaccc68d8bd74733a9', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'c22d606487493e78c54bec03fa684474298a283d', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: 'd4c4ba31b1d6b314404c27812f22e6582f1769cd', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: 'cd3bcb9d5e6f404cbc22a8e4587824f3b87cfc69', class: "thumb-label" }, index.h("p", { key: '104d61a13b7e47ba9885a887ced6f8bea340a0eb', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.h("div", { key: '322666c429927da809f4b7bc3ddc7c4350b7e513', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: '60db0aaed98a144b4c5d70a3ff08d08dfa138063', class: "tooltip-container" }, index.h("gb-tooltip", { key: '50d60ec20b3a20453370773a6e5ad37285f8a036', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '78d6ebaafa7efc1670361a0b2db1aa3ef1141fe4', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '451cc56b7555b8016afcaf97f5b6a497944db61e', class: "thumb-label" }, index.h("p", { key: 'fafea5bdd5106a4ec92f35ed8f68489e2330e434', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = gbSliderControlHandleCss;

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

@@ -78,7 +78,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (index.h("div", { key: 'c4d39c961fbbe5223cf71d4c2af0a5209d3f0e66', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '8d42f9ee085b7b12efe3b8dd6226abbf942d67d6', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: 'bfab97e813af3daafb526970335f28605da41359', 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') }), index.h("gb-slider-control-handle", { key: '158b9a653fe8b1e8fd0d1c49555f006eeab8af89', 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 (index.h("div", { key: '2f4962269b1991b595de38aabc7de16f556dbded', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '5532eff2e4e140b821b3c56356a7fb2beadc54ae', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '9dadb4c41a7d8278795b73e6b1881e30e048f50f', 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') }), index.h("gb-slider-control-handle", { key: '094ba4f65563483fb53559b3fd8791fb53b83c4f', 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 index.getElement(this); }
 };

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

@@ -0,0 +1,46 @@
+'use strict';
+
+var index = require('./index-CmQuD5Lz.js');
+
+const gbStepperHorizontalIconsCenteredCss = ".icons_centered_div{display:inline-flex;padding:0rem 9rem;flex-direction:column}.step_div{display:flex}.connector_div{min-width:-50px;width:100%;background:transparent;padding:13px}.icon_top_connector{background-color:blue;margin-left:-6rem;margin-right:-6rem;height:0.13rem;border-radius:5px}.icon_top_connector.default.incomplete,.icon_top_connector.default.current{background-color:var(--color-border-subtler, #e3e8ef);}.icon_top_connector.default.complete{background-color:var(--color-border-selected, #075db2)}.icon_top_connector.incomplete.destructive,.icon_top_connector.current.destructive,.icon_top_connector.complete.destructive{background-color:var(--color-border-danger, #b51726)}";
+
+const GbStepperHorizontalIconsCentered = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.steps = [
+            {
+                state: 'default',
+                status: 'complete',
+                label: 'First Step',
+                supportingText: 'Please provide your name and email',
+            },
+            {
+                state: 'default',
+                status: 'current',
+                label: 'Second Step',
+                supportingText: 'A few details about your company',
+            },
+            {
+                state: 'default',
+                status: 'incomplete',
+                label: 'Third Step',
+                supportingText: 'Start collaborating with your team',
+            },
+            {
+                state: 'default',
+                status: 'incomplete',
+                label: 'Fourth Step',
+                supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',
+            },
+        ];
+    }
+    render() {
+        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: 'dc205622cd47098227704f6311581f5032c8f5d9', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (index.h("div", { key: '236e73805ad7b75de41d0ca7d8c834c0a8cb7207', class: "step_div" }, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index$1 !== this.steps.length - 1 ? (index.h("div", { class: "connector_div" }, index.h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (index.h("div", { key: '1de3a29d3c82b502d5a2dd3f61e7712296609fd6', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (index.h("div", { key: 'b258e90e7fdd24273f9708f5d8b175a29daf7d2e', class: "step_div" }, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index$1 !== this.steps.length - 1 ? (index.h("div", { class: "connector_div" }, index.h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
+    }
+};
+GbStepperHorizontalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;
+
+exports.gb_stepper_horizontal_icons_centered = GbStepperHorizontalIconsCentered;
+//# sourceMappingURL=gb-stepper-horizontal-icons-centered.entry.cjs.js.map
+
+//# sourceMappingURL=gb-stepper-horizontal-icons-centered.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"gb-stepper-horizontal-icons-centered.entry.cjs.js","mappings":"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","names":["h","Fragment","index"],"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":[".icons_centered_div {\r\n  display: inline-flex;\r\n  padding: 0rem 9rem;\r\n  flex-direction: column;\r\n}\r\n\r\n.step_div {\r\n  display: flex;\r\n}\r\n\r\n.connector_div {\r\n  min-width: -50px;\r\n  width: 100%;\r\n  background: transparent;\r\n  padding: 13px;\r\n}\r\n\r\n.icon_top_connector {\r\n  background-color: blue;\r\n  margin-left: -6rem;\r\n  margin-right: -6rem;\r\n  height: 0.13rem;\r\n  border-radius: 5px;\r\n}\r\n\r\n.icon_top_connector.default.incomplete,\r\n.icon_top_connector.default.current {\r\n  background-color: var(--color-border-subtler, #e3e8ef); /* Change the color as needed */\r\n}\r\n\r\n.icon_top_connector.default.complete {\r\n  background-color: var(--color-border-selected, #075db2);\r\n}\r\n\r\n.icon_top_connector.incomplete.destructive,\r\n.icon_top_connector.current.destructive,\r\n.icon_top_connector.complete.destructive {\r\n  background-color: var(--color-border-danger, #b51726);\r\n}\r\n","import { Component, Prop, h, Fragment } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, StepperType } 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 GbStepperHorizontalIconsCentered {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() steps: StepperType[] = [\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Please provide your name and email',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'Second Step',\r\n      supportingText: 'A few details about your company',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Third Step',\r\n      supportingText: 'Start collaborating with your team',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Fourth Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ];\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() breakpoint: BreakPoints;\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 === 'desktop' && (\r\n              <div class=\"step_div\">\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_top\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                      breakpoint=\"desktop\"\r\n                    ></gb-step-base>\r\n                    {index !== this.steps.length - 1 ? (\r\n                      <div class=\"connector_div\">\r\n                        <div class={`icon_top_connector ${step.state} `}></div>\r\n                      </div>\r\n                    ) : null}\r\n                  </>\r\n                ))}\r\n              </div>\r\n            )}\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\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          <div class=\"icons_centered_div\">\r\n            {this.breakpoint === 'desktop' && (\r\n              <div class=\"step_div\">\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_top\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                      breakpoint=\"desktop\"\r\n                    ></gb-step-base>\r\n                    {index !== this.steps.length - 1 ? (\r\n                      <div class=\"connector_div\">\r\n                        <div class={`icon_top_connector ${step.state} `}></div>\r\n                      </div>\r\n                    ) : null}\r\n                  </>\r\n                ))}\r\n              </div>\r\n            )}\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"featured_icon_left\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                ))}\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

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

@@ -0,0 +1 @@
+{"version":3,"file":"gb-stepper-horizontal-icons-centered.entry.cjs.js","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":[".icons_centered_div {\r\n  display: inline-flex;\r\n  padding: 0rem 9rem;\r\n  flex-direction: column;\r\n}\r\n\r\n.step_div {\r\n  display: flex;\r\n}\r\n\r\n.connector_div {\r\n  min-width: -50px;\r\n  width: 100%;\r\n  background: transparent;\r\n  padding: 13px;\r\n}\r\n\r\n.icon_top_connector {\r\n  background-color: blue;\r\n  margin-left: -6rem;\r\n  margin-right: -6rem;\r\n  height: 0.13rem;\r\n  border-radius: 5px;\r\n}\r\n\r\n.icon_top_connector.default.incomplete,\r\n.icon_top_connector.default.current {\r\n  background-color: var(--color-border-subtler, #e3e8ef); /* Change the color as needed */\r\n}\r\n\r\n.icon_top_connector.default.complete {\r\n  background-color: var(--color-border-selected, #075db2);\r\n}\r\n\r\n.icon_top_connector.incomplete.destructive,\r\n.icon_top_connector.current.destructive,\r\n.icon_top_connector.complete.destructive {\r\n  background-color: var(--color-border-danger, #b51726);\r\n}\r\n","import { Component, Prop, h, Fragment } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, StepperType } 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 GbStepperHorizontalIconsCentered {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() steps: StepperType[] = [\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Please provide your name and email',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'Second Step',\r\n      supportingText: 'A few details about your company',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Third Step',\r\n      supportingText: 'Start collaborating with your team',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Fourth Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ];\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() breakpoint: BreakPoints;\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 === 'desktop' && (\r\n              <div class=\"step_div\">\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_top\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                      breakpoint=\"desktop\"\r\n                    ></gb-step-base>\r\n                    {index !== this.steps.length - 1 ? (\r\n                      <div class=\"connector_div\">\r\n                        <div class={`icon_top_connector ${step.state} `}></div>\r\n                      </div>\r\n                    ) : null}\r\n                  </>\r\n                ))}\r\n              </div>\r\n            )}\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\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          <div class=\"icons_centered_div\">\r\n            {this.breakpoint === 'desktop' && (\r\n              <div class=\"step_div\">\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_top\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                      breakpoint=\"desktop\"\r\n                    ></gb-step-base>\r\n                    {index !== this.steps.length - 1 ? (\r\n                      <div class=\"connector_div\">\r\n                        <div class={`icon_top_connector ${step.state} `}></div>\r\n                      </div>\r\n                    ) : null}\r\n                  </>\r\n                ))}\r\n              </div>\r\n            )}\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps.map((step, index) => (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"featured_icon_left\"\r\n                      state={step.state}\r\n                      status={step.status}\r\n                      connector={index === this.steps.length - 1 ? false : true}\r\n                      label={step.label}\r\n                      supporting-text={step.supportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                ))}\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"names":["h","Fragment","index"],"mappings":"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"}

package/dist/cjs/gb-stepper-horizontal-icons-connected.cjs.entry.js

@@ -27,7 +27,7 @@ const GbStepperHorizontalIconsCentered = class {
         ];
     }
     render() {
-        return (index.h("div", { key: '76f0de967222727cd9db2407bd27ec8788f3193a', class: "icons_centered_container" }, index.h("div", { key: '98001d4ad04561472055cfe5038b4d2f327776b6', class: "icons_centered_div" })));
+        return (index.h("div", { key: '059ee7be69c67820da24cd38dc8a1d41a3a5f2fd', class: "icons_centered_container" }, index.h("div", { key: '6aa24019a3affec5f6155205f1d97accbb4624be', class: "icons_centered_div" })));
     }
 };
 GbStepperHorizontalIconsCentered.style = gbStepperHorizontalIconsConnectedCss;

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

@@ -47,7 +47,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (index.h("div", { key: 'b5ffdad132367a85e5b9babd3c12044827d5dcb3', class: "text_with_line" }, this.internalSteps.map(step => (index.h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
+        return (index.h("div", { key: '6a786a75a71ef8499c0cd51dbfa69aaa46b01a30', class: "text_with_line" }, this.internalSteps.map(step => (index.h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
     }
     static get watchers() { return {
         "steps": ["onStepsChanged"]

package/dist/cjs/gb-stepper-horizontal-minimal-icons.cjs.entry.js

@@ -29,7 +29,7 @@ const GbStepperHorizontalMinimalIcons = class {
     }
     render() {
         const indexOfCurrentStep = this.steps.findIndex(step => step.status === 'current');
-        return (index.h("div", { key: 'c93268a1a73e0bbff45e822ffed007f4be4ccb67', class: "minimai_icons_container" }, index.h("div", { key: '04b93981a03c8c869bf7bede17957d5f2f7debab', class: `minimai_icons_div ${this.size}` }, this.text && index.h("p", { key: '99b12a46658481a1625d55c2ba6bf0ac86b486a4', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length), this.steps.map(step => (index.h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))))));
+        return (index.h("div", { key: '0051c41dd6325a025254c197f38ff5b10e5def8c', class: "minimai_icons_container" }, index.h("div", { key: 'a0a12d81a1bd96c82be5f9594e2ff2fe1e16f32e', class: `minimai_icons_div ${this.size}` }, this.text && index.h("p", { key: '251bfb6c4272d82a5be01589c38756feb2fc3a05', class: "step_text text-sm-medium" }, "Step ", indexOfCurrentStep + 1, " of ", this.steps.length), this.steps.map(step => (index.h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))))));
     }
 };
 GbStepperHorizontalMinimalIcons.style = gbStepperHorizontalMinimalIconsCss;

package/dist/cjs/gb-stepper-vertical-icons-with-text.cjs.entry.js

@@ -38,7 +38,7 @@ const GbstepperVerticalIconsWithText = class {
         this.stepClicked.emit(index);
     }
     render() {
-        return (index.h("div", { key: '62bb6595229c8c4403b305a931033dd24729f4e6', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, this.internalSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index$1) })))))));
+        return (index.h("div", { key: '65ca556acbc691167b06912b962c02f05fd4d56d', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, this.internalSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index$1) })))))));
     }
     static get watchers() { return {
         "steps": ["onStepsChanged"]

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

@@ -47,11 +47,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: '0a6eb96dd40c8dcac8dc910d854c34e4034c6213', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: '63da0bb30852ae4e6049761db3f540f23e752640', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '3f62afa836f3fab1064da2e9c44f03b2e806f40d', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '8dcf4579235f99645a8fb849d426db1f06d3297e', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '895b0809b64251f953014cbc7d68a2c33da8b2ac', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: 'd99d1833e48814b956834da43975dde56629136e', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -60,7 +60,7 @@ const GbTabButtonBase = class {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, index.h("slot", { key: '7950f66cc78b7514de8c035b4e7d1aa879e1ee14', name: "count" })))));
+                                : 'gray' }, index.h("slot", { key: '08e8342437d8f48db2aba04d579a0f4da8bb7b27', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const GbTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'ac329ad408f3e3b0d882ef3993eec3865405150f', class: "table_cell_div" }));
+        return (index.h("div", { key: '499eb2c34a766c5f37b73281cc1502a847239b3b', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;