npm - igniteui-webcomponents - Versions diffs - 2.1.1 → 2.2.0 - Mend

igniteui-webcomponents 2.1.1 → 2.2.0

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

Files changed (241) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -5,12 +5,17 @@ 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/).
-## [2.1.1] - 2022-03-15
+## [2.2.0] - 2022-04-01
+### Added
+- Drop Down component
+- Calendar: Active date can be set via an attribute
+## [2.1.1] - 2022-03-15
 ### Added
 - Control border radius and elevation from `--igc-radius-factor` and `--igc-elevation-factor`:
   Example:
   ```css
   /* Make all components square and remove all shadows */
   :root {
@@ -20,9 +25,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
   ```
 ## [2.1.0] - 2022-03-15
 ### Added
 - Linear Progress component
 - Circular Progress component
 - Chip component
@@ -32,31 +35,25 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - Component themes can be changed at runtime by calling the `configureTheme(theme: Theme)` function
 ## [2.0.0] - 2022-02-03
 ### Added
 - Dark Themes
 - Slider component
 - Range Slider component
 - Support `required` property in Radio component.
 ### Changed
 - Fix checkbox/switch validity status
 - Split Calendar component's `value: Date | Date[]` property into two properties - `value: Date` and `values: Date[]`
 - Replaced Calendar component's `hasHeader` property & `has-header` attribute with `hideHeader` & `hide-header` respectively.
 - Replaced Card component's `outlined` property with `elevated`.
 ### Removed
 - Removed `igcOpening`, `igcOpened`, `igcClosing` and `igcClosed` events from Navigation drawer component.
 ## [1.0.0] - 2021-11-22
 Initial release of Ignite UI Web Components
 ### Added
 - Avatar component
 - Badge component
 - Button component
@@ -75,7 +72,8 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
-[2.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.1.0...2.1.1
-[2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.0.0...2.1.0
-[2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/1.0.0...2.0.0
-[1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/1.0.0
+[2.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/v2.1.1...v2.2.0
+[2.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/v2.1.0...v2.1.1
+[2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/v2.0.0...v2.1.0
+[2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/v1.0.0...v2.0.0
+[1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/v1.0.0

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:inline-block}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-radius:0;outline-style:none;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;font-family:var(--igc-font-family);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([size=large]) [part=base]{--size: 5.5rem}:host([size=medium]) [part=base]{--size: 4rem}:host([size=small]) [part=base]{--size: 2.5rem}:host([shape=rounded]) [part=base]{border-radius:.5rem}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:inline-block}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-radius:0;outline-style:none;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;font-family:var(--igc-font-family);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([size=large]) [part=base]{--size: 5.5rem}:host([size=medium]) [part=base]{--size: 4rem}:host([size=small]) [part=base]{--size: 2.5rem}:host([shape=rounded]) [part=base]{border-radius:.5rem}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;
 //# sourceMappingURL=avatar.base.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~2nDAA2nD~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host ,:host ::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:inline-block}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-radius:0;outline-style:none;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;font-family:var(--igc-font-family);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([size=large]) [part=base]{--size: 5.5rem}:host([size=medium]) [part=base]{--size: 4rem}:host([size=small]) [part=base]{--size: 2.5rem}:host([shape=rounded]) [part=base]{border-radius:.5rem}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;\n"]}
1	+ {"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i1DAAi1D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:inline-block}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-radius:0;outline-style:none;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;font-family:var(--igc-font-family);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([size=large]) [part=base]{--size: 5.5rem}:host([size=medium]) [part=base]{--size: 4rem}:host([size=small]) [part=base]{--size: 2.5rem}:host([shape=rounded]) [part=base]{border-radius:.5rem}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;\n"]}

package/components/badge/themes/light/badge.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{--size: 0.75rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:500}span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--size);min-height:var(--size);max-height:calc(var(--size)*2);line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--igc-font-family);font-size:var(--igc-subtitle-1-font-size);font-weight:inherit}:host(:not(:empty)) span{padding:.25rem .5rem;min-width:calc(var(--size)*2)}:host([variant=primary]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=info]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=success]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=warning]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=danger]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([shape=rounded]),:host([outlined][shape=rounded]) span{border-radius:calc(var(--size)/2)}:host([shape=square]),:host([outlined][shape=square]) span{border-radius:0}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{--size: 0.75rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:500}span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--size);min-height:var(--size);max-height:calc(var(--size)*2);line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--igc-font-family);font-size:var(--igc-subtitle-1-font-size);font-weight:inherit}:host(:not(:empty)) span{padding:.25rem .5rem;min-width:calc(var(--size)*2)}:host([variant=primary]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=info]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=success]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=warning]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=danger]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([shape=rounded]),:host([outlined][shape=rounded]) span{border-radius:calc(var(--size)/2)}:host([shape=square]),:host([outlined][shape=square]) span{border-radius:0}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
 //# sourceMappingURL=badge.base.css.js.map

