npm - igniteui-webcomponents - Versions diffs - 5.1.2 → 5.2.0 - Mend

igniteui-webcomponents 5.1.2 → 5.2.0

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 (370) hide show

package/components/stepper/step.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"step.js","sourceRoot":"","sources":["../../../src/components/stepper/step.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAEL,cAAc,EACd,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAiC/B,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QASL,YAAO,GAAqB,SAAS,EAAE,CAAC;QACxC,eAAU,GAAqB,SAAS,EAAE,CAAC;QAE3C,wBAAmB,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACjE,2BAAsB,GAAG,sBAAsB,CACrD,IAAI,EACJ,IAAI,CAAC,UAAU,CAChB,CAAC;QAkBK,YAAO,GAAG,KAAK,CAAC;QAIhB,WAAM,GAAG,KAAK,CAAC;QAUf,aAAQ,GAAG,KAAK,CAAC;QAIjB,aAAQ,GAAG,KAAK,CAAC;QAQjB,aAAQ,GAAG,KAAK,CAAC;QAIjB,qBAAgB,GAAG,KAAK,CAAC;QAIzB,aAAQ,GAAmC,MAAM,CAAC;QAQlD,gBAAW,GAA8B,YAAY,CAAC;QAItD,UAAK,GAAG,CAAC,CAAC,CAAC;QAIX,eAAU,GAAG,KAAK,CAAC;QAInB,mBAAc,GAAG,KAAK,CAAC;QAIvB,YAAO,GAAG,KAAK,CAAC;QAIhB,cAAS,GAAc,MAAM,CAAC;QAI9B,sBAAiB,GAAG,GAAG,CAAC;IAoLjC,CAAC;IAnRQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAgB,CAAC,CAAC;IACtC,CAAC;IA+FM,KAAK,CAAC,eAAe,CAC1B,IAAkB,EAClB,YAAkC,QAAQ;QAE1C,MAAM,aAAa,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAE,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QACrE,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAE,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QAC3E,MAAM,UAAU,GAAG,MAAM;aACtB,gBAAgB,CAAC,IAAI,CAAC;aACtB,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;QAE9C,MAAM,OAAO,GAA6B;YACxC,QAAQ,EAAE,IAAI,CAAC,iBAAiB;YAChC,MAAM,EAAE,SAAS,CAAC,IAAI;YACtB,SAAS;SACV,CAAC;QAEF,MAAM,IAAI,GAAG;YACX,MAAM,EAAE,UAAU;SACnB,CAAC;QAEF,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACnC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE;YAClC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YACzE,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAE;YACrC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAC9B,gBAAgB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC9C;SACF,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,IAAI,CAAC;IACpB,CAAC;IAGS,YAAY;QACpB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CACvE,CAAC;QACJ,CAAC;IACH,CAAC;IAKS,6BAA6B;QACrC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,4BAA4B,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CACjE,CAAC;IACJ,CAAC;IAGS,cAAc;QACtB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC1D,CAAC;IACJ,CAAC;IAEO,WAAW,CAAC,KAAiB;QACnC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CACtE,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,aAAa,CAAC,KAAoB;QACxC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,mBAAmB,EAAE;YACnC,OAAO,EAAE,IAAI;YACb,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE;SACrC,CAAC,CACH,CAAC;IACJ,CAAC;IAGD,IAAW,YAAY;QACrB,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;IAChD,CAAC;IAED,IAAY,oBAAoB;QAC9B,OAAO;YACL,kBAAkB,EAAE,IAAI;YACxB,QAAQ,EAAE,CAAC,IAAI,CAAC,YAAY;YAC5B,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,cAAc,EAAE,IAAI,CAAC,gBAAgB;YACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EACL,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY;YACnE,GAAG,EAAE,IAAI,CAAC,aAAa,KAAK,KAAK;YACjC,MAAM,EACJ,IAAI,CAAC,aAAa,KAAK,QAAQ;gBAC/B,CAAC,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;YAC5D,KAAK,EAAE,IAAI,CAAC,aAAa,KAAK,OAAO;YACrC,GAAG,EACD,IAAI,CAAC,aAAa,KAAK,KAAK;gBAC5B,CAAC,IAAI,CAAC,WAAW,KAAK,UAAU,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;SAC3D,CAAC;IACJ,CAAC;IAED,IAAY,SAAS;QACnB,OAAO;YACL,IAAI,EAAE,IAAI;YACV,KAAK,EACH,IAAI,CAAC,QAAQ,KAAK,WAAW;gBAC3B,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,MAAM;oBACxB,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM;oBAC3B,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM;SACrC,CAAC;IACJ,CAAC;IAES,eAAe;QACvB,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAA;;;oBAGG,IAAI,CAAC,KAAK,GAAG,CAAC;;;OAG3B,CAAC;QACJ,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAES,sBAAsB;QAC9B,OAAO,IAAI,CAAA;mBACI,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC;;;;;;;;KAQzC,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA;QACP,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;6BACI,IAAI,CAAC,KAAK;;;yCAGE,IAAI,CAAC,KAAK;;4BAEvB,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;;;WAGrC,CAAC;IACV,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;QACP,IAAI,CACJ,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,EACpD,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,EAC1B,GAAG,EAAE,CAAC,OAAO,CACd;mBACY,WAAW,CAAC,IAAI,CAAC,oBAAoB,CAAC;;;sBAGnC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;;2BAEnB,IAAI,CAAC,MAAM;mBACnB,IAAI,CAAC,WAAW;qBACd,IAAI,CAAC,aAAa;;YAE3B,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,sBAAsB,EAAE;;;QAG3D,IAAI,CACJ,IAAI,CAAC,WAAW,KAAK,UAAU,IAAI,CAAC,IAAI,CAAC,UAAU,EACnD,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,EAC1B,GAAG,EAAE,CAAC,OAAO,CACd;KACF,CAAC;IACJ,CAAC;;AAtRsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AACrB,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAiBzC;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACG;AAGpC;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;2DACG;AAIxC;IADN,KAAK,CAAC,kBAAkB,CAAC;gDACE;AAIrB;IADN,KAAK,CAAC,gBAAgB,CAAC;qDACS;AAI1B;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACpB;AAIhB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACrB;AAUf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACJ;AAIjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACnB;AAQjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACnB;AAIjB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;0DACC;AAIzB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;kDAC0B;AAIlD;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;uDAC2B;AAInD;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;qDAC8B;AAItD;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+CACb;AAIX;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACL;AAInB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;wDACD;AAIvB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;iDACR;AAIhB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;mDACM;AAI9B;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2DACA;AAmCrB;IADT,KAAK,CAAC,QAAQ,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;oDAO/C;AAKS;IAHT,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IACjD,KAAK,CAAC,SAAS,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IAChD,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;qEAKjD;AAGS;IADT,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;sDAKjD;AA7JkB,gBAAgB;IADpC,MAAM,CAAC,GAAG,CAAC;GACS,gBAAgB,CAwRpC;eAxRoB,gBAAgB","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\nimport { when } from 'lit/directives/when.js';\n\nimport { EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport {\n type Animation,\n bodyAnimations,\n contentAnimations,\n} from './animations.js';\nimport { styles as shared } from './themes/step/shared/step.common.css.js';\nimport { styles } from './themes/step/step.base.css.js';\nimport { all } from './themes/step/themes.js';\n\n/*\n The step component is used within the `igc-stepper` element and it holds the content of each step.\n * It also supports custom indicators, title and subtitle.\n \n @element igc-step\n \n @slot - Renders the content of the step.\n * @slot indicator - Renders the indicator of the step. By default, it displays the step index + 1.\n * @slot title - Renders the title of the step.\n * @slot subtitle - Renders the subtitle of the step.\n \n @csspart header-container - Wrapper of the step's `header` and its separators.\n * @csspart disabled - Indicates a disabled state. Applies to `header-container`.\n * @csspart complete-start - Indicates a complete state of the current step. Applies to `header-container`.\n * @csspart complete-end - Indicates a complete state of the previous step. Applies to `header-container`.\n * @csspart optional - Indicates an optional state. Applies to `header-container`.\n * @csspart invalid - Indicates an invalid state. Applies to `header-container`.\n * @csspart top - Indicates that the title should be above the indicator. Applies to `header-container`.\n * @csspart bottom - Indicates that the title should be below the indicator. Applies to `header-container`.\n * @csspart start - Indicates that the title should be before the indicator. Applies to `header-container`.\n * @csspart end - Indicates that the title should be after the indicator. Applies to `header-container`.\n * @csspart header - Wrapper of the step's `indicator` and `text`.\n * @csspart indicator - The indicator of the step.\n * @csspart text - Wrapper of the step's `title` and `subtitle`.\n * @csspart empty - Indicates that no title and subtitle has been provided to the step. Applies to `text`.\n * @csspart title - The title of the step.\n * @csspart subtitle - The subtitle of the step.\n * @csspart body - Wrapper of the step's `content`.\n * @csspart content - The steps `content`.\n /\n@themes(all)\nexport default class IgcStepComponent extends LitElement {\n public static readonly tagName = 'igc-step';\n public static override styles = [styles, shared];\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcStepComponent);\n }\n\n private bodyRef: Ref<HTMLElement> = createRef();\n private contentRef: Ref<HTMLElement> = createRef();\n\n private bodyAnimationPlayer = addAnimationController(this, this.bodyRef);\n private contentAnimationPlayer = addAnimationController(\n this,\n this.contentRef\n );\n\n @queryAssignedElements({ slot: 'title' })\n private _titleChildren!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'subtitle' })\n private _subTitleChildren!: Array<HTMLElement>;\n\n / blazorSuppress /\n @query('[part~=\"header\"]')\n public header!: HTMLElement;\n\n / blazorSuppress /\n @query('[part~=\"body\"]')\n public contentBody!: HTMLElement;\n\n /* Gets/sets whether the step is invalid. /\n @property({ reflect: true, type: Boolean })\n public invalid = false;\n\n /* Gets/sets whether the step is activе. /\n @property({ reflect: true, type: Boolean })\n public active = false;\n\n /\n Gets/sets whether the step is optional.\n \n @remarks\n * Optional steps validity does not affect the default behavior when the stepper is in linear mode i.e.\n * if optional step is invalid the user could still move to the next step.\n /\n @property({ type: Boolean })\n public optional = false;\n\n /* Gets/sets whether the step is interactable. /\n @property({ reflect: true, type: Boolean })\n public disabled = false;\n\n /* Gets/sets whether the step is completed.\n \n @remarks\n * When set to `true` the following separator is styled `solid`.\n /\n @property({ reflect: true, type: Boolean })\n public complete = false;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public previousComplete = false;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public stepType: 'indicator' \| 'title' \| 'full' = 'full';\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public titlePosition?: 'bottom' \| 'top' \| 'end' \| 'start';\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public orientation: 'horizontal' \| 'vertical' = 'horizontal';\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public index = -1;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public contentTop = false;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public linearDisabled = false;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public visited = false;\n\n /* @hidden @intrnal @private /\n @property({ attribute: false })\n public animation: Animation = 'fade';\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public animationDuration = 350;\n\n public async toggleAnimation(\n type: 'in' \| 'out',\n direction: 'normal' \| 'reverse' = 'normal'\n ) {\n const bodyAnimation = bodyAnimations.get(this.animation)!.get(type)!;\n const contentAnimation = contentAnimations.get(this.animation)!.get(type)!;\n const bodyHeight = window\n .getComputedStyle(this)\n .getPropertyValue('--vertical-body-height');\n\n const options: KeyframeAnimationOptions = {\n duration: this.animationDuration,\n easing: EaseInOut.Quad,\n direction,\n };\n\n const step = {\n height: bodyHeight,\n };\n\n const [_, event] = await Promise.all([\n this.bodyAnimationPlayer.stopAll(),\n this.bodyAnimationPlayer.play(bodyAnimation({ keyframe: options, step })),\n this.contentAnimationPlayer.stopAll(),\n this.contentAnimationPlayer.play(\n contentAnimation({ keyframe: options, step })\n ),\n ]);\n\n return event.type;\n }\n\n @watch('active', { waitUntilFirstUpdate: true })\n protected activeChange() {\n if (this.active) {\n this.dispatchEvent(\n new CustomEvent('stepActiveChanged', { bubbles: true, detail: false })\n );\n }\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n @watch('invalid', { waitUntilFirstUpdate: true })\n @watch('optional', { waitUntilFirstUpdate: true })\n protected disabledInvalidOptionalChange() {\n this.dispatchEvent(\n new CustomEvent('stepDisabledInvalidChanged', { bubbles: true })\n );\n }\n\n @watch('complete', { waitUntilFirstUpdate: true })\n protected completeChange() {\n this.dispatchEvent(\n new CustomEvent('stepCompleteChanged', { bubbles: true })\n );\n }\n\n private handleClick(event: MouseEvent): void {\n event.stopPropagation();\n if (this.isAccessible) {\n this.dispatchEvent(\n new CustomEvent('stepActiveChanged', { bubbles: true, detail: true })\n );\n }\n }\n\n private handleKeydown(event: KeyboardEvent): void {\n this.dispatchEvent(\n new CustomEvent('stepHeaderKeydown', {\n bubbles: true,\n detail: { event, focusedStep: this },\n })\n );\n }\n\n /* @hidden @internal */\n public get isAccessible(): boolean {\n return !this.disabled && !this.linearDisabled;\n }\n\n private get headerContainerParts() {\n return {\n 'header-container': true,\n disabled: !this.isAccessible,\n 'complete-start': this.complete,\n 'complete-end': this.previousComplete,\n optional: this.optional,\n invalid:\n this.invalid && this.visited && !this.active && this.isAccessible,\n top: this.titlePosition === 'top',\n bottom:\n this.titlePosition === 'bottom' \|\|\n (this.orientation === 'horizontal' && !this.titlePosition),\n start: this.titlePosition === 'start',\n end:\n this.titlePosition === 'end' \|\|\n (this.orientation === 'vertical' && !this.titlePosition),\n };\n }\n\n private get textParts() {\n return {\n text: true,\n empty:\n this.stepType === 'indicator'\n ? true\n : this.stepType === 'full' &&\n !this._titleChildren.length &&\n !this._subTitleChildren.length,\n };\n }\n\n protected renderIndicator() {\n if (this.stepType !== 'title') {\n return html`\n <div part=\"indicator\">\n <slot name=\"indicator\">\n <span>${this.index + 1}</span>\n </slot>\n </div>\n `;\n }\n return nothing;\n }\n\n protected renderTitleAndSubtitle() {\n return html`\n <div part=\"${partNameMap(this.textParts)}\">\n <div part=\"title\">\n <slot name=\"title\"></slot>\n </div>\n <div part=\"subtitle\">\n <slot name=\"subtitle\"></slot>\n </div>\n </div>\n `;\n }\n\n protected renderContent() {\n return html`<div\n ${ref(this.bodyRef)}\n id=\"igc-step-content-${this.index}\"\n part=\"body\"\n role=\"tabpanel\"\n aria-labelledby=\"igc-step-header-${this.index}\"\n >\n <div part=\"content\" ${ref(this.contentRef)}>\n <slot></slot>\n </div>\n </div>`;\n }\n\n protected override render() {\n return html`\n ${when(\n this.contentTop && this.orientation === 'horizontal',\n () => this.renderContent(),\n () => nothing\n )}\n <div part=\"${partNameMap(this.headerContainerParts)}\">\n <div\n part=\"header\"\n tabindex=\"${this.active ? '0' : '-1'}\"\n role=\"tab\"\n aria-selected=\"${this.active}\"\n @click=${this.handleClick}\n @keydown=${this.handleKeydown}\n >\n ${this.renderIndicator()} ${this.renderTitleAndSubtitle()}\n </div>\n </div>\n ${when(\n this.orientation === 'vertical' \|\| !this.contentTop,\n () => this.renderContent(),\n () => nothing\n )}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-step': IgcStepComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"step.js","sourceRoot":"","sources":["../../../src/components/stepper/step.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\nimport { when } from 'lit/directives/when.js';\n\nimport { EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport {\n type Animation,\n bodyAnimations,\n contentAnimations,\n} from './animations.js';\nimport { styles as shared } from './themes/step/shared/step.common.css.js';\nimport { styles } from './themes/step/step.base.css.js';\nimport { all } from './themes/step/themes.js';\n\n/*\n The step component is used within the `igc-stepper` element and it holds the content of each step.\n * It also supports custom indicators, title and subtitle.\n \n @element igc-step\n \n @slot - Renders the content of the step.\n * @slot indicator - Renders the indicator of the step. By default, it displays the step index + 1.\n * @slot title - Renders the title of the step.\n * @slot subtitle - Renders the subtitle of the step.\n \n @csspart header-container - Wrapper of the step's `header` and its separators.\n * @csspart disabled - Indicates a disabled state. Applies to `header-container`.\n * @csspart complete-start - Indicates a complete state of the current step. Applies to `header-container`.\n * @csspart complete-end - Indicates a complete state of the previous step. Applies to `header-container`.\n * @csspart optional - Indicates an optional state. Applies to `header-container`.\n * @csspart invalid - Indicates an invalid state. Applies to `header-container`.\n * @csspart top - Indicates that the title should be above the indicator. Applies to `header-container`.\n * @csspart bottom - Indicates that the title should be below the indicator. Applies to `header-container`.\n * @csspart start - Indicates that the title should be before the indicator. Applies to `header-container`.\n * @csspart end - Indicates that the title should be after the indicator. Applies to `header-container`.\n * @csspart header - Wrapper of the step's `indicator` and `text`.\n * @csspart indicator - The indicator of the step.\n * @csspart text - Wrapper of the step's `title` and `subtitle`.\n * @csspart empty - Indicates that no title and subtitle has been provided to the step. Applies to `text`.\n * @csspart title - The title of the step.\n * @csspart subtitle - The subtitle of the step.\n * @csspart body - Wrapper of the step's `content`.\n * @csspart content - The steps `content`.\n /\n@themes(all)\nexport default class IgcStepComponent extends LitElement {\n public static readonly tagName = 'igc-step';\n public static override styles = [styles, shared];\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcStepComponent);\n }\n\n private bodyRef: Ref<HTMLElement> = createRef();\n private contentRef: Ref<HTMLElement> = createRef();\n\n private bodyAnimationPlayer = addAnimationController(this, this.bodyRef);\n private contentAnimationPlayer = addAnimationController(\n this,\n this.contentRef\n );\n\n @queryAssignedElements({ slot: 'title' })\n private _titleChildren!: Array<HTMLElement>;\n\n @queryAssignedElements({ slot: 'subtitle' })\n private _subTitleChildren!: Array<HTMLElement>;\n\n / blazorSuppress /\n @query('[part~=\"header\"]')\n public header!: HTMLElement;\n\n / blazorSuppress /\n @query('[part~=\"body\"]')\n public contentBody!: HTMLElement;\n\n /* Gets/sets whether the step is invalid. /\n @property({ reflect: true, type: Boolean })\n public invalid = false;\n\n /* Gets/sets whether the step is activе. /\n @property({ reflect: true, type: Boolean })\n public active = false;\n\n /\n Gets/sets whether the step is optional.\n \n @remarks\n * Optional steps validity does not affect the default behavior when the stepper is in linear mode i.e.\n * if optional step is invalid the user could still move to the next step.\n /\n @property({ type: Boolean })\n public optional = false;\n\n /* Gets/sets whether the step is interactable. /\n @property({ reflect: true, type: Boolean })\n public disabled = false;\n\n /* Gets/sets whether the step is completed.\n \n @remarks\n * When set to `true` the following separator is styled `solid`.\n /\n @property({ reflect: true, type: Boolean })\n public complete = false;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public previousComplete = false;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public stepType: 'indicator' \| 'title' \| 'full' = 'full';\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public titlePosition?: 'bottom' \| 'top' \| 'end' \| 'start';\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public orientation: 'horizontal' \| 'vertical' = 'horizontal';\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public index = -1;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public contentTop = false;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public linearDisabled = false;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public visited = false;\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public animation: Animation = 'fade';\n\n /* @hidden @internal @private /\n @property({ attribute: false })\n public animationDuration = 350;\n\n public async toggleAnimation(\n type: 'in' \| 'out',\n direction: 'normal' \| 'reverse' = 'normal'\n ) {\n const bodyAnimation = bodyAnimations.get(this.animation)!.get(type)!;\n const contentAnimation = contentAnimations.get(this.animation)!.get(type)!;\n const bodyHeight = window\n .getComputedStyle(this)\n .getPropertyValue('--vertical-body-height');\n\n const options: KeyframeAnimationOptions = {\n duration: this.animationDuration,\n easing: EaseInOut.Quad,\n direction,\n };\n\n const step = {\n height: bodyHeight,\n };\n\n const [_, event] = await Promise.all([\n this.bodyAnimationPlayer.stopAll(),\n this.bodyAnimationPlayer.play(bodyAnimation({ keyframe: options, step })),\n this.contentAnimationPlayer.stopAll(),\n this.contentAnimationPlayer.play(\n contentAnimation({ keyframe: options, step })\n ),\n ]);\n\n return event.type;\n }\n\n @watch('active', { waitUntilFirstUpdate: true })\n protected activeChange() {\n if (this.active) {\n this.dispatchEvent(\n new CustomEvent('stepActiveChanged', { bubbles: true, detail: false })\n );\n }\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n @watch('invalid', { waitUntilFirstUpdate: true })\n @watch('optional', { waitUntilFirstUpdate: true })\n protected disabledInvalidOptionalChange() {\n this.dispatchEvent(\n new CustomEvent('stepDisabledInvalidChanged', { bubbles: true })\n );\n }\n\n @watch('complete', { waitUntilFirstUpdate: true })\n protected completeChange() {\n this.dispatchEvent(\n new CustomEvent('stepCompleteChanged', { bubbles: true })\n );\n }\n\n private handleClick(event: MouseEvent): void {\n event.stopPropagation();\n if (this.isAccessible) {\n this.dispatchEvent(\n new CustomEvent('stepActiveChanged', { bubbles: true, detail: true })\n );\n }\n }\n\n private handleKeydown(event: KeyboardEvent): void {\n this.dispatchEvent(\n new CustomEvent('stepHeaderKeydown', {\n bubbles: true,\n detail: { event, focusedStep: this },\n })\n );\n }\n\n /* @hidden @internal */\n public get isAccessible(): boolean {\n return !this.disabled && !this.linearDisabled;\n }\n\n private get headerContainerParts() {\n return {\n 'header-container': true,\n disabled: !this.isAccessible,\n 'complete-start': this.complete,\n 'complete-end': this.previousComplete,\n optional: this.optional,\n invalid:\n this.invalid && this.visited && !this.active && this.isAccessible,\n top: this.titlePosition === 'top',\n bottom:\n this.titlePosition === 'bottom' \|\|\n (this.orientation === 'horizontal' && !this.titlePosition),\n start: this.titlePosition === 'start',\n end:\n this.titlePosition === 'end' \|\|\n (this.orientation === 'vertical' && !this.titlePosition),\n };\n }\n\n private get textParts() {\n return {\n text: true,\n empty:\n this.stepType === 'indicator'\n ? true\n : this.stepType === 'full' &&\n !this._titleChildren.length &&\n !this._subTitleChildren.length,\n };\n }\n\n protected renderIndicator() {\n if (this.stepType !== 'title') {\n return html`\n <div part=\"indicator\">\n <slot name=\"indicator\">\n <span>${this.index + 1}</span>\n </slot>\n </div>\n `;\n }\n return nothing;\n }\n\n protected renderTitleAndSubtitle() {\n return html`\n <div part=\"${partNameMap(this.textParts)}\">\n <div part=\"title\">\n <slot name=\"title\"></slot>\n </div>\n <div part=\"subtitle\">\n <slot name=\"subtitle\"></slot>\n </div>\n </div>\n `;\n }\n\n protected renderContent() {\n return html`<div\n ${ref(this.bodyRef)}\n id=\"igc-step-content-${this.index}\"\n part=\"body\"\n role=\"tabpanel\"\n aria-labelledby=\"igc-step-header-${this.index}\"\n >\n <div part=\"content\" ${ref(this.contentRef)}>\n <slot></slot>\n </div>\n </div>`;\n }\n\n protected override render() {\n return html`\n ${when(\n this.contentTop && this.orientation === 'horizontal',\n () => this.renderContent(),\n () => nothing\n )}\n <div part=\"${partNameMap(this.headerContainerParts)}\">\n <div\n part=\"header\"\n tabindex=\"${this.active ? '0' : '-1'}\"\n role=\"tab\"\n aria-selected=\"${this.active}\"\n @click=${this.handleClick}\n @keydown=${this.handleKeydown}\n >\n ${this.renderIndicator()} ${this.renderTitleAndSubtitle()}\n </div>\n </div>\n ${when(\n this.orientation === 'vertical' \|\| !this.contentTop,\n () => this.renderContent(),\n () => nothing\n )}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-step': IgcStepComponent;\n }\n}\n"]}

package/components/stepper/themes/step/step.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{align-items:flex-start}[part~=header-container],[part~=header]{width:var(--header-width-vertical, auto)}[part~=header-container]::before,[part~=header]::before{content:"";width:auto;flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);position:relative}[part~=header-container]{display:flex;pointer-events:none;position:relative;justify-content:center;z-index:0}[part~=header-container] [part~=header]{pointer-events:all;align-items:center}[part~=header-container] [part=indicator],[part~=header-container] [part=title],[part~=header-container] [part=subtitle]{pointer-events:none}[part~=header-container]::before{min-width:var(--separator-min-width);display:var(--hide-horizontal-separator, var(--horizontal-separator-display--first-of-type))}[part~=header]{display:flex;align-items:var(--align-items, flex-start);grid-row:var(--header-bottom, 1);position:relative;overflow:hidden;padding:var(--header-padding);justify-content:flex-start;gap:var(--header-gap);z-index:var(--vertical-header-z-index)}[part~=header]::before,[part~=header]::after{content:"";flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);min-width:var(--separator-min-width--header);width:calc(50% - var(--indicator-size)/2 - var(--header-padding));position:absolute;z-index:-1}[part~=header]::before{inset-inline-start:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--first-of-type)))}[part~=header]::after{inset-inline-end:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--last-of-type)))}[part~=header]:focus,[part~=header]:hover{cursor:pointer;outline:none}[part~=header]:hover::before,[part~=header]:hover::after{visibility:var(--header-separator-visibility--hover)}[part~=header]:focus::before,[part~=header]:focus::after,[part~=header]:focus-within::before,[part~=header]:focus-within::after,[part~=header]:active::before,[part~=header]:active::after{visibility:var(--header-separator-visibility--hover)}[part~=body]{display:block;grid-row-start:var(--body-top, 2);grid-column:1/span var(--steps-count);padding-inline-start:calc(var(--body-indent--vertical)/2);z-index:1;position:relative;overflow:hidden;width:0;height:var(--vertical-body-height, auto);min-width:100%}[part~=body]::before{display:var(--hide-last-separator, var(--hide-first-separator, var(--vertical-separator-visibility)));content:"";position:absolute;inset-inline-start:calc(var(--body-indent--vertical)/2 - var(--separator-size)/2);height:100%;inset-block-start:0 !important;border-inline-start-style:var(--separator-type);border-inline-start-width:var(--separator-size)}[part=content]{display:block;height:auto;overflow:auto;opacity:0}[part=content]>slot{display:block;padding-inline:var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2)) var(--horizontal-body-padding, var(--vertical-body-padding));padding-block:var(--horizontal-body-padding, var(--vertical-body-padding)) var(--horizontal-body-padding, var(--vertical-body-padding))}[part~=top]{align-items:var(--step-not-full-header-aligmnet, flex-end)}[part~=top]::before,[part~=top]::after{inset-block-end:var(--step-separator-position)}[part~=top] [part~=header]{align-items:var(--align-items, flex-start);flex-direction:column-reverse}[part~=top] [part~=header]::before,[part~=top] [part~=header]::after{inset-block-end:var(--step-separator-position)}[part~=bottom]{align-items:var(--step-not-full-header-aligmnet, start)}[part~=bottom]::before,[part~=bottom]::after{inset-block-start:var(--step-separator-position)}[part~=bottom] [part~=header]{align-items:var(--align-items, flex-start);flex-direction:column}[part~=bottom] [part~=header]::before,[part~=bottom] [part~=header]::after{inset-block-start:var(--step-separator-position)}[part~=top] [part~=text],[part~=bottom] [part~=text]{width:100%}[part~=start] [part=text]{order:-1}[part~=start],[part~=end]{align-items:center}[part~=start] [part~=text],[part~=end] [part~=text]{overflow:hidden}[part~=start] [part~=header]::before,[part~=start] [part~=header]::after,[part~=end] [part~=header]::before,[part~=end] [part~=header]::after{display:none}[part~=indicator]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);width:var(--indicator-size);min-width:var(--indicator-size);height:var(--indicator-size);position:relative}[part~=indicator],::slotted([slot=indicator]){display:flex;align-items:center;justify-content:center}::slotted([slot=indicator]){--diameter: calc(var(--indicator-size) - 0.125rem);--ig-icon-size: 1.125rem}[part~=text]{text-align:var(--align-text, initial);min-width:var(--indicator-size)}[part~=subtitle],[part~=title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part~=title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=empty]{display:none}:host([active]) [part~=body]{height:100%}:host([active]) [part~="body bottom"]::before{inset-block-start:0}:host([active]) [part=content]{pointer-events:all;opacity:1}[part~=disabled] [part=header]{cursor:default}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{align-items:flex-start}[part~=header-container],[part~=header]{width:var(--header-width-vertical, auto)}[part~=header-container]::before,[part~=header]::before{content:"";width:auto;flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);position:relative}[part~=header-container]{display:flex;pointer-events:none;position:relative;justify-content:center;z-index:0}[part~=header-container] [part~=header]{pointer-events:all;align-items:center}[part~=header-container] [part=indicator],[part~=header-container] [part=title],[part~=header-container] [part=subtitle]{pointer-events:none}[part~=header-container]::before{min-width:var(--separator-min-width);display:var(--hide-horizontal-separator, var(--horizontal-separator-display--first-of-type))}[part~=header]{display:flex;align-items:var(--align-items, flex-start);grid-row:var(--header-bottom, 1);position:relative;overflow:hidden;padding:var(--header-padding);justify-content:flex-start;gap:var(--header-gap);z-index:var(--vertical-header-z-index)}[part~=header]::before,[part~=header]::after{content:"";flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);min-width:var(--separator-min-width--header);width:calc(50% - var(--indicator-size)/2 - var(--header-padding));position:absolute;z-index:-1}[part~=header]::before{inset-inline-start:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--first-of-type)))}[part~=header]::after{inset-inline-end:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--last-of-type)))}[part~=header]:focus,[part~=header]:hover{cursor:pointer;outline:none}[part~=header]:hover::before,[part~=header]:hover::after{visibility:var(--header-separator-visibility--hover)}[part~=header]:focus::before,[part~=header]:focus::after,[part~=header]:focus-within::before,[part~=header]:focus-within::after,[part~=header]:active::before,[part~=header]:active::after{visibility:var(--header-separator-visibility--hover)}[part~=body]{display:block;grid-row-start:var(--body-top, 2);grid-column:1/span var(--steps-count);padding-inline-start:calc(var(--body-indent--vertical)/2);z-index:1;position:relative;overflow:hidden;width:0;height:var(--vertical-body-height, auto);min-width:100%}[part~=body]::before{display:var(--hide-last-separator, var(--hide-first-separator, var(--vertical-separator-visibility)));content:"";position:absolute;inset-inline-start:calc(var(--body-indent--vertical)/2 - var(--separator-size)/2);height:100%;inset-block-start:0 !important;border-inline-start-style:var(--separator-type);border-inline-start-width:var(--separator-size)}[part=content]{display:block;height:auto;overflow:auto;opacity:0}[part=content]>slot{display:block;padding-inline:var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2)) var(--horizontal-body-padding, var(--vertical-body-padding));padding-block:var(--horizontal-body-padding, var(--vertical-body-padding)) var(--horizontal-body-padding, var(--vertical-body-padding))}[part~=top]{align-items:var(--step-not-full-header-aligmnet, flex-end)}[part~=top]::before,[part~=top]::after{inset-block-end:var(--step-separator-position)}[part~=top] [part~=header]{align-items:var(--align-items, flex-start);flex-direction:column-reverse}[part~=top] [part~=header]::before,[part~=top] [part~=header]::after{inset-block-end:var(--step-separator-position)}[part~=bottom]{align-items:var(--step-not-full-header-aligmnet, start)}[part~=bottom]::before,[part~=bottom]::after{inset-block-start:var(--step-separator-position)}[part~=bottom] [part~=header]{align-items:var(--align-items, flex-start);flex-direction:column}[part~=bottom] [part~=header]::before,[part~=bottom] [part~=header]::after{inset-block-start:var(--step-separator-position)}[part~=top] [part~=text],[part~=bottom] [part~=text]{width:100%}[part~=start] [part=text]{order:-1}[part~=start],[part~=end]{align-items:center}[part~=start] [part~=text],[part~=end] [part~=text]{overflow:hidden}[part~=start] [part~=header]::before,[part~=start] [part~=header]::after,[part~=end] [part~=header]::before,[part~=end] [part~=header]::after{display:none}[part~=indicator]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);width:var(--indicator-size);min-width:var(--indicator-size);height:var(--indicator-size);position:relative}[part~=indicator],::slotted([slot=indicator]){display:flex;align-items:center;justify-content:center}::slotted([slot=indicator]){--diameter: calc(var(--indicator-size) - 0.125rem);--ig-icon-size: 1.125rem}[part~=text]{text-align:var(--align-text, initial);min-width:var(--indicator-size)}[part~=subtitle],[part~=title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part~=title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=empty]{display:none}:host([active]) [part~=body]{height:100%}:host([active]) [part~="body bottom"]::before{inset-block-start:0}:host([active]) [part=content]{pointer-events:all;opacity:1}[part~=disabled] [part=header]{cursor:default}`;
 //# sourceMappingURL=step.base.css.js.map

package/components/stepper/themes/step/step.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"step.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/step/step.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~k3NAAk3N~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{align-items:flex-start}[part~=header-container],[part~=header]{width:var(--header-width-vertical, auto)}[part~=header-container]::before,[part~=header]::before{content:\"\";width:auto;flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);position:relative}[part~=header-container]{display:flex;pointer-events:none;position:relative;justify-content:center;z-index:0}[part~=header-container] [part~=header]{pointer-events:all;align-items:center}[part~=header-container] [part=indicator],[part~=header-container] [part=title],[part~=header-container] [part=subtitle]{pointer-events:none}[part~=header-container]::before{min-width:var(--separator-min-width);display:var(--hide-horizontal-separator, var(--horizontal-separator-display--first-of-type))}[part~=header]{display:flex;align-items:var(--align-items, flex-start);grid-row:var(--header-bottom, 1);position:relative;overflow:hidden;padding:var(--header-padding);justify-content:flex-start;gap:var(--header-gap);z-index:var(--vertical-header-z-index)}[part~=header]::before,[part~=header]::after{content:\"\";flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);min-width:var(--separator-min-width--header);width:calc(50% - var(--indicator-size)/2 - var(--header-padding));position:absolute;z-index:-1}[part~=header]::before{inset-inline-start:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--first-of-type)))}[part~=header]::after{inset-inline-end:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--last-of-type)))}[part~=header]:focus,[part~=header]:hover{cursor:pointer;outline:none}[part~=header]:hover::before,[part~=header]:hover::after{visibility:var(--header-separator-visibility--hover)}[part~=header]:focus::before,[part~=header]:focus::after,[part~=header]:focus-within::before,[part~=header]:focus-within::after,[part~=header]:active::before,[part~=header]:active::after{visibility:var(--header-separator-visibility--hover)}[part~=body]{display:block;grid-row-start:var(--body-top, 2);grid-column:1/span var(--steps-count);padding-inline-start:calc(var(--body-indent--vertical)/2);z-index:1;position:relative;overflow:hidden;width:0;height:var(--vertical-body-height, auto);min-width:100%}[part~=body]::before{display:var(--hide-last-separator, var(--hide-first-separator, var(--vertical-separator-visibility)));content:\"\";position:absolute;inset-inline-start:calc(var(--body-indent--vertical)/2 - var(--separator-size)/2);height:100%;inset-block-start:0 !important;border-inline-start-style:var(--separator-type);border-inline-start-width:var(--separator-size)}[part=content]{display:block;height:auto;overflow:auto;opacity:0}[part=content]>slot{display:block;padding-inline:var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2)) var(--horizontal-body-padding, var(--vertical-body-padding));padding-block:var(--horizontal-body-padding, var(--vertical-body-padding)) var(--horizontal-body-padding, var(--vertical-body-padding))}[part~=top]{align-items:var(--step-not-full-header-aligmnet, flex-end)}[part~=top]::before,[part~=top]::after{inset-block-end:var(--step-separator-position)}[part~=top] [part~=header]{align-items:var(--align-items, flex-start);flex-direction:column-reverse}[part~=top] [part~=header]::before,[part~=top] [part~=header]::after{inset-block-end:var(--step-separator-position)}[part~=bottom]{align-items:var(--step-not-full-header-aligmnet, start)}[part~=bottom]::before,[part~=bottom]::after{inset-block-start:var(--step-separator-position)}[part~=bottom] [part~=header]{align-items:var(--align-items, flex-start);flex-direction:column}[part~=bottom] [part~=header]::before,[part~=bottom] [part~=header]::after{inset-block-start:var(--step-separator-position)}[part~=top] [part~=text],[part~=bottom] [part~=text]{width:100%}[part~=start] [part=text]{order:-1}[part~=start],[part~=end]{align-items:center}[part~=start] [part~=text],[part~=end] [part~=text]{overflow:hidden}[part~=start] [part~=header]::before,[part~=start] [part~=header]::after,[part~=end] [part~=header]::before,[part~=end] [part~=header]::after{display:none}[part~=indicator]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);width:var(--indicator-size);min-width:var(--indicator-size);height:var(--indicator-size);position:relative}[part~=indicator],::slotted([slot=indicator]){display:flex;align-items:center;justify-content:center}::slotted([slot=indicator]){--diameter: calc(var(--indicator-size) - 0.125rem);--ig-icon-size: 1.125rem}[part~=text]{text-align:var(--align-text, initial);min-width:var(--indicator-size)}[part~=subtitle],[part~=title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part~=title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=empty]{display:none}:host([active]) [part~=body]{height:100%}:host([active]) [part~=\"body bottom\"]::before{inset-block-start:0}:host([active]) [part=content]{pointer-events:all;opacity:1}[part~=disabled] [part=header]{cursor:default}`;\n"]}
1	+ {"version":3,"file":"step.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/step/step.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0gOAA0gO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{align-items:flex-start}[part~=header-container],[part~=header]{width:var(--header-width-vertical, auto)}[part~=header-container]::before,[part~=header]::before{content:\"\";width:auto;flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);position:relative}[part~=header-container]{display:flex;pointer-events:none;position:relative;justify-content:center;z-index:0}[part~=header-container] [part~=header]{pointer-events:all;align-items:center}[part~=header-container] [part=indicator],[part~=header-container] [part=title],[part~=header-container] [part=subtitle]{pointer-events:none}[part~=header-container]::before{min-width:var(--separator-min-width);display:var(--hide-horizontal-separator, var(--horizontal-separator-display--first-of-type))}[part~=header]{display:flex;align-items:var(--align-items, flex-start);grid-row:var(--header-bottom, 1);position:relative;overflow:hidden;padding:var(--header-padding);justify-content:flex-start;gap:var(--header-gap);z-index:var(--vertical-header-z-index)}[part~=header]::before,[part~=header]::after{content:\"\";flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);min-width:var(--separator-min-width--header);width:calc(50% - var(--indicator-size)/2 - var(--header-padding));position:absolute;z-index:-1}[part~=header]::before{inset-inline-start:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--first-of-type)))}[part~=header]::after{inset-inline-end:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--last-of-type)))}[part~=header]:focus,[part~=header]:hover{cursor:pointer;outline:none}[part~=header]:hover::before,[part~=header]:hover::after{visibility:var(--header-separator-visibility--hover)}[part~=header]:focus::before,[part~=header]:focus::after,[part~=header]:focus-within::before,[part~=header]:focus-within::after,[part~=header]:active::before,[part~=header]:active::after{visibility:var(--header-separator-visibility--hover)}[part~=body]{display:block;grid-row-start:var(--body-top, 2);grid-column:1/span var(--steps-count);padding-inline-start:calc(var(--body-indent--vertical)/2);z-index:1;position:relative;overflow:hidden;width:0;height:var(--vertical-body-height, auto);min-width:100%}[part~=body]::before{display:var(--hide-last-separator, var(--hide-first-separator, var(--vertical-separator-visibility)));content:\"\";position:absolute;inset-inline-start:calc(var(--body-indent--vertical)/2 - var(--separator-size)/2);height:100%;inset-block-start:0 !important;border-inline-start-style:var(--separator-type);border-inline-start-width:var(--separator-size)}[part=content]{display:block;height:auto;overflow:auto;opacity:0}[part=content]>slot{display:block;padding-inline:var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2)) var(--horizontal-body-padding, var(--vertical-body-padding));padding-block:var(--horizontal-body-padding, var(--vertical-body-padding)) var(--horizontal-body-padding, var(--vertical-body-padding))}[part~=top]{align-items:var(--step-not-full-header-aligmnet, flex-end)}[part~=top]::before,[part~=top]::after{inset-block-end:var(--step-separator-position)}[part~=top] [part~=header]{align-items:var(--align-items, flex-start);flex-direction:column-reverse}[part~=top] [part~=header]::before,[part~=top] [part~=header]::after{inset-block-end:var(--step-separator-position)}[part~=bottom]{align-items:var(--step-not-full-header-aligmnet, start)}[part~=bottom]::before,[part~=bottom]::after{inset-block-start:var(--step-separator-position)}[part~=bottom] [part~=header]{align-items:var(--align-items, flex-start);flex-direction:column}[part~=bottom] [part~=header]::before,[part~=bottom] [part~=header]::after{inset-block-start:var(--step-separator-position)}[part~=top] [part~=text],[part~=bottom] [part~=text]{width:100%}[part~=start] [part=text]{order:-1}[part~=start],[part~=end]{align-items:center}[part~=start] [part~=text],[part~=end] [part~=text]{overflow:hidden}[part~=start] [part~=header]::before,[part~=start] [part~=header]::after,[part~=end] [part~=header]::before,[part~=end] [part~=header]::after{display:none}[part~=indicator]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);width:var(--indicator-size);min-width:var(--indicator-size);height:var(--indicator-size);position:relative}[part~=indicator],::slotted([slot=indicator]){display:flex;align-items:center;justify-content:center}::slotted([slot=indicator]){--diameter: calc(var(--indicator-size) - 0.125rem);--ig-icon-size: 1.125rem}[part~=text]{text-align:var(--align-text, initial);min-width:var(--indicator-size)}[part~=subtitle],[part~=title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part~=title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=subtitle]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=empty]{display:none}:host([active]) [part~=body]{height:100%}:host([active]) [part~=\"body bottom\"]::before{inset-block-start:0}:host([active]) [part=content]{pointer-events:all;opacity:1}[part~=disabled] [part=header]{cursor:default}`;\n"]}

