npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.93 → 0.0.94 - Mend

@genexus/genexus-ide-ui 0.0.93 → 0.0.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1152) hide show

package/dist/esm/gxg-button_2.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gxg-button.gxg-icon.entry.js","mappings":"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","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/button/button.css?tag=gxg-button&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/button/button.js","node_modules/@genexus/gemini/dist/collection/components/icon/icon.css?tag=gxg-icon&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/icon/icon.js"],"sourcesContent":["/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n/* Document\n ========================================================================== /\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\nhtml {\n line-height: 1.15;\n / 1 /\n -webkit-text-size-adjust: 100%;\n / 2 /\n}\n\n/ Sections\n ========================================================================== /\n/\n Remove the margin in all browsers.\n /\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\nhr {\n box-sizing: content-box;\n / 1 /\n height: 0;\n / 1 /\n overflow: visible;\n / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\npre {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n/\n Remove the gray background on active links in IE 10.\n /\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\nabbr[title] {\n border-bottom: none;\n / 1 /\n text-decoration: underline;\n / 2 /\n text-decoration: underline dotted;\n / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n/\n Remove the border on images inside links in IE 10.\n /\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n / 1 /\n font-size: 100%;\n / 1 /\n line-height: 1.15;\n / 1 /\n margin: 0;\n / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\nlegend {\n box-sizing: border-box;\n / 1 /\n color: inherit;\n / 2 /\n display: table;\n / 1 /\n max-width: 100%;\n / 1 /\n padding: 0;\n / 3 /\n white-space: normal;\n / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n / 1 /\n padding: 0;\n / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n[type=search] {\n -webkit-appearance: textfield;\n / 1 /\n outline-offset: -2px;\n / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n / 1 /\n font: inherit;\n / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n/\n Add the correct display in IE 10+.\n /\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n[hidden] {\n display: none;\n}\n\n:root {\n --ui-animaton-speed: 0.2s;\n}\n\n/ALIGNMENT/\n/Ellipsis/\n/**************************************************\nTYPOGRAPHY\n**************************************************/\n/Title 01 (Positive)/\n.gxg-title-01 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n/Title 01 (Negative)/\n.gxg-title-01--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 02 (Positive)/\n.gxg-title-02 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 03/\n.gxg-title-03 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 04/\n.gxg-title-04 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 05/\n.gxg-title-05 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Text/\n.gxg-text {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-text--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--gray-05);\n}\n\n/Quote/\n.gxg-quote {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--color-on-primary);\n}\n\n/Link/\n.gxg-link {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--color-primary-hover);\n}\n.gxg-link:active {\n color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n color: var(--gray-06);\n}\n\n/Alerts/\n.gxg-alert-error {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-error-dark);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-warning-dark);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-success-dark);\n display: inline-block;\n}\n\n/Tab/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/Label/\n.gxg-label {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/**************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*************************************************/\n.gxg-button-styles {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n\n/*************************************************\nFORM ELEMENTS\n**************************************************/\n.gxg-scrollbar {\n / Track /\n / Handle /\n / Handle on hover /\n cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width, 6px);\n height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background, --gray-02);\n border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n border: var(--gxg-scrollbar-track-thumb-border);\n background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n/**************************************************\n'PRIMARY TEXT ONLY' && 'PRIMARY TEXT ICON' BUTTON TYPE\n**************************************************/\n:host {\n --gxg-button-icon-size: 20px;\n display: inline-block;\n line-height: 0;\n position: relative;\n}\n:host .ghost-icon {\n width: 0;\n}\n\n:host(.button) .button-native {\n width: 100%;\n height: 100%;\n --svg-icon-regular-scale: var(\n --svg-icon-small-scale\n );\n position: relative;\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n background: var(--color-primary-enabled);\n border: 0;\n box-shadow: inset 0px 0px 0px 1px transparent;\n border-radius: var(--border-radius-xs);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding-top: 2.5px;\n padding-right: var(--spacing-comp-03);\n padding-bottom: 2.5px;\n padding-left: var(--spacing-comp-03);\n line-height: var(--line-height-regular);\n border: 1px solid transparent;\n /button styles are included on a mixin, because they are used on both, gxg-button, and gxg-button-group elements/\n}\n:host(.button) .button-native:hover:not([disabled]) {\n background: var(--color-primary-hover);\n cursor: pointer;\n}\n:host(.button) .button-native:focus:not([disabled]):not(.no-tab-index) {\n background: var(--color-primary-enabled);\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n}\n:host(.button) .button-native:active:not([disabled]) {\n background: var(--color-primary-active);\n}\n\n:host(.button.button--disabled) .button-native {\n background: var(--gxg-background-color--disabled);\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n:host(.button.button--disabled) {\n pointer-events: none;\n}\n\n/******************************\nPRIMARY\n*****************************/\n:host(.button--primary) {\n --gxg-border-color--focused: var(--color-primary-active--inverted);\n}\n\n/*****************************\nPRIMARY 'TEXT ONLY' BUTTON TYPE\n*****************************/\n:host(.button--primary-text-only) .button-native {\n color: var(--color-on-primary);\n padding-inline-start: var(--spacing-comp-04);\n padding-inline-end: var(--spacing-comp-04);\n}\n\n:host(.button--primary-text-only.button--disabled) .button-native {\n color: var(--color-on-disabled);\n}\n\n/*****************************\nPRIMARY 'TEXT + ICON' BUTTON TYPE\n*****************************/\n:host(.button--primary-text-icon) .button-native {\n color: var(--color-on-primary);\n padding-inline-start: var(--spacing-comp-01);\n padding-inline-end: var(--spacing-comp-02);\n}\n:host(.button--primary-text-icon) .button-native gxg-icon:not(.ghost-icon) {\n padding-inline-end: var(--spacing-comp-01);\n}\n\n:host(.button--primary-text-icon.button--disabled) .button-native {\n color: var(--color-on-disabled);\n}\n\n/*****************************\n'PRIMARY ICON ONLY' BUTTON TYPE\n*****************************/\n:host(.button--primary-icon-only) .button-native {\n background: var(--color-primary-enabled);\n color: var(--color-on-primary);\n}\n:host(.button--primary-icon-only) .button-native:hover:not([disabled]) {\n background: var(--color-primary-hover);\n color: var(--color-primary-hover);\n}\n:host(.button--primary-icon-only) .button-native:focus:not([disabled]):not(.no-tab-index) {\n background: var(--color-primary-enabled);\n color: var(--color-primary-hover);\n}\n:host(.button--primary-icon-only) .button-native:active:not([disabled]) {\n background: var(--color-primary-active);\n color: var(--color-on-primary);\n}\n:host(.button--primary-icon-only) .button-native:focus {\n outline: none;\n}\n\n/*****************************\nSECONDARY 'TEXT ONLY' BUTTON TYPE\n*****************************/\n:host(.button--secondary-text-only) .button-native {\n background: transparent;\n padding-inline-start: var(--spacing-comp-04);\n padding-inline-end: var(--spacing-comp-04);\n}\n:host(.button--secondary-text-only) .button-native:hover:not([disabled]) {\n color: var(--color-primary-hover);\n background: transparent;\n}\n:host(.button--secondary-text-only) .button-native:focus:not([disabled]):not(.no-tab-index) {\n color: var(--color-primary-active);\n background: transparent;\n}\n:host(.button--secondary-text-only) .button-native:active:not([disabled]) {\n color: var(--color-primary-active);\n box-shadow: none;\n}\n:host(.button--secondary-text-only) .button-native:focus {\n outline: none;\n}\n\n:host(.button--secondary-text-only.button--disabled) .button-native {\n background: transparent;\n color: var(--color-primary-disabled);\n}\n\n/*****************************\nSECONDARY 'TEXT ICON' BUTTON TYPE\n*****************************/\n:host(.button--secondary-text-icon) .button-native {\n background: transparent;\n padding-inline-start: 0;\n padding-inline-start: var(--spacing-comp-01);\n padding-inline-end: var(--spacing-comp-02);\n}\n:host(.button--secondary-text-icon) .button-native gxg-icon:not(.ghost-icon) {\n padding-inline-end: var(--spacing-comp-01);\n}\n:host(.button--secondary-text-icon) .button-native:hover:not([disabled]) {\n color: var(--color-primary-hover);\n background: transparent;\n}\n:host(.button--secondary-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index) {\n color: var(--color-primary-active);\n background: transparent;\n}\n:host(.button--secondary-text-icon) .button-native:active:not([disabled]) {\n color: var(--color-primary-active);\n box-shadow: none;\n}\n\n:host(.button--secondary-text-icon.button--disabled) .button-native {\n background: transparent;\n color: var(--color-primary-disabled);\n}\n:host(.button--secondary-text-icon.button--disabled) .button-native gxg-icon {\n --icon-color: var(--color-primary-disabled);\n}\n\n/*****************************\n'SECONDARY ICON ONLY' BUTTON TYPE\n*****************************/\n:host(.button--secondary-icon-only) .button-native {\n background: transparent;\n}\n:host(.button--secondary-icon-only) .button-native:hover:not([disabled]) {\n background: transparent;\n}\n:host(.button--secondary-icon-only) .button-native:focus:not([disabled]):not(.no-tab-index) {\n background: transparent;\n}\n:host(.button--secondary-icon-only) .button-native:active:not([disabled]) {\n background: transparent;\n}\n\n:host(.button--secondary-icon-only.button--disabled) .button-native {\n background: transparent;\n}\n\n/*****************************\n'OUTLINED' BUTTON TYPE\n*****************************/\n:host(.button--outlined) .button-native,\n:host(.button--outlined-text-icon) .button-native {\n border-color: var(--color-primary-enabled);\n background: var(--color-background);\n padding-inline-start: var(--spacing-comp-04);\n padding-inline-end: var(--spacing-comp-04);\n}\n:host(.button--outlined) .button-native:hover:not([disabled]),\n:host(.button--outlined-text-icon) .button-native:hover:not([disabled]) {\n color: var(--color-primary-hover);\n border-color: var(--color-primary-hover);\n background: var(--color-primary-hover-opacity-01);\n}\n:host(.button--outlined) .button-native:focus:not([disabled]):not(.no-tab-index),\n:host(.button--outlined-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index) {\n color: var(--color-primary-active);\n background: transparent;\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n}\n:host(.button--outlined) .button-native:active:not([disabled]),\n:host(.button--outlined-text-icon) .button-native:active:not([disabled]) {\n color: var(--color-primary-active);\n background: transparent;\n}\n:host(.button--outlined) .button-native gxg-icon:not(.ghost-icon),\n:host(.button--outlined-text-icon) .button-native gxg-icon:not(.ghost-icon) {\n padding-inline-end: var(--spacing-comp-01);\n}\n\n:host(.button--outlined.button--disabled) .button-native,\n:host(.button--outlined-text-icon.button--disabled) .button-native {\n border-color: var(--gxg-border-color--disabled);\n background: var(--color-transparent);\n color: var(--color-primary-disabled);\n}\n\n:host(.button--outlined-text-icon) .button-native {\n padding-inline-start: var(--spacing-comp-03);\n}\n\n/*****************************\n'TERTIARY' BUTTON TYPE\n*****************************/\n:host(.button--tertiary) .button-native {\n background: transparent;\n padding-inline-end: 0;\n padding-inline-start: 0;\n}\n:host(.button--tertiary) .button-native:hover:not([disabled]) {\n background: transparent;\n}\n:host(.button--tertiary) .button-native:hover:not([disabled]) gxg-icon {\n --color-on-background: var(--gray-05);\n}\n:host(.button--tertiary) .button-native:focus:not([disabled]):not(.no-tab-index) {\n background: transparent;\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n}\n:host(.button--tertiary) .button-native:active:not([disabled]) {\n background: transparent;\n}\n\n:host(.button--tertiary.button--disabled) .button-native {\n background: transparent;\n}\n\n:host(.button--fullwidth) {\n display: block;\n}\n:host(.button--fullwidth) .button-native {\n width: 100%;\n}\n\n:host(.button--fit) .button-native {\n height: 100% !important;\n width: 100% !important;\n}\n\n/****************************************************************\nICON TOOLTIP (ONLY FOR PRIMARY-ICON-ONLY & SECONDARY-ICON-ONLY TYPES)\n*****************************************************************/\n:host .icon-tooltip {\n position: absolute;\n border-width: 0.5px;\n border-style: solid;\n border-color: var(--gray-04);\n color: var(--color-on-background);\n background-color: var(--gray-01);\n font-size: 8px;\n font-weight: var(--font-weight-regular);\n font-family: var(--font-family-primary);\n padding: 1px 5px;\n width: max-content;\n left: 0;\n top: 20px;\n display: none;\n opacity: 0;\n transition-property: opacity;\n transition-duration: var(--ui-animaton-speed);\n transition-timing-function: ease;\n}\n\n:host(.display-tooltip) .icon-tooltip {\n display: block;\n}\n\n:host(.show-tooltip) .icon-tooltip {\n opacity: 1;\n}\n\n/*****************************\nICON ONLY\n*****************************/\n:host(.button--icon-only) {\n width: var(--gxg-button-icon-size);\n height: var(--gxg-button-icon-size);\n}\n:host(.button--icon-only) .button-native {\n padding: 0;\n}\n\n/*****************************\nGRAB ATTENTION ANIMATION\n*****************************/\n:host(.button--primary-text-only[grab-attention]:not([disabled])) .button-native:not(:hover),\n:host(.button--primary-text-icon[grab-attention]:not([disabled])) .button-native:not(:hover),\n:host(.button--primary-icon-only[grab-attention]:not([disabled])) .button-native:not(:hover) {\n animation-name: grabAttentionPrimary;\n animation-duration: 500ms;\n animation-iteration-count: infinite;\n animation-direction: alternate;\n}\n\n@keyframes grabAttentionPrimary {\n from {\n background-color: var(--color-primary-enabled);\n }\n to {\n background-color: var(--color-primary-hover);\n }\n}\n/*****************************************\nLARGE VERSION (html tag has 'gxg-large' class)\n******************************************/\n:host(.large) {\n --gxg-button-icon-size: 24px;\n}\n\n:host(.large) .button-native {\n height: var(--spacing-comp-05);\n font-size: var(--font-size-lg) !important;\n}\n\n:host(.button--primary-text-icon.large) .button-native {\n padding-inline-start: var(--spacing-comp-02);\n padding-inline-end: var(--spacing-comp-03);\n}\n\n:host(.button--primary-icon-only.large) .button-native {\n height: var(--spacing-comp-05);\n}\n\n:host(.button--secondary-text-icon.large) .button-native {\n padding-inline-start: var(--spacing-comp-02);\n padding-inline-end: var(--spacing-comp-03);\n}\n\n:host(.button--secondary-icon-only.large) .button-native {\n height: var(--spacing-comp-05);\n}\n\n:host(.button--tertiary.large) .button-native {\n height: var(--spacing-comp-05);\n}","import { h, Host } from \"@stencil/core\";\nimport state from \"../store\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgButton {\n constructor() {\n this.grabAttention = false;\n this.alwaysBlack = false;\n this.disabled = false;\n this.fit = false;\n this.fullWidth = false;\n this.icon = undefined;\n this.negative = false;\n this.type = \"primary-text-only\";\n this.buttonStylesEditable = false;\n this.mouseEnter = false;\n this.focusIn = false;\n }\n parts = {\n button: \"button\",\n caption: \"caption\",\n };\n exportparts;\n el;\n button;\n noTabIndex = false;\n /*****************************\n METHODS\n *****************************/\n componentWillLoad() {\n const tabIndex = this.el.getAttribute(\"tabindex\");\n if (tabIndex === \"-1\") {\n this.noTabIndex = true;\n }\n this.attachExportParts();\n }\n attachExportParts = () => {\n const part = this.el.getAttribute(\"part\");\n const exportPartsResult = exportParts(part, this.parts);\n exportPartsResult.length && (this.exportparts = exportPartsResult);\n };\n componentDidLoad() {\n // Set aria-label to host\n if (this.type === \"primary-icon-only\" \|\|\n this.type === \"secondary-icon-only\"\n //If button type is icon-only, aria-label must be provided in order to inform the user the button purpose.\n ) {\n if (this.el.querySelector(\":scope > [slot='icon']\")) {\n //Also, an icon must be provided, in order to know the button purpose.\n //The icon purpose is defined from the icon \"type\" property.\n const iconAriaLabel = this.el\n .querySelector(\":scope > [slot='icon']\")\n .getAttribute(\"type\");\n this.el.setAttribute(\"aria-label\", iconAriaLabel);\n }\n }\n //Set a part attribute to the button if buttonStylesEditable is true\n if (this.buttonStylesEditable) {\n this.el.shadowRoot\n .querySelector(\"button\")\n .setAttribute(\"part\", \"native-button\");\n }\n }\n emptyDiv() {\n return h(\"div\", { style: { height: \"20px\" } });\n //This is a workaround I found for alligning vertically the buttons that have no icon, with the buttons that do have icons.\n }\n regularIcon() {\n if (this.type !== \"primary-text-only\" &&\n this.type !== \"secondary-text-only\" &&\n this.icon !== undefined) {\n return (h(\"gxg-icon\", { type: this.icon, color: this.iconColor(), size: this.iconSize(), part: \"icon\" }));\n }\n }\n iconSize() {\n let iSize;\n if (this.type === \"secondary-icon-only\" \|\| this.type === \"tertiary\") {\n iSize = \"regular\";\n }\n else {\n iSize = \"small\";\n }\n return iSize;\n }\n iconColor() {\n let iColor;\n if (this.type.includes(\"primary\")) {\n iColor = \"negative\";\n if (this.disabled) {\n iColor = \"ondisabled\";\n }\n }\n else if (this.type.includes(\"secondary\")) {\n if (this.disabled) {\n iColor = \"disabled\";\n }\n else {\n if (this.mouseEnter) {\n iColor = \"primary-hover\";\n }\n else {\n if (this.focusIn) {\n iColor = \"primary-active\";\n }\n else {\n iColor = \"primary-enabled\";\n }\n }\n }\n }\n else if (this.type.includes(\"tertiary\")) {\n if (this.disabled) {\n iColor = \"disabled\";\n }\n else {\n if (this.alwaysBlack) {\n iColor = \"alwaysblack\";\n }\n else if (this.negative) {\n iColor = \"negative\";\n }\n else {\n iColor = \"onbackground\";\n }\n }\n }\n else if (this.type.includes(\"outlined\")) {\n iColor = \"primary-active\";\n if (this.disabled) {\n iColor = \"ondisabled\";\n }\n }\n return iColor;\n }\n clickHandler(e) {\n if (this.disabled) {\n e.preventDefault();\n }\n }\n onMouseEnter() {\n this.mouseEnter = true;\n }\n onMouseLeave() {\n this.mouseEnter = false;\n }\n onFocusIn() {\n this.focusIn = true;\n this.mouseEnter = false;\n }\n onFocusOut() {\n this.focusIn = false;\n }\n render() {\n return (h(Host, { role: \"button\", class: {\n button: true,\n \"button--primary\": this.type.includes(\"primary\"),\n \"button--primary-text-only\": this.type === \"primary-text-only\",\n \"button--primary-text-icon\": this.type === \"primary-text-icon\",\n \"button--primary-icon-only\": this.type === \"primary-icon-only\",\n \"button--secondary-text-only\": this.type === \"secondary-text-only\",\n \"button--secondary-text-icon\": this.type === \"secondary-text-icon\",\n \"button--secondary-icon-only\": this.type === \"secondary-icon-only\",\n \"button--outlined\": this.type === \"outlined\",\n \"button--outlined-text-icon\": this.type === \"outlined-text-icon\",\n \"button--disabled\": this.disabled === true,\n \"button--tertiary\": this.type === \"tertiary\",\n \"button--fullwidth\": this.fullWidth === true,\n \"button--fit\": this.fit,\n \"button--icon-only\": this.type === \"primary-icon-only\" \|\|\n this.type === \"secondary-icon-only\" \|\|\n this.type === \"tertiary\",\n large: state.large,\n }, onClick: this.clickHandler.bind(this), onMouseEnter: this.onMouseEnter.bind(this), onMouseLeave: this.onMouseLeave.bind(this), onfocusin: this.onFocusIn.bind(this), onfocusout: this.onFocusOut.bind(this), exportParts: this.exportparts ? this.exportparts : null }, this.disabled ? h(\"div\", { class: \"disabled-layer\" }) : null, h(\"button\", { class: {\n \"button-native\": true,\n \"gxg-text-general\": true,\n \"no-tab-index\": this.noTabIndex,\n }, disabled: this.disabled === true, ref: (el) => (this.button = el), part: this.parts.button }, this.emptyDiv(), this.regularIcon(), this.type.includes(\"text\") \|\| this.type === \"outlined\" ? (h(\"span\", { part: this.parts.caption, class: \"text\" }, h(\"slot\", null))) : null)));\n }\n static get is() { return \"gxg-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"button.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"button.css\"]\n };\n }\n static get properties() {\n return {\n \"grabAttention\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute with make the icon do a background color animation that will grab user attention\"\n },\n \"attribute\": \"grab-attention\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"alwaysBlack\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the icon always black\"\n },\n \"attribute\": \"always-black\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The state of the button, whether it is disabled or not\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fit\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute will force the .native-button to be contained within the gxg-button host element\"\n },\n \"attribute\": \"fit\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the component full-width\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"icon\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The button icon\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"negative\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The prescence of this attribute turns the icon white\"\n },\n \"attribute\": \"negative\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ButtonType\",\n \"resolved\": \"\\\"outlined\\\" \| \\\"outlined-text-icon\\\" \| \\\"primary-icon-only\\\" \| \\\"primary-text-icon\\\" \| \\\"primary-text-only\\\" \| \\\"secondary-icon-only\\\" \| \\\"secondary-text-icon\\\" \| \\\"secondary-text-only\\\" \| \\\"tertiary\\\"\",\n \"references\": {\n \"ButtonType\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/button/button.tsx\",\n \"id\": \"src/components/button/button.tsx::ButtonType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The kind of button\"\n },\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"primary-text-only\\\"\"\n },\n \"buttonStylesEditable\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute lets the button styles be editable from outside of the component by referencing the \\\"native-button\\\" part.\"\n },\n \"attribute\": \"button-styles-editable\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"mouseEnter\": {},\n \"focusIn\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=button.js.map\n","/*****************************\nICON\n******************************/\n/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n/ Document\n ========================================================================== /\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\nhtml {\n line-height: 1.15;\n / 1 /\n -webkit-text-size-adjust: 100%;\n / 2 /\n}\n\n/ Sections\n ========================================================================== /\n/\n Remove the margin in all browsers.\n /\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\nhr {\n box-sizing: content-box;\n / 1 /\n height: 0;\n / 1 /\n overflow: visible;\n / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\npre {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n/\n Remove the gray background on active links in IE 10.\n /\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\nabbr[title] {\n border-bottom: none;\n / 1 /\n text-decoration: underline;\n / 2 /\n text-decoration: underline dotted;\n / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n/\n Remove the border on images inside links in IE 10.\n /\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n / 1 /\n font-size: 100%;\n / 1 /\n line-height: 1.15;\n / 1 /\n margin: 0;\n / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\nlegend {\n box-sizing: border-box;\n / 1 /\n color: inherit;\n / 2 /\n display: table;\n / 1 /\n max-width: 100%;\n / 1 /\n padding: 0;\n / 3 /\n white-space: normal;\n / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n / 1 /\n padding: 0;\n / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n[type=search] {\n -webkit-appearance: textfield;\n / 1 /\n outline-offset: -2px;\n / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n / 1 /\n font: inherit;\n / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n/\n Add the correct display in IE 10+.\n /\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n[hidden] {\n display: none;\n}\n\n:root {\n --ui-animaton-speed: 0.2s;\n}\n\n/ALIGNMENT/\n/Ellipsis/\n/**************************************************\nTYPOGRAPHY\n**************************************************/\n/Title 01 (Positive)/\n.gxg-title-01 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n/Title 01 (Negative)/\n.gxg-title-01--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 02 (Positive)/\n.gxg-title-02 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 03/\n.gxg-title-03 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 04/\n.gxg-title-04 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 05/\n.gxg-title-05 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Text/\n.gxg-text {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-text--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--gray-05);\n}\n\n/Quote/\n.gxg-quote {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--color-on-primary);\n}\n\n/Link/\n.gxg-link {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--color-primary-hover);\n}\n.gxg-link:active {\n color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n color: var(--gray-06);\n}\n\n/Alerts/\n.gxg-alert-error {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-error-dark);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-warning-dark);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-success-dark);\n display: inline-block;\n}\n\n/Tab/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/Label/\n.gxg-label {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/**************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*************************************************/\n.gxg-button-styles {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n\n/*************************************************\nFORM ELEMENTS\n**************************************************/\n.gxg-scrollbar {\n / Track /\n / Handle /\n / Handle on hover /\n cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width, 6px);\n height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background, --gray-02);\n border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n border: var(--gxg-scrollbar-track-thumb-border);\n background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n:host {\n display: inline-block;\n line-height: 0;\n height: 20px;\n width: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}","import { Host, getAssetPath, h } from \"@stencil/core\";\n/******************************\nCONSTANTS\n*****************************/\nconst COLOR_MAPPINGS = {\n alwaysblack: \"color-always-black\",\n disabled: \"color-primary-disabled\",\n ondisabled: \"color-on-disabled\",\n error: \"color-error-dark\",\n negative: \"color-on-primary\",\n onbackground: \"color-on-background\",\n indeterminate: \"color-primary-active\",\n \"primary-enabled\": \"color-primary-enabled\",\n \"primary-active\": \"color-primary-active\",\n \"primary-hover\": \"color-primary-hover\",\n success: \"color-success-dark\",\n warning: \"color-warning-dark\",\n mercury: \"gray-03\",\n};\nexport class GxgIcon {\n constructor() {\n this.color = undefined;\n this.size = \"regular\";\n this.type = undefined;\n }\n element;\n /*****************************\n METHODS\n *******************************/\n getSrcPath() {\n return getAssetPath(`./icon-assets/${this.type}.svg`);\n }\n iconSize() {\n if (this.size === \"regular\") {\n return \"16px\";\n }\n else if (this.size === \"small\") {\n return \"12px\";\n }\n }\n render() {\n return (h(Host, null, h(\"ch-icon\", { style: {\n \"--icon-color\": this.mapColorToCssVar(COLOR_MAPPINGS[this.color]),\n \"--icon-size\": this.iconSize(),\n }, \"auto-color\": this.color === \"auto\", src: this.getSrcPath(), part: \"ch-icon\" })));\n }\n mapColorToCssVar(color) {\n if (color) {\n return `var(--${color})`;\n }\n else {\n //default color\n return `var(--color-on-background)`;\n }\n }\n static get is() { return \"gxg-icon\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"icon.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"icon.css\"]\n };\n }\n static get assetsDirs() { return [\"icon-assets\"]; }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"alwaysblack\\\" \| \\\"auto\\\" \| \\\"disabled\\\" \| \\\"error\\\" \| \\\"indeterminate\\\" \| \\\"mercury\\\" \| \\\"negative\\\" \| \\\"onbackground\\\" \| \\\"ondisabled\\\" \| \\\"primary-active\\\" \| \\\"primary-enabled\\\" \| \\\"primary-hover\\\" \| \\\"success\\\" \| \\\"warning\\\"\",\n \"references\": {\n \"Color\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/icon/icon.tsx\",\n \"id\": \"src/components/icon/icon.tsx::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The color of the icon.\"\n },\n \"attribute\": \"color\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Size\",\n \"resolved\": \"\\\"regular\\\" \| \\\"small\\\"\",\n \"references\": {\n \"Size\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/icon/icon.tsx\",\n \"id\": \"src/components/icon/icon.tsx::Size\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the icon. Possible values: regular, small.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"regular\\\"\"\n },\n \"type\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of icon.\"\n },\n \"attribute\": \"type\",\n \"reflect\": false\n }\n };\n }\n static get elementRef() { return \"element\"; }\n}\n//# sourceMappingURL=icon.js.map\n"],"version":3}
1	+ {"file":"gxg-button.gxg-icon.entry.js","mappings":"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","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/button/button.css?tag=gxg-button&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/button/button.js","node_modules/@genexus/gemini/dist/collection/components/icon/icon.css?tag=gxg-icon&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/icon/icon.js"],"sourcesContent":["/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n/* Document\n ========================================================================== /\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\nhtml {\n line-height: 1.15;\n / 1 /\n -webkit-text-size-adjust: 100%;\n / 2 /\n}\n\n/ Sections\n ========================================================================== /\n/\n Remove the margin in all browsers.\n /\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\nhr {\n box-sizing: content-box;\n / 1 /\n height: 0;\n / 1 /\n overflow: visible;\n / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\npre {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n/\n Remove the gray background on active links in IE 10.\n /\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\nabbr[title] {\n border-bottom: none;\n / 1 /\n text-decoration: underline;\n / 2 /\n text-decoration: underline dotted;\n / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n/\n Remove the border on images inside links in IE 10.\n /\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n / 1 /\n font-size: 100%;\n / 1 /\n line-height: 1.15;\n / 1 /\n margin: 0;\n / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\nlegend {\n box-sizing: border-box;\n / 1 /\n color: inherit;\n / 2 /\n display: table;\n / 1 /\n max-width: 100%;\n / 1 /\n padding: 0;\n / 3 /\n white-space: normal;\n / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n / 1 /\n padding: 0;\n / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n[type=search] {\n -webkit-appearance: textfield;\n / 1 /\n outline-offset: -2px;\n / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n / 1 /\n font: inherit;\n / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n/\n Add the correct display in IE 10+.\n /\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n[hidden] {\n display: none;\n}\n\n:root {\n --ui-animaton-speed: 0.2s;\n}\n\n/ALIGNMENT/\n/Ellipsis/\n/**************************************************\nTYPOGRAPHY\n**************************************************/\n/Title 01 (Positive)/\n.gxg-title-01 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n/Title 01 (Negative)/\n.gxg-title-01--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 02 (Positive)/\n.gxg-title-02 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 03/\n.gxg-title-03 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 04/\n.gxg-title-04 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 05/\n.gxg-title-05 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Text/\n.gxg-text {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-text--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--gray-05);\n}\n\n/Quote/\n.gxg-quote {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--color-on-primary);\n}\n\n/Link/\n.gxg-link {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--color-primary-hover);\n}\n.gxg-link:active {\n color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n color: var(--gray-06);\n}\n\n/Alerts/\n.gxg-alert-error {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-error-dark);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-warning-dark);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-success-dark);\n display: inline-block;\n}\n\n/Tab/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/Label/\n.gxg-label {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/**************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*************************************************/\n.gxg-button-styles {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n\n/*************************************************\nFORM ELEMENTS\n**************************************************/\n.gxg-scrollbar {\n / Track /\n / Handle /\n / Handle on hover /\n cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width, 6px);\n height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background, --gray-02);\n border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n border: var(--gxg-scrollbar-track-thumb-border);\n background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n/**************************************************\n'PRIMARY TEXT ONLY' && 'PRIMARY TEXT ICON' BUTTON TYPE\n**************************************************/\n:host {\n --gxg-button-icon-size: 20px;\n display: inline-block;\n line-height: 0;\n position: relative;\n}\n:host .ghost-icon {\n width: 0;\n}\n\n:host(.button) .button-native {\n width: 100%;\n height: 20px;\n --svg-icon-regular-scale: var(\n --svg-icon-small-scale\n );\n position: relative;\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n background: var(--color-primary-enabled);\n border: 0;\n box-shadow: inset 0px 0px 0px 1px transparent;\n border-radius: var(--border-radius-xs);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding-top: 2.5px;\n padding-right: var(--spacing-comp-03);\n padding-bottom: 2.5px;\n padding-left: var(--spacing-comp-03);\n line-height: var(--line-height-regular);\n border: 1px solid transparent;\n /button styles are included on a mixin, because they are used on both, gxg-button, and gxg-button-group elements/\n}\n:host(.button) .button-native:hover:not([disabled]) {\n background: var(--color-primary-hover);\n cursor: pointer;\n}\n:host(.button) .button-native:focus:not([disabled]):not(.no-tab-index) {\n background: var(--color-primary-enabled);\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n}\n:host(.button) .button-native:active:not([disabled]) {\n background: var(--color-primary-active);\n}\n\n:host(.button.button--disabled) .button-native {\n background: var(--gxg-background-color--disabled);\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n:host(.button.button--disabled) {\n pointer-events: none;\n}\n\n/******************************\nPRIMARY\n*****************************/\n:host(.button--primary) {\n --gxg-border-color--focused: var(--color-primary-active--inverted);\n}\n\n/*****************************\nPRIMARY 'TEXT ONLY' BUTTON TYPE\n*****************************/\n:host(.button--primary-text-only) .button-native {\n color: var(--color-on-primary);\n padding-inline-start: var(--spacing-comp-04);\n padding-inline-end: var(--spacing-comp-04);\n}\n\n:host(.button--primary-text-only.button--disabled) .button-native {\n color: var(--color-on-disabled);\n}\n\n/*****************************\nPRIMARY 'TEXT + ICON' BUTTON TYPE\n*****************************/\n:host(.button--primary-text-icon) .button-native {\n color: var(--color-on-primary);\n padding-inline-start: var(--spacing-comp-01);\n padding-inline-end: var(--spacing-comp-02);\n}\n:host(.button--primary-text-icon) .button-native gxg-icon:not(.ghost-icon) {\n padding-inline-end: var(--spacing-comp-01);\n}\n\n:host(.button--primary-text-icon.button--disabled) .button-native {\n color: var(--color-on-disabled);\n}\n\n/*****************************\n'PRIMARY ICON ONLY' BUTTON TYPE\n*****************************/\n:host(.button--primary-icon-only) .button-native {\n background: var(--color-primary-enabled);\n color: var(--color-on-primary);\n}\n:host(.button--primary-icon-only) .button-native:hover:not([disabled]) {\n background: var(--color-primary-hover);\n color: var(--color-primary-hover);\n}\n:host(.button--primary-icon-only) .button-native:focus:not([disabled]):not(.no-tab-index) {\n background: var(--color-primary-enabled);\n color: var(--color-primary-hover);\n}\n:host(.button--primary-icon-only) .button-native:active:not([disabled]) {\n background: var(--color-primary-active);\n color: var(--color-on-primary);\n}\n:host(.button--primary-icon-only) .button-native:focus {\n outline: none;\n}\n\n/*****************************\nSECONDARY 'TEXT ONLY' BUTTON TYPE\n*****************************/\n:host(.button--secondary-text-only) .button-native {\n background: transparent;\n padding-inline-start: var(--spacing-comp-04);\n padding-inline-end: var(--spacing-comp-04);\n}\n:host(.button--secondary-text-only) .button-native:hover:not([disabled]) {\n color: var(--color-primary-hover);\n background: transparent;\n}\n:host(.button--secondary-text-only) .button-native:focus:not([disabled]):not(.no-tab-index) {\n color: var(--color-primary-active);\n background: transparent;\n}\n:host(.button--secondary-text-only) .button-native:active:not([disabled]) {\n color: var(--color-primary-active);\n box-shadow: none;\n}\n:host(.button--secondary-text-only) .button-native:focus {\n outline: none;\n}\n\n:host(.button--secondary-text-only.button--disabled) .button-native {\n background: transparent;\n color: var(--color-primary-disabled);\n}\n\n/*****************************\nSECONDARY 'TEXT ICON' BUTTON TYPE\n*****************************/\n:host(.button--secondary-text-icon) .button-native {\n background: transparent;\n padding-inline-start: 0;\n padding-inline-start: var(--spacing-comp-01);\n padding-inline-end: var(--spacing-comp-02);\n}\n:host(.button--secondary-text-icon) .button-native gxg-icon:not(.ghost-icon) {\n padding-inline-end: var(--spacing-comp-01);\n}\n:host(.button--secondary-text-icon) .button-native:hover:not([disabled]) {\n color: var(--color-primary-hover);\n background: transparent;\n}\n:host(.button--secondary-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index) {\n color: var(--color-primary-active);\n background: transparent;\n}\n:host(.button--secondary-text-icon) .button-native:active:not([disabled]) {\n color: var(--color-primary-active);\n box-shadow: none;\n}\n\n:host(.button--secondary-text-icon.button--disabled) .button-native {\n background: transparent;\n color: var(--color-primary-disabled);\n}\n:host(.button--secondary-text-icon.button--disabled) .button-native gxg-icon {\n --icon-color: var(--color-primary-disabled);\n}\n\n/*****************************\n'SECONDARY ICON ONLY' BUTTON TYPE\n*****************************/\n:host(.button--secondary-icon-only) .button-native {\n background: transparent;\n}\n:host(.button--secondary-icon-only) .button-native:hover:not([disabled]) {\n background: transparent;\n}\n:host(.button--secondary-icon-only) .button-native:focus:not([disabled]):not(.no-tab-index) {\n background: transparent;\n}\n:host(.button--secondary-icon-only) .button-native:active:not([disabled]) {\n background: transparent;\n}\n\n:host(.button--secondary-icon-only.button--disabled) .button-native {\n background: transparent;\n}\n\n/*****************************\n'OUTLINED' BUTTON TYPE\n*****************************/\n:host(.button--outlined) .button-native,\n:host(.button--outlined-text-icon) .button-native {\n border-color: var(--color-primary-enabled);\n background: var(--color-background);\n padding-inline-start: var(--spacing-comp-04);\n padding-inline-end: var(--spacing-comp-04);\n}\n:host(.button--outlined) .button-native:hover:not([disabled]),\n:host(.button--outlined-text-icon) .button-native:hover:not([disabled]) {\n color: var(--color-primary-hover);\n border-color: var(--color-primary-hover);\n background: var(--color-primary-hover-opacity-01);\n}\n:host(.button--outlined) .button-native:focus:not([disabled]):not(.no-tab-index),\n:host(.button--outlined-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index) {\n color: var(--color-primary-active);\n background: transparent;\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n}\n:host(.button--outlined) .button-native:active:not([disabled]),\n:host(.button--outlined-text-icon) .button-native:active:not([disabled]) {\n color: var(--color-primary-active);\n background: transparent;\n}\n:host(.button--outlined) .button-native gxg-icon:not(.ghost-icon),\n:host(.button--outlined-text-icon) .button-native gxg-icon:not(.ghost-icon) {\n padding-inline-end: var(--spacing-comp-01);\n}\n\n:host(.button--outlined.button--disabled) .button-native,\n:host(.button--outlined-text-icon.button--disabled) .button-native {\n border-color: var(--gxg-border-color--disabled);\n background: var(--color-transparent);\n color: var(--color-primary-disabled);\n}\n\n:host(.button--outlined-text-icon) .button-native {\n padding-inline-start: var(--spacing-comp-03);\n}\n\n/*****************************\n'TERTIARY' BUTTON TYPE\n*****************************/\n:host(.button--tertiary) .button-native {\n background: transparent;\n padding-inline-end: 0;\n padding-inline-start: 0;\n}\n:host(.button--tertiary) .button-native:hover:not([disabled]) {\n background: transparent;\n}\n:host(.button--tertiary) .button-native:hover:not([disabled]) gxg-icon {\n --color-on-background: var(--gray-05);\n}\n:host(.button--tertiary) .button-native:focus:not([disabled]):not(.no-tab-index) {\n background: transparent;\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n}\n:host(.button--tertiary) .button-native:active:not([disabled]) {\n background: transparent;\n}\n\n:host(.button--tertiary.button--disabled) .button-native {\n background: transparent;\n}\n\n:host(.button--fullwidth) {\n display: block;\n}\n:host(.button--fullwidth) .button-native {\n width: 100%;\n}\n\n:host(.button--fit) .button-native {\n height: 100% !important;\n width: 100% !important;\n}\n\n/****************************************************************\nICON TOOLTIP (ONLY FOR PRIMARY-ICON-ONLY & SECONDARY-ICON-ONLY TYPES)\n*****************************************************************/\n:host .icon-tooltip {\n position: absolute;\n border-width: 0.5px;\n border-style: solid;\n border-color: var(--gray-04);\n color: var(--color-on-background);\n background-color: var(--gray-01);\n font-size: 8px;\n font-weight: var(--font-weight-regular);\n font-family: var(--font-family-primary);\n padding: 1px 5px;\n width: max-content;\n left: 0;\n top: 20px;\n display: none;\n opacity: 0;\n transition-property: opacity;\n transition-duration: var(--ui-animaton-speed);\n transition-timing-function: ease;\n}\n\n:host(.display-tooltip) .icon-tooltip {\n display: block;\n}\n\n:host(.show-tooltip) .icon-tooltip {\n opacity: 1;\n}\n\n/*****************************\nICON ONLY\n*****************************/\n:host(.button--icon-only) {\n width: var(--gxg-button-icon-size);\n height: var(--gxg-button-icon-size);\n}\n:host(.button--icon-only) .button-native {\n padding: 0;\n}\n\n/*****************************\nGRAB ATTENTION ANIMATION\n*****************************/\n:host(.button--primary-text-only[grab-attention]:not([disabled])) .button-native:not(:hover),\n:host(.button--primary-text-icon[grab-attention]:not([disabled])) .button-native:not(:hover),\n:host(.button--primary-icon-only[grab-attention]:not([disabled])) .button-native:not(:hover) {\n animation-name: grabAttentionPrimary;\n animation-duration: 500ms;\n animation-iteration-count: infinite;\n animation-direction: alternate;\n}\n\n@keyframes grabAttentionPrimary {\n from {\n background-color: var(--color-primary-enabled);\n }\n to {\n background-color: var(--color-primary-hover);\n }\n}\n/*****************************************\nLARGE VERSION (html tag has 'gxg-large' class)\n******************************************/\n:host(.large) {\n --gxg-button-icon-size: 24px;\n}\n\n:host(.large) .button-native {\n height: var(--spacing-comp-05);\n font-size: var(--font-size-lg) !important;\n}\n\n:host(.button--primary-text-icon.large) .button-native {\n padding-inline-start: var(--spacing-comp-02);\n padding-inline-end: var(--spacing-comp-03);\n}\n\n:host(.button--primary-icon-only.large) .button-native {\n height: var(--spacing-comp-05);\n}\n\n:host(.button--secondary-text-icon.large) .button-native {\n padding-inline-start: var(--spacing-comp-02);\n padding-inline-end: var(--spacing-comp-03);\n}\n\n:host(.button--secondary-icon-only.large) .button-native {\n height: var(--spacing-comp-05);\n}\n\n:host(.button--tertiary.large) .button-native {\n height: var(--spacing-comp-05);\n}","import { h, Host } from \"@stencil/core\";\nimport state from \"../store\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgButton {\n constructor() {\n this.grabAttention = false;\n this.alwaysBlack = false;\n this.disabled = false;\n this.fit = false;\n this.fullWidth = false;\n this.icon = undefined;\n this.negative = false;\n this.type = \"primary-text-only\";\n this.buttonStylesEditable = false;\n this.mouseEnter = false;\n this.focusIn = false;\n }\n parts = {\n button: \"button\",\n caption: \"caption\",\n };\n exportparts;\n el;\n button;\n noTabIndex = false;\n /*****************************\n METHODS\n *****************************/\n componentWillLoad() {\n const tabIndex = this.el.getAttribute(\"tabindex\");\n if (tabIndex === \"-1\") {\n this.noTabIndex = true;\n }\n this.attachExportParts();\n }\n attachExportParts = () => {\n const part = this.el.getAttribute(\"part\");\n const exportPartsResult = exportParts(part, this.parts);\n exportPartsResult.length && (this.exportparts = exportPartsResult);\n };\n componentDidLoad() {\n // Set aria-label to host\n if (this.type === \"primary-icon-only\" \|\|\n this.type === \"secondary-icon-only\"\n //If button type is icon-only, aria-label must be provided in order to inform the user the button purpose.\n ) {\n if (this.el.querySelector(\":scope > [slot='icon']\")) {\n //Also, an icon must be provided, in order to know the button purpose.\n //The icon purpose is defined from the icon \"type\" property.\n const iconAriaLabel = this.el\n .querySelector(\":scope > [slot='icon']\")\n .getAttribute(\"type\");\n this.el.setAttribute(\"aria-label\", iconAriaLabel);\n }\n }\n //Set a part attribute to the button if buttonStylesEditable is true\n if (this.buttonStylesEditable) {\n this.el.shadowRoot\n .querySelector(\"button\")\n .setAttribute(\"part\", \"native-button\");\n }\n }\n emptyDiv() {\n return h(\"div\", { style: { height: \"20px\" } });\n //This is a workaround I found for alligning vertically the buttons that have no icon, with the buttons that do have icons.\n }\n regularIcon() {\n if (this.type !== \"primary-text-only\" &&\n this.type !== \"secondary-text-only\" &&\n this.icon !== undefined) {\n return (h(\"gxg-icon\", { type: this.icon, color: this.iconColor(), size: this.iconSize(), part: \"icon\" }));\n }\n }\n iconSize() {\n let iSize;\n if (this.type === \"secondary-icon-only\" \|\| this.type === \"tertiary\") {\n iSize = \"regular\";\n }\n else {\n iSize = \"small\";\n }\n return iSize;\n }\n iconColor() {\n let iColor;\n if (this.type.includes(\"primary\")) {\n iColor = \"negative\";\n if (this.disabled) {\n iColor = \"ondisabled\";\n }\n }\n else if (this.type.includes(\"secondary\")) {\n if (this.disabled) {\n iColor = \"disabled\";\n }\n else {\n if (this.mouseEnter) {\n iColor = \"primary-hover\";\n }\n else {\n if (this.focusIn) {\n iColor = \"primary-active\";\n }\n else {\n iColor = \"primary-enabled\";\n }\n }\n }\n }\n else if (this.type.includes(\"tertiary\")) {\n if (this.disabled) {\n iColor = \"disabled\";\n }\n else {\n if (this.alwaysBlack) {\n iColor = \"alwaysblack\";\n }\n else if (this.negative) {\n iColor = \"negative\";\n }\n else {\n iColor = \"onbackground\";\n }\n }\n }\n else if (this.type.includes(\"outlined\")) {\n iColor = \"primary-active\";\n if (this.disabled) {\n iColor = \"ondisabled\";\n }\n }\n return iColor;\n }\n clickHandler(e) {\n if (this.disabled) {\n e.preventDefault();\n }\n }\n onMouseEnter() {\n this.mouseEnter = true;\n }\n onMouseLeave() {\n this.mouseEnter = false;\n }\n onFocusIn() {\n this.focusIn = true;\n this.mouseEnter = false;\n }\n onFocusOut() {\n this.focusIn = false;\n }\n render() {\n return (h(Host, { role: \"button\", class: {\n button: true,\n \"button--primary\": this.type.includes(\"primary\"),\n \"button--primary-text-only\": this.type === \"primary-text-only\",\n \"button--primary-text-icon\": this.type === \"primary-text-icon\",\n \"button--primary-icon-only\": this.type === \"primary-icon-only\",\n \"button--secondary-text-only\": this.type === \"secondary-text-only\",\n \"button--secondary-text-icon\": this.type === \"secondary-text-icon\",\n \"button--secondary-icon-only\": this.type === \"secondary-icon-only\",\n \"button--outlined\": this.type === \"outlined\",\n \"button--outlined-text-icon\": this.type === \"outlined-text-icon\",\n \"button--disabled\": this.disabled === true,\n \"button--tertiary\": this.type === \"tertiary\",\n \"button--fullwidth\": this.fullWidth === true,\n \"button--fit\": this.fit,\n \"button--icon-only\": this.type === \"primary-icon-only\" \|\|\n this.type === \"secondary-icon-only\" \|\|\n this.type === \"tertiary\",\n large: state.large,\n }, onClick: this.clickHandler.bind(this), onMouseEnter: this.onMouseEnter.bind(this), onMouseLeave: this.onMouseLeave.bind(this), onfocusin: this.onFocusIn.bind(this), onfocusout: this.onFocusOut.bind(this), exportParts: this.exportparts ? this.exportparts : null }, this.disabled ? h(\"div\", { class: \"disabled-layer\" }) : null, h(\"button\", { class: {\n \"button-native\": true,\n \"gxg-text-general\": true,\n \"no-tab-index\": this.noTabIndex,\n }, disabled: this.disabled === true, ref: (el) => (this.button = el), part: this.parts.button }, this.emptyDiv(), this.regularIcon(), this.type.includes(\"text\") \|\| this.type === \"outlined\" ? (h(\"span\", { part: this.parts.caption, class: \"text\" }, h(\"slot\", null))) : null)));\n }\n static get is() { return \"gxg-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"button.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"button.css\"]\n };\n }\n static get properties() {\n return {\n \"grabAttention\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute with make the icon do a background color animation that will grab user attention\"\n },\n \"attribute\": \"grab-attention\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"alwaysBlack\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the icon always black\"\n },\n \"attribute\": \"always-black\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The state of the button, whether it is disabled or not\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fit\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute will force the .native-button to be contained within the gxg-button host element\"\n },\n \"attribute\": \"fit\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the component full-width\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"icon\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The button icon\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"negative\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The prescence of this attribute turns the icon white\"\n },\n \"attribute\": \"negative\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ButtonType\",\n \"resolved\": \"\\\"outlined\\\" \| \\\"outlined-text-icon\\\" \| \\\"primary-icon-only\\\" \| \\\"primary-text-icon\\\" \| \\\"primary-text-only\\\" \| \\\"secondary-icon-only\\\" \| \\\"secondary-text-icon\\\" \| \\\"secondary-text-only\\\" \| \\\"tertiary\\\"\",\n \"references\": {\n \"ButtonType\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/button/button.tsx\",\n \"id\": \"src/components/button/button.tsx::ButtonType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The kind of button\"\n },\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"primary-text-only\\\"\"\n },\n \"buttonStylesEditable\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute lets the button styles be editable from outside of the component by referencing the \\\"native-button\\\" part.\"\n },\n \"attribute\": \"button-styles-editable\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"mouseEnter\": {},\n \"focusIn\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=button.js.map\n","/*****************************\nICON\n******************************/\n/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n/ Document\n ========================================================================== /\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\nhtml {\n line-height: 1.15;\n / 1 /\n -webkit-text-size-adjust: 100%;\n / 2 /\n}\n\n/ Sections\n ========================================================================== /\n/\n Remove the margin in all browsers.\n /\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\nhr {\n box-sizing: content-box;\n / 1 /\n height: 0;\n / 1 /\n overflow: visible;\n / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\npre {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n/\n Remove the gray background on active links in IE 10.\n /\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\nabbr[title] {\n border-bottom: none;\n / 1 /\n text-decoration: underline;\n / 2 /\n text-decoration: underline dotted;\n / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n / 1 /\n font-size: 1em;\n / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n/\n Remove the border on images inside links in IE 10.\n /\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n / 1 /\n font-size: 100%;\n / 1 /\n line-height: 1.15;\n / 1 /\n margin: 0;\n / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\nlegend {\n box-sizing: border-box;\n / 1 /\n color: inherit;\n / 2 /\n display: table;\n / 1 /\n max-width: 100%;\n / 1 /\n padding: 0;\n / 3 /\n white-space: normal;\n / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n / 1 /\n padding: 0;\n / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n[type=search] {\n -webkit-appearance: textfield;\n / 1 /\n outline-offset: -2px;\n / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n / 1 /\n font: inherit;\n / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n/\n Add the correct display in IE 10+.\n /\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n[hidden] {\n display: none;\n}\n\n:root {\n --ui-animaton-speed: 0.2s;\n}\n\n/ALIGNMENT/\n/Ellipsis/\n/**************************************************\nTYPOGRAPHY\n**************************************************/\n/Title 01 (Positive)/\n.gxg-title-01 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n/Title 01 (Negative)/\n.gxg-title-01--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 02 (Positive)/\n.gxg-title-02 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 03/\n.gxg-title-03 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 04/\n.gxg-title-04 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 05/\n.gxg-title-05 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Text/\n.gxg-text {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-text--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--gray-05);\n}\n\n/Quote/\n.gxg-quote {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--color-on-primary);\n}\n\n/Link/\n.gxg-link {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--color-primary-hover);\n}\n.gxg-link:active {\n color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n color: var(--gray-06);\n}\n\n/Alerts/\n.gxg-alert-error {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-error-dark);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-warning-dark);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-success-dark);\n display: inline-block;\n}\n\n/Tab/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/Label/\n.gxg-label {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/**************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*************************************************/\n.gxg-button-styles {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n\n/*************************************************\nFORM ELEMENTS\n**************************************************/\n.gxg-scrollbar {\n / Track /\n / Handle /\n / Handle on hover /\n cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width, 6px);\n height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background, --gray-02);\n border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n border: var(--gxg-scrollbar-track-thumb-border);\n background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n:host {\n display: inline-block;\n line-height: 0;\n height: 20px;\n width: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}","import { Host, getAssetPath, h } from \"@stencil/core\";\n/******************************\nCONSTANTS\n*****************************/\nconst COLOR_MAPPINGS = {\n alwaysblack: \"color-always-black\",\n disabled: \"color-primary-disabled\",\n ondisabled: \"color-on-disabled\",\n error: \"color-error-dark\",\n negative: \"color-on-primary\",\n onbackground: \"color-on-background\",\n indeterminate: \"color-primary-active\",\n \"primary-enabled\": \"color-primary-enabled\",\n \"primary-active\": \"color-primary-active\",\n \"primary-hover\": \"color-primary-hover\",\n success: \"color-success-dark\",\n warning: \"color-warning-dark\",\n mercury: \"gray-03\",\n};\nexport class GxgIcon {\n constructor() {\n this.color = undefined;\n this.size = \"regular\";\n this.type = undefined;\n }\n element;\n /*****************************\n METHODS\n *******************************/\n getSrcPath() {\n return getAssetPath(`./icon-assets/${this.type}.svg`);\n }\n iconSize() {\n if (this.size === \"regular\") {\n return \"16px\";\n }\n else if (this.size === \"small\") {\n return \"12px\";\n }\n }\n render() {\n return (h(Host, null, h(\"ch-icon\", { style: {\n \"--icon-color\": this.mapColorToCssVar(COLOR_MAPPINGS[this.color]),\n \"--icon-size\": this.iconSize(),\n }, \"auto-color\": this.color === \"auto\", src: this.getSrcPath(), part: \"ch-icon\" })));\n }\n mapColorToCssVar(color) {\n if (color) {\n return `var(--${color})`;\n }\n else {\n //default color\n return `var(--color-on-background)`;\n }\n }\n static get is() { return \"gxg-icon\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"icon.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"icon.css\"]\n };\n }\n static get assetsDirs() { return [\"icon-assets\"]; }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"alwaysblack\\\" \| \\\"auto\\\" \| \\\"disabled\\\" \| \\\"error\\\" \| \\\"indeterminate\\\" \| \\\"mercury\\\" \| \\\"negative\\\" \| \\\"onbackground\\\" \| \\\"ondisabled\\\" \| \\\"primary-active\\\" \| \\\"primary-enabled\\\" \| \\\"primary-hover\\\" \| \\\"success\\\" \| \\\"warning\\\"\",\n \"references\": {\n \"Color\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/icon/icon.tsx\",\n \"id\": \"src/components/icon/icon.tsx::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The color of the icon.\"\n },\n \"attribute\": \"color\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Size\",\n \"resolved\": \"\\\"regular\\\" \| \\\"small\\\"\",\n \"references\": {\n \"Size\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/icon/icon.tsx\",\n \"id\": \"src/components/icon/icon.tsx::Size\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the icon. Possible values: regular, small.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"regular\\\"\"\n },\n \"type\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of icon.\"\n },\n \"attribute\": \"type\",\n \"reflect\": false\n }\n };\n }\n static get elementRef() { return \"element\"; }\n}\n//# sourceMappingURL=icon.js.map\n"],"version":3}