package/components/badge/themes/light/badge.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~6iEAA6iE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{--size: 0.75rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:500}span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--size);min-height:var(--size);max-height:calc(var(--size)2);line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--igc-font-family);font-size:var(--igc-subtitle-1-font-size);font-weight:inherit}:host(:not(:empty)) span{padding:.25rem .5rem;min-width:calc(var(--size)*2)}:host([variant=primary]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=info]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=success]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=warning]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=danger]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([shape=rounded]),:host([outlined][shape=rounded]) span{border-radius:calc(var(--size)/2)}:host([shape=square]),:host([outlined][shape=square]) span{border-radius:0}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;\n"]}
1	+ {"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mwEAAmwE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{--size: 0.75rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:500}span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--size);min-height:var(--size);max-height:calc(var(--size)2);line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--igc-font-family);font-size:var(--igc-subtitle-1-font-size);font-weight:inherit}:host(:not(:empty)) span{padding:.25rem .5rem;min-width:calc(var(--size)*2)}:host([variant=primary]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=info]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=success]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=warning]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=danger]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([shape=rounded]),:host([outlined][shape=rounded]) span{border-radius:calc(var(--size)/2)}:host([shape=square]),:host([outlined][shape=square]) span{border-radius:0}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;\n"]}

package/components/button/button-base.js CHANGED Viewed

