igniteui-webcomponents 2.2.0-beta.0 → 3.0.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.
- package/CHANGELOG.md +8 -11
- package/components/button/themes/button/light/button.base.css.js +1 -1
- package/components/button/themes/button/light/button.base.css.js.map +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js +1 -1
- package/components/button/themes/button/light/button.bootstrap.css.js.map +1 -1
- package/components/button/themes/button/light/button.fluent.css.js +1 -1
- package/components/button/themes/button/light/button.fluent.css.js.map +1 -1
- package/components/button/themes/button/light/button.indigo.css.js +1 -1
- package/components/button/themes/button/light/button.indigo.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +1 -1
- package/components/button/themes/button/light/button.material.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.base.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js +1 -1
- package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map +1 -1
- package/components/calendar/common/calendar-base.js +5 -1
- package/components/calendar/common/calendar-base.js.map +1 -1
- package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js +1 -1
- package/components/calendar/themes/bootstrap/days-view.bootstrap.css.js.map +1 -1
- package/components/calendar/themes/calendar.base.css.js +1 -1
- package/components/calendar/themes/calendar.base.css.js.map +1 -1
- package/components/calendar/themes/days-view.base.css.js +1 -1
- package/components/calendar/themes/days-view.base.css.js.map +1 -1
- package/components/calendar/themes/fluent/calendar.fluent.css.js +1 -1
- package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
- package/components/calendar/themes/fluent/days-view.fluent.css.js +1 -1
- package/components/calendar/themes/fluent/days-view.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.fluent.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/light/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.bootstrap.css.js +1 -1
- package/components/checkbox/themes/light/switch.bootstrap.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.fluent.css.js +1 -1
- package/components/checkbox/themes/light/switch.fluent.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.indigo.css.js +1 -1
- package/components/checkbox/themes/light/switch.indigo.css.js.map +1 -1
- package/components/chip/themes/chip.indigo.css.js +1 -1
- package/components/chip/themes/chip.indigo.css.js.map +1 -1
- package/components/common/definitions/defineAllComponents.js +8 -8
- package/components/common/definitions/defineAllComponents.js.map +1 -1
- package/components/dropdown/dropdown-group.d.ts +4 -4
- package/components/dropdown/dropdown-group.js +8 -8
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/dropdown/dropdown-header.d.ts +2 -2
- package/components/dropdown/dropdown-header.js +6 -6
- package/components/dropdown/dropdown-header.js.map +1 -1
- package/components/dropdown/dropdown-item.d.ts +2 -2
- package/components/dropdown/dropdown-item.js +12 -12
- package/components/dropdown/dropdown-item.js.map +1 -1
- package/components/dropdown/dropdown.d.ts +14 -14
- package/components/dropdown/dropdown.js +41 -47
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/input/input-base.d.ts +1 -0
- package/components/input/input-base.js +1 -0
- package/components/input/input-base.js.map +1 -1
- package/components/input/input.js +1 -2
- package/components/input/input.js.map +1 -1
- package/components/input/themes/light/input.bootstrap.css.js +1 -1
- package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/light/input.fluent.css.js +1 -1
- package/components/input/themes/light/input.fluent.css.js.map +1 -1
- package/components/input/themes/light/input.indigo.css.js +1 -1
- package/components/input/themes/light/input.indigo.css.js.map +1 -1
- package/components/input/themes/light/input.material.css.js +1 -1
- package/components/input/themes/light/input.material.css.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +1 -1
- package/components/nav-drawer/nav-drawer.js +10 -7
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js +1 -1
- package/components/nav-drawer/styles/indigo/nav-drawer-item.indigo.css.js.map +1 -1
- package/components/nav-drawer/styles/nav-drawer-item.base.css.js +1 -1
- package/components/nav-drawer/styles/nav-drawer-item.base.css.js.map +1 -1
- package/components/nav-drawer/styles/nav-drawer.base.css.js +1 -1
- package/components/nav-drawer/styles/nav-drawer.base.css.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.base.css.js +1 -1
- package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.bootstrap.css.js +1 -1
- package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -1
- package/components/radio/themes/light/radio.base.css.js +1 -1
- package/components/radio/themes/light/radio.base.css.js.map +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js +1 -1
- package/components/radio/themes/light/radio.bootstrap.css.js.map +1 -1
- package/components/radio/themes/light/radio.fluent.css.js +1 -1
- package/components/radio/themes/light/radio.fluent.css.js.map +1 -1
- package/components/radio/themes/light/radio.indigo.css.js +1 -1
- package/components/radio/themes/light/radio.indigo.css.js.map +1 -1
- package/components/slider/themes/light/slider.base.css.js +1 -1
- package/components/slider/themes/light/slider.base.css.js.map +1 -1
- package/custom-elements.json +17 -3
- package/index.d.ts +4 -4
- package/index.js +4 -4
- package/index.js.map +1 -1
- package/package.json +10 -2
- package/themes/dark/bootstrap.css +1 -1
- package/themes/dark/fluent.css +1 -1
- package/themes/light/fluent.css +1 -1
- package/vscode-html-custom-data.json +18 -7
package/CHANGELOG.md
CHANGED
|
@@ -5,18 +5,21 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](http://keepachangelog.com/)
|
|
6
6
|
and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
7
7
|
|
|
8
|
-
## [
|
|
8
|
+
## [3.0.0] - 2022-04-12
|
|
9
|
+
### Changed
|
|
10
|
+
- **Breaking Change**: All dropdown related classes renamed from `IgcDropDown*` to `IgcDropdown*`
|
|
9
11
|
|
|
12
|
+
## [2.2.0] - 2022-04-01
|
|
10
13
|
### Added
|
|
11
|
-
|
|
12
14
|
- Drop Down component
|
|
15
|
+
- Calendar: Active date can be set via an attribute
|
|
13
16
|
|
|
14
17
|
## [2.1.1] - 2022-03-15
|
|
15
|
-
|
|
16
18
|
### Added
|
|
17
19
|
- Control border radius and elevation from `--igc-radius-factor` and `--igc-elevation-factor`:
|
|
18
20
|
|
|
19
21
|
Example:
|
|
22
|
+
|
|
20
23
|
```css
|
|
21
24
|
/* Make all components square and remove all shadows */
|
|
22
25
|
:root {
|
|
@@ -26,9 +29,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
|
26
29
|
```
|
|
27
30
|
|
|
28
31
|
## [2.1.0] - 2022-03-15
|
|
29
|
-
|
|
30
32
|
### Added
|
|
31
|
-
|
|
32
33
|
- Linear Progress component
|
|
33
34
|
- Circular Progress component
|
|
34
35
|
- Chip component
|
|
@@ -38,31 +39,25 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
|
38
39
|
- Component themes can be changed at runtime by calling the `configureTheme(theme: Theme)` function
|
|
39
40
|
|
|
40
41
|
## [2.0.0] - 2022-02-03
|
|
41
|
-
|
|
42
42
|
### Added
|
|
43
|
-
|
|
44
43
|
- Dark Themes
|
|
45
44
|
- Slider component
|
|
46
45
|
- Range Slider component
|
|
47
46
|
- Support `required` property in Radio component.
|
|
48
47
|
|
|
49
48
|
### Changed
|
|
50
|
-
|
|
51
49
|
- Fix checkbox/switch validity status
|
|
52
50
|
- Split Calendar component's `value: Date | Date[]` property into two properties - `value: Date` and `values: Date[]`
|
|
53
51
|
- Replaced Calendar component's `hasHeader` property & `has-header` attribute with `hideHeader` & `hide-header` respectively.
|
|
54
52
|
- Replaced Card component's `outlined` property with `elevated`.
|
|
55
53
|
|
|
56
54
|
### Removed
|
|
57
|
-
|
|
58
55
|
- Removed `igcOpening`, `igcOpened`, `igcClosing` and `igcClosed` events from Navigation drawer component.
|
|
59
56
|
|
|
60
57
|
## [1.0.0] - 2021-11-22
|
|
61
|
-
|
|
62
58
|
Initial release of Ignite UI Web Components
|
|
63
59
|
|
|
64
60
|
### Added
|
|
65
|
-
|
|
66
61
|
- Avatar component
|
|
67
62
|
- Badge component
|
|
68
63
|
- Button component
|
|
@@ -81,6 +76,8 @@ Initial release of Ignite UI Web Components
|
|
|
81
76
|
- Ripple component
|
|
82
77
|
- Switch component
|
|
83
78
|
|
|
79
|
+
[3.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.2.0...3.0.0
|
|
80
|
+
[2.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.1.1...2.2.0
|
|
84
81
|
[2.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.1.0...2.1.1
|
|
85
82
|
[2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.0.0...2.1.0
|
|
86
83
|
[2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/1.0.0...2.0.0
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
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:-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:
|
|
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:-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}`;
|
|
3
3
|
//# sourceMappingURL=button.base.css.js.map
|
|
@@ -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
|
|
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"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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:
|
|
2
|
+
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}`;
|
|
3
3
|
//# sourceMappingURL=button.bootstrap.css.js.map
|
|
@@ -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,
|
|
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"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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:
|
|
2
|
+
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))}`;
|
|
3
3
|
//# sourceMappingURL=button.fluent.css.js.map
|
|
@@ -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,
|
|
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"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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.
|
|
2
|
+
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.75rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.625rem}:host([variant=fab][size=small]) [part=base]{--size: 2.25rem}: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))}`;
|
|
3
3
|
//# sourceMappingURL=button.indigo.css.js.map
|
|
@@ -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,
|
|
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,y7KAAy7K,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.75rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.625rem}:host([variant=fab][size=small]) [part=base]{--size: 2.25rem}: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"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
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:-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:
|
|
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:-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)}`;
|
|
3
3
|
//# sourceMappingURL=button.material.css.js.map
|
|
@@ -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,
|
|
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"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
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:-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:
|
|
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:-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.25)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:calc(var(--igc-spacing-large)*.75)}:host([disabled]){pointer-events:none}`;
|
|
3
3
|
//# sourceMappingURL=icon-button.base.css.js.map
|
|
@@ -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,
|
|
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,2lEAA2lE,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.25)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:calc(var(--igc-spacing-large)*.75)}:host([disabled]){pointer-events:none}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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:
|
|
2
|
+
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([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*3.75)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*2.25)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:calc(var(--igc-spacing-large)*1.5)}: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))}`;
|
|
3
3
|
//# sourceMappingURL=icon-button.bootstrap.css.js.map
|
|
@@ -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,
|
|
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,gzFAAgzF,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([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*3.75)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*2.25)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:calc(var(--igc-spacing-large)*1.5)}: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"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `button{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);background:
|
|
2
|
+
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([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:calc(var(--igc-spacing-large)*.875)}: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))}`;
|
|
3
3
|
//# sourceMappingURL=icon-button.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wgFAAwgF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport 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([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:calc(var(--igc-spacing-large)*.875)}: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))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `button{-webkit-transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}button:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:
|
|
2
|
+
export const styles = css `button{-webkit-transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}button:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0)}button:focus,button:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-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([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*1.5)}: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-400), var(--igc-primary-a))}:host([variant=contained]) button:focus,:host([variant=contained]) button:active{background:hsla(var(--igc-primary-400), var(--igc-primary-a));-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([variant=outlined]) button{-webkit-box-shadow:none;box-shadow:none}:host([variant=outlined]) button::after{position:absolute;content:"";-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));width:100%;height:100%;border-radius:inherit}:host([variant=outlined]) button:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) button:focus,:host([variant=outlined]) button:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-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]) button{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}:host([disabled][variant=contained]) button{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
|
|
3
3
|
//# sourceMappingURL=icon-button.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6rFAA6rF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`button{-webkit-transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}button:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0)}button:focus,button:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-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([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*1.5)}: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-400), var(--igc-primary-a))}:host([variant=contained]) button:focus,:host([variant=contained]) button:active{background:hsla(var(--igc-primary-400), var(--igc-primary-a));-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([variant=outlined]) button{-webkit-box-shadow:none;box-shadow:none}:host([variant=outlined]) button::after{position:absolute;content:\"\";-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));width:100%;height:100%;border-radius:inherit}:host([variant=outlined]) button:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) button:focus,:host([variant=outlined]) button:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-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]) button{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}:host([disabled][variant=contained]) button{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
|
|
@@ -61,7 +61,11 @@ __decorate([
|
|
|
61
61
|
property({ attribute: 'week-start' })
|
|
62
62
|
], IgcCalendarBaseComponent.prototype, "weekStart", void 0);
|
|
63
63
|
__decorate([
|
|
64
|
-
|
|
64
|
+
blazorSuppress(),
|
|
65
|
+
property({
|
|
66
|
+
attribute: 'active-date',
|
|
67
|
+
converter: (value) => (value ? new Date(value) : new Date()),
|
|
68
|
+
})
|
|
65
69
|
], IgcCalendarBaseComponent.prototype, "activeDate", void 0);
|
|
66
70
|
__decorate([
|
|
67
71
|
property()
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,KAAK,GACN,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAuB,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC;AAO/B,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,UAAU;IAAxD;;QACY,kBAAa,GAAG,IAAI,QAAQ,EAAE,CAAC;QAoClC,cAAS,GAAoC,QAAQ,CAAC;QAItD,oBAAe,GAAG,KAAK,CAAC;QAIxB,cAAS,GAOC,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,KAAK,GACN,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAuB,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC;AAO/B,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,UAAU;IAAxD;;QACY,kBAAa,GAAG,IAAI,QAAQ,EAAE,CAAC;QAoClC,cAAS,GAAoC,QAAQ,CAAC;QAItD,oBAAe,GAAG,KAAK,CAAC;QAIxB,cAAS,GAOC,QAAQ,CAAC;QAQnB,eAAU,GAAG,IAAI,IAAI,EAAE,CAAC;QAIxB,WAAM,GAAG,IAAI,CAAC;IAmBvB,CAAC;IARW,eAAe;QACvB,IAAI,CAAC,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrE,CAAC;IAGS,eAAe;QACvB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACzB,CAAC;CACF,CAAA;AAtEC;IANC,cAAc,EAAE;IAChB,QAAQ,CAAC;QACR,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC7C,CAAC;KACF,CAAC;uDACkB;AAoBpB;IAbC,cAAc,EAAE;IAChB,QAAQ,CAAC;QACR,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO,SAAS,CAAC;aAClB;YACD,OAAO,KAAK;iBACT,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;iBACpB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;iBAChB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC;KACF,CAAC;wDACqB;AAIvB;IADC,QAAQ,EAAE;2DACkD;AAI7D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iEAC5C;AAI/B;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2DAQZ;AAQ1B;IALC,cAAc,EAAE;IAChB,QAAQ,CAAC;QACR,SAAS,EAAE,aAAa;QACxB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;KAC7D,CAAC;4DAC6B;AAI/B;IADC,QAAQ,EAAE;wDACU;AAIrB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+DACc;AAI7C;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;8DACa;AAG5C;IADC,KAAK,CAAC,WAAW,CAAC;+DAGlB;AAGD;IADC,KAAK,CAAC,WAAW,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;+DAGlD;AAlFU,wBAAwB;IADpC,oBAAoB;GACR,wBAAwB,CAmFpC;SAnFY,wBAAwB","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport {\n blazorIndirectRender,\n blazorSuppress,\n watch,\n} from '../../common/decorators';\nimport { Calendar, DateRangeDescriptor } from './calendar.model';\nimport { getWeekDayNumber } from './utils';\n\nexport const MONTHS_PER_ROW = 3;\nexport const YEARS_PER_ROW = 3;\n\nexport interface IgcCalendarBaseEventMap {\n igcChange: CustomEvent<Date | Date[]>;\n}\n\n@blazorIndirectRender\nexport class IgcCalendarBaseComponent extends LitElement {\n protected calendarModel = new Calendar();\n\n /**\n * Тhe current value of the calendar.\n * Used when selection is set to single.\n */\n @blazorSuppress()\n @property({\n converter: (value) => {\n return value ? new Date(value) : undefined;\n },\n })\n public value?: Date;\n //we suppress value for blazor since we need to expose it on the leaves with the events for now.\n\n /**\n * Тhe current values of the calendar.\n * Used when selection is set to multiple or range.\n */\n @blazorSuppress()\n @property({\n converter: (value) => {\n if (!value) {\n return undefined;\n }\n return value\n .split(',')\n .map((v) => v.trim())\n .filter((v) => v)\n .map((v) => new Date(v));\n },\n })\n public values?: Date[];\n\n /** Sets the type of date selection. */\n @property()\n public selection: 'single' | 'multiple' | 'range' = 'single';\n\n /** Show/hide the week numbers. */\n @property({ type: Boolean, attribute: 'show-week-numbers', reflect: true })\n public showWeekNumbers = false;\n\n /** Sets the start day of the week. */\n @property({ attribute: 'week-start' })\n public weekStart:\n | 'sunday'\n | 'monday'\n | 'tuesday'\n | 'wednesday'\n | 'thursday'\n | 'friday'\n | 'saturday' = 'sunday';\n\n /** Sets the date which is shown in view and is highlighted. By default it is the current date. */\n @blazorSuppress()\n @property({\n attribute: 'active-date',\n converter: (value) => (value ? new Date(value) : new Date()),\n })\n public activeDate = new Date();\n\n /** Sets the locale used for formatting and displaying the dates in the calendar. */\n @property()\n public locale = 'en';\n\n /** Gets/sets disabled dates. */\n @property({ attribute: false })\n public disabledDates!: DateRangeDescriptor[];\n\n /** Gets/sets special dates. */\n @property({ attribute: false })\n public specialDates!: DateRangeDescriptor[];\n\n @watch('weekStart')\n protected weekStartChange() {\n this.calendarModel.firstWeekDay = getWeekDayNumber(this.weekStart);\n }\n\n @watch('selection', { waitUntilFirstUpdate: true })\n protected selectionChange() {\n this.value = undefined;\n }\n}\n"]}
|