npm - igniteui-webcomponents - Versions diffs - 5.2.3 → 5.2.4 - Mend

igniteui-webcomponents 5.2.3 → 5.2.4

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

package/CHANGELOG.md CHANGED Viewed

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
+## [5.2.4] - 2025-02-24
+### Changed
+- #### Carousel - **Potential visual breaking change.**
+  - Removed `[part='base']` wrapping container from slide's internal DOM.
 ## [5.2.3] - 2025-02-13
 ### Fixed
 - #### Chip
@@ -694,6 +699,7 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
+[5.2.4]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.3...5.2.4
 [5.2.3]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.2...5.2.3
 [5.2.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.1...5.2.2
 [5.2.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/5.2.0...5.2.1

package/README.md CHANGED Viewed

@@ -23,6 +23,7 @@ See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)
 | Components              | Status |         Documentation          | Released Version |
 | :---------------------- | :----: | :----------------------------: | :--------------: |
+| Carousel                |   ✅   |     [Docs][Carousel Docs]      |     [5.1.0]      |
 | Date picker             |   ✅   |    [Docs][Date Picker Docs]    |     [4.10.0]     |
 | Divider                 |   ✅   |      [Docs][Divider Docs]      |     [4.10.0]     |
 | Banner                  |   ✅   |      [Docs][Banner Docs]       |     [4.10.0]     |
@@ -235,6 +236,7 @@ npm run storybook:build
 [Banner Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/notifications/banner
 [Divider Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/divider
 [Date Picker Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/scheduling/date-picker
+[Carousel Docs]: https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/layouts/carousel
 [1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/1.0.0
 [2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.0.0
 [2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/2.1.0
@@ -245,3 +247,4 @@ npm run storybook:build
 [4.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/4.1.0
 [4.5.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/4.5.0
 [4.10.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/4.10.0
+[5.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/5.1.0

package/components/carousel/carousel-slide.d.ts CHANGED Viewed

@@ -5,8 +5,6 @@ import { LitElement } from 'lit';
  * @element igc-carousel-slide
  *
  * @slot Default slot for the carousel slide.
- *
- * @csspart base - The base wrapper of the carousel slide.
  */
 export default class IgcCarouselSlideComponent extends LitElement {
     static styles: import("lit").CSSResult;
@@ -14,7 +12,6 @@ export default class IgcCarouselSlideComponent extends LitElement {
     static register(): void;
     private static readonly increment;
     private _internals;
-    private _slideRef;
     private _animationPlayer;
     private _carousel?;
     protected get _index(): number;

package/components/carousel/carousel-slide.js CHANGED Viewed

@@ -7,11 +7,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { consume } from '@lit/context';
 import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { createRef, ref } from 'lit/directives/ref.js';
 import { EaseInOut } from '../../animations/easings.js';
 import { addAnimationController } from '../../animations/player.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { createCounter, formatString, partNameMap } from '../common/util.js';
+import { createCounter, formatString } from '../common/util.js';
 import { animations } from './animations.js';
 import { carouselContext } from './context.js';
 import { styles } from './themes/carousel-slide.base.css.js';
@@ -50,8 +49,7 @@ class IgcCarouselSlideComponent extends LitElement {
     }
     constructor() {
         super();
-        this._slideRef = createRef();
-        this._animationPlayer = addAnimationController(this, this._slideRef);
+        this._animationPlayer = addAnimationController(this);
         this.active = false;
         this.previous = false;
         this._internals = this.attachInternals();
@@ -67,16 +65,7 @@ class IgcCarouselSlideComponent extends LitElement {
             this.id || `igc-carousel-slide-${IgcCarouselSlideComponent.increment()}`;
     }
     render() {
-        const parts = partNameMap({
-            base: true,
-            current: this.active,
-            previous: this.previous,
-        });
-        return html `
-      <div ${ref(this._slideRef)} part=${parts}>
-        <slot></slot>
-      </div>
-    `;
+        return html ` <slot></slot> `;
     }
 }
 IgcCarouselSlideComponent.styles = styles;
@@ -90,6 +79,6 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcCarouselSlideComponent.prototype, "active", void 0);
 __decorate([
-    property({ attribute: false })
+    property({ type: Boolean, reflect: true })
 ], IgcCarouselSlideComponent.prototype, "previous", void 0);
 //# sourceMappingURL=carousel-slide.js.map

package/components/carousel/carousel-slide.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel-slide.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-slide.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,~~EAAY,SAAS,~~EAAE,~~GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,~~SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,~~WAAW,EAAE,~~MAAM,mBAAmB,CAAC;~~AAC7E~~,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;~~AAY7D~~,MAAqB,yBAA0B,SAAQ,UAAU;IAKxD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IAC/C,CAAC;~~IAWD~~,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,IAAc,UAAU;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,IAAI,OAAO,CAAC;QAE3D,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;QAC5D,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,CAAC;IAaM,KAAK,CAAC,eAAe,CAC1B,IAAkB,EAClB,YAAkC,QAAQ;QAE1C,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QAE9D,MAAM,OAAO,GAA6B;YACxC,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,SAAS,CAAC,IAAI;YACtB,SAAS;SACV,CAAC;QAEF,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACnC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC/B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;SAC/C,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;IACjC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;~~QA5DF~~,~~cAAS,GAAqB,SAAS,EAAE,CAAC;QAC1C,~~qBAAgB,GAAG,sBAAsB,CAAC,IAAI,~~EAAE,IAAI,~~CAAC,~~SAAS,~~CAAC~~,CAAC~~;~~QAgCjE~~,WAAM,GAAG,KAAK,CAAC;QAIf,aAAQ,GAAG,KAAK,CAAC;QAwBtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAEzC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC;QAClC,IAAI,CAAC,UAAU,CAAC,mBAAmB,GAAG,OAAO,CAAC;IAChD,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,YAAY,CACtC,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,GAAG,CAAC,EACf,IAAI,CAAC,MAAM,CACZ,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,EAAE;YACL,IAAI,CAAC,EAAE,IAAI,sBAAsB,yBAAyB,CAAC,SAAS,EAAE,EAAE,CAAC;IAC7E,CAAC;IAEkB,MAAM;QACvB,~~MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,IAAI,EAAE,IAAI;YACV,~~OAAO,~~EAAE,~~IAAI,~~CAAC,MAAM;YACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;QAEH,OAAO,IAAI,~~CAAA~~;aACF~~,~~GAAG~~,CAAC~~,IAAI,CAAC,SAAS,CAAC,SAAS,KAAK;;;KAGzC,CAAC~~;~~IACJ~~,CAAC;;~~AAzGsB~~,gCAAM,GAAG,MAAM,AAAT,CAAU;AAChB,iCAAO,GAAG,oBAAoB,AAAvB,CAAwB;AAO9B,mCAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;eATjC,yBAAyB;~~AAgBpC~~;IADP,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;4DACd;AA6BlC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAIf;IADN,QAAQ,CAAC,EAAE,~~SAAS~~,EAAE,~~KAAK~~,EAAE,CAAC;~~2DACP~~","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { ~~type Ref, createRef, ref } from 'lit/directives/ref.js';\nimport {~~ EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, formatString, ~~partNameMap~~ } from '../common/util.js';\nimport { animations } from './animations.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { carouselContext } from './context.js';\nimport { styles } from './themes/carousel-slide.base.css.js';\n\n/*\n A single content container within a set of containers used in the context of an `igc-carousel`.\n \n @element igc-carousel-slide\n \n @slot Default slot for the carousel slide.\n \n @csspart base - The base wrapper of the carousel slide.\n /\n\nexport default class IgcCarouselSlideComponent extends LitElement {\n public static override styles = styles;\n public static readonly tagName = 'igc-carousel-slide';\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcCarouselSlideComponent);\n }\n\n private static readonly increment = createCounter();\n\n private _internals: ElementInternals;\n private ~~_slideRef: Ref<HTMLElement> = createRef();\n private~~ _animationPlayer = addAnimationController(this~~, this._slideRef~~);\n\n @consume({ context: carouselContext, subscribe: true })\n private _carousel?: IgcCarouselComponent;\n\n protected get _index() {\n return this._carousel ? this._carousel.slides.indexOf(this) : 0;\n }\n\n protected get _total() {\n return this._carousel ? this._carousel.slides.length : 0;\n }\n\n protected get _animation() {\n const animation = this._carousel?.animationType ?? 'slide';\n\n if (animation === 'slide') {\n return this._carousel?.vertical ? 'slideVer' : 'slideHor';\n }\n\n return animation;\n }\n\n protected get _labelFormat() {\n return this._carousel ? this._carousel.slidesLabelFormat : '';\n }\n\n /\n The current active slide for the carousel component.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n / blazorSuppress */\n @property({ ~~attribute~~: ~~false~~ })\n public previous = false;\n\n public async toggleAnimation(\n type: 'in' \| 'out',\n direction: 'normal' \| 'reverse' = 'normal'\n ) {\n const animation = animations.get(this._animation)!.get(type)!;\n\n const options: KeyframeAnimationOptions = {\n duration: 320,\n easing: EaseInOut.Quad,\n direction,\n };\n\n const [_, event] = await Promise.all([\n this._animationPlayer.stopAll(),\n this._animationPlayer.play(animation(options)),\n ]);\n\n return event.type === 'finish';\n }\n\n constructor() {\n super();\n this._internals = this.attachInternals();\n\n this._internals.role = 'tabpanel';\n this._internals.ariaRoleDescription = 'slide';\n }\n\n protected override willUpdate(): void {\n this._internals.ariaLabel = formatString(\n this._labelFormat,\n this._index + 1,\n this._total\n );\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n\n this.id =\n this.id \|\| `igc-carousel-slide-${IgcCarouselSlideComponent.increment()}`;\n }\n\n protected override render() {\n ~~const parts = partNameMap({\n base: true,\n current: this.active,\n previous: this.previous,\n });\n\n~~ return html~~`\n <div~~ ~~${ref(this._slideRef)} part=${parts}>\n~~ <slot></slot~~>\n </div>\n~~ `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-carousel-slide': IgcCarouselSlideComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"carousel-slide.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-slide.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAU7D,MAAqB,yBAA0B,SAAQ,UAAU;IAKxD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IAC/C,CAAC;IAUD,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,IAAc,UAAU;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,IAAI,OAAO,CAAC;QAE3D,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;QAC5D,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAChE,CAAC;IAaM,KAAK,CAAC,eAAe,CAC1B,IAAkB,EAClB,YAAkC,QAAQ;QAE1C,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QAE9D,MAAM,OAAO,GAA6B;YACxC,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,SAAS,CAAC,IAAI;YACtB,SAAS;SACV,CAAC;QAEF,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YACnC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC/B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;SAC/C,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;IACjC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QA3DF,qBAAgB,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAgCjD,WAAM,GAAG,KAAK,CAAC;QAIf,aAAQ,GAAG,KAAK,CAAC;QAwBtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAEzC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC;QAClC,IAAI,CAAC,UAAU,CAAC,mBAAmB,GAAG,OAAO,CAAC;IAChD,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,YAAY,CACtC,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,GAAG,CAAC,EACf,IAAI,CAAC,MAAM,CACZ,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,EAAE;YACL,IAAI,CAAC,EAAE,IAAI,sBAAsB,yBAAyB,CAAC,SAAS,EAAE,EAAE,CAAC;IAC7E,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AA9FsB,gCAAM,GAAG,MAAM,AAAT,CAAU;AAChB,iCAAO,GAAG,oBAAoB,AAAvB,CAAwB;AAO9B,mCAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;eATjC,yBAAyB;AAepC;IADP,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;4DACd;AA6BlC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAIf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, formatString } from '../common/util.js';\nimport { animations } from './animations.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { carouselContext } from './context.js';\nimport { styles } from './themes/carousel-slide.base.css.js';\n\n/*\n A single content container within a set of containers used in the context of an `igc-carousel`.\n \n @element igc-carousel-slide\n \n @slot Default slot for the carousel slide.\n /\n\nexport default class IgcCarouselSlideComponent extends LitElement {\n public static override styles = styles;\n public static readonly tagName = 'igc-carousel-slide';\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcCarouselSlideComponent);\n }\n\n private static readonly increment = createCounter();\n\n private _internals: ElementInternals;\n private _animationPlayer = addAnimationController(this);\n\n @consume({ context: carouselContext, subscribe: true })\n private _carousel?: IgcCarouselComponent;\n\n protected get _index() {\n return this._carousel ? this._carousel.slides.indexOf(this) : 0;\n }\n\n protected get _total() {\n return this._carousel ? this._carousel.slides.length : 0;\n }\n\n protected get _animation() {\n const animation = this._carousel?.animationType ?? 'slide';\n\n if (animation === 'slide') {\n return this._carousel?.vertical ? 'slideVer' : 'slideHor';\n }\n\n return animation;\n }\n\n protected get _labelFormat() {\n return this._carousel ? this._carousel.slidesLabelFormat : '';\n }\n\n /\n The current active slide for the carousel component.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n / blazorSuppress */\n @property({ type: Boolean, reflect: true })\n public previous = false;\n\n public async toggleAnimation(\n type: 'in' \| 'out',\n direction: 'normal' \| 'reverse' = 'normal'\n ) {\n const animation = animations.get(this._animation)!.get(type)!;\n\n const options: KeyframeAnimationOptions = {\n duration: 320,\n easing: EaseInOut.Quad,\n direction,\n };\n\n const [_, event] = await Promise.all([\n this._animationPlayer.stopAll(),\n this._animationPlayer.play(animation(options)),\n ]);\n\n return event.type === 'finish';\n }\n\n constructor() {\n super();\n this._internals = this.attachInternals();\n\n this._internals.role = 'tabpanel';\n this._internals.ariaRoleDescription = 'slide';\n }\n\n protected override willUpdate(): void {\n this._internals.ariaLabel = formatString(\n this._labelFormat,\n this._index + 1,\n this._total\n );\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n\n this.id =\n this.id \|\| `igc-carousel-slide-${IgcCarouselSlideComponent.increment()}`;\n }\n\n protected override render() {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-carousel-slide': IgcCarouselSlideComponent;\n }\n}\n"]}

package/components/carousel/themes/carousel-slide.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, 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{position:absolute;width:100%;height:100%;inset:0}:host ::slotted(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}[part~=base]{width:100%;height:100%;z-index:-1;visibility:hidden}[part="base current"]{z-index:2;visibility:visible}[part="base previous"]{z-index:1;visibility:visible}`;
+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{position:absolute;width:100%;height:100%;inset:0;z-index:-1;visibility:hidden}:host ::slotted(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}:host([active]){z-index:2;visibility:visible}:host([previous]){z-index:1;visibility:visible}`;
 //# sourceMappingURL=carousel-slide.base.css.js.map

package/components/carousel/themes/carousel-slide.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel-slide.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-slide.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gyCAAgyC~~,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{position:absolute;width:100%;height:100%;inset:0}:host ::slotted(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}~~[part~=base]{width~~:~~100%;height:100%;z-index:-1;visibility:hidden}~~[~~part=\"base current\"~~]{z-index:2;visibility:visible}[~~part=\"base~~ previous\"]{z-index:1;visibility:visible}`;\n"]}
1	+ {"version":3,"file":"carousel-slide.base.css.js","sourceRoot":"","sources":["../../../../src/components/carousel/themes/carousel-slide.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ivCAAivC,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{position:absolute;width:100%;height:100%;inset:0;z-index:-1;visibility:hidden}:host ::slotted(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}:host([active]){z-index:2;visibility:visible}:host([previous]){z-index:1;visibility:visible}`;\n"]}

package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, hsl(from var(--ig-surface-500) h s l/1));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-200) h s l/1));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-primary-200) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-400) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-primary-200) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;
+export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, hsl(from var(--ig-surface-500) h s l/1));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-200) h s l/1));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-primary-200) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-400) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-primary-200) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;
 //# sourceMappingURL=switch.bootstrap.css.js.map