@@ -69,8 +69,8 @@ export class IgcButtonBaseComponent extends SizableMixin(EventEmitterMixin(LitEl
         aria-disabled=${this.disabled ? 'true' : 'false'}
         aria-label=${ifDefined(this.ariaLabel)}
         class=${classMap(this.classes)}
-        @focus=${this.handleFocus}
-        @blur=${this.handleBlur}
+        @focus=${!this.disabled && this.handleFocus}
+        @blur=${!this.disabled && this.handleBlur}
       >
         ${this.renderContent()}
       </a>

package/components/button/button-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../src/components/button/button-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAO3D,MAAM,OAAgB,sBAAuB,SAAQ,YAAY,CAC/D,iBAAiB,CAA6C,UAAU,CAAC,CAC1E;IAFD;;QAsCS,aAAQ,GAAG,KAAK,CAAC;IAmF1B,CAAC;IAjFC,IAAoB,SAAS,CAAC,KAAa;QACzC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE;YACnC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;SACpC;QACD,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC1C,CAAC;IAGD,IAAoB,SAAS;QAC3B,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IAED,IAAc,OAAO;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;;;qBAGM,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC1B,IAAI,CAAC,QAAQ;gBACjB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;eACvB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,IAAI,CAAC,WAAW;gBACjB,IAAI,CAAC,UAAU;;UAErB,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,CAAA;;;;eAIA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;mBACpB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;cAC7B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;wBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;qBACnC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;gBAC9B,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;iBACrB,IAAI,CAAC,WAAW;~~gBACjB~~,IAAI,CAAC,UAAU;;~~UAErB~~,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAIkB,MAAM;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;QACrC,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;IAC9D,CAAC;CACF;AArHC;IADC,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;6DACO;AASpC;IAFC,aAAa,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE;oDACiC;AAI5C;IADC,QAAQ,EAAE;oDACU;AAIrB;IADC,QAAQ,EAAE;wDACc;AAIzB;IADC,QAAQ,EAAE;sDACyD;AAOpE;IADC,QAAQ,EAAE;mDACS;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACnB;AAaxB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;uDAGrC;AAID;IADC,aAAa,CAAC,gBAAgB,CAAC;mDAG/B;AAID;IADC,aAAa,CAAC,eAAe,CAAC;kDAG9B","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { EventEmitterMixin } from '../common//mixins/event-emitter.js';\nimport { alternateName } from '../common/decorators';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\n\nexport interface IgcButtonEventMap {\n igcFocus: CustomEvent<void>;\n igcBlur: CustomEvent<void>;\n}\n\nexport abstract class IgcButtonBaseComponent extends SizableMixin(\n EventEmitterMixin<IgcButtonEventMap, Constructor<LitElement>>(LitElement)\n) {\n @query('[part=\"base\"]', true)\n private nativeElement!: HTMLElement;\n\n private _ariaLabel!: string;\n\n /*\n The type of the button. Defaults to undefined.\n /\n @alternateName('displayType')\n @property()\n public type!: 'button' \| 'reset' \| 'submit';\n\n /* The URL the button points to. /\n @property()\n public href!: string;\n\n /* Prompts to save the linked URL instead of navigating to it. /\n @property()\n public download!: string;\n\n /* Where to display the linked URL, as the name for a browsing context. /\n @property()\n public target!: '_blank' \| '_parent' \| '_self' \| '_top' \| undefined;\n\n /\n The relationship of the linked URL.\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n /\n @property()\n public rel!: string;\n\n /\n Determines whether the button is disabled.\n /\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n public override set ariaLabel(value: string) {\n const oldVal = this._ariaLabel;\n this._ariaLabel = value;\n\n if (this.hasAttribute('aria-label')) {\n this.removeAttribute('aria-label');\n }\n this.requestUpdate('ariaLabel', oldVal);\n }\n\n @property({ attribute: 'aria-label' })\n public override get ariaLabel() {\n return this._ariaLabel;\n }\n\n /* Sets focus in the button. /\n @alternateName('focusComponent')\n public override focus(options?: FocusOptions) {\n this.nativeElement.focus(options);\n }\n\n /* Removes focus from the button. */\n @alternateName('blurComponent')\n public override blur() {\n this.nativeElement.blur();\n }\n\n protected handleFocus() {\n this.emitEvent('igcFocus');\n }\n\n protected handleBlur() {\n this.emitEvent('igcBlur');\n }\n\n protected get classes() {\n return {};\n }\n\n private renderButton() {\n return html`\n <button\n part=\"base\"\n aria-label=${ifDefined(this.ariaLabel)}\n .disabled=${this.disabled}\n class=${classMap(this.classes)}\n type=${ifDefined(this.type)}\n @focus=${this.handleFocus}\n @blur=${this.handleBlur}\n >\n ${this.renderContent()}\n </button>\n `;\n }\n\n private renderLinkButton() {\n return html`\n <a\n part=\"base\"\n role=\"button\"\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n download=${ifDefined(this.download)}\n rel=${ifDefined(this.rel)}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-label=${ifDefined(this.ariaLabel)}\n class=${classMap(this.classes)}\n @focus=${this.handleFocus}\n @blur=${this.handleBlur}\n >\n ${this.renderContent()}\n </a>\n `;\n }\n\n protected abstract renderContent(): TemplateResult;\n\n protected override render() {\n const link = this.href !== undefined;\n return link ? this.renderLinkButton() : this.renderButton();\n }\n}\n"]}
1	+ {"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../src/components/button/button-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAO3D,MAAM,OAAgB,sBAAuB,SAAQ,YAAY,CAC/D,iBAAiB,CAA6C,UAAU,CAAC,CAC1E;IAFD;;QAsCS,aAAQ,GAAG,KAAK,CAAC;IAmF1B,CAAC;IAjFC,IAAoB,SAAS,CAAC,KAAa;QACzC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE;YACnC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;SACpC;QACD,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC1C,CAAC;IAGD,IAAoB,SAAS;QAC3B,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IAED,IAAc,OAAO;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;;;qBAGM,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC1B,IAAI,CAAC,QAAQ;gBACjB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;eACvB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,IAAI,CAAC,WAAW;gBACjB,IAAI,CAAC,UAAU;;UAErB,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,CAAA;;;;eAIA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;mBACpB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;cAC7B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;wBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;qBACnC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;gBAC9B,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;iBACrB,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW;gBACnC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU;;UAEvC,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAIkB,MAAM;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;QACrC,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;IAC9D,CAAC;CACF;AArHC;IADC,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;6DACO;AASpC;IAFC,aAAa,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE;oDACiC;AAI5C;IADC,QAAQ,EAAE;oDACU;AAIrB;IADC,QAAQ,EAAE;wDACc;AAIzB;IADC,QAAQ,EAAE;sDACyD;AAOpE;IADC,QAAQ,EAAE;mDACS;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACnB;AAaxB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;uDAGrC;AAID;IADC,aAAa,CAAC,gBAAgB,CAAC;mDAG/B;AAID;IADC,aAAa,CAAC,eAAe,CAAC;kDAG9B","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { EventEmitterMixin } from '../common//mixins/event-emitter.js';\nimport { alternateName } from '../common/decorators';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\n\nexport interface IgcButtonEventMap {\n igcFocus: CustomEvent<void>;\n igcBlur: CustomEvent<void>;\n}\n\nexport abstract class IgcButtonBaseComponent extends SizableMixin(\n EventEmitterMixin<IgcButtonEventMap, Constructor<LitElement>>(LitElement)\n) {\n @query('[part=\"base\"]', true)\n private nativeElement!: HTMLElement;\n\n private _ariaLabel!: string;\n\n /*\n The type of the button. Defaults to undefined.\n /\n @alternateName('displayType')\n @property()\n public type!: 'button' \| 'reset' \| 'submit';\n\n /* The URL the button points to. /\n @property()\n public href!: string;\n\n /* Prompts to save the linked URL instead of navigating to it. /\n @property()\n public download!: string;\n\n /* Where to display the linked URL, as the name for a browsing context. /\n @property()\n public target!: '_blank' \| '_parent' \| '_self' \| '_top' \| undefined;\n\n /\n The relationship of the linked URL.\n * See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n /\n @property()\n public rel!: string;\n\n /\n Determines whether the button is disabled.\n /\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n public override set ariaLabel(value: string) {\n const oldVal = this._ariaLabel;\n this._ariaLabel = value;\n\n if (this.hasAttribute('aria-label')) {\n this.removeAttribute('aria-label');\n }\n this.requestUpdate('ariaLabel', oldVal);\n }\n\n @property({ attribute: 'aria-label' })\n public override get ariaLabel() {\n return this._ariaLabel;\n }\n\n /* Sets focus in the button. /\n @alternateName('focusComponent')\n public override focus(options?: FocusOptions) {\n this.nativeElement.focus(options);\n }\n\n /* Removes focus from the button. */\n @alternateName('blurComponent')\n public override blur() {\n this.nativeElement.blur();\n }\n\n protected handleFocus() {\n this.emitEvent('igcFocus');\n }\n\n protected handleBlur() {\n this.emitEvent('igcBlur');\n }\n\n protected get classes() {\n return {};\n }\n\n private renderButton() {\n return html`\n <button\n part=\"base\"\n aria-label=${ifDefined(this.ariaLabel)}\n .disabled=${this.disabled}\n class=${classMap(this.classes)}\n type=${ifDefined(this.type)}\n @focus=${this.handleFocus}\n @blur=${this.handleBlur}\n >\n ${this.renderContent()}\n </button>\n `;\n }\n\n private renderLinkButton() {\n return html`\n <a\n part=\"base\"\n role=\"button\"\n href=${ifDefined(this.href)}\n target=${ifDefined(this.target)}\n download=${ifDefined(this.download)}\n rel=${ifDefined(this.rel)}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n aria-label=${ifDefined(this.ariaLabel)}\n class=${classMap(this.classes)}\n @focus=${!this.disabled && this.handleFocus}\n @blur=${!this.disabled && this.handleBlur}\n >\n ${this.renderContent()}\n </a>\n `;\n }\n\n protected abstract renderContent(): TemplateResult;\n\n protected override render() {\n const link = this.href !== undefined;\n return link ? this.renderLinkButton() : this.renderButton();\n }\n}\n"]}

package/components/button/themes/button/light/button.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:transparent;overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:"";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));pointer-events:none;-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:transparent}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:transparent}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:transparent;-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:"";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}`;
 //# sourceMappingURL=button.base.css.js.map

package/components/button/themes/button/light/button.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~u6IAAu6I~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:~~transparent~~;overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:\"\";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a))~~;pointer-events:none~~;-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)4)}[name=prefix]::slotted(){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:~~transparent~~}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:~~transparent~~}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:~~transparent~~;-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}`;\n"]}
1	+ {"version":3,"file":"button.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,upJAAupJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:\"\";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)4)}[name=prefix]::slotted(){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}`;\n"]}

