igniteui-webcomponents 4.0.0-alpha.3 → 4.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 +14 -0
- package/components/avatar/themes/avatar.base.css.js +6 -6
- package/components/avatar/themes/avatar.base.css.js.map +1 -1
- package/components/badge/themes/light/badge.base.css.js +6 -6
- package/components/badge/themes/light/badge.base.css.js.map +1 -1
- package/components/button/themes/button/light/button.base.css.js +6 -6
- package/components/button/themes/button/light/button.base.css.js.map +1 -1
- package/components/button/themes/button/light/button.material.css.js +6 -6
- 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 +6 -6
- package/components/button/themes/icon-button/light/icon-button.base.css.js.map +1 -1
- package/components/calendar/themes/calendar.base.css.js +6 -6
- package/components/calendar/themes/calendar.base.css.js.map +1 -1
- package/components/calendar/themes/fluent/calendar.fluent.css.js +6 -6
- package/components/calendar/themes/fluent/calendar.fluent.css.js.map +1 -1
- package/components/card/themes/light/card.actions.bootstrap.css.js +6 -6
- package/components/card/themes/light/card.actions.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.actions.material.css.js +6 -6
- package/components/card/themes/light/card.actions.material.css.js.map +1 -1
- package/components/card/themes/light/card.content.bootstrap.css.js +6 -6
- package/components/card/themes/light/card.content.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.content.indigo.css.js +6 -6
- package/components/card/themes/light/card.content.indigo.css.js.map +1 -1
- package/components/card/themes/light/card.content.material.css.js +6 -6
- package/components/card/themes/light/card.content.material.css.js.map +1 -1
- package/components/card/themes/light/card.header.bootstrap.css.js +6 -6
- package/components/card/themes/light/card.header.bootstrap.css.js.map +1 -1
- package/components/card/themes/light/card.header.fluent.css.js +6 -6
- package/components/card/themes/light/card.header.fluent.css.js.map +1 -1
- package/components/card/themes/light/card.header.indigo.css.js +6 -6
- package/components/card/themes/light/card.header.indigo.css.js.map +1 -1
- package/components/card/themes/light/card.header.material.css.js +6 -6
- package/components/card/themes/light/card.header.material.css.js.map +1 -1
- package/components/card/themes/light/card.material.css.js +6 -6
- package/components/card/themes/light/card.material.css.js.map +1 -1
- package/components/card/themes/light/card.media.material.css.js +6 -6
- package/components/card/themes/light/card.media.material.css.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +2 -0
- package/components/checkbox/checkbox-base.js +3 -0
- package/components/checkbox/checkbox-base.js.map +1 -1
- package/components/checkbox/themes/light/checkbox.base.css.js +6 -6
- package/components/checkbox/themes/light/checkbox.base.css.js.map +1 -1
- package/components/checkbox/themes/light/switch.base.css.js +6 -6
- package/components/checkbox/themes/light/switch.base.css.js.map +1 -1
- package/components/chip/themes/chip.base.css.js +6 -6
- package/components/chip/themes/chip.base.css.js.map +1 -1
- package/components/chip/themes/chip.bootstrap.css.js +6 -6
- package/components/chip/themes/chip.bootstrap.css.js.map +1 -1
- package/components/chip/themes/chip.fluent.css.js +6 -6
- package/components/chip/themes/chip.fluent.css.js.map +1 -1
- package/components/chip/themes/chip.indigo.css.js +6 -6
- package/components/chip/themes/chip.indigo.css.js.map +1 -1
- package/components/chip/themes/chip.material.css.js +6 -6
- package/components/chip/themes/chip.material.css.js.map +1 -1
- package/components/dialog/themes/light/dialog.base.css.js +6 -6
- package/components/dialog/themes/light/dialog.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-group.base.css.js +6 -6
- package/components/dropdown/themes/light/dropdown-group.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-header.base.css.js +6 -6
- package/components/dropdown/themes/light/dropdown-header.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown-item.base.css.js +6 -6
- package/components/dropdown/themes/light/dropdown-item.base.css.js.map +1 -1
- package/components/dropdown/themes/light/dropdown.base.css.js +6 -6
- package/components/dropdown/themes/light/dropdown.base.css.js.map +1 -1
- package/components/icon/icon.material.css.js +6 -6
- package/components/icon/icon.material.css.js.map +1 -1
- package/components/input/input.d.ts +2 -0
- package/components/input/input.js +3 -0
- package/components/input/input.js.map +1 -1
- package/components/input/themes/light/input.base.css.js +6 -6
- package/components/input/themes/light/input.base.css.js.map +1 -1
- package/components/list/themes/light/list-header.base.css.js +6 -6
- package/components/list/themes/light/list-header.base.css.js.map +1 -1
- package/components/list/themes/light/list-item.base.css.js +6 -6
- package/components/list/themes/light/list-item.base.css.js.map +1 -1
- package/components/list/themes/light/list.base.css.js +6 -6
- package/components/list/themes/light/list.base.css.js.map +1 -1
- package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js +6 -6
- package/components/nav-drawer/themes/light/nav-drawer-header-item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js +6 -6
- package/components/nav-drawer/themes/light/nav-drawer-item.base.css.js.map +1 -1
- package/components/nav-drawer/themes/light/nav-drawer.base.css.js +6 -6
- package/components/nav-drawer/themes/light/nav-drawer.base.css.js.map +1 -1
- package/components/navbar/themes/light/navbar.base.css.js +6 -6
- package/components/navbar/themes/light/navbar.base.css.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.base.css.js +32 -30
- package/components/progress/themes/circular/circular.progress.base.css.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.bootstrap.css.js +2 -2
- package/components/progress/themes/circular/circular.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/circular/circular.progress.fluent.css.js +1 -1
- package/components/progress/themes/circular/circular.progress.fluent.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.base.css.js +22 -22
- package/components/progress/themes/linear/linear.progress.base.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.bootstrap.css.js +22 -22
- package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map +1 -1
- package/components/progress/themes/linear/linear.progress.indigo.css.js +6 -6
- package/components/progress/themes/linear/linear.progress.indigo.css.js.map +1 -1
- package/components/radio/radio.d.ts +3 -1
- package/components/radio/radio.js +4 -1
- package/components/radio/radio.js.map +1 -1
- package/components/radio/themes/light/radio.base.css.js +6 -6
- package/components/radio/themes/light/radio.base.css.js.map +1 -1
- package/components/radio-group/radio-group.base.css.js +6 -6
- package/components/radio-group/radio-group.base.css.js.map +1 -1
- package/components/rating/rating-symbol.base.css.js +6 -6
- package/components/rating/rating-symbol.base.css.js.map +1 -1
- package/components/rating/rating.base.css.js +6 -6
- package/components/rating/rating.base.css.js.map +1 -1
- package/components/ripple/ripple.material.css.js +6 -6
- package/components/ripple/ripple.material.css.js.map +1 -1
- package/components/select/select.d.ts +2 -0
- package/components/select/select.js +12 -6
- package/components/select/select.js.map +1 -1
- package/components/select/themes/light/select.base.css.js +13 -6
- package/components/select/themes/light/select.base.css.js.map +1 -1
- package/components/slider/themes/light/slider.base.css.js +6 -6
- package/components/slider/themes/light/slider.base.css.js.map +1 -1
- package/components/snackbar/themes/light/snackbar.base.css.js +6 -6
- package/components/snackbar/themes/light/snackbar.base.css.js.map +1 -1
- package/components/tabs/tab-panel.js +1 -0
- package/components/tabs/tab-panel.js.map +1 -1
- package/components/tabs/tabs.js +1 -3
- package/components/tabs/tabs.js.map +1 -1
- package/components/tabs/themes/light/tab-panel.base.css.js +6 -7
- package/components/tabs/themes/light/tab-panel.base.css.js.map +1 -1
- package/components/tabs/themes/light/tab.base.css.js +6 -6
- package/components/tabs/themes/light/tab.base.css.js.map +1 -1
- package/components/tabs/themes/light/tabs.base.css.js +6 -6
- package/components/tabs/themes/light/tabs.base.css.js.map +1 -1
- package/components/toggle/toggle.controller.d.ts +1 -1
- package/components/toggle/toggle.controller.js.map +1 -1
- package/components/toggle/toggle.directive.d.ts +2 -2
- package/components/toggle/toggle.directive.js.map +1 -1
- package/components/tree/themes/light/tree-item.base.css.js +6 -6
- package/components/tree/themes/light/tree-item.base.css.js.map +1 -1
- package/components/tree/themes/light/tree.base.css.js +6 -6
- package/components/tree/themes/light/tree.base.css.js.map +1 -1
- package/index.d.ts +2 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/themes/dark/bootstrap.css +152 -87
- package/themes/dark/fluent.css +152 -87
- package/themes/dark/indigo.css +72 -7
- package/themes/dark/material.css +152 -87
- package/themes/light/bootstrap.css +152 -87
- package/themes/light/fluent.css +152 -87
- package/themes/light/indigo.css +72 -7
- package/themes/light/material.css +152 -87
- package/theming/config.d.ts +1 -1
- package/theming/config.js +1 -2
- package/theming/config.js.map +1 -1
- package/theming/index.d.ts +1 -1
- package/theming/index.js +1 -1
- package/theming/index.js.map +1 -1
- package/theming/theming-controller.d.ts +1 -1
- package/theming/theming-controller.js.map +1 -1
- package/theming/theming-decorator.d.ts +1 -1
- package/theming/theming-decorator.js.map +1 -1
- package/theming/theming-event.d.ts +1 -1
- package/theming/theming-event.js.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,18 @@ 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
|
+
## [4.0.0] - 2022-11-02
|
|
9
|
+
### Changed
|
|
10
|
+
- Themes
|
|
11
|
+
- Build - Utilize [Ignite UI Theming](https://github.com/IgniteUI/igniteui-theming) package when building themes [#415](https://github.com/IgniteUI/igniteui-webcomponents/issues/415)
|
|
12
|
+
- Sizing - Introduced CSS variables that allow runtime CSS configuration of the size for all or individual components [#115](https://github.com/IgniteUI/igniteui-webcomponents/issues/115)
|
|
13
|
+
- Spacing - Introduced CSS variables that allow runtime CSS configuration of the internal spacing (padding/margin) of components [#506](https://github.com/IgniteUI/igniteui-webcomponents/issues/506)
|
|
14
|
+
- Scrollbars - Added the ability to style application-level scrollbars by setting the `ig-scrollbar` CSS class on any element [#141](https://github.com/IgniteUI/igniteui-webcomponents/issues/141)
|
|
15
|
+
|
|
16
|
+
## [3.4.2] - 2022-11-01
|
|
17
|
+
### Fixed
|
|
18
|
+
- Resolved importing error for `DateRangeType` [#535](https://github.com/IgniteUI/igniteui-webcomponents/issues/535)
|
|
19
|
+
|
|
8
20
|
## [3.4.1] - 2022-09-19
|
|
9
21
|
### Changed
|
|
10
22
|
- Slider - updated theme with the latest fluent spec [#453](https://github.com/IgniteUI/igniteui-webcomponents/pull/453)
|
|
@@ -163,6 +175,8 @@ Initial release of Ignite UI Web Components
|
|
|
163
175
|
- Ripple component
|
|
164
176
|
- Switch component
|
|
165
177
|
|
|
178
|
+
[4.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.4.2...4.0.0
|
|
179
|
+
[3.4.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.4.1...3.4.2
|
|
166
180
|
[3.4.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.4.0...3.4.1
|
|
167
181
|
[3.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.3.1...3.4.0
|
|
168
182
|
[3.3.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.3.0...3.3.1
|
|
@@ -10,8 +10,8 @@ export const styles = css `:host {
|
|
|
10
10
|
position: relative;
|
|
11
11
|
-webkit-box-sizing: border-box;
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
scrollbar-width: var(--
|
|
14
|
-
scrollbar-color: var(--
|
|
13
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
14
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
15
15
|
}
|
|
16
16
|
:host *,
|
|
17
17
|
:host *::before,
|
|
@@ -20,12 +20,12 @@ export const styles = css `:host {
|
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
}
|
|
22
22
|
:host ::-webkit-scrollbar {
|
|
23
|
-
width: var(--
|
|
24
|
-
height: var(--
|
|
25
|
-
background: var(--
|
|
23
|
+
width: var(--ig-scrollbar-size);
|
|
24
|
+
height: var(--ig-scrollbar-size);
|
|
25
|
+
background: var(--ig-scrollbar-track-background);
|
|
26
26
|
}
|
|
27
27
|
:host ::-webkit-scrollbar-thumb {
|
|
28
|
-
background: var(--
|
|
28
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
[hidden] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--
|
|
1
|
+
{"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n --size: max(var(--is-large, 1) * 5.5rem, var(--is-medium, 1) * 4rem, var(--is-small, 1) * 2.5rem);\n display: inline-block;\n}\n\n[part=base] {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n border-radius: 0;\n outline-style: none;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n overflow: hidden;\n font-family: var(--ig-font-family);\n width: var(--size);\n height: var(--size);\n}\n[part=base] [part=initials] {\n font-size: calc(var(--size) / 2);\n line-height: calc(var(--size) / 2);\n}\n\nimg {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n background-color: inherit;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n[part=initials] {\n text-transform: uppercase;\n}\n\n:host([size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host([size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host([size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n:host([shape=rounded]) [part=base] {\n border-radius: 0.5rem;\n}\n\n:host([shape=circle]) [part=base] {\n border-radius: calc(var(--size) / 2);\n}`;\n"]}
|
|
@@ -10,8 +10,8 @@ export const styles = css `:host {
|
|
|
10
10
|
position: relative;
|
|
11
11
|
-webkit-box-sizing: border-box;
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
scrollbar-width: var(--
|
|
14
|
-
scrollbar-color: var(--
|
|
13
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
14
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
15
15
|
}
|
|
16
16
|
:host *,
|
|
17
17
|
:host *::before,
|
|
@@ -20,12 +20,12 @@ export const styles = css `:host {
|
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
}
|
|
22
22
|
:host ::-webkit-scrollbar {
|
|
23
|
-
width: var(--
|
|
24
|
-
height: var(--
|
|
25
|
-
background: var(--
|
|
23
|
+
width: var(--ig-scrollbar-size);
|
|
24
|
+
height: var(--ig-scrollbar-size);
|
|
25
|
+
background: var(--ig-scrollbar-track-background);
|
|
26
26
|
}
|
|
27
27
|
:host ::-webkit-scrollbar-thumb {
|
|
28
|
-
background: var(--
|
|
28
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
[hidden] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0GvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--
|
|
1
|
+
{"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0GvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n --size: 0.75rem;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n font-weight: 500;\n}\n\nspan {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n min-width: var(--size);\n min-height: var(--size);\n max-height: calc(var(--size) * 2);\n line-height: 1;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n font-family: var(--ig-font-family);\n font-size: var(--ig-subtitle-1-font-size);\n font-weight: inherit;\n}\n\n:host(:not(:empty)) span {\n padding: 0.25rem 0.5rem;\n min-width: calc(var(--size) * 2);\n}\n\n:host([variant=primary]) {\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n color: var(--ig-primary-500-contrast);\n}\n\n:host([variant=info]) {\n background: hsla(var(--ig-info-500), var(--ig-info-a));\n color: var(--ig-info-500-contrast);\n}\n\n:host([variant=success]) {\n background: hsla(var(--ig-success-500), var(--ig-success-a));\n color: var(--ig-success-500-contrast);\n}\n\n:host([variant=warning]) {\n background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n color: var(--ig-warn-500-contrast);\n}\n\n:host([variant=danger]) {\n background: hsla(var(--ig-error-500), var(--ig-error-a));\n color: var(--ig-error-500-contrast);\n}\n\n:host([shape=rounded]),\n:host([outlined][shape=rounded]) span {\n border-radius: calc(var(--size) / 2);\n}\n\n:host([shape=square]),\n:host([outlined][shape=square]) span {\n border-radius: 0;\n}\n\n:host([outlined]) span {\n -webkit-box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-50), var(--ig-gray-a));\n box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-50), var(--ig-gray-a));\n}`;\n"]}
|
|
@@ -10,8 +10,8 @@ export const styles = css `:host {
|
|
|
10
10
|
position: relative;
|
|
11
11
|
-webkit-box-sizing: border-box;
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
scrollbar-width: var(--
|
|
14
|
-
scrollbar-color: var(--
|
|
13
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
14
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
15
15
|
}
|
|
16
16
|
:host *,
|
|
17
17
|
:host *::before,
|
|
@@ -20,12 +20,12 @@ export const styles = css `:host {
|
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
}
|
|
22
22
|
:host ::-webkit-scrollbar {
|
|
23
|
-
width: var(--
|
|
24
|
-
height: var(--
|
|
25
|
-
background: var(--
|
|
23
|
+
width: var(--ig-scrollbar-size);
|
|
24
|
+
height: var(--ig-scrollbar-size);
|
|
25
|
+
background: var(--ig-scrollbar-track-background);
|
|
26
26
|
}
|
|
27
27
|
:host ::-webkit-scrollbar-thumb {
|
|
28
|
-
background: var(--
|
|
28
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
[hidden] {
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2LvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2LvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n --size: max(var(--is-large, 1) * 2.25rem, var(--is-medium, 1) * 1.875rem, var(--is-small, 1) * 1.5rem);\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: middle;\n}\n:host ::slotted(span) {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n\n:host([size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n:host([size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host([size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n[part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n font-family: var(--ig-button-font-family);\n font-size: var(--ig-button-font-size);\n font-weight: var(--ig-button-font-weight);\n font-style: var(--ig-button-font-style);\n line-height: var(--ig-button-line-height);\n letter-spacing: var(--ig-button-letter-spacing);\n text-transform: var(--ig-button-text-transform);\n margin-top: var(--ig-button-margin-top);\n margin-bottom: var(--ig-button-margin-bottom);\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n border: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline-style: none;\n -webkit-tap-highlight-color: transparent;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n z-index: 0;\n height: var(--size);\n padding: 0 max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 12px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n[part=base]::before {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 100%;\n z-index: -1;\n will-change: opacity;\n -webkit-transition: all 0.1s ease-out;\n -o-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out;\n}\n\n:host(:not([disabled])) [part=base]:hover {\n cursor: pointer;\n}\n\n:host([disabled]) {\n pointer-events: none;\n}\n:host([disabled]) [part=base] {\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n[name=prefix]::slotted(*) {\n -webkit-margin-end: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n margin-inline-end: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n\n[name=suffix]::slotted(*) {\n -webkit-margin-start: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n margin-inline-start: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n\nspan[part=prefix],\nspan[part=suffix] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base], :host(:not([disabled])[variant=flat]) [part=base] {\n color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n background: transparent;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]::before, :host(:not([disabled])[variant=flat]) [part=base]::before {\n opacity: 0;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover::before, :host(:not([disabled])[variant=flat]) [part=base]:hover::before {\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n opacity: 0.12;\n}\n: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 {\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n opacity: 0.24;\n}\n\n:host([disabled][variant=flat]) [part=base] {\n background: transparent;\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n background: transparent;\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host(:not([disabled])[variant=fab]) [part=base], :host(:not([disabled])[variant=contained]) [part=base] {\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n color: var(--ig-secondary-500-contrast);\n}\n\n:host([variant=fab]) {\n --size: max(var(--is-large, 1) * 3rem, var(--is-medium, 1) * 2.5rem, var(--is-small, 1) * 2rem);\n}\n\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));\n min-width: var(--size);\n min-height: var(--size);\n}`;\n"]}
|
|
@@ -10,8 +10,8 @@ export const styles = css `:host {
|
|
|
10
10
|
position: relative;
|
|
11
11
|
-webkit-box-sizing: border-box;
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
scrollbar-width: var(--
|
|
14
|
-
scrollbar-color: var(--
|
|
13
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
14
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
15
15
|
}
|
|
16
16
|
:host *,
|
|
17
17
|
:host *::before,
|
|
@@ -20,12 +20,12 @@ export const styles = css `:host {
|
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
}
|
|
22
22
|
:host ::-webkit-scrollbar {
|
|
23
|
-
width: var(--
|
|
24
|
-
height: var(--
|
|
25
|
-
background: var(--
|
|
23
|
+
width: var(--ig-scrollbar-size);
|
|
24
|
+
height: var(--ig-scrollbar-size);
|
|
25
|
+
background: var(--ig-scrollbar-track-background);
|
|
26
26
|
}
|
|
27
27
|
:host ::-webkit-scrollbar-thumb {
|
|
28
|
-
background: var(--
|
|
28
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
[hidden] {
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4OvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n --size: max(var(--is-large, 1) * 2.25rem, var(--is-medium, 1) * 1.875rem, var(--is-small, 1) * 1.5rem);\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: middle;\n}\n:host ::slotted(span) {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n\n:host([size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n:host([size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host([size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n[part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n font-family: var(--ig-button-font-family);\n font-size: var(--ig-button-font-size);\n font-weight: var(--ig-button-font-weight);\n font-style: var(--ig-button-font-style);\n line-height: var(--ig-button-line-height);\n letter-spacing: var(--ig-button-letter-spacing);\n text-transform: var(--ig-button-text-transform);\n margin-top: var(--ig-button-margin-top);\n margin-bottom: var(--ig-button-margin-bottom);\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n border: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline-style: none;\n -webkit-tap-highlight-color: transparent;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n z-index: 0;\n height: var(--size);\n padding: 0 max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 12px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n[part=base]::before {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 100%;\n z-index: -1;\n will-change: opacity;\n -webkit-transition: all 0.1s ease-out;\n -o-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out;\n}\n\n:host(:not([disabled])) [part=base]:hover {\n cursor: pointer;\n}\n\n:host([disabled]) {\n pointer-events: none;\n}\n:host([disabled]) [part=base] {\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n[name=prefix]::slotted(*) {\n -webkit-margin-end: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n margin-inline-end: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n\n[name=suffix]::slotted(*) {\n -webkit-margin-start: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n margin-inline-start: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n\nspan[part=prefix],\nspan[part=suffix] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base], :host(:not([disabled])[variant=flat]) [part=base] {\n color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n background: transparent;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]::before, :host(:not([disabled])[variant=flat]) [part=base]::before {\n opacity: 0;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover::before, :host(:not([disabled])[variant=flat]) [part=base]:hover::before {\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n opacity: 0.12;\n}\n: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 {\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n opacity: 0.24;\n}\n\n:host([disabled][variant=flat]) [part=base] {\n background: transparent;\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n background: transparent;\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host(:not([disabled])[variant=contained]) [part=base], :host(:not([disabled])[variant=fab]) [part=base] {\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n color: var(--ig-secondary-500-contrast);\n}\n\n:host([variant=fab]) {\n --size: max(var(--is-large, 1) * 3rem, var(--is-medium, 1) * 2.5rem, var(--is-small, 1) * 2rem);\n}\n\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));\n min-width: var(--size);\n min-height: var(--size);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base], :host(:not([disabled])[variant=contained]) [part=base] {\n -webkit-transition: -webkit-box-shadow 0.1s ease-out;\n transition: -webkit-box-shadow 0.1s ease-out;\n -o-transition: box-shadow 0.1s ease-out;\n transition: box-shadow 0.1s ease-out;\n transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;\n}\n:host(:not([disabled])[variant=fab]) [part=base]::before, :host(:not([disabled])[variant=contained]) [part=base]::before {\n opacity: 0;\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover, :host(:not([disabled])[variant=contained]) [part=base]:hover {\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover::before, :host(:not([disabled])[variant=contained]) [part=base]:hover::before {\n background: #fff;\n opacity: 0.12;\n}\n: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 {\n -webkit-box-shadow: var(--ig-elevation-8);\n box-shadow: var(--ig-elevation-8);\n}\n: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 {\n background: #fff;\n opacity: 0.24;\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n -webkit-box-shadow: var(--ig-elevation-2);\n box-shadow: var(--ig-elevation-2);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {\n -webkit-box-shadow: var(--ig-elevation-8);\n box-shadow: var(--ig-elevation-8);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n -webkit-box-shadow: var(--ig-elevation-6);\n box-shadow: var(--ig-elevation-6);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover, :host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: var(--ig-elevation-12);\n box-shadow: var(--ig-elevation-12);\n}`;\n"]}
|
|
1
|
+
{"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4OvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n --size: max(var(--is-large, 1) * 2.25rem, var(--is-medium, 1) * 1.875rem, var(--is-small, 1) * 1.5rem);\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: middle;\n}\n:host ::slotted(span) {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n\n:host([size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n:host([size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host([size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n[part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n font-family: var(--ig-button-font-family);\n font-size: var(--ig-button-font-size);\n font-weight: var(--ig-button-font-weight);\n font-style: var(--ig-button-font-style);\n line-height: var(--ig-button-line-height);\n letter-spacing: var(--ig-button-letter-spacing);\n text-transform: var(--ig-button-text-transform);\n margin-top: var(--ig-button-margin-top);\n margin-bottom: var(--ig-button-margin-bottom);\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n border: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline-style: none;\n -webkit-tap-highlight-color: transparent;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n z-index: 0;\n height: var(--size);\n padding: 0 max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 12px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n[part=base]::before {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 100%;\n z-index: -1;\n will-change: opacity;\n -webkit-transition: all 0.1s ease-out;\n -o-transition: all 0.1s ease-out;\n transition: all 0.1s ease-out;\n}\n\n:host(:not([disabled])) [part=base]:hover {\n cursor: pointer;\n}\n\n:host([disabled]) {\n pointer-events: none;\n}\n:host([disabled]) [part=base] {\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n[name=prefix]::slotted(*) {\n -webkit-margin-end: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n margin-inline-end: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n\n[name=suffix]::slotted(*) {\n -webkit-margin-start: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n margin-inline-start: max(var(--is-large, 1) * 8px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 8px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 8px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n\nspan[part=prefix],\nspan[part=suffix] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base], :host(:not([disabled])[variant=flat]) [part=base] {\n color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n background: transparent;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]::before, :host(:not([disabled])[variant=flat]) [part=base]::before {\n opacity: 0;\n}\n:host(:not([disabled])[variant=outlined]) [part=base]:hover::before, :host(:not([disabled])[variant=flat]) [part=base]:hover::before {\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n opacity: 0.12;\n}\n: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 {\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n opacity: 0.24;\n}\n\n:host([disabled][variant=flat]) [part=base] {\n background: transparent;\n}\n\n:host(:not([disabled])[variant=outlined]) [part=base] {\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n background: transparent;\n -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host(:not([disabled])[variant=contained]) [part=base], :host(:not([disabled])[variant=fab]) [part=base] {\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n color: var(--ig-secondary-500-contrast);\n}\n\n:host([variant=fab]) {\n --size: max(var(--is-large, 1) * 3rem, var(--is-medium, 1) * 2.5rem, var(--is-small, 1) * 2rem);\n}\n\n:host([variant=fab]) [part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(var(--size) / 2)), calc(var(--size) / 2));\n min-width: var(--size);\n min-height: var(--size);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base], :host(:not([disabled])[variant=contained]) [part=base] {\n -webkit-transition: -webkit-box-shadow 0.1s ease-out;\n transition: -webkit-box-shadow 0.1s ease-out;\n -o-transition: box-shadow 0.1s ease-out;\n transition: box-shadow 0.1s ease-out;\n transition: box-shadow 0.1s ease-out, -webkit-box-shadow 0.1s ease-out;\n}\n:host(:not([disabled])[variant=fab]) [part=base]::before, :host(:not([disabled])[variant=contained]) [part=base]::before {\n opacity: 0;\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover, :host(:not([disabled])[variant=contained]) [part=base]:hover {\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover::before, :host(:not([disabled])[variant=contained]) [part=base]:hover::before {\n background: #fff;\n opacity: 0.12;\n}\n: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 {\n -webkit-box-shadow: var(--ig-elevation-8);\n box-shadow: var(--ig-elevation-8);\n}\n: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 {\n background: #fff;\n opacity: 0.24;\n}\n\n:host(:not([disabled])[variant=contained]) [part=base] {\n -webkit-box-shadow: var(--ig-elevation-2);\n box-shadow: var(--ig-elevation-2);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:hover {\n -webkit-box-shadow: var(--ig-elevation-4);\n box-shadow: var(--ig-elevation-4);\n}\n:host(:not([disabled])[variant=contained]) [part=base]:focus, :host(:not([disabled])[variant=contained]) [part=base]:active {\n -webkit-box-shadow: var(--ig-elevation-8);\n box-shadow: var(--ig-elevation-8);\n}\n\n:host(:not([disabled])[variant=fab]) [part=base] {\n -webkit-box-shadow: var(--ig-elevation-6);\n box-shadow: var(--ig-elevation-6);\n}\n:host(:not([disabled])[variant=fab]) [part=base]:hover, :host(:not([disabled])[variant=fab]) [part=base]:focus, :host(:not([disabled])[variant=fab]) [part=base]:active {\n -webkit-box-shadow: var(--ig-elevation-12);\n box-shadow: var(--ig-elevation-12);\n}`;\n"]}
|
|
@@ -10,8 +10,8 @@ export const styles = css `:host {
|
|
|
10
10
|
position: relative;
|
|
11
11
|
-webkit-box-sizing: border-box;
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
scrollbar-width: var(--
|
|
14
|
-
scrollbar-color: var(--
|
|
13
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
14
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
15
15
|
}
|
|
16
16
|
:host *,
|
|
17
17
|
:host *::before,
|
|
@@ -20,12 +20,12 @@ export const styles = css `:host {
|
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
}
|
|
22
22
|
:host ::-webkit-scrollbar {
|
|
23
|
-
width: var(--
|
|
24
|
-
height: var(--
|
|
25
|
-
background: var(--
|
|
23
|
+
width: var(--ig-scrollbar-size);
|
|
24
|
+
height: var(--ig-scrollbar-size);
|
|
25
|
+
background: var(--ig-scrollbar-track-background);
|
|
26
26
|
}
|
|
27
27
|
:host ::-webkit-scrollbar-thumb {
|
|
28
|
-
background: var(--
|
|
28
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
[hidden] {
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n --icon-size: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1.25rem, var(--is-small, 1) * 1rem);\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: middle;\n}\n\n::slotted(:not(igc-ripple)) {\n --icon-size: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1.25rem, var(--is-small, 1) * 1rem);\n font-size: var(--icon-size) !important;\n vertical-align: middle;\n pointer-events: none;\n}\n\n[part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 50%), 50%);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border: none;\n outline-style: none;\n background: transparent;\n padding: max(var(--is-large, 1) * 6px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 5px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 4px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n cursor: pointer;\n -webkit-transition: background 0.15s ease-out, -webkit-box-shadow 0.2s ease-in;\n transition: background 0.15s ease-out, -webkit-box-shadow 0.2s ease-in;\n -o-transition: box-shadow 0.2s ease-in, background 0.15s ease-out;\n transition: box-shadow 0.2s ease-in, background 0.15s ease-out;\n transition: box-shadow 0.2s ease-in, background 0.15s ease-out, -webkit-box-shadow 0.2s ease-in;\n -webkit-transition-delay: 0.05s;\n -o-transition-delay: 0.05s;\n transition-delay: 0.05s;\n font-size: var(--icon-size);\n line-height: 1;\n}\n\n:host([size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n:host([size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host([size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host([disabled]) {\n pointer-events: none;\n}`;\n"]}
|
|
@@ -11,8 +11,8 @@ export const styles = css `/* stylelint-disable max-line-length */
|
|
|
11
11
|
position: relative;
|
|
12
12
|
-webkit-box-sizing: border-box;
|
|
13
13
|
box-sizing: border-box;
|
|
14
|
-
scrollbar-width: var(--
|
|
15
|
-
scrollbar-color: var(--
|
|
14
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
15
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
16
16
|
}
|
|
17
17
|
:host *,
|
|
18
18
|
:host *::before,
|
|
@@ -21,12 +21,12 @@ export const styles = css `/* stylelint-disable max-line-length */
|
|
|
21
21
|
box-sizing: border-box;
|
|
22
22
|
}
|
|
23
23
|
:host ::-webkit-scrollbar {
|
|
24
|
-
width: var(--
|
|
25
|
-
height: var(--
|
|
26
|
-
background: var(--
|
|
24
|
+
width: var(--ig-scrollbar-size);
|
|
25
|
+
height: var(--ig-scrollbar-size);
|
|
26
|
+
background: var(--ig-scrollbar-track-background);
|
|
27
27
|
}
|
|
28
28
|
:host ::-webkit-scrollbar-thumb {
|
|
29
|
-
background: var(--
|
|
29
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
[hidden] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/calendar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8PvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--
|
|
1
|
+
{"version":3,"file":"calendar.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/calendar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8PvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n:host(igc-calendar) {\n --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.75rem, var(--is-small, 1) * 1.5rem);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n font-family: var(--ig-font-family);\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n color: var(--ig-surface-500-contrast);\n}\n:host(igc-calendar) > * {\n font-family: var(--ig-font-family);\n}\n:host(igc-calendar) igc-days-view::part(date),\n:host(igc-calendar) igc-days-view::part(week-number),\n:host(igc-calendar) igc-days-view::part(label),\n:host(igc-calendar) igc-days-view::part(days-row) {\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(week-number-inner),\n:host(igc-calendar) igc-days-view::part(date-inner) {\n width: calc(var(--size) - 0.125rem);\n min-width: calc(var(--size) - 0.125rem);\n height: 100%;\n}\n:host(igc-calendar) igc-days-view::part(label) {\n min-width: var(--size);\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(date-inner) {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-months-view {\n grid-template-rows: repeat(4, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-months-view::part(month-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-years-view {\n grid-template-rows: repeat(5, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-years-view::part(year-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n\n:host(igc-calendar[size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host(igc-calendar[size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host(igc-calendar[size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n[part=navigation] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 1.25rem;\n padding: 1.5625rem 1.125rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part~=navigation-button] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: transparent;\n border: none;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n font-size: 1rem;\n padding: 0;\n -webkit-transition: color 150ms ease-in-out;\n -o-transition: color 150ms ease-in-out;\n transition: color 150ms ease-in-out;\n}\n[part=months-navigation]:hover, [part=months-navigation]:focus,\n[part=years-navigation]:hover,\n[part=years-navigation]:focus,\n[part~=navigation-button]:hover,\n[part~=navigation-button]:focus {\n color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n cursor: pointer;\n}\n[part=months-navigation]:focus,\n[part=years-navigation]:focus,\n[part~=navigation-button]:focus {\n outline: none;\n}\n\n[part~=navigation-button] {\n -webkit-margin-start: 1.5rem;\n margin-inline-start: 1.5rem;\n}\n[part~=navigation-button][part~=vertical] {\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n[part=navigation-buttons] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n:host(igc-calendar[header-orientation=vertical]) {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header] {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n width: 8.75rem;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header-date] {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[part=days-view-container] {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\n[part=header] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 1rem;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n color: var(--ig-secondary-600-contrast);\n}\n\n[part=header-date],\n[part=header-title] {\n margin: 0;\n}\n\n[part=header-date] {\n font-family: var(--ig-h4-font-family);\n font-size: var(--ig-h4-font-size);\n font-weight: var(--ig-h4-font-weight);\n font-style: var(--ig-h4-font-style);\n line-height: var(--ig-h4-line-height);\n letter-spacing: var(--ig-h4-letter-spacing);\n text-transform: var(--ig-h4-text-transform);\n margin-top: var(--ig-h4-margin-top);\n margin-bottom: var(--ig-h4-margin-bottom);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n white-space: pre-wrap;\n}\n\n[part=header-title] {\n font-family: var(--ig-overline-font-family);\n font-size: var(--ig-overline-font-size);\n font-weight: var(--ig-overline-font-weight);\n font-style: var(--ig-overline-font-style);\n line-height: var(--ig-overline-line-height);\n letter-spacing: var(--ig-overline-letter-spacing);\n text-transform: var(--ig-overline-text-transform);\n margin-top: var(--ig-overline-margin-top);\n margin-bottom: var(--ig-overline-margin-bottom);\n}\n\n.aria-off-screen {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}`;\n"]}
|
|
@@ -11,8 +11,8 @@ export const styles = css `/* stylelint-disable max-line-length */
|
|
|
11
11
|
position: relative;
|
|
12
12
|
-webkit-box-sizing: border-box;
|
|
13
13
|
box-sizing: border-box;
|
|
14
|
-
scrollbar-width: var(--
|
|
15
|
-
scrollbar-color: var(--
|
|
14
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
15
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
16
16
|
}
|
|
17
17
|
:host *,
|
|
18
18
|
:host *::before,
|
|
@@ -21,12 +21,12 @@ export const styles = css `/* stylelint-disable max-line-length */
|
|
|
21
21
|
box-sizing: border-box;
|
|
22
22
|
}
|
|
23
23
|
:host ::-webkit-scrollbar {
|
|
24
|
-
width: var(--
|
|
25
|
-
height: var(--
|
|
26
|
-
background: var(--
|
|
24
|
+
width: var(--ig-scrollbar-size);
|
|
25
|
+
height: var(--ig-scrollbar-size);
|
|
26
|
+
background: var(--ig-scrollbar-track-background);
|
|
27
27
|
}
|
|
28
28
|
:host ::-webkit-scrollbar-thumb {
|
|
29
|
-
background: var(--
|
|
29
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
[hidden] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0QvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--
|
|
1
|
+
{"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0QvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n:host(igc-calendar) {\n --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.75rem, var(--is-small, 1) * 1.5rem);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n font-family: var(--ig-font-family);\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n color: var(--ig-surface-500-contrast);\n}\n:host(igc-calendar) > * {\n font-family: var(--ig-font-family);\n}\n:host(igc-calendar) igc-days-view::part(date),\n:host(igc-calendar) igc-days-view::part(week-number),\n:host(igc-calendar) igc-days-view::part(label),\n:host(igc-calendar) igc-days-view::part(days-row) {\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(week-number-inner),\n:host(igc-calendar) igc-days-view::part(date-inner) {\n width: calc(var(--size) - 0.125rem);\n min-width: calc(var(--size) - 0.125rem);\n height: 100%;\n}\n:host(igc-calendar) igc-days-view::part(label) {\n min-width: var(--size);\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(date-inner) {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-months-view {\n grid-template-rows: repeat(4, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-months-view::part(month-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-years-view {\n grid-template-rows: repeat(5, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-years-view::part(year-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n\n:host(igc-calendar[size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host(igc-calendar[size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host(igc-calendar[size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n[part=navigation] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 1.25rem;\n padding: 1.5625rem 1.125rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part~=navigation-button] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: transparent;\n border: none;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n font-size: 1rem;\n padding: 0;\n -webkit-transition: color 150ms ease-in-out;\n -o-transition: color 150ms ease-in-out;\n transition: color 150ms ease-in-out;\n}\n[part=months-navigation]:hover, [part=months-navigation]:focus,\n[part=years-navigation]:hover,\n[part=years-navigation]:focus,\n[part~=navigation-button]:hover,\n[part~=navigation-button]:focus {\n color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n cursor: pointer;\n}\n[part=months-navigation]:focus,\n[part=years-navigation]:focus,\n[part~=navigation-button]:focus {\n outline: none;\n}\n\n[part~=navigation-button] {\n -webkit-margin-start: 1.5rem;\n margin-inline-start: 1.5rem;\n}\n[part~=navigation-button][part~=vertical] {\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n[part=navigation-buttons] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n:host(igc-calendar[header-orientation=vertical]) {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header] {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n width: 8.75rem;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header-date] {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[part=days-view-container] {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\n[part=header] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 1rem;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n color: var(--ig-secondary-600-contrast);\n}\n\n[part=header-date],\n[part=header-title] {\n margin: 0;\n}\n\n[part=header-date] {\n font-family: var(--ig-h4-font-family);\n font-size: var(--ig-h4-font-size);\n font-weight: var(--ig-h4-font-weight);\n font-style: var(--ig-h4-font-style);\n line-height: var(--ig-h4-line-height);\n letter-spacing: var(--ig-h4-letter-spacing);\n text-transform: var(--ig-h4-text-transform);\n margin-top: var(--ig-h4-margin-top);\n margin-bottom: var(--ig-h4-margin-bottom);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n white-space: pre-wrap;\n}\n\n[part=header-title] {\n font-family: var(--ig-overline-font-family);\n font-size: var(--ig-overline-font-size);\n font-weight: var(--ig-overline-font-weight);\n font-style: var(--ig-overline-font-style);\n line-height: var(--ig-overline-line-height);\n letter-spacing: var(--ig-overline-letter-spacing);\n text-transform: var(--ig-overline-text-transform);\n margin-top: var(--ig-overline-margin-top);\n margin-bottom: var(--ig-overline-margin-bottom);\n}\n\n.aria-off-screen {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=large]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=large]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=small]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=small]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {\n border-radius: 0;\n}`;\n"]}
|
|
@@ -10,8 +10,8 @@ export const styles = css `:host {
|
|
|
10
10
|
position: relative;
|
|
11
11
|
-webkit-box-sizing: border-box;
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
scrollbar-width: var(--
|
|
14
|
-
scrollbar-color: var(--
|
|
13
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
14
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
15
15
|
}
|
|
16
16
|
:host *,
|
|
17
17
|
:host *::before,
|
|
@@ -20,12 +20,12 @@ export const styles = css `:host {
|
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
}
|
|
22
22
|
:host ::-webkit-scrollbar {
|
|
23
|
-
width: var(--
|
|
24
|
-
height: var(--
|
|
25
|
-
background: var(--
|
|
23
|
+
width: var(--ig-scrollbar-size);
|
|
24
|
+
height: var(--ig-scrollbar-size);
|
|
25
|
+
background: var(--ig-scrollbar-track-background);
|
|
26
26
|
}
|
|
27
27
|
:host ::-webkit-scrollbar-thumb {
|
|
28
|
-
background: var(--
|
|
28
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
[hidden] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.actions.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--
|
|
1
|
+
{"version":3,"file":"card.actions.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-flow: column nowrap;\n flex-flow: column nowrap;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 0.5rem;\n -ms-flex-preferred-size: min-content;\n flex-basis: min-content;\n}\n\n:host(:not([orientation=vertical])) {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),\n:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)) {\n -webkit-margin-start: 0.5rem;\n margin-inline-start: 0.5rem;\n}\n\n::slotted([slot=start]) {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n}\n\n::slotted([slot=end]) {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-margin-start: auto;\n margin-inline-start: auto;\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n}\n\n::slotted(igc-icon) {\n opacity: 0.6;\n}\n\n:host {\n padding: 1rem;\n}`;\n"]}
|
|
@@ -10,8 +10,8 @@ export const styles = css `:host {
|
|
|
10
10
|
position: relative;
|
|
11
11
|
-webkit-box-sizing: border-box;
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
scrollbar-width: var(--
|
|
14
|
-
scrollbar-color: var(--
|
|
13
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
14
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
15
15
|
}
|
|
16
16
|
:host *,
|
|
17
17
|
:host *::before,
|
|
@@ -20,12 +20,12 @@ export const styles = css `:host {
|
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
}
|
|
22
22
|
:host ::-webkit-scrollbar {
|
|
23
|
-
width: var(--
|
|
24
|
-
height: var(--
|
|
25
|
-
background: var(--
|
|
23
|
+
width: var(--ig-scrollbar-size);
|
|
24
|
+
height: var(--ig-scrollbar-size);
|
|
25
|
+
background: var(--ig-scrollbar-track-background);
|
|
26
26
|
}
|
|
27
27
|
:host ::-webkit-scrollbar-thumb {
|
|
28
|
-
background: var(--
|
|
28
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
[hidden] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.actions.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--
|
|
1
|
+
{"version":3,"file":"card.actions.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/light/card.actions.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-flow: column nowrap;\n flex-flow: column nowrap;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 0.5rem;\n -ms-flex-preferred-size: min-content;\n flex-basis: min-content;\n}\n\n:host(:not([orientation=vertical])) {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n:host(:not([orientation=vertical])) ::slotted(igc-icon-button:not(:first-of-type)),\n:host(:not([orientation=vertical])) ::slotted(igc-button:not(:first-of-type)) {\n -webkit-margin-start: 0.5rem;\n margin-inline-start: 0.5rem;\n}\n\n::slotted([slot=start]) {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n}\n\n::slotted([slot=end]) {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-margin-start: auto;\n margin-inline-start: auto;\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n}\n\n::slotted(igc-icon) {\n opacity: 0.6;\n}`;\n"]}
|
|
@@ -10,8 +10,8 @@ export const styles = css `:host {
|
|
|
10
10
|
position: relative;
|
|
11
11
|
-webkit-box-sizing: border-box;
|
|
12
12
|
box-sizing: border-box;
|
|
13
|
-
scrollbar-width: var(--
|
|
14
|
-
scrollbar-color: var(--
|
|
13
|
+
scrollbar-width: var(--ig-scrollbar-size);
|
|
14
|
+
scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
|
|
15
15
|
}
|
|
16
16
|
:host *,
|
|
17
17
|
:host *::before,
|
|
@@ -20,12 +20,12 @@ export const styles = css `:host {
|
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
}
|
|
22
22
|
:host ::-webkit-scrollbar {
|
|
23
|
-
width: var(--
|
|
24
|
-
height: var(--
|
|
25
|
-
background: var(--
|
|
23
|
+
width: var(--ig-scrollbar-size);
|
|
24
|
+
height: var(--ig-scrollbar-size);
|
|
25
|
+
background: var(--ig-scrollbar-track-background);
|
|
26
26
|
}
|
|
27
27
|
:host ::-webkit-scrollbar-thumb {
|
|
28
|
-
background: var(--
|
|
28
|
+
background: var(--ig-scrollbar-thumb-background);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
[hidden] {
|