package/components/checkbox/themes/dark/switch/switch.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~wjEAAwjE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, hsl(from var(--ig-surface-500) h s l/1));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-200) h s l/1));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-primary-200) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-400) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-primary-200) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;\n"]}
1	+ {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6rEAA6rE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, hsl(from var(--ig-surface-500) h s l/1));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-200) h s l/1));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-primary-200) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-400) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-primary-200) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;\n"]}

package/components/checkbox/themes/dark/switch/switch.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-color: var(--ig-switch-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-hover-color: var(--ig-switch-label-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-invalid-color: var(--ig-switch-label-invalid-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--border-hover-color: var(--ig-switch-border-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color: var(--ig-switch-error-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-300) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;
+export const styles = css `:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-color: var(--ig-switch-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-hover-color: var(--ig-switch-label-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-invalid-color: var(--ig-switch-label-invalid-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--border-hover-color: var(--ig-switch-border-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color: var(--ig-switch-error-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color-hover: var(--ig-switch-error-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;
 //# sourceMappingURL=switch.indigo.css.js.map

package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~m9EAAm9E~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-color: var(--ig-switch-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-hover-color: var(--ig-switch-label-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-invalid-color: var(--ig-switch-label-invalid-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--border-hover-color: var(--ig-switch-border-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color: var(--ig-switch-error-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color-hover: var(--ig-switch-error-color-hover, ~~hsl~~(~~from~~ var(--ig-gray-~~300~~) h ~~s l/1~~));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}
1	+ {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gnFAAgnF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-color: var(--ig-switch-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-hover-color: var(--ig-switch-label-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-invalid-color: var(--ig-switch-label-invalid-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--border-hover-color: var(--ig-switch-border-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color: var(--ig-switch-error-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color-hover: var(--ig-switch-error-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}

package/components/checkbox/themes/light/switch/switch.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-200) h s l/1));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-primary-200) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-400) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-primary-200) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;
+export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-200) h s l/1));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-primary-200) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-400) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-primary-200) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;
 //# sourceMappingURL=switch.bootstrap.css.js.map

package/components/checkbox/themes/light/switch/switch.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~k/DAAk/D~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-200) h s l/1));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-primary-200) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-400) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-primary-200) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;\n"]}
1	+ {"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,unEAAunE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-200) h s l/1));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-primary-200) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-400) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-primary-200) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;\n"]}

package/components/checkbox/themes/light/switch/switch.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-900-contrast) 40%, transparent));--label-color: var(--ig-switch-label-color, hsl(from var(--ig-gray-800) h s l/1));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--label-invalid-color: var(--ig-switch-label-invalid-color, hsl(from var(--ig-gray-800) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-600) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-500) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-500) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-300) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;
+export const styles = css `:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-900-contrast) 40%, transparent));--label-color: var(--ig-switch-label-color, hsl(from var(--ig-gray-800) h s l/1));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--label-invalid-color: var(--ig-switch-label-invalid-color, hsl(from var(--ig-gray-800) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-600) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-500) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-500) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-900) h s l/0.15));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;
 //# sourceMappingURL=switch.indigo.css.js.map