package/components/button/themes/button/light/button.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part=base]{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host [part=base]::before{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host([size=large]) [part=base]{--size: 3rem}:host([size=medium]) [part=base]{--size: 2.375rem}:host([size=small]) [part=base]{--size: 1.9375rem}:host([disabled][variant=flat]) [part=base]{background:transparent;color:hsla(var(--igc-primary-100), var(--igc-primary-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:.65;background:transparent}:host(:not([disabled])[variant=flat]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:transparent}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:transparent;opacity:1}:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:absolute;content:"";width:100%;height:100%}:host(:not([disabled])[variant=outlined]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:transparent;opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=fab][size=large]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host([variant=fab][size=medium]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([variant=fab][size=small]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.5rem,.5rem)}:host(:not([disabled])[variant=fab]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=fab]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}`;
+export const styles = css `:host [part=base]{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host [part=base]::before{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host([size=large]) [part=base]{--size: 3rem}:host([size=medium]) [part=base]{--size: 2.375rem}:host([size=small]) [part=base]{--size: 1.9375rem}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0);color:hsla(var(--igc-primary-100), var(--igc-primary-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:.65;background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0);opacity:1}:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:absolute;content:"";width:100%;height:100%}:host(:not([disabled])[variant=outlined]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:rgba(0,0,0,0);opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=fab][size=large]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host([variant=fab][size=medium]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([variant=fab][size=small]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.5rem,.5rem)}:host(:not([disabled])[variant=fab]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=fab]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}`;
 //# sourceMappingURL=button.bootstrap.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~umKAAumK~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=base]{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host [part=base]::before{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host([size=large]) [part=base]{--size: 3rem}:host([size=medium]) [part=base]{--size: 2.375rem}:host([size=small]) [part=base]{--size: 1.9375rem}:host([disabled][variant=flat]) [part=base]{background:~~transparent~~;color:hsla(var(--igc-primary-100), var(--igc-primary-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:.65;background:~~transparent~~}:host(:not([disabled])[variant=flat]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:~~transparent~~}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:~~transparent~~;opacity:1}:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);position:absolute;content:\"\";width:100%;height:100%}:host(:not([disabled])[variant=outlined]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:~~transparent~~;opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=fab][size=large]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem)}:host([variant=fab][size=medium]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).75rem,.75rem)}:host([variant=fab][size=small]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.5rem,.5rem)}:host(:not([disabled])[variant=fab]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=fab]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}`;\n"]}