package/components/stepper/themes/stepper/stepper.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{font-family:var(--ig-font-family);overflow:hidden;--margin: 1rem;--body-padding: 1rem;--header-gap: 0.5rem;--header-padding: 0.5rem;--vertical-body-padding: var(--body-padding);--indicator-size: 1.5rem;--indicator-roundness: calc(var(--indicator-size) / 2);--indicator-box-shadow-size: 0.0625rem;--separator-size: 0.0625rem;--separator-type: dashed;--separator-type--completed: solid;--separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2));--separator-min-width: 2.25rem;--separator-min-width--header: 0.25rem;--separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header));--text-min-width: var(--indicator-size);--header-min-width: calc(var(--indicator-size) + (var(--header-padding) * 2));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full));--step-min-width--first-step: var(--header-min-width)}:host([orientation=horizontal]){--horizontal-content-disply: block;--vertical-separator-visibility: none;--horizontal-body-padding: 1rem;display:grid;grid-template-columns:minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));grid-template-rows:auto 1fr}:host([orientation=horizontal]) ::slotted(igc-step){display:contents;pointer-events:none;--align-text: center;--align-items: center}:host([orientation=horizontal]) ::slotted(igc-step:first-of-type){--horizontal-separator-visibility--first-of-type: none}:host([orientation=horizontal]) ::slotted(igc-step:last-of-type){--horizontal-separator-visibility--last-of-type: none}:host([orientation=horizontal][title-position=start]),:host([orientation=horizontal][title-position=end]){--step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding))}::slotted(igc-step:first-of-type){--horizontal-separator-display--first-of-type: none}::slotted(igc-step:last-of-type){--vertical-body-disply--last-of-type: none;--horizontal-separator-display--last-of-type: none}:host(:not([step-type=full])){--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header));--separator-disply-not-full: none}:host(:not([step-type=full])) ::slotted(igc-step){--step-not-full-header-aligmnet: center}:host([step-type=full]) ::slotted(igc-step){--step-separator-position: var(--separator-position)}:host([content-top]) ::slotted(igc-step){--header-bottom: 2;--body-top: 1}:host(:not([orientation=horizontal])){--vertical-header-z-index: 2;--vertical-body-disply: block;--vertical-body-height: 1.5rem;--header-width-vertical: 100%;--hide-horizontal-separator: none;display:flex;flex-direction:column;width:100%}:host(:not([orientation=horizontal])) ::slotted(igc-step){--horizontal-separator-display: none;--step-hide-last-of-type: none;--step-hide-first-of-type: none;--step-width: 100%;--body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap));display:flex;flex-direction:column}:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type){--vertical-body-height: 0;--hide-last-separator: none}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{font-family:var(--ig-font-family);overflow:hidden;--margin: 1rem;--body-padding: 1rem;--header-gap: 0.5rem;--header-padding: 0.5rem;--vertical-body-padding: var(--body-padding);--indicator-size: 1.5rem;--indicator-roundness: calc(var(--indicator-size) / 2);--indicator-box-shadow-size: 0.0625rem;--separator-size: 0.0625rem;--separator-type: dashed;--separator-type--completed: solid;--separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2));--separator-min-width: 2.25rem;--separator-min-width--header: 0.25rem;--separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header));--text-min-width: var(--indicator-size);--header-min-width: calc(var(--indicator-size) + (var(--header-padding) * 2));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full));--step-min-width--first-step: var(--header-min-width)}:host([orientation=horizontal]){--horizontal-content-disply: block;--vertical-separator-visibility: none;--horizontal-body-padding: 1rem;display:grid;grid-template-columns:minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));grid-template-rows:auto 1fr}:host([orientation=horizontal]) ::slotted(igc-step){display:contents;pointer-events:none;--align-text: center;--align-items: center}:host([orientation=horizontal]) ::slotted(igc-step:first-of-type){--horizontal-separator-visibility--first-of-type: none}:host([orientation=horizontal]) ::slotted(igc-step:last-of-type){--horizontal-separator-visibility--last-of-type: none}:host([orientation=horizontal][title-position=start]),:host([orientation=horizontal][title-position=end]){--step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding))}::slotted(igc-step:first-of-type){--horizontal-separator-display--first-of-type: none}::slotted(igc-step:last-of-type){--vertical-body-disply--last-of-type: none;--horizontal-separator-display--last-of-type: none}:host(:not([step-type=full])){--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header));--separator-disply-not-full: none}:host(:not([step-type=full])) ::slotted(igc-step){--step-not-full-header-aligmnet: center}:host([step-type=full]) ::slotted(igc-step){--step-separator-position: var(--separator-position)}:host([content-top]) ::slotted(igc-step){--header-bottom: 2;--body-top: 1}:host(:not([orientation=horizontal])){--vertical-header-z-index: 2;--vertical-body-disply: block;--vertical-body-height: 1.5rem;--header-width-vertical: 100%;--hide-horizontal-separator: none;display:flex;flex-direction:column;width:100%}:host(:not([orientation=horizontal])) ::slotted(igc-step){--horizontal-separator-display: none;--step-hide-last-of-type: none;--step-hide-first-of-type: none;--step-width: 100%;--body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap));display:flex;flex-direction:column}:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type){--vertical-body-height: 0;--hide-last-separator: none}`;
 //# sourceMappingURL=stepper.base.css.js.map

package/components/stepper/themes/stepper/stepper.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stepper.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~2jIAA2jI~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{font-family:var(--ig-font-family);overflow:hidden;--margin: 1rem;--body-padding: 1rem;--header-gap: 0.5rem;--header-padding: 0.5rem;--vertical-body-padding: var(--body-padding);--indicator-size: 1.5rem;--indicator-roundness: calc(var(--indicator-size) / 2);--indicator-box-shadow-size: 0.0625rem;--separator-size: 0.0625rem;--separator-type: dashed;--separator-type--completed: solid;--separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2));--separator-min-width: 2.25rem;--separator-min-width--header: 0.25rem;--separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header));--text-min-width: var(--indicator-size);--header-min-width: calc(var(--indicator-size) + (var(--header-padding) 2));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full));--step-min-width--first-step: var(--header-min-width)}:host([orientation=horizontal]){--horizontal-content-disply: block;--vertical-separator-visibility: none;--horizontal-body-padding: 1rem;display:grid;grid-template-columns:minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));grid-template-rows:auto 1fr}:host([orientation=horizontal]) ::slotted(igc-step){display:contents;pointer-events:none;--align-text: center;--align-items: center}:host([orientation=horizontal]) ::slotted(igc-step:first-of-type){--horizontal-separator-visibility--first-of-type: none}:host([orientation=horizontal]) ::slotted(igc-step:last-of-type){--horizontal-separator-visibility--last-of-type: none}:host([orientation=horizontal][title-position=start]),:host([orientation=horizontal][title-position=end]){--step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding))}::slotted(igc-step:first-of-type){--horizontal-separator-display--first-of-type: none}::slotted(igc-step:last-of-type){--vertical-body-disply--last-of-type: none;--horizontal-separator-display--last-of-type: none}:host(:not([step-type=full])){--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header));--separator-disply-not-full: none}:host(:not([step-type=full])) ::slotted(igc-step){--step-not-full-header-aligmnet: center}:host([step-type=full]) ::slotted(igc-step){--step-separator-position: var(--separator-position)}:host([content-top]) ::slotted(igc-step){--header-bottom: 2;--body-top: 1}:host(:not([orientation=horizontal])){--vertical-header-z-index: 2;--vertical-body-disply: block;--vertical-body-height: 1.5rem;--header-width-vertical: 100%;--hide-horizontal-separator: none;display:flex;flex-direction:column;width:100%}:host(:not([orientation=horizontal])) ::slotted(igc-step){--horizontal-separator-display: none;--step-hide-last-of-type: none;--step-hide-first-of-type: none;--step-width: 100%;--body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap));display:flex;flex-direction:column}:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type){--vertical-body-height: 0;--hide-last-separator: none}`;\n"]}
1	+ {"version":3,"file":"stepper.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mtIAAmtI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{font-family:var(--ig-font-family);overflow:hidden;--margin: 1rem;--body-padding: 1rem;--header-gap: 0.5rem;--header-padding: 0.5rem;--vertical-body-padding: var(--body-padding);--indicator-size: 1.5rem;--indicator-roundness: calc(var(--indicator-size) / 2);--indicator-box-shadow-size: 0.0625rem;--separator-size: 0.0625rem;--separator-type: dashed;--separator-type--completed: solid;--separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2));--separator-min-width: 2.25rem;--separator-min-width--header: 0.25rem;--separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header));--text-min-width: var(--indicator-size);--header-min-width: calc(var(--indicator-size) + (var(--header-padding) 2));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full));--step-min-width--first-step: var(--header-min-width)}:host([orientation=horizontal]){--horizontal-content-disply: block;--vertical-separator-visibility: none;--horizontal-body-padding: 1rem;display:grid;grid-template-columns:minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));grid-template-rows:auto 1fr}:host([orientation=horizontal]) ::slotted(igc-step){display:contents;pointer-events:none;--align-text: center;--align-items: center}:host([orientation=horizontal]) ::slotted(igc-step:first-of-type){--horizontal-separator-visibility--first-of-type: none}:host([orientation=horizontal]) ::slotted(igc-step:last-of-type){--horizontal-separator-visibility--last-of-type: none}:host([orientation=horizontal][title-position=start]),:host([orientation=horizontal][title-position=end]){--step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding))}::slotted(igc-step:first-of-type){--horizontal-separator-display--first-of-type: none}::slotted(igc-step:last-of-type){--vertical-body-disply--last-of-type: none;--horizontal-separator-display--last-of-type: none}:host(:not([step-type=full])){--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header));--separator-disply-not-full: none}:host(:not([step-type=full])) ::slotted(igc-step){--step-not-full-header-aligmnet: center}:host([step-type=full]) ::slotted(igc-step){--step-separator-position: var(--separator-position)}:host([content-top]) ::slotted(igc-step){--header-bottom: 2;--body-top: 1}:host(:not([orientation=horizontal])){--vertical-header-z-index: 2;--vertical-body-disply: block;--vertical-body-height: 1.5rem;--header-width-vertical: 100%;--hide-horizontal-separator: none;display:flex;flex-direction:column;width:100%}:host(:not([orientation=horizontal])) ::slotted(igc-step){--horizontal-separator-display: none;--step-hide-last-of-type: none;--step-hide-first-of-type: none;--step-width: 100%;--body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap));display:flex;flex-direction:column}:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type){--vertical-body-height: 0;--hide-last-separator: none}`;\n"]}