package/dist/esm/gxg-card_2.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { h, r as registerInstance, g as getElement, H as Host, c as createEvent } from './index-2d51259e.js';
-import { s as state } from './store-5e68d7e0.js';
-import { b as formTooltipLogic } from './form-9bfc4e06.js';
+import { h, r as registerInstance, g as getElement, H as Host, c as createEvent } from './index-692bb924.js';
+import { s as state } from './store-7887c6b7.js';
+import { b as formTooltipLogic } from './form-bcdc7789.js';
 import { f as formClasses, c as commonClassesNames } from './classesNames-ee9623a5.js';
 import { d as detectClickOutside } from './detect-click-outside-2150a315.js';
@@ -21,7 +21,7 @@ const hiChar = function (text, filterValue) {
     }
 };
-const cardCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host{display:block;background:var(--color-on-primary);box-shadow:var(--box-shadow-card);border-radius:var(--border-radius-md);font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}:host([elevation=xs]){box-shadow:var(--box-shadow-card)}:host([elevation=m]){box-shadow:var(--box-shadow-card)}:host([padding=\"0\"]){padding:0}:host([padding=xs]){padding:var(--spacing-comp-01)}:host([padding=s]){padding:var(--spacing-comp-02)}:host([padding=m]){padding:var(--spacing-comp-03)}:host([padding=l]){padding:var(--spacing-comp-04)}:host([padding=xl]){padding:var(--spacing-comp-05)}:host([padding=xxl]){padding:var(--spacing-comp-06)}:host([padding=xxxl]){padding:var(--spacing-comp-07)}:host([background=white]){background:var(--color-background)}:host([background=gray-01]){background:var(--gray-01)}.content{cursor:initial;overflow:auto;height:100%}.content::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.content::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.content::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.content::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.card--no-shadow){box-shadow:none}:host(.card--title) .wrapper{display:flex;flex-direction:column;height:100%;grid-template-rows:auto 1fr}:host(.card){background-color:var(--gray-00)}:host(.card) .card__header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;margin:var(--spacing-comp-04) var(--spacing-comp-04) 0 var(--spacing-comp-04);padding-block-end:var(--spacing-comp-04);border-block-end:1px solid var(--gray-02);gap:var(--spacing-comp-06)}:host(.card) .card__header--left{display:flex;align-items:center;gap:var(--spacing-comp-03);width:50%}:host(.card) .card__header--left .card-title-wrapper{width:100%;white-space:nowrap;overflow:hidden}:host(.card) .card__header--right{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:var(--spacing-comp-03);font-size:var(--font-size-xl);width:50%;overflow:hidden;white-space:nowrap}:host(.card) .card__header .subtitle-wrapper{overflow:hidden;text-overflow:ellipsis;color:var(--color-on-background);padding-inline-end:3px;}:host(.card) .card__header .subtitle-wrapper a{color:var(--gray-06)}:host(.card) .card__header .subtitle{white-space:nowrap;color:var(--color-on-background)}:host(.card) .content{padding:var(--spacing-comp-04);font-size:inherit;line-height:var(--line-height-default);color:var(--gray-06)}:host(.card--section){font-size:13px;border-radius:var(--border-radius-lg);padding:0}:host(.card--article){background-color:var(--gray-01);font-size:12px;border:1px solid var(--gray-02);border-radius:var(--border-radius-md);padding:0}:host(.card--article) .card__header .card__title{margin:0;color:var(--gray-06);overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-regular);font-size:14px}:host(.card--article) .card__header .subtitle-wrapper{color:var(--gray-06);font-style:italic}:host(.card--article) .content{font-style:italic;color:var(--gray-04);line-height:var(--line-height-comfortable)}:host(.card--article.title-semibold) .card__header .card__title{font-weight:var(--font-weight-semibold)}:host(.card--mini){background-color:var(--gray-01);font-size:12px;border:1px solid var(--gray-02);border-radius:var(--border-radius-md);padding:0}:host(.card--mini) .card__header{margin:var(--spacing-comp-02) var(--spacing-comp-02) 0 var(--spacing-comp-02);padding-block-end:var(--spacing-comp-02);border-bottom:0}:host(.card--mini) .card__header .card__header--left{width:100%}:host(.card--mini) .card__header .card__title{margin:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:12px;color:var(--gray-06)}:host(.card--mini) .content{font-style:italic;padding:0 var(--spacing-comp-02) var(--spacing-comp-02) var(--spacing-comp-02);color:var(--gray-04)}:host(.card--no-content) .card__header{border-bottom:0}:host(.card--actionable:hover){filter:brightness(var(--gxg-filter-brightness--hover));background-color:var(--gray-01);border-color:var(--gray-03)}:host(.card--actionable:hover) .card__header,:host(.card--actionable:hover) .content{cursor:pointer}:host(.no-header-border) .card__header{padding-bottom:0;border-bottom:0}.hiChar{color:var(--gxg-hi-char-color);font-weight:600}:host(.mercury.card){color:var(--gray-04);background-color:var(--gray-10)}:host(.mercury.card) .card__header{border-block-end-color:var(--gray-13)}:host(.mercury.card) .content{color:var(--gray-04);font-size:var(--mc-font-size-xs)}:host(.mercury.card--section){border-radius:var(--border-radius-md)}:host(.mercury.card--article){border-color:var(--gray-00);background-color:var(--gray-11);box-shadow:none}:host(.mercury.card--article) .subtitle-wrapper{font-size:var(--mc-font-size-xs);color:var(--gray-03)}:host(.mercury.card--mini){border-color:var(--gray-00);box-shadow:none}:host(.mercury.card--mini) .content{font-size:var(--mc-font-size-xxs)}:host(.mercury.card--actionable:hover){border-color:var(--gray-01);background-color:var(--gray-11);cursor:pointer}";
+const cardCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host{display:block;background:var(--color-on-primary);box-shadow:var(--box-shadow-01);border-radius:var(--border-radius-md);font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}:host([elevation=xs]){box-shadow:var(--box-shadow-01)}:host([elevation=m]){box-shadow:var(--box-shadow-03)}:host([padding=\"0\"]){padding:0}:host([padding=xs]){padding:var(--spacing-comp-01)}:host([padding=s]){padding:var(--spacing-comp-02)}:host([padding=m]){padding:var(--spacing-comp-03)}:host([padding=l]){padding:var(--spacing-comp-04)}:host([padding=xl]){padding:var(--spacing-comp-05)}:host([padding=xxl]){padding:var(--spacing-comp-06)}:host([padding=xxxl]){padding:var(--spacing-comp-07)}:host([background=white]){background:var(--color-background)}:host([background=gray-01]){background:var(--gray-01)}.content{cursor:initial;overflow:auto;height:100%}.content::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.content::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.content::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.content::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.card--no-shadow){box-shadow:none}:host(.card--title) .wrapper{display:flex;flex-direction:column;height:100%;grid-template-rows:auto 1fr}:host(.card){background-color:var(--gray-00)}:host(.card) .card__header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;margin:var(--spacing-comp-04) var(--spacing-comp-04) 0 var(--spacing-comp-04);padding-block-end:var(--spacing-comp-04);border-block-end:1px solid var(--gray-02);gap:var(--spacing-comp-06)}:host(.card) .card__header--left{display:flex;align-items:center;gap:var(--spacing-comp-03);width:50%}:host(.card) .card__header--left .card-title-wrapper{width:100%;white-space:nowrap;overflow:hidden}:host(.card) .card__header--right{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:var(--spacing-comp-03);font-size:var(--font-size-xl);width:50%;overflow:hidden;white-space:nowrap}:host(.card) .card__header .subtitle-wrapper{overflow:hidden;text-overflow:ellipsis;color:var(--color-on-background);padding-inline-end:3px;}:host(.card) .card__header .subtitle-wrapper a{color:var(--gray-06)}:host(.card) .card__header .subtitle{white-space:nowrap;color:var(--color-on-background)}:host(.card) .content{padding:var(--spacing-comp-04);font-size:inherit;line-height:var(--line-height-default);color:var(--gray-06)}:host(.card--default){background:var(--color-background)}:host(.card--default) .content{padding:0}:host(.card--section){font-size:13px;border-radius:var(--border-radius-lg);padding:0;box-shadow:var(--box-shadow-card)}:host(.card--article){background-color:var(--gray-01);font-size:12px;border:1px solid var(--gray-02);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-card);padding:0}:host(.card--article) .card__header .card__title{margin:0;color:var(--gray-06);overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-regular);font-size:14px}:host(.card--article) .card__header .subtitle-wrapper{color:var(--gray-06);font-style:italic}:host(.card--article) .content{font-style:italic;color:var(--gray-04);line-height:var(--line-height-comfortable)}:host(.card--article.title-semibold) .card__header .card__title{font-weight:var(--font-weight-semibold)}:host(.card--mini){box-shadow:var(--box-shadow-card);background-color:var(--gray-01);font-size:12px;border:1px solid var(--gray-02);border-radius:var(--border-radius-md);padding:0}:host(.card--mini) .card__header{margin:var(--spacing-comp-02) var(--spacing-comp-02) 0 var(--spacing-comp-02);padding-block-end:var(--spacing-comp-02);border-bottom:0}:host(.card--mini) .card__header .card__header--left{width:100%}:host(.card--mini) .card__header .card__title{margin:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:12px;color:var(--gray-06)}:host(.card--mini) .content{font-style:italic;padding:0 var(--spacing-comp-02) var(--spacing-comp-02) var(--spacing-comp-02);color:var(--gray-04)}:host(.card--no-content) .card__header{border-bottom:0}:host(.card--actionable:hover){filter:brightness(var(--gxg-filter-brightness--hover));background-color:var(--gray-01);border-color:var(--gray-03)}:host(.card--actionable:hover) .card__header,:host(.card--actionable:hover) .content{cursor:pointer}:host(.no-header-border) .card__header{padding-bottom:0;border-bottom:0}.hiChar{color:var(--gxg-hi-char-color);font-weight:600}:host(.mercury.card){color:var(--gray-04);background-color:var(--gray-10)}:host(.mercury.card) .card__header{border-block-end-color:var(--gray-13)}:host(.mercury.card) .content{color:var(--gray-04);font-size:var(--mc-font-size-xs)}:host(.mercury.card--section){border-radius:var(--border-radius-md)}:host(.mercury.card--article){border-color:var(--gray-00);background-color:var(--gray-11);box-shadow:none}:host(.mercury.card--article) .subtitle-wrapper{font-size:var(--mc-font-size-xs);color:var(--gray-03)}:host(.mercury.card--mini){border-color:var(--gray-00);box-shadow:none}:host(.mercury.card--mini) .content{font-size:var(--mc-font-size-xxs)}:host(.mercury.card--actionable:hover){border-color:var(--gray-01);background-color:var(--gray-11);cursor:pointer}";
 const GxgCard = class {
     constructor(hostRef) {
@@ -90,19 +90,20 @@ const GxgCard = class {
                 "card--section": this.cardType === "section",
                 "card--article": this.cardType === "article",
                 "card--mini": this.cardType === "mini",
+                "card--default": this.cardType === "default",
                 "card--title": this.cardTitle !== undefined,
                 "card--actionable": this.actionable &&
                     (this.cardType === "article" || this.cardType === "mini"),
                 "title-semibold": this.titleSemibold,
                 "card--no-shadow": this.noShadow,
-                "no-header-border": this.noHeaderBorder,
+                "no-header-border": this.noHeaderBorder
             }, style: {
                 maxWidth: this.maxWidth,
                 minHeight: this.minHeight,
-                height: this.height,
+                height: this.height
             } }, h("div", { role: this.actionable ? "button" : "none", class: {
                 wrapper: true,
-                "wrapper--header": this.cardTitle !== undefined,
+                "wrapper--header": this.cardTitle !== undefined
             } }, this.cardTitle ? (h("header", { class: "card__header" }, h("div", { class: "card__header--left" }, this.icon ? (h("gxg-icon", { type: this.icon, color: this.iconColor })) : null, h("div", { class: "card-title-wrapper" }, this.cardType === "section" ? (h("gxg-title-editable", { class: "card__title", titleType: this.titleType, value: this.cardTitle, disableEdition: !this.editableTitle })) : (h("h2", { class: "card__title" }, this.hiChar
             ? hiChar(this.cardTitle, this.filterValue)
             : this.cardTitle)))), this.cardSubtitle &&