1	+ {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,inKAAinK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=base]{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host [part=base]::before{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host([size=large]) [part=base]{--size: 3rem}:host([size=medium]) [part=base]{--size: 2.375rem}:host([size=small]) [part=base]{--size: 1.9375rem}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0);color:hsla(var(--igc-primary-100), var(--igc-primary-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:.65;background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0);opacity:1}:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);position:absolute;content:\"\";width:100%;height:100%}:host(:not([disabled])[variant=outlined]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:rgba(0,0,0,0);opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=fab][size=large]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)1rem,1rem)}:host([variant=fab][size=medium]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).75rem,.75rem)}:host([variant=fab][size=small]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.5rem,.5rem)}:host(:not([disabled])[variant=fab]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host(:not([disabled])[variant=fab]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}`;\n"]}

package/components/button/themes/button/light/button.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem)}:host([size=small]) [part=base]{--size: 1.5rem;padding:0 .5rem}:host([size=medium]) [part=base]{--size: 2rem;padding:0 1rem}:host([size=large]) [part=base]{--size: 2.375rem;padding:0 1rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:transparent}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before{opacity:1;background:transparent}:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover,:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::after{content:"";-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));position:absolute;top:2px;left:2px;pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px)}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::before{background:transparent}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{color:var(--text-color, var(--igc-primary-600-contrast));-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover::before{opacity:1;background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]::before,:host(:not([disabled])[variant=fab]) [part=base]::before{opacity:1;background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=contained]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active::before{opacity:1;background:var(--active-background, hsla(var(--igc-primary-700), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::after{content:"";-webkit-box-shadow:0 0 0 1px var(--igc-primary-600-contrast);box-shadow:0 0 0 1px var(--igc-primary-600-contrast);position:absolute;top:3px;left:3px;pointer-events:none;width:calc(100% - 6px);height:calc(100% - 6px)}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::before{background:transparent}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}:host([variant=fab]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([disabled][variant=flat]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:transparent}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base]::before,:host([disabled][variant=contained]) [part=base]::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) [part=base]{-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-500), 8);background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;
+export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem)}:host([size=small]) [part=base]{--size: 1.5rem;padding:0 .5rem}:host([size=medium]) [part=base]{--size: 2rem;padding:0 1rem}:host([size=large]) [part=base]{--size: 2.375rem;padding:0 1rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before{opacity:1;background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover,:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::after{content:"";-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));position:absolute;top:2px;left:2px;pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px)}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{color:var(--text-color, var(--igc-primary-600-contrast));-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover::before{opacity:1;background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]::before,:host(:not([disabled])[variant=fab]) [part=base]::before{opacity:1;background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=contained]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active::before{opacity:1;background:var(--active-background, hsla(var(--igc-primary-700), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::after{content:"";-webkit-box-shadow:0 0 0 1px var(--igc-primary-600-contrast);box-shadow:0 0 0 1px var(--igc-primary-600-contrast);position:absolute;top:3px;left:3px;pointer-events:none;width:calc(100% - 6px);height:calc(100% - 6px)}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::before{background:rgba(0,0,0,0)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.875rem,.875rem)}:host([variant=fab]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([disabled][variant=flat]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0)}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base]::before,:host([disabled][variant=contained]) [part=base]::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) [part=base]{-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-500), 8);background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;
 //# sourceMappingURL=button.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~qxMAAqxM,~~CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).125rem,.125rem)}:host([size=small]) [part=base]{--size: 1.5rem;padding:0 .5rem}:host([size=medium]) [part=base]{--size: 2rem;padding:0 1rem}:host([size=large]) [part=base]{--size: 2.375rem;padding:0 1rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:~~transparent~~}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before{opacity:1;background:~~transparent~~}:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover,:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::after{content:\"\";-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));position:absolute;top:2px;left:2px;pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px)}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::before{background:~~transparent~~}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{color:var(--text-color, var(--igc-primary-600-contrast));-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover::before{opacity:1;background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]::before,:host(:not([disabled])[variant=fab]) [part=base]::before{opacity:1;background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=contained]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active::before{opacity:1;background:var(--active-background, hsla(var(--igc-primary-700), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::after{content:\"\";-webkit-box-shadow:0 0 0 1px var(--igc-primary-600-contrast);box-shadow:0 0 0 1px var(--igc-primary-600-contrast);position:absolute;top:3px;left:3px;pointer-events:none;width:calc(100% - 6px);height:calc(100% - 6px)}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::before{background:~~transparent~~}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).875rem,.875rem)}:host([variant=fab]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([disabled][variant=flat]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:~~transparent~~}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base]::before,:host([disabled][variant=contained]) [part=base]::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) [part=base]{-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-500), 8);background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;\n"]}