package/components/checkbox/themes/light/switch/switch.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~6kEAA6kE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-900-contrast) 40%, transparent));--label-color: var(--ig-switch-label-color, hsl(from var(--ig-gray-800) h s l/1));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--label-invalid-color: var(--ig-switch-label-invalid-color, hsl(from var(--ig-gray-800) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-600) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-500) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-500) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-~~300~~) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}
1	+ {"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ktEAAktE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-900-contrast) 40%, transparent));--label-color: var(--ig-switch-label-color, hsl(from var(--ig-gray-800) h s l/1));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--label-invalid-color: var(--ig-switch-label-invalid-color, hsl(from var(--ig-gray-800) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-600) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-500) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-500) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-900) h s l/0.15));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}

package/components/input/themes/shared/input.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem);padding-inline:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(4px, -1 * 4px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){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);color:var(--helper-text-color);margin-block-start:.25rem;grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}:host [part~=label]{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);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:"";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{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);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}:host(:focus-within) [part^=container],:host(:hover) [part^=container]{background:var(--box-background-hover)}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:hover) [part^=container]{border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host([invalid]) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host([invalid]) [part^=container]::after{background:var(--error-secondary-color)}:host([invalid]) ::part(helper-text){color:var(--helper-text-color)}:host:host([type=search]) [part=prefix] ::slotted(*),:host:host([type=search]) [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
+export const styles = css `:host [part=suffix] ::slotted(*),:host [part=prefix] ::slotted(*){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem);padding-inline:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(4px, -1 * 4px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) * max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){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);color:var(--helper-text-color);margin-block-start:.25rem;grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}:host [part~=label]{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);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:"";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{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);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}:host(:focus-within) [part^=container],:host(:hover) [part^=container]{background:var(--box-background-hover)}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:hover) [part^=container]{border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host([invalid]) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host([invalid]) [part^=container]::after{background:var(--error-secondary-color)}:host([invalid]) ::part(helper-text){color:var(--helper-text-color)}:host([type=search]):host [part=prefix] ::slotted(*),:host([type=search]):host [part=suffix] ::slotted(*){padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
 //# sourceMappingURL=input.indigo.css.js.map

package/components/input/themes/shared/input.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wxMAAwxM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=suffix] ::slotted(),:host [part=prefix] ::slotted(){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem);padding-inline:max(var(--is-large, 1)max(6px, -1 6px)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(4px, -1 * 4px)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(2px, -1 * 2px)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){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);color:var(--helper-text-color);margin-block-start:.25rem;grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(),:host [part=suffix] ::slotted(){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}:host [part~=label]{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);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{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);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)max(0.375rem, -1 0.375rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.125rem, -1 * 0.125rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}:host(:focus-within) [part^=container],:host(:hover) [part^=container]{background:var(--box-background-hover)}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:hover) [part^=container]{border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host([invalid]) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host([invalid]) [part^=container]::after{background:var(--error-secondary-color)}:host([invalid]) ::part(helper-text){color:var(--helper-text-color)}:host~~:host~~([type=search]) [part=prefix] ::slotted(),:host~~:host~~([type=search]) [part=suffix] ::slotted(){padding-inline:max(var(--is-large, 1)max(0.625rem, -1 * 0.625rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)max(0.625rem, -1 * 0.625rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n"]}
1	+ {"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wxMAAwxM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=suffix] ::slotted(),:host [part=prefix] ::slotted(){position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:calc(100% - 0.0625rem);padding-inline:max(var(--is-large, 1)max(6px, -1 6px)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(4px, -1 * 4px)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(2px, -1 * 2px)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--input-icon: max(var(--is-large, 1) max(1.125rem, -1 * 1.125rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem))}:host ::slotted(igc-icon){--size: var(--input-icon) !important}:host ::part(helper-text){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);color:var(--helper-text-color);margin-block-start:.25rem;grid-auto-rows:minmax(0.9375rem, auto)}:host [part=prefix],:host [part=suffix]{transition-duration:0ms}:host [part=prefix] ::slotted(),:host [part=suffix] ::slotted(){height:100%;color:inherit;transition-duration:0ms}:host [part=prefix]{border-start-start-radius:var(--border-border-radius);grid-area:1/1}:host [part=suffix]{border-start-end-radius:var(--border-border-radius);grid-area:1/3}:host [part~=label]{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);color:var(--idle-secondary-color);margin-block-end:.25rem}:host [part^=container]{border-radius:var(--box-border-radius);border-end-start-radius:0;border-end-end-radius:0;border-bottom:.0625rem solid var(--idle-bottom-line-color);transition:background .25s ease-out;grid-template-columns:auto 1fr auto;height:var(--size)}:host [part^=container]::after{position:absolute;content:\"\";width:100%;height:.0625rem;left:0;right:0;bottom:-1px;background:var(--focused-bottom-line-color);transform:scaleY(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transform-origin:bottom center}:host [part~=input]{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);color:var(--idle-text-color);font-size:.75rem;line-height:1rem;background:initial;padding-block:.375rem;padding-inline:max(var(--is-large, 1)max(0.375rem, -1 0.375rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.125rem, -1 * 0.125rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));border:none;grid-area:1/2;height:calc(var(--size) - 1px)}:host [part~=input]::-moz-placeholder{font-style:italic}:host [part~=input]::placeholder{font-style:italic}:host [part~=prefixed]{padding-inline-start:0}:host [part~=suffixed]{padding-inline-end:0}:host(:focus-within) [part^=container],:host(:hover) [part^=container]{background:var(--box-background-hover)}[part~=filled] [part~=input]{color:var(--filled-text-color)}:host(:hover) [part~=filled] [part~=input]{color:var(--filled-text-hover-color)}:host(:hover) [part^=container]{border-color:var(--hover-bottom-line-color)}:host(:focus-within) [part=prefix],:host(:focus-within) [part=suffix]{transition-duration:.25s}:host(:focus-within) [part^=container]{caret-color:var(--focused-bottom-line-color)}:host(:focus-within) [part^=container]::after{transform:scaleY(1)}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:focus-within) [part~=filled] [part~=input]{color:var(--focused-text-color)}:host([invalid]) [part^=container]{caret-color:initial;border-color:var(--error-secondary-color)}:host([invalid]) [part^=container]::after{background:var(--error-secondary-color)}:host([invalid]) ::part(helper-text){color:var(--helper-text-color)}:host([type=search]):host [part=prefix] ::slotted(),:host([type=search]):host [part=suffix] ::slotted(){padding-inline:max(var(--is-large, 1)max(0.625rem, -1 * 0.625rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=input]{padding-inline:max(var(--is-large, 1)max(0.625rem, -1 * 0.625rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host([type=search]) [part~=prefixed]{padding-inline-start:0}:host([type=search]) [part~=suffixed]{padding-inline-end:0}:host(:disabled) [part^=container],:host([disabled]) [part^=container]{border-color:var(--disabled-bottom-line-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;\n"]}

package/custom-elements.json CHANGED Viewed

@@ -10283,12 +10283,6 @@
           "kind": "class",
           "description": "A single content container within a set of containers used in the context of an `igc-carousel`.",
           "name": "IgcCarouselSlideComponent",
-          "cssParts": [
-            {
-              "description": "The base wrapper of the carousel slide.",
-              "name": "base"
-            }
-          ],
           "slots": [
             {
               "description": "slot for the carousel slide.",
@@ -10328,14 +10322,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "_slideRef",
-              "type": {
-                "text": "Ref<HTMLElement>"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_animationPlayer",
@@ -10392,7 +10378,9 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "false"
+              "default": "false",
+              "attribute": "previous",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -10441,6 +10429,14 @@
               "description": "The current active slide for the carousel component.",
               "fieldName": "active",
               "attribute": "active"
+            },
+            {
+              "name": "previous",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "previous"
             }
           ],
           "superclass": {