igniteui-webcomponents 6.4.0-alpha.3 → 6.4.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/LICENSE +18 -10
- package/components/chat/themes/chat.base.css.js +1 -1
- package/components/chat/themes/chat.base.css.js.map +1 -1
- package/components/chat/themes/input.base.css.js +1 -1
- package/components/chat/themes/input.base.css.js.map +1 -1
- package/components/chat/themes/shared/chat.bootstrap.css.js +1 -1
- package/components/chat/themes/shared/chat.bootstrap.css.js.map +1 -1
- package/components/chat/themes/shared/chat.fluent.css.js +1 -1
- package/components/chat/themes/shared/chat.fluent.css.js.map +1 -1
- package/components/chat/themes/shared/chat.indigo.css.js +1 -1
- package/components/chat/themes/shared/chat.indigo.css.js.map +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
- package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
- package/components/checkbox/themes/shared/switch/switch.material.css.js +1 -1
- package/components/checkbox/themes/shared/switch/switch.material.css.js.map +1 -1
- package/components/input/themes/shared/input.material.css.js +1 -1
- package/components/input/themes/shared/input.material.css.js.map +1 -1
- package/components/snackbar/themes/shared/snackbar.common.css.js +1 -1
- package/components/snackbar/themes/shared/snackbar.common.css.js.map +1 -1
- package/components/snackbar/themes/shared/snackbar.fluent.css.js +1 -1
- package/components/snackbar/themes/shared/snackbar.fluent.css.js.map +1 -1
- package/components/snackbar/themes/shared/snackbar.indigo.css.js +1 -1
- package/components/snackbar/themes/shared/snackbar.indigo.css.js.map +1 -1
- package/components/snackbar/themes/snackbar.base.css.js +1 -1
- package/components/snackbar/themes/snackbar.base.css.js.map +1 -1
- package/components/snackbar/themes/themes.js +2 -3
- package/components/snackbar/themes/themes.js.map +1 -1
- package/components/textarea/themes/textarea.base.css.js +1 -1
- package/components/textarea/themes/textarea.base.css.js.map +1 -1
- package/package.json +2 -2
- package/components/snackbar/themes/shared/snackbar.bootstrap.css.d.ts +0 -1
- package/components/snackbar/themes/shared/snackbar.bootstrap.css.js +0 -3
- package/components/snackbar/themes/shared/snackbar.bootstrap.css.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -9,6 +9,15 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
|
9
9
|
- #### Tooltip
|
|
10
10
|
- Do not show tooltip when target is clicked [#1828](https://github.com/IgniteUI/igniteui-webcomponents/issues/1828)
|
|
11
11
|
|
|
12
|
+
## [6.3.6] - 2025-11-14
|
|
13
|
+
### Fixed
|
|
14
|
+
- #### Date picker
|
|
15
|
+
- Value not committed on browser auto-fill behavior [#1932](https://github.com/IgniteUI/igniteui-webcomponents/pull/1932)
|
|
16
|
+
|
|
17
|
+
## [6.3.5] - 2025-11-13
|
|
18
|
+
### Changed
|
|
19
|
+
- **License Update**: The project license has been updated to the MIT License, providing greater flexibility and openness for the community. This change reflects our commitment to fostering an inclusive and collaborative development environment while maintaining the high-quality standards you expect from Ignite UI Web Components.
|
|
20
|
+
|
|
12
21
|
## [6.3.4] - 2025-10-22
|
|
13
22
|
### Fixed
|
|
14
23
|
- #### Date picker
|
|
@@ -1055,6 +1064,8 @@ Initial release of Ignite UI Web Components
|
|
|
1055
1064
|
- Ripple component
|
|
1056
1065
|
- Switch component
|
|
1057
1066
|
|
|
1067
|
+
[6.3.6]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.5...6.3.6
|
|
1068
|
+
[6.3.5]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.4...6.3.5
|
|
1058
1069
|
[6.3.4]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.3...6.3.4
|
|
1059
1070
|
[6.3.3]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.2...6.3.3
|
|
1060
1071
|
[6.3.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.3.1...6.3.2
|
package/LICENSE
CHANGED
|
@@ -1,13 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
This product is free to use for non-commercial educational use for students in K through 12 grades
|
|
3
|
-
or University programs, and for educators to use in a classroom setting as examples / tools in their curriculum.
|
|
1
|
+
MIT License
|
|
4
2
|
|
|
5
|
-
|
|
6
|
-
https://www.infragistics.com/products/ignite-ui-web-components and open a support ticket with a request for free license.
|
|
3
|
+
Copyright (c) 2025 INFRAGISTICS
|
|
7
4
|
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
10
11
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--igc-chat-height: 100%;width:100%;height:var(--igc-chat-height);overflow:hidden;display:flex;flex-direction:column;container-type:inline-size}
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--igc-chat-height: 100%;width:100%;height:var(--igc-chat-height);overflow:hidden;display:flex;flex-direction:column;container-type:inline-size}[part=chat-container]{display:grid;grid-template-columns:1fr minmax(20rem, 50.5rem) 1fr;grid-template-rows:auto 1fr auto;height:100%}[part=input-area-container],[part=message-area-container]{display:grid;grid-template-columns:subgrid;overflow:hidden auto;grid-column:1/-1;grid-template-rows:auto 1fr;align-items:start}[part=message-area-container]{grid-row:2}[part=message-area-container]:has([part=empty-state]){grid-template-rows:1fr auto}[part=input-area-container]{grid-row:3}[part=message-list],[part=empty-state],[part=suggestions-container]{grid-column:2/3;display:grid;grid-template-columns:subgrid;width:100%;padding-inline:1.5rem}[part=message-list]{padding-block:1rem 1.5rem;gap:1.5rem}[part=empty-state]{height:100%}[part=header]{display:flex;align-items:center;min-height:3.5rem;padding-inline:1rem;box-shadow:var(--ig-elevation-4);width:100%;z-index:1;grid-column:1/-1;grid-row:1/2}[part=typing-indicator]{display:flex;align-items:center;gap:.125rem}[part=typing-dot]{display:flex;align-items:center;justify-content:center;width:.5rem;aspect-ratio:1}[part=typing-dot]::after{content:"";display:block;animation:blink 1.2s ease-in-out infinite;animation-fill-mode:both;width:.375rem;aspect-ratio:1;border-radius:50%}[part=typing-dot]:nth-child(2)::after{animation-delay:.2s;width:.25rem}[part=typing-dot]:nth-child(3)::after{animation-delay:.4s}[part=typing-dot]:nth-child(4)::after{animation-delay:.6s;width:.125rem}slot[name=title]{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}slot[name=actions]{display:flex;margin-inline-start:auto;gap:1rem}slot[name=prefix]{display:block;margin-inline-end:2rem}igc-list{--default-size: 3;--list-size: var(--component-size);padding-block-end:1.5rem;min-height:-moz-fit-content;min-height:fit-content;width:-moz-fit-content;width:fit-content;max-width:36rem}igc-list-item{--ig-icon-default-size: var(--list-size);cursor:pointer}igc-list,igc-list-item:not(:hover),igc-list-header{background:initial}igc-list-item::part(title){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@container (max-width: 400px){[part=message-list],[part=empty-state],[part=suggestions-container]{padding-inline:1rem}[part=message-list]{padding-block:.75rem}}@keyframes blink{0%,100%{transform:scale(0.9)}25%,75%{transform:scale(1.05)}50%{transform:scale(1.1)}}`;
|
|
3
3
|
//# sourceMappingURL=chat.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/chat.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":"chat.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/chat.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+rHAA+rH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--igc-chat-height: 100%;width:100%;height:var(--igc-chat-height);overflow:hidden;display:flex;flex-direction:column;container-type:inline-size}[part=chat-container]{display:grid;grid-template-columns:1fr minmax(20rem, 50.5rem) 1fr;grid-template-rows:auto 1fr auto;height:100%}[part=input-area-container],[part=message-area-container]{display:grid;grid-template-columns:subgrid;overflow:hidden auto;grid-column:1/-1;grid-template-rows:auto 1fr;align-items:start}[part=message-area-container]{grid-row:2}[part=message-area-container]:has([part=empty-state]){grid-template-rows:1fr auto}[part=input-area-container]{grid-row:3}[part=message-list],[part=empty-state],[part=suggestions-container]{grid-column:2/3;display:grid;grid-template-columns:subgrid;width:100%;padding-inline:1.5rem}[part=message-list]{padding-block:1rem 1.5rem;gap:1.5rem}[part=empty-state]{height:100%}[part=header]{display:flex;align-items:center;min-height:3.5rem;padding-inline:1rem;box-shadow:var(--ig-elevation-4);width:100%;z-index:1;grid-column:1/-1;grid-row:1/2}[part=typing-indicator]{display:flex;align-items:center;gap:.125rem}[part=typing-dot]{display:flex;align-items:center;justify-content:center;width:.5rem;aspect-ratio:1}[part=typing-dot]::after{content:\"\";display:block;animation:blink 1.2s ease-in-out infinite;animation-fill-mode:both;width:.375rem;aspect-ratio:1;border-radius:50%}[part=typing-dot]:nth-child(2)::after{animation-delay:.2s;width:.25rem}[part=typing-dot]:nth-child(3)::after{animation-delay:.4s}[part=typing-dot]:nth-child(4)::after{animation-delay:.6s;width:.125rem}slot[name=title]{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}slot[name=actions]{display:flex;margin-inline-start:auto;gap:1rem}slot[name=prefix]{display:block;margin-inline-end:2rem}igc-list{--default-size: 3;--list-size: var(--component-size);padding-block-end:1.5rem;min-height:-moz-fit-content;min-height:fit-content;width:-moz-fit-content;width:fit-content;max-width:36rem}igc-list-item{--ig-icon-default-size: var(--list-size);cursor:pointer}igc-list,igc-list-item:not(:hover),igc-list-header{background:initial}igc-list-item::part(title){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@container (max-width: 400px){[part=message-list],[part=empty-state],[part=suggestions-container]{padding-inline:1rem}[part=message-list]{padding-block:.75rem}}@keyframes blink{0%,100%{transform:scale(0.9)}25%,75%{transform:scale(1.05)}50%{transform:scale(1.1)}}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;align-items:center;width:100%;padding-block:1rem;justify-content:center;grid-column:2/3}[part~=input-container]{display:flex;flex-direction:column;width:100%;margin-inline:1.5rem;border-radius:.25rem;padding:1rem;gap:.75rem}[part=actions-container]{display:flex;align-items:center}[part=send-button-container]{margin-inline-start:auto}[part=file-upload-container]{position:relative;display:inline-block}[part=file-upload-container] input{position:absolute;width:0;aspect-ratio:1;inset:0;opacity:0}[part=attachments]{display:flex;flex-wrap:wrap;gap:.5rem}[part=attachment-wrapper]{min-width:5.625rem;max-width:-moz-fit-content;max-width:fit-content;flex:1 1}
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;align-items:center;width:100%;padding-block:1rem;justify-content:center;grid-column:2/3}[part~=input-container]{display:flex;flex-direction:column;width:100%;margin-inline:1.5rem;border-radius:.25rem;padding:1rem;gap:.75rem}[part=actions-container]{display:flex;align-items:center}[part=send-button-container]{margin-inline-start:auto}[part=file-upload-container]{position:relative;display:inline-block}[part=file-upload-container] input{position:absolute;width:0;aspect-ratio:1;inset:0;opacity:0}[part=attachments]{display:flex;flex-wrap:wrap;gap:.5rem}[part=attachment-wrapper]{min-width:5.625rem;max-width:-moz-fit-content;max-width:fit-content;flex:1 1}igc-textarea::part(input){max-height:13.5rem;overflow-y:auto}igc-icon-button{--default-size: 2}@container (max-width: 400px){[part~=input-container]{margin-inline:.75rem}}`;
|
|
3
3
|
//# sourceMappingURL=input.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/input.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":"input.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yxDAAyxD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;align-items:center;width:100%;padding-block:1rem;justify-content:center;grid-column:2/3}[part~=input-container]{display:flex;flex-direction:column;width:100%;margin-inline:1.5rem;border-radius:.25rem;padding:1rem;gap:.75rem}[part=actions-container]{display:flex;align-items:center}[part=send-button-container]{margin-inline-start:auto}[part=file-upload-container]{position:relative;display:inline-block}[part=file-upload-container] input{position:absolute;width:0;aspect-ratio:1;inset:0;opacity:0}[part=attachments]{display:flex;flex-wrap:wrap;gap:.5rem}[part=attachment-wrapper]{min-width:5.625rem;max-width:-moz-fit-content;max-width:fit-content;flex:1 1}igc-textarea::part(input){max-height:13.5rem;overflow-y:auto}igc-icon-button{--default-size: 2}@container (max-width: 400px){[part~=input-container]{margin-inline:.75rem}}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css
|
|
2
|
+
export const styles = css `[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}slot[name=title]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}igc-list{border:none}`;
|
|
3
3
|
//# sourceMappingURL=chat.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.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":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yhBAAyhB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}slot[name=title]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}igc-list{border:none}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css
|
|
2
|
+
export const styles = css `slot[name=title]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}`;
|
|
3
3
|
//# sourceMappingURL=chat.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.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":"chat.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yfAAyf,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`slot[name=title]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css
|
|
2
|
+
export const styles = css `[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}slot[name=title]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}slot[name=actions]{gap:.5rem}igc-list{--default-size: 2}`;
|
|
3
3
|
//# sourceMappingURL=chat.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.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":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4jBAA4jB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}slot[name=title]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}slot[name=actions]{gap:.5rem}igc-list{--default-size: 2}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}:host(:not([disabled],:state(ig-invalid)):hover) [part="control checked"]::after,:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part="control checked"]::after{border-color:var(--fill-color-hover)}[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part~=control]{padding:max(var(--is-large, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part~=control]::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--border-radius-ripple)}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=base]{gap:.125rem}[part~=base]:hover [part~=control]::before{background:var(--empty-color)
|
|
2
|
+
export const styles = css `:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}:host(:not([disabled],:state(ig-invalid)):hover) [part="control checked"]::after,:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part="control checked"]::after{border-color:var(--fill-color-hover)}[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part~=control]{padding:max(var(--is-large, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part~=control]::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--border-radius-ripple)}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=base]{gap:.125rem}[part~=base] [part~=control]::before{opacity:.06}[part~=base]:hover [part~=control]::before{background:var(--empty-color)}[part="base checked"]:hover [part~=control]::before{background:var(--fill-color-hover)}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part="base focused"]:hover [part~=control]::before,[part="base focused"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked"]:focus-visible [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{background:var(--fill-color);opacity:.12}[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part="base focused"] [part~=control]::before{background:var(--fill-color)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::before{background:var(--fill-color-hover)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="base focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part="base focused"] [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="base checked"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)) [part="base checked focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part="base checked"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part="base checked focused"] [part~=control]::before{background:var(--error-color);opacity:.12}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid):hover) [part="control checked"]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="control checked"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part="base checked focused"] [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part="base checked focused"] [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after{border-color:var(--error-color-hover);background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}`;
|
|
3
3
|
//# sourceMappingURL=checkbox.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.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":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ijRAAijR,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}:host(:not([disabled],:state(ig-invalid)):hover) [part=\"control checked\"]::after,:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part=\"control checked\"]::after{border-color:var(--fill-color-hover)}[part~=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}[part~=control]{padding:max(var(--is-large, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(var(--control-padding, 1.25rem), -1 * var(--control-padding, 1.25rem))*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color)}[part~=control]::before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:var(--border-radius-ripple)}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=base]{gap:.125rem}[part~=base] [part~=control]::before{opacity:.06}[part~=base]:hover [part~=control]::before{background:var(--empty-color)}[part=\"base checked\"]:hover [part~=control]::before{background:var(--fill-color-hover)}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part=\"base focused\"]:hover [part~=control]::before,[part=\"base focused\"] [part~=control]::before{background:var(--empty-color);opacity:.12}[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked\"]:focus-visible [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before,[part=\"base checked focused\"] [part~=control]::before{background:var(--fill-color);opacity:.12}[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before{background:var(--fill-color-hover)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color);background:var(--fill-color)}:host([indeterminate]) [part=base]:focus-visible [part~=control]::before,:host([indeterminate]) [part=\"base focused\"] [part~=control]::before{background:var(--fill-color)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:not([disabled],:state(ig-invalid))[indeterminate]:hover) [part~=control]::before{background:var(--fill-color-hover)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"base focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"base focused\"] [part~=control]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)) [part=\"base checked focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"base checked focused\"] [part~=control]::before{background:var(--error-color);opacity:.12}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid):hover) [part=\"control checked\"]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::before,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::before{background:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part=\"base checked focused\"] [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not([disabled]):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked\"]:focus-visible [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]:hover) [part=\"base checked focused\"] [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=control]::after{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after,:host(:not(:disabled):state(ig-invalid)[indeterminate]) [part~=base]:hover [part~=control]::after{border-color:var(--error-color-hover);background:var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.75rem}[part~=base]:hover [part~=thumb]::after{background:var(--ig-gray-600)
|
|
2
|
+
export const styles = css `:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.75rem}[part~=base] [part~=thumb]::after{opacity:.06}[part~=base]:hover [part~=thumb]::after{background:var(--ig-gray-600)}[part~=base]:hover [part~=thumb][part~=checked]::after{background:var(--thumb-on-color)}[part~=base]:hover [part~=control]{border-color:var(--border-hover-color)}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part="control focused"] [part~=thumb]::after{background:var(--ig-gray-600);opacity:.12}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part="control checked focused"] [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color);z-index:1}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);box-shadow:var(--resting-elevation);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:"";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden;z-index:-1}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));animation-name:thumb-on;animation-duration:.2s;animation-fill-mode:forwards}`;
|
|
3
3
|
//# sourceMappingURL=switch.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.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":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2vDAA2vD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem;--label-gap: 0.75rem}[part~=base] [part~=thumb]::after{opacity:.06}[part~=base]:hover [part~=thumb]::after{background:var(--ig-gray-600)}[part~=base]:hover [part~=thumb][part~=checked]::after{background:var(--thumb-on-color)}[part~=base]:hover [part~=control]{border-color:var(--border-hover-color)}[part~=base]:hover [part~=control][part~=checked]{border-color:var(--border-on-hover-color)}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part=\"control focused\"] [part~=thumb]::after{background:var(--ig-gray-600);opacity:.12}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part=\"control checked focused\"] [part~=thumb][part~=checked]::after{background:var(--thumb-on-color);opacity:.12}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:.875rem;background:var(--track-off-color);border:.0625rem solid var(--border-color);z-index:1}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);animation-name:thumb-off;width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);background:var(--thumb-off-color);box-shadow:var(--resting-elevation);margin-inline-start:var(--thumb-offset)}[part~=thumb]::after{border-radius:var(--border-radius-ripple);position:absolute;content:\"\";inset-block-start:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);width:2.5rem;height:2.5rem;overflow:hidden;z-index:-1}[part~=thumb][part~=checked]{background:var(--thumb-on-color);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));animation-name:thumb-on;animation-duration:.2s;animation-fill-mode:forwards}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}input:-moz-placeholder+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;
|
|
2
|
+
export const styles = css `input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}input:-moz-placeholder+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch], :host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) [part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;
|
|
3
3
|
//# sourceMappingURL=input.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yzsBAAyzsB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}input:-moz-placeholder+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;\n"]}
|
|
1
|
+
{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+tuBAA+tuB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}input:-moz-placeholder+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part=label]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch], :host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) [part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part~=base]{border-radius:var(--border-radius);color:var(--text-color);background:var(--background);box-shadow:var(--elevation)}`;
|
|
2
|
+
export const styles = css `[part~=base]{border-radius:var(--border-radius);color:var(--text-color);background:var(--background);box-shadow:var(--elevation)}igc-button::part(base),igc-button::part(base):hover{color:var(--button-color);background:rgba(0,0,0,0)}`;
|
|
3
3
|
//# sourceMappingURL=snackbar.common.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbar.common.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"snackbar.common.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0OAA0O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border-radius:var(--border-radius);color:var(--text-color);background:var(--background);box-shadow:var(--elevation)}igc-button::part(base),igc-button::part(base):hover{color:var(--button-color);background:rgba(0,0,0,0)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part~=message]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}igc-button::part(base)
|
|
2
|
+
export const styles = css `[part~=message]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}igc-button::part(base):focus-visible::after{display:none}`;
|
|
3
3
|
//# sourceMappingURL=snackbar.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.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":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oeAAoe,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=message]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}igc-button::part(base):focus-visible::after{display:none}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css
|
|
2
|
+
export const styles = css `[part~=base]{min-height:2.25rem;padding:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;
|
|
3
3
|
//# sourceMappingURL=snackbar.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.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":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4vBAA4vB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{min-height:2.25rem;padding:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:fixed;font-family:var(--ig-font-family);inset-inline:50% auto;transform:translateX(calc(-50% + 0.5px))}:host([position=bottom]){inset-block:auto 0}:host([position=middle]){inset-block:50% auto;transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));margin:auto}:host([position=top]){inset-block:0 auto}[part~=base]{display:flex;flex-wrap:row nowrap;align-items:center;justify-content:space-between;min-height:3rem;padding:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));margin:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));gap:1.5rem;backface-visibility:hidden;backdrop-filter:blur(8px)}[part~=message]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);flex:1 1 50%}:host([action-text]) igc-button::part(base):hover{background:rgba(0,0,0,0)}:host([action-text]) igc-button::part(base):focus{box-shadow:none}:host(:not([open])) [part=base]{display:none}`;
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:fixed;font-family:var(--ig-font-family);inset-inline:50% auto;transform:translateX(calc(-50% + 0.5px))}:host igc-button{--ig-size: 2}:host([position=bottom]){inset-block:auto 0}:host([position=middle]){inset-block:50% auto;transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));margin:auto}:host([position=top]){inset-block:0 auto}[part~=base]{display:flex;flex-wrap:row nowrap;align-items:center;justify-content:space-between;min-height:3rem;padding:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));margin:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));gap:1.5rem;backface-visibility:hidden;backdrop-filter:blur(8px)}[part~=message]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);flex:1 1 50%}:host([action-text]) igc-button::part(base):hover{background:rgba(0,0,0,0)}:host([action-text]) igc-button::part(base):focus{box-shadow:none}:host(:not([open])) [part=base]{display:none}`;
|
|
3
3
|
//# sourceMappingURL=snackbar.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/snackbar.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":"snackbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/snackbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8nGAA8nG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{position:fixed;font-family:var(--ig-font-family);inset-inline:50% auto;transform:translateX(calc(-50% + 0.5px))}:host igc-button{--ig-size: 2}:host([position=bottom]){inset-block:auto 0}:host([position=middle]){inset-block:50% auto;transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));margin:auto}:host([position=top]){inset-block:0 auto}[part~=base]{display:flex;flex-wrap:row nowrap;align-items:center;justify-content:space-between;min-height:3rem;padding:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));margin:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));gap:1.5rem;backface-visibility:hidden;backdrop-filter:blur(8px)}[part~=message]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);flex:1 1 50%}:host([action-text]) igc-button::part(base):hover{background:rgba(0,0,0,0)}:host([action-text]) igc-button::part(base):focus{box-shadow:none}:host(:not([open])) [part=base]{display:none}`;\n"]}
|
|
@@ -8,7 +8,6 @@ import { styles as fluentLight } from './light/snackbar.fluent.css.js';
|
|
|
8
8
|
import { styles as indigoLight } from './light/snackbar.indigo.css.js';
|
|
9
9
|
import { styles as materialLight } from './light/snackbar.material.css.js';
|
|
10
10
|
import { styles as shared } from './light/snackbar.shared.css.js';
|
|
11
|
-
import { styles as bootstrap } from './shared/snackbar.bootstrap.css.js';
|
|
12
11
|
import { styles as fluent } from './shared/snackbar.fluent.css.js';
|
|
13
12
|
import { styles as indigo } from './shared/snackbar.indigo.css.js';
|
|
14
13
|
const light = {
|
|
@@ -16,7 +15,7 @@ const light = {
|
|
|
16
15
|
${shared}
|
|
17
16
|
`,
|
|
18
17
|
bootstrap: css `
|
|
19
|
-
${
|
|
18
|
+
${bootstrapLight}
|
|
20
19
|
`,
|
|
21
20
|
material: css `
|
|
22
21
|
${materialLight}
|
|
@@ -33,7 +32,7 @@ const dark = {
|
|
|
33
32
|
${shared}
|
|
34
33
|
`,
|
|
35
34
|
bootstrap: css `
|
|
36
|
-
${
|
|
35
|
+
${bootstrapDark}
|
|
37
36
|
`,
|
|
38
37
|
material: css `
|
|
39
38
|
${materialDark}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/snackbar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/snackbar.fluent.css.js';\nimport { styles as indigoDark } from './dark/snackbar.indigo.css.js';\nimport { styles as materialDark } from './dark/snackbar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/snackbar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/snackbar.fluent.css.js';\nimport { styles as indigoLight } from './light/snackbar.indigo.css.js';\nimport { styles as materialLight } from './light/snackbar.material.css.js';\nimport { styles as shared } from './light/snackbar.shared.css.js';\n// Shared Styles\nimport { styles as fluent } from './shared/snackbar.fluent.css.js';\nimport { styles as indigo } from './shared/snackbar.indigo.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrapLight}\n `,\n material: css`\n ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrapDark}\n `,\n material: css`\n ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline-start:0;width:100%;min-width:0;height:auto;outline-style:none;box-shadow:none;overflow:auto;text-overflow:ellipsis}textarea::-moz-placeholder{opacity:1
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline-start:0;width:100%;min-width:0;height:auto;outline-style:none;box-shadow:none;overflow:auto;text-overflow:ellipsis}textarea::-moz-placeholder{opacity:1}textarea::placeholder{opacity:1}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:100%;transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=prefixed] [part=prefix] igc-icon,[part~=suffixed] [part=suffix] igc-icon{width:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));height:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem)) !important}[part~=prefixed] [part=prefix]{grid-area:1/1/auto/auto}[part~=suffixed] [part=suffix]{grid-area:1/3/auto/auto}[part~=helper-text]{position:relative;display:flex;justify-content:space-between}[part~=helper-text]>*{margin-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=helper-text]>*:last-child{margin-inline-end:0}[part~=helper-text] ::slotted(*){display:flex;align-items:center;position:relative;width:100%}:host([required]) [part~=label]::after{content:"*";font-size:inherit;vertical-align:top;margin-inline-start:max(var(--is-large, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));display:inline-block}:host(:disabled),:host([disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{pointer-events:none}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{cursor:default}`;
|
|
3
3
|
//# sourceMappingURL=textarea.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.base.css.js","sourceRoot":"","sources":["../../../../src/components/textarea/themes/textarea.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":"textarea.base.css.js","sourceRoot":"","sources":["../../../../src/components/textarea/themes/textarea.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,23KAA23K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--component-size: var(--ig-size, var(--ig-size-large));display:block;font-family:var(--ig-font-family)}:host [part~=label]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part~=container]{display:grid;grid-template-columns:auto 1fr auto;grid-area:1/2/span 1/span 2;height:auto;position:relative;max-width:100%;font-size:1rem}[part~=container]:hover{cursor:pointer}textarea{font:inherit;grid-area:1/2/auto/auto;position:relative;display:block;border:none;padding-block:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline-start:0;width:100%;min-width:0;height:auto;outline-style:none;box-shadow:none;overflow:auto;text-overflow:ellipsis}textarea::-moz-placeholder{opacity:1}textarea::placeholder{opacity:1}[part~=prefixed] [part=prefix],[part~=suffixed] [part=suffix]{position:relative;display:inline-flex;width:-moz-max-content;width:max-content;align-items:center;height:100%;transition:color .25s cubic-bezier(0.215, 0.61, 0.355, 1),background .25s cubic-bezier(0.215, 0.61, 0.355, 1)}[part~=prefixed] [part=prefix] igc-icon,[part~=suffixed] [part=suffix] igc-icon{width:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));height:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem));font-size:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem),var(--is-small, 1)*max(1.125rem, -1 * 1.125rem)) !important}[part~=prefixed] [part=prefix]{grid-area:1/1/auto/auto}[part~=suffixed] [part=suffix]{grid-area:1/3/auto/auto}[part~=helper-text]{position:relative;display:flex;justify-content:space-between}[part~=helper-text]>*{margin-inline-end:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=helper-text]>*:last-child{margin-inline-end:0}[part~=helper-text] ::slotted(*){display:flex;align-items:center;position:relative;width:100%}:host([required]) [part~=label]::after{content:\"*\";font-size:inherit;vertical-align:top;margin-inline-start:max(var(--is-large, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));display:inline-block}:host(:disabled),:host([disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{pointer-events:none}:host(:disabled) [part~=container],:host([disabled]) [part~=container]{cursor:default}`;\n"]}
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "igniteui-webcomponents",
|
|
3
|
-
"version": "6.4.0-alpha.
|
|
3
|
+
"version": "6.4.0-alpha.4",
|
|
4
4
|
"description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
|
|
5
5
|
"author": "Infragistics",
|
|
6
|
-
"license": "
|
|
6
|
+
"license": "MIT",
|
|
7
7
|
"homepage": "https://www.infragistics.com/products/ignite-ui-web-components",
|
|
8
8
|
"exports": {
|
|
9
9
|
".": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const styles: import("lit").CSSResult;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yDAAyD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-button::part(base):hover{color:var(--button-color)}`;\n"]}
|