package/components/tabs/themes/dark/tab.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-primary-500) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-primary-400) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-primary-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-surface-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-primary-500) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-primary-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-primary-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-surface-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-primary-500) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-primary-500) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.bootstrap.css.js.map

package/components/tabs/themes/dark/tab.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~spEAAspE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-primary-500) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-primary-~~400~~) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-primary-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-surface-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-~~gray~~-500) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-~~gray~~-~~600~~) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}
1	+ {"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4pEAA4pE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-primary-500) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-primary-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-primary-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-surface-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-primary-500) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-primary-500) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/dark/tab.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-900) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-primary-500) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-400) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-50) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-900) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-900) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-300) h s l/1));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-gray-50) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-300) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-200) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.fluent.css.js.map

package/components/tabs/themes/dark/tab.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~o3DAAo3D~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-~~900~~) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-900) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-~~primary~~-~~500~~) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-~~700~~) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-~~primary~~-~~500~~) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-~~700~~) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-~~400~~) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-~~400~~) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-~~500~~) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-~~400~~) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}
1	+ {"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sjEAAsjE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-50) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-900) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-900) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-300) h s l/1));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-gray-50) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-300) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-200) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/dark/tab.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--item-hover-color: var(--ig-tabs-item-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-active-color: var(--ig-tabs-item-active-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-icon-color: var(--ig-tabs-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--button-hover-color: var(--ig-tabs-button-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--button-disabled-color: var(--ig-tabs-button-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--item-hover-color: var(--ig-tabs-item-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-active-color: var(--ig-tabs-item-active-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-icon-color: var(--ig-tabs-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--button-background: var(--ig-tabs-button-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--button-hover-background: var(--ig-tabs-button-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--button-hover-color: var(--ig-tabs-button-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--button-disabled-color: var(--ig-tabs-button-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.indigo.css.js.map

package/components/tabs/themes/dark/tab.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~24EAA24E~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--item-hover-color: var(--ig-tabs-item-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-active-color: var(--ig-tabs-item-active-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-icon-color: var(--ig-tabs-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--button-hover-color: var(--ig-tabs-button-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--button-disabled-color: var(--ig-tabs-button-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}
1	+ {"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k8EAAk8E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--item-hover-color: var(--ig-tabs-item-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-active-color: var(--ig-tabs-item-active-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-icon-color: var(--ig-tabs-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--button-background: var(--ig-tabs-button-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--button-hover-background: var(--ig-tabs-button-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--button-hover-color: var(--ig-tabs-button-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--button-disabled-color: var(--ig-tabs-button-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/dark/tab.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-primary-500) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-700) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-100) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-primary-500) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-gray-100) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-700) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.material.css.js.map

package/components/tabs/themes/dark/tab.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~o3DAAo3D~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-primary-500) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-700) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}
1	+ {"version":3,"file":"tab.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8jEAA8jE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-100) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-primary-500) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-gray-100) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-700) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/light/tab.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-primary-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-primary-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-surface-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-primary-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-primary-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-surface-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-primary-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-primary-500) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.bootstrap.css.js.map

package/components/tabs/themes/light/tab.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~,+lDAA+lD~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-primary-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-primary-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-surface-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-~~gray~~-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-~~gray~~-~~600~~) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}
1	+ {"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qmDAAqmD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-primary-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-primary-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-surface-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-primary-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-primary-500) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/light/tab.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-400) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--navigation-border-color: var(--border-color)}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-900) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.fluent.css.js.map

package/components/tabs/themes/light/tab.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~6mBAA6mB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-~~900~~) h s l/1));--item-~~disabled~~-icon-color: var(--ig-tabs-item-~~disabled~~-icon-color, hsl(from var(--ig-gray-~~400~~) h s l/1));--item-~~disabled~~-color: var(--ig-tabs-item-~~disabled~~-color, hsl(from var(--ig-gray-~~400~~) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--navigation-border-color: var(--border-color)}`;\n"]}
1	+ {"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iyBAAiyB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-900) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/light/tab.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-900) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-600) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-600) h s l/1));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-700) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--navigation-border-color: var(--border-color)}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-900) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-600) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-600) h s l/1));--button-background: var(--ig-tabs-button-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-700) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.indigo.css.js.map

package/components/tabs/themes/light/tab.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~89CAA89C~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-900) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-600) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-600) h s l/1));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-700) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--navigation-border-color: var(--border-color)}`;\n"]}
1	+ {"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qhDAAqhD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-900) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-600) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-600) h s l/1));--button-background: var(--ig-tabs-button-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-700) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/tab.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host ::slotted(igc-icon){--ig-size: 3}:host([disabled]){pointer-events:none;cursor:initial}[part=base]{display:flex;align-items:center;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem}[part=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part=content] ::slotted(igc-icon){display:flex}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host ::slotted(igc-icon){--ig-size: 3}:host([disabled]){pointer-events:none;cursor:initial}[part=base]{display:flex;align-items:center;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem}[part=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part=content] ::slotted(igc-icon){display:flex}`;
 //# sourceMappingURL=tab.base.css.js.map

package/components/tabs/themes/tab.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~2/DAA2/D~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host ::slotted(igc-icon){--ig-size: 3}:host([disabled]){pointer-events:none;cursor:initial}[part=base]{display:flex;align-items:center;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem}[part=content] ::slotted(){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part=content] ::slotted(igc-icon){display:flex}`;\n"]}
1	+ {"version":3,"file":"tab.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mpEAAmpE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host ::slotted(igc-icon){--ig-size: 3}:host([disabled]){pointer-events:none;cursor:initial}[part=base]{display:flex;align-items:center;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem}[part=content] ::slotted(){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part=content] ::slotted(igc-icon){display:flex}`;\n"]}

package/components/tabs/themes/tabs.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host-context([dir=rtl]) [part=start-scroll-button],:host-context([dir=rtl]) [part=end-scroll-button],:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host-context([dir=rtl]) [part=start-scroll-button],:host-context([dir=rtl]) [part=end-scroll-button],:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;
 //# sourceMappingURL=tabs.base.css.js.map

package/components/tabs/themes/tabs.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~2iFAA2iF~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host-context([dir=rtl]) [part=start-scroll-button],:host-context([dir=rtl]) [part=end-scroll-button],:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;\n"]}
1	+ {"version":3,"file":"tabs.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,msFAAmsF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host-context([dir=rtl]) [part=start-scroll-button],:host-context([dir=rtl]) [part=end-scroll-button],:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;\n"]}

package/components/textarea/textarea.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { LitElement, type TemplateResult, nothing } from 'lit';
 import type { Constructor } from '../common/mixins/constructor.js';
+import { type FormValue } from '../common/mixins/forms/form-value.js';
 import type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';
 export interface IgcTextareaComponentEventMap {
     igcInput: CustomEvent<string>;
@@ -39,16 +40,16 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
     static readonly tagName = "igc-textarea";
     static styles: import("lit").CSSResult[];
     static register(): void;
-    protected get __validators(): import("../common/validators.js").Validator<IgcTextareaComponent>[];
-    private static readonly increment;
-    protected inputId: string;
     protected static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
     };
-    private _value;
+    private static readonly increment;
+    protected get __validators(): import("../common/validators.js").Validator<IgcTextareaComponent>[];
+    protected _formValue: FormValue<string>;
+    protected inputId: string;
     private observer;
     private projected;
     protected prefixes: Array<HTMLElement>;