1	+ {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+xMAA+xM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).125rem,.125rem)}:host([size=small]) [part=base]{--size: 1.5rem;padding:0 .5rem}:host([size=medium]) [part=base]{--size: 2rem;padding:0 1rem}:host([size=large]) [part=base]{--size: 2.375rem;padding:0 1rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before{opacity:1;background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:hover,:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover:active::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:active::before{opacity:1;background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible:hover::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::after{content:\"\";-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-800), var(--igc-gray-a));position:absolute;top:2px;left:2px;pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px)}:host(:not([disabled])[variant=flat]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=outlined]) [part=base]:focus-visible::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{color:var(--text-color, var(--igc-primary-600-contrast));-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:hover::before{opacity:1;background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--text-color, var(--igc-primary-600-contrast))}:host(:not([disabled])[variant=contained]) [part=base]::before,:host(:not([disabled])[variant=fab]) [part=base]::before{opacity:1;background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=contained]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:focus-visible:active::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible:active::before{opacity:1;background:var(--active-background, hsla(var(--igc-primary-700), var(--igc-primary-a)))}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible{position:relative}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::after,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::after{content:\"\";-webkit-box-shadow:0 0 0 1px var(--igc-primary-600-contrast);box-shadow:0 0 0 1px var(--igc-primary-600-contrast);position:absolute;top:3px;left:3px;pointer-events:none;width:calc(100% - 6px);height:calc(100% - 6px)}:host(:not([disabled])[variant=contained]) [part=base]:focus-visible::before,:host(:not([disabled])[variant=fab]) [part=base]:focus-visible::before{background:rgba(0,0,0,0)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).875rem,.875rem)}:host([variant=fab]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([disabled][variant=flat]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0)}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base]::before,:host([disabled][variant=contained]) [part=base]::before{opacity:1;background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) [part=base]{-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-500), 8);background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;\n"]}

package/components/button/themes/button/light/button.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}[part=base]::before,[part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}:host([size=large]) [part=base]{--size: 2.25rem}:host([size=medium]) [part=base]{--size: 2rem}:host([size=small]) [part=base]{--size: 1.5rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part=base]:hover,:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:transparent}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:transparent}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{position:absolute;content:"";width:100%;height:100%;-webkit-transition:-webkit-box-shadow .15s ease-out;transition:-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out}:host(:not([disabled])[variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-50), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:transparent}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host(:not([disabled])[variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host([disabled][variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host([disabled][variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-400), var(--igc-primary-a));opacity:1}:host([disabled][variant=flat]) [part=base],:host([disabled][variant=outlined]) [part=base]{background:transparent;-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}[part=base]::before,[part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}:host([size=large]) [part=base]{--size: 2.25rem}:host([size=medium]) [part=base]{--size: 2rem}:host([size=small]) [part=base]{--size: 1.5rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part=base]:hover,:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{position:absolute;content:"";width:100%;height:100%;-webkit-transition:-webkit-box-shadow .15s ease-out;transition:-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out}:host(:not([disabled])[variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-50), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host(:not([disabled])[variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host([disabled][variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host([disabled][variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-400), var(--igc-primary-a));opacity:1}:host([disabled][variant=flat]) [part=base],:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
 //# sourceMappingURL=button.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~ozKAAozK~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)var(--size)/2,var(--size)/2)}[part=base]::before,[part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)var(--size)/2,var(--size)/2)}:host([size=large]) [part=base]{--size: 2.25rem}:host([size=medium]) [part=base]{--size: 2rem}:host([size=small]) [part=base]{--size: 1.5rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part=base]:hover,:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:~~transparent~~}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:~~transparent~~}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{position:absolute;content:\"\";width:100%;height:100%;-webkit-transition:-webkit-box-shadow .15s ease-out;transition:-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out}:host(:not([disabled])[variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-50), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:~~transparent~~}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host(:not([disabled])[variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host([disabled][variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host([disabled][variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-400), var(--igc-primary-a));opacity:1}:host([disabled][variant=flat]) [part=base],:host([disabled][variant=outlined]) [part=base]{background:~~transparent~~;-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
1	+ {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4zKAA4zK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)var(--size)/2,var(--size)/2)}[part=base]::before,[part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)var(--size)/2,var(--size)/2)}:host([size=large]) [part=base]{--size: 2.25rem}:host([size=medium]) [part=base]{--size: 2rem}:host([size=small]) [part=base]{--size: 1.5rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part=base]:hover,:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{position:absolute;content:\"\";width:100%;height:100%;-webkit-transition:-webkit-box-shadow .15s ease-out;transition:-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out}:host(:not([disabled])[variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-50), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host(:not([disabled])[variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host([disabled][variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host([disabled][variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-400), var(--igc-primary-a));opacity:1}:host([disabled][variant=flat]) [part=base],:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}

package/components/button/themes/button/light/button.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:transparent;overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:"";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));pointer-events:none;-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:transparent}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:transparent}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:transparent;-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-transition:-webkit-box-shadow .1s ease-out;transition:-webkit-box-shadow .1s ease-out;-o-transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before{background:#fff;opacity:.12}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:#fff;opacity:.24}:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-2);box-shadow:var(--igc-elevation-2)}:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]{-webkit-box-shadow:var(--igc-elevation-6);box-shadow:var(--igc-elevation-6)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-12);box-shadow:var(--igc-elevation-12)}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:"";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-transition:-webkit-box-shadow .1s ease-out;transition:-webkit-box-shadow .1s ease-out;-o-transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before{background:#fff;opacity:.12}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:#fff;opacity:.24}:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-2);box-shadow:var(--igc-elevation-2)}:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]{-webkit-box-shadow:var(--igc-elevation-6);box-shadow:var(--igc-elevation-6)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-12);box-shadow:var(--igc-elevation-12)}`;
 //# sourceMappingURL=button.material.css.js.map

package/components/button/themes/button/light/button.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~4nNAA4nN~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:~~transparent~~;overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:\"\";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a))~~;pointer-events:none~~;-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)4)}[name=prefix]::slotted(){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:~~transparent~~}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:~~transparent~~}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:~~transparent~~;-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-transition:-webkit-box-shadow .1s ease-out;transition:-webkit-box-shadow .1s ease-out;-o-transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before{background:#fff;opacity:.12}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:#fff;opacity:.24}:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-2);box-shadow:var(--igc-elevation-2)}:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]{-webkit-box-shadow:var(--igc-elevation-6);box-shadow:var(--igc-elevation-6)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-12);box-shadow:var(--igc-elevation-12)}`;\n"]}
1	+ {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,42NAA42N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor).25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:\"\";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)4)}[name=prefix]::slotted(){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-transition:-webkit-box-shadow .1s ease-out;transition:-webkit-box-shadow .1s ease-out;-o-transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before{background:#fff;opacity:.12}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:#fff;opacity:.24}:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-2);box-shadow:var(--igc-elevation-2)}:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]{-webkit-box-shadow:var(--igc-elevation-6);box-shadow:var(--igc-elevation-6)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-12);box-shadow:var(--igc-elevation-12)}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}button{border-radius:clamp(0rem,var(--igc-radius-factor)*50%,50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;outline-style:none;background:transparent;padding:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out,-webkit-box-shadow .2s ease-in;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s}:host([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*2)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:var(--igc-spacing-large)}:host([disabled]){pointer-events:none}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}button{border-radius:clamp(0rem,var(--igc-radius-factor)*50%,50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out,-webkit-box-shadow .2s ease-in;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s}:host([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*2)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:var(--igc-spacing-large)}:host([disabled]){pointer-events:none}`;
 //# sourceMappingURL=icon-button.base.css.js.map

package/components/button/themes/icon-button/light/icon-button.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-button.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~s3DAAs3D~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}button{border-radius:clamp(0rem,var(--igc-radius-factor)50%,50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;outline-style:none;background:~~transparent~~;padding:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:~~transparent~~;cursor:pointer;-webkit-transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out,-webkit-box-shadow .2s ease-in;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s}:host([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)2)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)1.5)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:var(--igc-spacing-large)}:host([disabled]){pointer-events:none}`;\n"]}
1	+ {"version":3,"file":"icon-button.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,glEAAglE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ,:host ::before,:host ::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}button{border-radius:clamp(0rem,var(--igc-radius-factor)50%,50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out,-webkit-box-shadow .2s ease-in;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s}:host([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)2)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)1.5)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:var(--igc-spacing-large)}:host([disabled]){pointer-events:none}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);-webkit-transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}button:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}button:focus,button:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([variant=contained]) button{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=contained]) button:focus,:host([variant=contained]) button:active{background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=outlined]) button{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=outlined]) button:hover{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=outlined]) button:focus,:host([variant=outlined]) button:active{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([disabled]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));background:transparent}:host([disabled][variant=contained]) button{background:hsla(var(--igc-primary-100), var(--igc-primary-a));color:hsla(var(--igc-primary-300), var(--igc-primary-a))}:host([disabled][variant=outlined]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a))}`;
+export const styles = css `button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);-webkit-transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}button:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}button:focus,button:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([variant=contained]) button{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=contained]) button:focus,:host([variant=contained]) button:active{background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=outlined]) button{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=outlined]) button:hover{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=outlined]) button:focus,:host([variant=outlined]) button:active{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([disabled]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));background:rgba(0,0,0,0)}:host([disabled][variant=contained]) button{background:hsla(var(--igc-primary-100), var(--igc-primary-a));color:hsla(var(--igc-primary-300), var(--igc-primary-a))}:host([disabled][variant=outlined]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a))}`;
 //# sourceMappingURL=icon-button.bootstrap.css.js.map

package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~o9EAAo9E~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);-webkit-transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}button:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}button:focus,button:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([variant=contained]) button{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=contained]) button:focus,:host([variant=contained]) button:active{background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=outlined]) button{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=outlined]) button:hover{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=outlined]) button:focus,:host([variant=outlined]) button:active{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([disabled]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));background:~~transparent~~}:host([disabled][variant=contained]) button{background:hsla(var(--igc-primary-100), var(--igc-primary-a));color:hsla(var(--igc-primary-300), var(--igc-primary-a))}:host([disabled][variant=outlined]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a))}`;\n"]}
1	+ {"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s9EAAs9E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);-webkit-transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}button:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}button:focus,button:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([variant=contained]) button{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=contained]) button:focus,:host([variant=contained]) button:active{background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=outlined]) button{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=outlined]) button:hover{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=outlined]) button:focus,:host([variant=outlined]) button:active{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([disabled]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));background:rgba(0,0,0,0)}:host([disabled][variant=contained]) button{background:hsla(var(--igc-primary-100), var(--igc-primary-a));color:hsla(var(--igc-primary-300), var(--igc-primary-a))}:host([disabled][variant=outlined]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a))}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `button{border-radius:clamp(0rem,var(--igc-radius-factor)*.0625rem,.0625rem);background:transparent;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-transition:color .15s ease-out,background .15s ease-out;-o-transition:color .15s ease-out,background .15s ease-out;transition:color .15s ease-out,background .15s ease-out;-webkit-box-shadow:none;box-shadow:none}button::after{position:absolute;content:"";pointer-events:none;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}button:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}button:focus-visible{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}button:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-900), var(--igc-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-900), var(--igc-gray-a))}:host([variant=contained]) button{color:var(--text-color, var(--igc-primary-600-contrast));background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host([variant=contained]) button:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast);box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast)}:host([variant=outlined]) button{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([variant=outlined]) button:focus{background:transparent}:host([variant=outlined]) button:hover,:host([variant=outlined]) button:focus:hover{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) button:focus:active{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) button{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:transparent}:host([disabled][variant=contained]) button,:host([disabled][variant=outlined]) button{color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}`;
+export const styles = css `button{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);background:rgba(0,0,0,0);color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:color .15s ease-out,background .15s ease-out;-o-transition:color .15s ease-out,background .15s ease-out;transition:color .15s ease-out,background .15s ease-out;-webkit-box-shadow:none;box-shadow:none}button::after{position:absolute;content:"";pointer-events:none;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}button:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a))}button:active{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a))}button:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([variant=contained]) button{color:var(--text-color, var(--igc-primary-600-contrast));background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host([variant=contained]) button:active{color:var(--igc-primary-800-contrast);background:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host([variant=contained]) button:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast);box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast)}:host([variant=outlined]) button{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([variant=outlined]) button:focus{background:rgba(0,0,0,0)}:host([variant=outlined]) button:hover,:host([variant=outlined]) button:focus:hover{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) button:focus:active{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) button{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=contained]) button,:host([disabled][variant=outlined]) button{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;
 //# sourceMappingURL=icon-button.fluent.css.js.map