@material/web 2.4.2-nightly.f57b157.0 → 2.4.2-nightly.f7fd08c.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/button/internal/_touch-target.scss +1 -1
- package/button/internal/button.d.ts +0 -4
- package/button/internal/button.js.map +1 -1
- package/button/internal/shared-styles.css +1 -1
- package/button/internal/shared-styles.css.map +1 -1
- package/button/internal/shared-styles.cssresult.js +1 -1
- package/button/internal/shared-styles.cssresult.js.map +1 -1
- package/checkbox/internal/checkbox.d.ts +0 -2
- package/checkbox/internal/checkbox.js.map +1 -1
- package/custom-elements.json +47238 -0
- package/icon/internal/icon.d.ts +1 -1
- package/icon/internal/icon.js +1 -1
- package/icon/internal/icon.js.map +1 -1
- package/iconbutton/internal/icon-button.d.ts +0 -4
- package/iconbutton/internal/icon-button.js.map +1 -1
- package/labs/behaviors/form-associated.d.ts +0 -22
- package/labs/behaviors/form-associated.js +0 -11
- package/labs/behaviors/form-associated.js.map +1 -1
- package/labs/gb/components/button/md-button.d.ts +9 -1
- package/labs/gb/components/button/md-button.js +84 -2
- package/labs/gb/components/button/md-button.js.map +1 -1
- package/labs/gb/components/card/md-card.d.ts +9 -1
- package/labs/gb/components/card/md-card.js +79 -2
- package/labs/gb/components/card/md-card.js.map +1 -1
- package/labs/gb/components/list/md-list-item.d.ts +1 -1
- package/labs/gb/components/list/md-list-item.js +7 -7
- package/labs/gb/components/list/md-list-item.js.map +1 -1
- package/labs/gb/components/ripple/ripple.js +3 -0
- package/labs/gb/components/ripple/ripple.js.map +1 -1
- package/labs/gb/components/splitbutton/_split-button-tokens.scss +135 -0
- package/labs/gb/components/splitbutton/md-split-button.d.ts +26 -0
- package/labs/gb/components/splitbutton/md-split-button.js +119 -0
- package/labs/gb/components/splitbutton/md-split-button.js.map +1 -0
- package/labs/gb/components/splitbutton/split-button.css +4 -0
- package/labs/gb/components/splitbutton/split-button.css.map +1 -0
- package/labs/gb/components/splitbutton/split-button.cssresult.d.ts +3 -0
- package/labs/gb/components/splitbutton/split-button.cssresult.js +14 -0
- package/labs/gb/components/splitbutton/split-button.cssresult.js.map +1 -0
- package/labs/gb/components/splitbutton/split-button.d.ts +47 -0
- package/labs/gb/components/splitbutton/split-button.js +46 -0
- package/labs/gb/components/splitbutton/split-button.js.map +1 -0
- package/labs/gb/components/splitbutton/split-button.scss +164 -0
- package/labs/gb/styles/adopt-styles.js +7 -7
- package/labs/gb/styles/adopt-styles.js.map +1 -1
- package/labs/gb/styles/icon/md-icon.css +1 -1
- package/labs/gb/styles/icon/md-icon.css.map +1 -1
- package/labs/gb/styles/icon/md-icon.cssresult.js +1 -1
- package/labs/gb/styles/icon/md-icon.cssresult.js.map +1 -1
- package/labs/gb/styles/icon/md-icon.d.ts +20 -0
- package/labs/gb/styles/icon/md-icon.js +27 -0
- package/labs/gb/styles/icon/md-icon.js.map +1 -0
- package/labs/gb/styles/icon/md-icon.scss +2 -1
- package/labs/gb/styles/m3.css +5 -2
- package/labs/gb/styles/m3.css.map +1 -1
- package/labs/gb/styles/m3.cssresult.js +5 -2
- package/labs/gb/styles/m3.cssresult.js.map +1 -1
- package/labs/gb/styles/m3.scss +1 -0
- package/labs/gb/styles/space/md-space-tokens.css +4 -0
- package/labs/gb/styles/space/md-space-tokens.css.map +1 -0
- package/labs/gb/styles/space/md-space-tokens.cssresult.d.ts +3 -0
- package/labs/gb/styles/space/md-space-tokens.cssresult.js +14 -0
- package/labs/gb/styles/space/md-space-tokens.cssresult.js.map +1 -0
- package/labs/gb/styles/space/md-space-tokens.scss +28 -0
- package/labs/gb/styles/tailwind.css +4 -0
- package/labs/gb/styles/tailwind.css.map +1 -0
- package/labs/gb/styles/tailwind.cssresult.d.ts +3 -0
- package/labs/gb/styles/tailwind.cssresult.js +14 -0
- package/labs/gb/styles/tailwind.cssresult.js.map +1 -0
- package/labs/gb/styles/tailwind.scss +349 -0
- package/labs/gb/styles/typography/internal/_typography-tokens.scss +85 -16
- package/labs/gb/styles/typography/md-typography-tokens.css +1 -1
- package/labs/gb/styles/typography/md-typography-tokens.css.map +1 -1
- package/labs/gb/styles/typography/md-typography-tokens.cssresult.js +1 -1
- package/labs/gb/styles/typography/md-typography-tokens.cssresult.js.map +1 -1
- package/list/internal/listitem/list-item.d.ts +4 -1
- package/list/internal/listitem/list-item.js +4 -1
- package/list/internal/listitem/list-item.js.map +1 -1
- package/menu/internal/submenu/sub-menu.d.ts +5 -1
- package/menu/internal/submenu/sub-menu.js +5 -1
- package/menu/internal/submenu/sub-menu.js.map +1 -1
- package/package.json +25 -3
- package/radio/internal/radio.d.ts +0 -2
- package/radio/internal/radio.js.map +1 -1
- package/select/internal/select.d.ts +0 -2
- package/select/internal/select.js.map +1 -1
- package/slider/internal/slider.d.ts +0 -2
- package/slider/internal/slider.js.map +1 -1
- package/switch/internal/_switch.scss +1 -0
- package/switch/internal/switch-styles.css +1 -1
- package/switch/internal/switch-styles.css.map +1 -1
- package/switch/internal/switch-styles.cssresult.js +1 -1
- package/switch/internal/switch-styles.cssresult.js.map +1 -1
- package/switch/internal/switch.d.ts +0 -2
- package/switch/internal/switch.js.map +1 -1
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright 2026 Google LLC
|
|
3
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
// go/keep-sorted start by_regex='(.+) prefix_order=sass:
|
|
7
|
+
@use 'split-button-tokens';
|
|
8
|
+
// go/keep-sorted end
|
|
9
|
+
|
|
10
|
+
@layer md.sys, md.comp.ripple, md.comp.focus-ring, md.comp.button;
|
|
11
|
+
@layer md.comp.split-button {
|
|
12
|
+
.split-btn {
|
|
13
|
+
@include split-button-tokens.root;
|
|
14
|
+
|
|
15
|
+
.btn {
|
|
16
|
+
@include split-button-tokens.button;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.btn-xs {
|
|
20
|
+
@include split-button-tokens.button-xs;
|
|
21
|
+
|
|
22
|
+
&:where(:nth-child(1 of .btn)) {
|
|
23
|
+
@include split-button-tokens.button-xs-leading;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&:where(:nth-last-child(1 of .btn)) {
|
|
27
|
+
@include split-button-tokens.button-xs-trailing;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&:where(:hover, .hover) {
|
|
31
|
+
@include split-button-tokens.button-xs-hovered;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&:where(:active, .active) {
|
|
35
|
+
@include split-button-tokens.button-xs-pressed;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.btn-sm {
|
|
40
|
+
@include split-button-tokens.button-sm;
|
|
41
|
+
|
|
42
|
+
&:where(:nth-child(1 of .btn)) {
|
|
43
|
+
@include split-button-tokens.button-sm-leading;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&:where(:nth-last-child(1 of .btn)) {
|
|
47
|
+
@include split-button-tokens.button-sm-trailing;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&:where(:hover, .hover) {
|
|
51
|
+
@include split-button-tokens.button-sm-hovered;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
&:where(:active, .active) {
|
|
55
|
+
@include split-button-tokens.button-sm-pressed;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.btn-md {
|
|
60
|
+
@include split-button-tokens.button-md;
|
|
61
|
+
|
|
62
|
+
&:where(:nth-child(1 of .btn)) {
|
|
63
|
+
@include split-button-tokens.button-md-leading;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
&:where(:nth-last-child(1 of .btn)) {
|
|
67
|
+
@include split-button-tokens.button-md-trailing;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
&:where(:hover, .hover) {
|
|
71
|
+
@include split-button-tokens.button-md-hovered;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
&:where(:active, .active) {
|
|
75
|
+
@include split-button-tokens.button-md-pressed;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.btn-lg {
|
|
80
|
+
@include split-button-tokens.button-lg;
|
|
81
|
+
|
|
82
|
+
&:where(:nth-child(1 of .btn)) {
|
|
83
|
+
@include split-button-tokens.button-lg-leading;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
&:where(:nth-last-child(1 of .btn)) {
|
|
87
|
+
@include split-button-tokens.button-lg-trailing;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
&:where(:hover, .hover) {
|
|
91
|
+
@include split-button-tokens.button-lg-hovered;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
&:where(:active, .active) {
|
|
95
|
+
@include split-button-tokens.button-lg-pressed;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.btn-xl {
|
|
100
|
+
@include split-button-tokens.button-xl;
|
|
101
|
+
|
|
102
|
+
&:where(:nth-child(1 of .btn)) {
|
|
103
|
+
@include split-button-tokens.button-xl-leading;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
&:where(:nth-last-child(1 of .btn)) {
|
|
107
|
+
@include split-button-tokens.button-xl-trailing;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
&:where(:hover, .hover) {
|
|
111
|
+
@include split-button-tokens.button-xl-hovered;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
&:where(:active, .active) {
|
|
115
|
+
@include split-button-tokens.button-xl-pressed;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
&:is(.split-btn-selected, :has(:popover-open)) {
|
|
120
|
+
:nth-last-child(1 of .btn) {
|
|
121
|
+
@include split-button-tokens.button-trailing-selected;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.split-btn {
|
|
127
|
+
& {
|
|
128
|
+
display: inline-flex;
|
|
129
|
+
align-items: center;
|
|
130
|
+
gap: var(--between-space);
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
:nth-child(1 of .btn) {
|
|
134
|
+
border-start-start-radius: var(--outer-corner-size);
|
|
135
|
+
border-end-start-radius: var(--outer-corner-size);
|
|
136
|
+
border-start-end-radius: var(--inner-corner-size);
|
|
137
|
+
border-end-end-radius: var(--inner-corner-size);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
:nth-last-child(1 of .btn) {
|
|
141
|
+
border-start-start-radius: var(--inner-corner-size);
|
|
142
|
+
border-end-start-radius: var(--inner-corner-size);
|
|
143
|
+
border-start-end-radius: var(--outer-corner-size);
|
|
144
|
+
border-end-end-radius: var(--outer-corner-size);
|
|
145
|
+
|
|
146
|
+
&::before {
|
|
147
|
+
content: 'arrow_drop_down';
|
|
148
|
+
font: var(--md-icon-size) var(--md-icon-font);
|
|
149
|
+
display: flex;
|
|
150
|
+
align-items: center;
|
|
151
|
+
aspect-ratio: 1;
|
|
152
|
+
width: var(--md-icon-size);
|
|
153
|
+
overflow: hidden;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
&:is(.split-btn-selected, :has(:popover-open))
|
|
158
|
+
:nth-last-child(1 of .btn)::before {
|
|
159
|
+
transform: rotate(180deg);
|
|
160
|
+
transition: transform var(--md-sys-motion-duration-short4)
|
|
161
|
+
var(--md-sys-motion-easing-standard);
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
}
|
|
@@ -37,9 +37,7 @@ export function adoptStyles(owner, styles) {
|
|
|
37
37
|
if (!owner)
|
|
38
38
|
return;
|
|
39
39
|
styles = Array.isArray(styles) ? styles : [styles];
|
|
40
|
-
const stylesheets = styles.map((
|
|
41
|
-
? cssResultOrNative.styleSheet
|
|
42
|
-
: cssResultOrNative);
|
|
40
|
+
const stylesheets = styles.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
|
|
43
41
|
if (adopt(owner, stylesheets)) {
|
|
44
42
|
// Styles adopted directly on the owner document or shadow root.
|
|
45
43
|
return;
|
|
@@ -51,12 +49,14 @@ export function adoptStyles(owner, styles) {
|
|
|
51
49
|
}
|
|
52
50
|
function adopt(node, stylesheets) {
|
|
53
51
|
if (node && 'adoptedStyleSheets' in node) {
|
|
54
|
-
|
|
52
|
+
const unadopted = stylesheets.filter((stylesheet) => !node.adoptedStyleSheets.includes(stylesheet));
|
|
53
|
+
if (!unadopted.length) {
|
|
54
|
+
// All styles are already adopted.
|
|
55
|
+
return true;
|
|
56
|
+
}
|
|
57
|
+
node.adoptedStyleSheets = Array.from(new Set([...node.adoptedStyleSheets, ...unadopted]));
|
|
55
58
|
return true;
|
|
56
59
|
}
|
|
57
60
|
return false;
|
|
58
61
|
}
|
|
59
|
-
function isCSSResult(style) {
|
|
60
|
-
return 'styleSheet' in style;
|
|
61
|
-
}
|
|
62
62
|
//# sourceMappingURL=adopt-styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adopt-styles.js","sourceRoot":"","sources":["adopt-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,WAAW,CACzB,KAA0C,EAC1C,MAA+C;IAE/C,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,WAAW,GAAoB,MAAM,CAAC,GAAG,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"adopt-styles.js","sourceRoot":"","sources":["adopt-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,WAAW,CACzB,KAA0C,EAC1C,MAA+C;IAE/C,IAAI,CAAC,KAAK;QAAE,OAAO;IAEnB,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,MAAM,WAAW,GAAoB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACpD,CAAC,YAAY,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAW,CAC/C,CAAC;IAEF,IAAI,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC;QAC9B,gEAAgE;QAChE,OAAO;IACT,CAAC;IAED,4EAA4E;IAC5E,2BAA2B;IAC3B,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,WAAW,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,KAAK,CACZ,IAAwC,EACxC,WAA4B;IAE5B,IAAI,IAAI,IAAI,oBAAoB,IAAI,IAAI,EAAE,CAAC;QACzC,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAClC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAC9D,CAAC;QACF,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;YACtB,kCAAkC;YAClC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAClC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,kBAAkB,EAAE,GAAG,SAAS,CAAC,CAAC,CACpD,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {type CSSResultOrNative} from 'lit';\n\n/**\n * Owner types that can adopt stylesheets using `adoptStyles()`.\n */\nexport type AdoptStylesOwner = DocumentOrShadowRoot | Element;\n\n/**\n * Adopts the given stylesheets to the provided document or shadow root owner.\n *\n * @example\n * ```ts\n * import globalStylesheet from './stylesheet.css' with {type: 'css'};\n *\n * adoptStyles(document, globalStylesheet);\n * ```\n *\n * If an element is provided, the styles are adopted to the element's owner\n * document. If the element is within a shadow root, the styles are also adopted\n * to the host shadow root.\n *\n * @example\n * ```ts\n * import hostClasses from './stylesheet.css' with {type: 'css'};\n *\n * class LightDomElement extends HTMLElement {\n * connectedCallback() {\n * adoptStyles(this, hostClasses);\n * this.classList.add('host-class');\n * }\n * }\n * ```\n *\n * @param owner The owner document, shadow root, or element to adopt the\n * styles to.\n * @param styles The styles to adopt.\n */\nexport function adoptStyles(\n owner: AdoptStylesOwner | null | undefined,\n styles: CSSResultOrNative | CSSResultOrNative[],\n): void {\n if (!owner) return;\n\n styles = Array.isArray(styles) ? styles : [styles];\n const stylesheets: CSSStyleSheet[] = styles.map((s) =>\n s instanceof CSSStyleSheet ? s : s.styleSheet!,\n );\n\n if (adopt(owner, stylesheets)) {\n // Styles adopted directly on the owner document or shadow root.\n return;\n }\n\n // When provided an element, adopt styles to the element's document and host\n // shadow root, if present.\n adopt(owner.ownerDocument, stylesheets);\n adopt(owner.getRootNode(), stylesheets);\n}\n\nfunction adopt(\n node: DocumentOrShadowRoot | Node | null,\n stylesheets: CSSStyleSheet[],\n): node is DocumentOrShadowRoot {\n if (node && 'adoptedStyleSheets' in node) {\n const unadopted = stylesheets.filter(\n (stylesheet) => !node.adoptedStyleSheets.includes(stylesheet),\n );\n if (!unadopted.length) {\n // All styles are already adopted.\n return true;\n }\n node.adoptedStyleSheets = Array.from(\n new Set([...node.adoptedStyleSheets, ...unadopted]),\n );\n return true;\n }\n return false;\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright 2026 Google LLC
|
|
3
3
|
* SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
*/@property --md-icon-font{syntax:"<string>#";inherits:true;initial-value:"Material Symbols"}@property --md-icon-color{syntax:"<color>";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:"<length-percentage>";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:"<number>";inherits:true;initial-value:24}@property --md-icon-wght{syntax:"<number>";inherits:true;initial-value:400}@property --md-icon-fill{syntax:"<number>";inherits:true;initial-value:0}@property --md-icon-grad{syntax:"<number>";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon{display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:"opsz" var(--md-icon-opsz),"wght" var(--md-icon-wght),"FILL" var(--md-icon-fill),"GRAD" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}/*# sourceMappingURL=md-icon.css.map */
|
|
4
|
+
*/@property --md-icon-font{syntax:"<string>#";inherits:true;initial-value:"Material Symbols"}@property --md-icon-color{syntax:"<color>";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:"<length-percentage>";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:"<number>";inherits:true;initial-value:24}@property --md-icon-wght{syntax:"<number>";inherits:true;initial-value:400}@property --md-icon-fill{syntax:"<number>";inherits:true;initial-value:0}@property --md-icon-grad{syntax:"<number>";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon,:host(.md-icon){display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:"opsz" var(--md-icon-opsz),"wght" var(--md-icon-wght),"FILL" var(--md-icon-fill),"GRAD" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}/*# sourceMappingURL=md-icon.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["md-icon.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAKA,yBACE,mBACA,cACA,iCAEF,0BACE,iBACA,cACA,2BAEF,yBACE,6BACA,cACA,mBAEF,yBACE,kBACA,cACA,iBAEF,yBACE,kBACA,cACA,kBAEF,yBACE,kBACA,cACA,gBAEF,yBACE,kBACA,cACA,gBAGF,mBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["md-icon.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAKA,yBACE,mBACA,cACA,iCAEF,0BACE,iBACA,cACA,2BAEF,yBACE,6BACA,cACA,mBAEF,yBACE,kBACA,cACA,iBAEF,yBACE,kBACA,cACA,kBAEF,yBACE,kBACA,cACA,gBAEF,yBACE,kBACA,cACA,gBAGF,mBACE,yBAEE,oBACA,mBACA,qBACA,gBACA,2BACA,0BACA,eACA,8BACA,8BACA,8BACA,gCACA,wBACE,4GAIF","file":"md-icon.css"}
|
|
@@ -8,7 +8,7 @@ import { css } from 'lit';
|
|
|
8
8
|
export const styles = css `/*!
|
|
9
9
|
* Copyright 2026 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: Apache-2.0
|
|
11
|
-
*/@property --md-icon-font{syntax:"<string>#";inherits:true;initial-value:"Material Symbols"}@property --md-icon-color{syntax:"<color>";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:"<length-percentage>";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:"<number>";inherits:true;initial-value:24}@property --md-icon-wght{syntax:"<number>";inherits:true;initial-value:400}@property --md-icon-fill{syntax:"<number>";inherits:true;initial-value:0}@property --md-icon-grad{syntax:"<number>";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon{display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:"opsz" var(--md-icon-opsz),"wght" var(--md-icon-wght),"FILL" var(--md-icon-fill),"GRAD" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}
|
|
11
|
+
*/@property --md-icon-font{syntax:"<string>#";inherits:true;initial-value:"Material Symbols"}@property --md-icon-color{syntax:"<color>";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:"<length-percentage>";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:"<number>";inherits:true;initial-value:24}@property --md-icon-wght{syntax:"<number>";inherits:true;initial-value:400}@property --md-icon-fill{syntax:"<number>";inherits:true;initial-value:0}@property --md-icon-grad{syntax:"<number>";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon,:host(.md-icon){display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:"opsz" var(--md-icon-opsz),"wght" var(--md-icon-wght),"FILL" var(--md-icon-fill),"GRAD" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}
|
|
12
12
|
`;
|
|
13
13
|
export default styles.styleSheet;
|
|
14
14
|
//# sourceMappingURL=md-icon.cssresult.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"md-icon.cssresult.js","sourceRoot":"","sources":["md-icon.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,8DAA8D;AAC9D,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/gb/styles/icon/md-icon.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@property --md-icon-font{syntax:\"<string>#\";inherits:true;initial-value:\"Material Symbols\"}@property --md-icon-color{syntax:\"<color>\";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:\"<length-percentage>\";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:\"<number>\";inherits:true;initial-value:24}@property --md-icon-wght{syntax:\"<number>\";inherits:true;initial-value:400}@property --md-icon-fill{syntax:\"<number>\";inherits:true;initial-value:0}@property --md-icon-grad{syntax:\"<number>\";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon{display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:\"opsz\" var(--md-icon-opsz),\"wght\" var(--md-icon-wght),\"FILL\" var(--md-icon-fill),\"GRAD\" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}\n`;\nexport default styles.styleSheet!;\n"]}
|
|
1
|
+
{"version":3,"file":"md-icon.cssresult.js","sourceRoot":"","sources":["md-icon.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,8DAA8D;AAC9D,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/gb/styles/icon/md-icon.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@property --md-icon-font{syntax:\"<string>#\";inherits:true;initial-value:\"Material Symbols\"}@property --md-icon-color{syntax:\"<color>\";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:\"<length-percentage>\";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:\"<number>\";inherits:true;initial-value:24}@property --md-icon-wght{syntax:\"<number>\";inherits:true;initial-value:400}@property --md-icon-fill{syntax:\"<number>\";inherits:true;initial-value:0}@property --md-icon-grad{syntax:\"<number>\";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon,:host(.md-icon){display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:\"opsz\" var(--md-icon-opsz),\"wght\" var(--md-icon-wght),\"FILL\" var(--md-icon-fill),\"GRAD\" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}\n`;\nexport default styles.styleSheet!;\n"]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2026 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { type CSSResultOrNative } from 'lit';
|
|
7
|
+
import { Icon as IconBase } from '../../../../icon/internal/icon.js';
|
|
8
|
+
declare global {
|
|
9
|
+
interface HTMLElementTagNameMap {
|
|
10
|
+
/** A Material Design icon component. */
|
|
11
|
+
'md-icon': Icon;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* A Material Design icon component.
|
|
16
|
+
*/
|
|
17
|
+
export declare class Icon extends IconBase {
|
|
18
|
+
static styles: CSSResultOrNative[];
|
|
19
|
+
connectedCallback(): void;
|
|
20
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2026 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { __decorate } from "tslib";
|
|
7
|
+
import { customElement } from 'lit/decorators.js';
|
|
8
|
+
import { Icon as IconBase } from '../../../../icon/internal/icon.js';
|
|
9
|
+
import { adoptStyles } from '../adopt-styles.js';
|
|
10
|
+
import iconStyles from './md-icon.css' with { type: 'css' }; // github-only
|
|
11
|
+
/**
|
|
12
|
+
* A Material Design icon component.
|
|
13
|
+
*/
|
|
14
|
+
let Icon = class Icon extends IconBase {
|
|
15
|
+
connectedCallback() {
|
|
16
|
+
super.connectedCallback();
|
|
17
|
+
// Adopt stylesheet to ensure global CSS @property variables are registered.
|
|
18
|
+
adoptStyles(this, iconStyles);
|
|
19
|
+
this.classList.add('md-icon');
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
Icon.styles = [iconStyles];
|
|
23
|
+
Icon = __decorate([
|
|
24
|
+
customElement('md-icon')
|
|
25
|
+
], Icon);
|
|
26
|
+
export { Icon };
|
|
27
|
+
//# sourceMappingURL=md-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"md-icon.js","sourceRoot":"","sources":["md-icon.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAGH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAC,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAE/C,OAAO,UAAU,MAAM,eAAe,CAAC,OAAM,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,cAAc;AAUzE;;GAEG;AAEI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,QAAQ;IAGvB,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,4EAA4E;QAC5E,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAC9B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;;AAPe,WAAM,GAAwB,CAAC,UAAU,CAAC,AAApC,CAAqC;AADhD,IAAI;IADhB,aAAa,CAAC,SAAS,CAAC;GACZ,IAAI,CAShB","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {type CSSResultOrNative} from 'lit';\nimport {customElement} from 'lit/decorators.js';\nimport {Icon as IconBase} from '../../../../icon/internal/icon.js';\nimport {adoptStyles} from '../adopt-styles.js';\n\nimport iconStyles from './md-icon.css' with {type: 'css'}; // github-only\n// import iconStyles from './md-icon.cssresult.js'; // google3-only\n\ndeclare global {\n interface HTMLElementTagNameMap {\n /** A Material Design icon component. */\n 'md-icon': Icon;\n }\n}\n\n/**\n * A Material Design icon component.\n */\n@customElement('md-icon')\nexport class Icon extends IconBase {\n static override styles: CSSResultOrNative[] = [iconStyles];\n\n override connectedCallback() {\n super.connectedCallback();\n // Adopt stylesheet to ensure global CSS @property variables are registered.\n adoptStyles(this, iconStyles);\n this.classList.add('md-icon');\n }\n}\n"]}
|
package/labs/gb/styles/m3.css
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
*/@layer md.sys.elevation{:root{--md-sys-elevation-shadow-0: none;--md-sys-elevation-shadow-1: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 1px 3px 1px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-2: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 2px 6px 2px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-3: 0 1px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 4px 8px 3px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-4: 0 2px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 6px 10px 4px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-5: 0 4px 4px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 8px 12px 6px hsl(from var(--md-sys-color-shadow) h s l / 0.15)}}/*!
|
|
11
11
|
* Copyright 2026 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: Apache-2.0
|
|
13
|
-
*/@property --md-icon-font{syntax:"<string>#";inherits:true;initial-value:"Material Symbols"}@property --md-icon-color{syntax:"<color>";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:"<length-percentage>";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:"<number>";inherits:true;initial-value:24}@property --md-icon-wght{syntax:"<number>";inherits:true;initial-value:400}@property --md-icon-fill{syntax:"<number>";inherits:true;initial-value:0}@property --md-icon-grad{syntax:"<number>";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon{display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:"opsz" var(--md-icon-opsz),"wght" var(--md-icon-wght),"FILL" var(--md-icon-fill),"GRAD" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}/*!
|
|
13
|
+
*/@property --md-icon-font{syntax:"<string>#";inherits:true;initial-value:"Material Symbols"}@property --md-icon-color{syntax:"<color>";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:"<length-percentage>";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:"<number>";inherits:true;initial-value:24}@property --md-icon-wght{syntax:"<number>";inherits:true;initial-value:400}@property --md-icon-fill{syntax:"<number>";inherits:true;initial-value:0}@property --md-icon-grad{syntax:"<number>";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon,:host(.md-icon){display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:"opsz" var(--md-icon-opsz),"wght" var(--md-icon-wght),"FILL" var(--md-icon-fill),"GRAD" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}/*!
|
|
14
14
|
* Copyright 2026 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: Apache-2.0
|
|
16
16
|
*/@layer md.sys.motion{:root{--md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}}/*!
|
|
@@ -19,4 +19,7 @@
|
|
|
19
19
|
*/@layer md.sys.shape{:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-xs: 4px;--md-sys-shape-corner-sm: 8px;--md-sys-shape-corner-md: 12px;--md-sys-shape-corner-lg: 16px;--md-sys-shape-corner-lg-increased: 20px;--md-sys-shape-corner-xl: 28px;--md-sys-shape-corner-xl-increased: 32px;--md-sys-shape-corner-xxl: 48px;--md-sys-shape-corner-full: 50cqmin}}/*!
|
|
20
20
|
* Copyright 2026 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: Apache-2.0
|
|
22
|
-
*/@layer md.sys.
|
|
22
|
+
*/@layer md.sys.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}/*!
|
|
23
|
+
* Copyright 2026 Google LLC
|
|
24
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
25
|
+
*/@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-sm-axes: normal;--md-sys-typescale-emphasized-label-sm: var(--md-ref-typeface-weight-bold) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-sm-axes: "ROND" 100;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-md-axes: normal;--md-sys-typescale-emphasized-label-md: var(--md-ref-typeface-weight-bold) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-md-axes: "ROND" 100;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-label-lg-axes: normal;--md-sys-typescale-emphasized-label-lg: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-lg-axes: "ROND" 100;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-sm-axes: normal;--md-sys-typescale-emphasized-body-sm: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-sm-axes: "ROND" 100;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-md-axes: normal;--md-sys-typescale-emphasized-body-md: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-md-axes: "ROND" 100;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-body-lg-axes: normal;--md-sys-typescale-emphasized-body-lg: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-lg-axes: "ROND" 100;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-sm-axes: normal;--md-sys-typescale-emphasized-title-sm: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-sm-axes: "ROND" 100;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-md-axes: normal;--md-sys-typescale-emphasized-title-md: var(--md-ref-typeface-weight-bold) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-md-axes: "ROND" 100;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-title-lg-axes: normal;--md-sys-typescale-emphasized-title-lg: var(--md-ref-typeface-weight-medium) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-lg-axes: "ROND" 100;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-sm-axes: normal;--md-sys-typescale-emphasized-headline-sm: var(--md-ref-typeface-weight-medium) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-sm-axes: "ROND" 100;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-md-axes: normal;--md-sys-typescale-emphasized-headline-md: var(--md-ref-typeface-weight-medium) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-md-axes: "ROND" 100;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-headline-lg-axes: normal;--md-sys-typescale-emphasized-headline-lg: var(--md-ref-typeface-weight-medium) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-lg-axes: "ROND" 100;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-sm-axes: normal;--md-sys-typescale-emphasized-display-sm: var(--md-ref-typeface-weight-medium) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-sm-axes: "ROND" 100;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-md-axes: normal;--md-sys-typescale-emphasized-display-md: var(--md-ref-typeface-weight-medium) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-md-axes: "ROND" 100;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem;--md-sys-typescale-display-lg-axes: normal;--md-sys-typescale-emphasized-display-lg: var(--md-ref-typeface-weight-medium) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-lg-axes: "ROND" 100}}/*# sourceMappingURL=m3.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["m3.scss","color/md-color-tokens.scss","color/internal/_color-tokens.scss","elevation/md-elevation-tokens.scss","icon/md-icon.scss","motion/md-motion-tokens-easing.scss","shape/md-shape-tokens.scss","typography/md-typography-tokens.scss","typography/internal/_typography-tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCSA,oBACE,MACE,wBC2EA,g5ECtFJ;AAAA;AAAA;AAAA,GAKA,wBACE,MACE,kCACA,2JAGA,2JAGA,2JAGA,4JAGA,6JCpBJ;AAAA;AAAA;AAAA,GAKA,yBACE,mBACA,cACA,iCAEF,0BACE,iBACA,cACA,2BAEF,yBACE,6BACA,cACA,mBAEF,yBACE,kBACA,cACA,iBAEF,yBACE,kBACA,cACA,kBAEF,yBACE,kBACA,cACA,gBAEF,yBACE,kBACA,cACA,gBAGF,mBACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["m3.scss","color/md-color-tokens.scss","color/internal/_color-tokens.scss","elevation/md-elevation-tokens.scss","icon/md-icon.scss","motion/md-motion-tokens-easing.scss","shape/md-shape-tokens.scss","space/md-space-tokens.scss","typography/md-typography-tokens.scss","typography/internal/_typography-tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCSA,oBACE,MACE,wBC2EA,g5ECtFJ;AAAA;AAAA;AAAA,GAKA,wBACE,MACE,kCACA,2JAGA,2JAGA,2JAGA,4JAGA,6JCpBJ;AAAA;AAAA;AAAA,GAKA,yBACE,mBACA,cACA,iCAEF,0BACE,iBACA,cACA,2BAEF,yBACE,6BACA,cACA,mBAEF,yBACE,kBACA,cACA,iBAEF,yBACE,kBACA,cACA,kBAEF,yBACE,kBACA,cACA,gBAEF,yBACE,kBACA,cACA,gBAGF,mBACE,yBAEE,oBACA,mBACA,qBACA,gBACA,2BACA,0BACA,eACA,8BACA,8BACA,8BACA,gCACA,wBACE,4GAIF,oCC5DJ;AAAA;AAAA;AAAA,GASA,qBACE,MACE,4DACA,uEACA,qEACA,8DACA,8EACA,8EACA,sCACA,uCACA,uCACA,uCACA,wCACA,wCACA,wCACA,wCACA,sCACA,sCACA,sCACA,sCACA,4CACA,4CACA,4CACA,8CChCJ;AAAA;AAAA;AAAA,GASA,oBACE,MACE,gCACA,8BACA,8BACA,+BACA,+BACA,yCACA,+BACA,yCACA,gCACA,qCCpBJ;AAAA;AAAA;AAAA,GAKA,oBACE,MACE,yBACA,qDACA,yDACA,wDACA,yDACA,6CACA,0DACA,yDACA,0DACA,uDACA,yDACA,uDACA,uDACA,yDACA,uDACA,uDACA,uDACA,uDACA,wDCzBJ;AAAA;AAAA;AAAA,GASA,wBACE,MC6BA,sDACA,+EACA,sCAIA,qCAIA,mCA6BI,8GACA,iDACA,yCACA,uHACA,wDAJA,4GACA,iDACA,yCACA,qHACA,wDAJA,gHACA,iDACA,yCACA,yHACA,wDAJA,4GACA,8CACA,wCACA,sHACA,uDAJA,gHACA,iDACA,wCACA,0HACA,uDAJA,2GACA,gDACA,wCACA,qHACA,uDAJA,gHACA,iDACA,yCACA,yHACA,wDAJA,2GACA,kDACA,yCACA,oHACA,wDAJA,iHACA,2CACA,yCACA,2HACA,wDAJA,+GACA,8CACA,4CACA,yHACA,2DAJA,mHACA,8CACA,4CACA,6HACA,2DAJA,+GACA,8CACA,4CACA,yHACA,2DAJA,kHACA,6CACA,2CACA,4HACA,0DAJA,oHACA,6CACA,2CACA,8HACA,0DAJA,iHACA,qDACA,2CACA,2HACA","file":"m3.css"}
|
|
@@ -17,7 +17,7 @@ export const styles = css `/*!
|
|
|
17
17
|
*/@layer md.sys.elevation{:root{--md-sys-elevation-shadow-0: none;--md-sys-elevation-shadow-1: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 1px 3px 1px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-2: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 2px 6px 2px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-3: 0 1px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 4px 8px 3px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-4: 0 2px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 6px 10px 4px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-5: 0 4px 4px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 8px 12px 6px hsl(from var(--md-sys-color-shadow) h s l / 0.15)}}/*!
|
|
18
18
|
* Copyright 2026 Google LLC
|
|
19
19
|
* SPDX-License-Identifier: Apache-2.0
|
|
20
|
-
*/@property --md-icon-font{syntax:"<string>#";inherits:true;initial-value:"Material Symbols"}@property --md-icon-color{syntax:"<color>";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:"<length-percentage>";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:"<number>";inherits:true;initial-value:24}@property --md-icon-wght{syntax:"<number>";inherits:true;initial-value:400}@property --md-icon-fill{syntax:"<number>";inherits:true;initial-value:0}@property --md-icon-grad{syntax:"<number>";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon{display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:"opsz" var(--md-icon-opsz),"wght" var(--md-icon-wght),"FILL" var(--md-icon-fill),"GRAD" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}/*!
|
|
20
|
+
*/@property --md-icon-font{syntax:"<string>#";inherits:true;initial-value:"Material Symbols"}@property --md-icon-color{syntax:"<color>";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:"<length-percentage>";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:"<number>";inherits:true;initial-value:24}@property --md-icon-wght{syntax:"<number>";inherits:true;initial-value:400}@property --md-icon-fill{syntax:"<number>";inherits:true;initial-value:0}@property --md-icon-grad{syntax:"<number>";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon,:host(.md-icon){display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:"opsz" var(--md-icon-opsz),"wght" var(--md-icon-wght),"FILL" var(--md-icon-fill),"GRAD" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}/*!
|
|
21
21
|
* Copyright 2026 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: Apache-2.0
|
|
23
23
|
*/@layer md.sys.motion{:root{--md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}}/*!
|
|
@@ -26,7 +26,10 @@ export const styles = css `/*!
|
|
|
26
26
|
*/@layer md.sys.shape{:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-xs: 4px;--md-sys-shape-corner-sm: 8px;--md-sys-shape-corner-md: 12px;--md-sys-shape-corner-lg: 16px;--md-sys-shape-corner-lg-increased: 20px;--md-sys-shape-corner-xl: 28px;--md-sys-shape-corner-xl-increased: 32px;--md-sys-shape-corner-xxl: 48px;--md-sys-shape-corner-full: 50cqmin}}/*!
|
|
27
27
|
* Copyright 2026 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: Apache-2.0
|
|
29
|
-
*/@layer md.sys.
|
|
29
|
+
*/@layer md.sys.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}/*!
|
|
30
|
+
* Copyright 2026 Google LLC
|
|
31
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
32
|
+
*/@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-sm-axes: normal;--md-sys-typescale-emphasized-label-sm: var(--md-ref-typeface-weight-bold) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-sm-axes: "ROND" 100;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-md-axes: normal;--md-sys-typescale-emphasized-label-md: var(--md-ref-typeface-weight-bold) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-md-axes: "ROND" 100;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-label-lg-axes: normal;--md-sys-typescale-emphasized-label-lg: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-lg-axes: "ROND" 100;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-sm-axes: normal;--md-sys-typescale-emphasized-body-sm: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-sm-axes: "ROND" 100;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-md-axes: normal;--md-sys-typescale-emphasized-body-md: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-md-axes: "ROND" 100;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-body-lg-axes: normal;--md-sys-typescale-emphasized-body-lg: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-lg-axes: "ROND" 100;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-sm-axes: normal;--md-sys-typescale-emphasized-title-sm: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-sm-axes: "ROND" 100;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-md-axes: normal;--md-sys-typescale-emphasized-title-md: var(--md-ref-typeface-weight-bold) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-md-axes: "ROND" 100;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-title-lg-axes: normal;--md-sys-typescale-emphasized-title-lg: var(--md-ref-typeface-weight-medium) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-lg-axes: "ROND" 100;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-sm-axes: normal;--md-sys-typescale-emphasized-headline-sm: var(--md-ref-typeface-weight-medium) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-sm-axes: "ROND" 100;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-md-axes: normal;--md-sys-typescale-emphasized-headline-md: var(--md-ref-typeface-weight-medium) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-md-axes: "ROND" 100;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-headline-lg-axes: normal;--md-sys-typescale-emphasized-headline-lg: var(--md-ref-typeface-weight-medium) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-lg-axes: "ROND" 100;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-sm-axes: normal;--md-sys-typescale-emphasized-display-sm: var(--md-ref-typeface-weight-medium) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-sm-axes: "ROND" 100;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-md-axes: normal;--md-sys-typescale-emphasized-display-md: var(--md-ref-typeface-weight-medium) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-md-axes: "ROND" 100;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem;--md-sys-typescale-display-lg-axes: normal;--md-sys-typescale-emphasized-display-lg: var(--md-ref-typeface-weight-medium) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-lg-axes: "ROND" 100}}
|
|
30
33
|
`;
|
|
31
34
|
export default styles.styleSheet;
|
|
32
35
|
//# sourceMappingURL=m3.cssresult.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"m3.cssresult.js","sourceRoot":"","sources":["m3.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,oDAAoD;AACpD,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/gb/styles/m3.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n *//*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.color{:root{color-scheme:light dark;--md-sys-color-primary: light-dark(#6750a4, #d0bcff);--md-sys-color-on-primary: light-dark(#fff, #381e72);--md-sys-color-primary-container: light-dark(#eaddff, #4f378b);--md-sys-color-on-primary-container: light-dark(#4f378b, #eaddff);--md-sys-color-primary-fixed: #eaddff;--md-sys-color-primary-fixed-dim: #d0bcff;--md-sys-color-on-primary-fixed: #21005d;--md-sys-color-on-primary-fixed-variant: #4f378b;--md-sys-color-secondary: light-dark(#625b71, #ccc2dc);--md-sys-color-on-secondary: light-dark(#fff, #332d41);--md-sys-color-secondary-container: light-dark(#e8def8, #4a4458);--md-sys-color-on-secondary-container: light-dark(#4a4458, #e8def8);--md-sys-color-secondary-fixed: #e8def8;--md-sys-color-secondary-fixed-dim: #ccc2dc;--md-sys-color-on-secondary-fixed: #1d192b;--md-sys-color-on-secondary-fixed-variant: #4a4458;--md-sys-color-tertiary: light-dark(#7d5260, #efb8c8);--md-sys-color-on-tertiary: light-dark(#fff, #492532);--md-sys-color-tertiary-container: light-dark(#ffd8e4, #633b48);--md-sys-color-on-tertiary-container: light-dark(#633b48, #ffd8e4);--md-sys-color-tertiary-fixed: #ffd8e4;--md-sys-color-tertiary-fixed-dim: #efb8c8;--md-sys-color-on-tertiary-fixed: #31111d;--md-sys-color-on-tertiary-fixed-variant: #633b48;--md-sys-color-error: light-dark(#b3261e, #f2b8b5);--md-sys-color-on-error: light-dark(#fff, #601410);--md-sys-color-error-container: light-dark(#f9dedc, #8c1d18);--md-sys-color-on-error-container: light-dark(#8c1d18, #f9dedc);--md-sys-color-surface: light-dark(#fef7ff, #141218);--md-sys-color-surface-dim: light-dark(#ded8e1, #141218);--md-sys-color-surface-bright: light-dark(#fef7ff, #3b383e);--md-sys-color-surface-container-lowest: light-dark(#fff, #0f0d13);--md-sys-color-surface-container-low: light-dark(#f7f2fa, #1d1b20);--md-sys-color-surface-container: light-dark(#f3edf7, #211f26);--md-sys-color-surface-container-high: light-dark(#ece6f0, #2b2930);--md-sys-color-surface-container-highest: light-dark(#e6e0e9, #36343b);--md-sys-color-on-surface: light-dark(#1d1b20, #e6e0e9);--md-sys-color-on-surface-variant: light-dark(#49454f, #cac4d0);--md-sys-color-outline: light-dark(#79747e, #938f99);--md-sys-color-outline-variant: light-dark(#cac4d0, #49454f);--md-sys-color-inverse-surface: light-dark(#322f35, #e6e0e9);--md-sys-color-inverse-on-surface: light-dark(#f5eff7, #322f35);--md-sys-color-inverse-primary: light-dark(#d0bcff, #6750a4);--md-sys-color-scrim: #000;--md-sys-color-shadow: #000}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.elevation{:root{--md-sys-elevation-shadow-0: none;--md-sys-elevation-shadow-1: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 1px 3px 1px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-2: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 2px 6px 2px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-3: 0 1px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 4px 8px 3px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-4: 0 2px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 6px 10px 4px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-5: 0 4px 4px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 8px 12px 6px hsl(from var(--md-sys-color-shadow) h s l / 0.15)}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@property --md-icon-font{syntax:\"<string>#\";inherits:true;initial-value:\"Material Symbols\"}@property --md-icon-color{syntax:\"<color>\";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:\"<length-percentage>\";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:\"<number>\";inherits:true;initial-value:24}@property --md-icon-wght{syntax:\"<number>\";inherits:true;initial-value:400}@property --md-icon-fill{syntax:\"<number>\";inherits:true;initial-value:0}@property --md-icon-grad{syntax:\"<number>\";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon{display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:\"opsz\" var(--md-icon-opsz),\"wght\" var(--md-icon-wght),\"FILL\" var(--md-icon-fill),\"GRAD\" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.motion{:root{--md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.shape{:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-xs: 4px;--md-sys-shape-corner-sm: 8px;--md-sys-shape-corner-md: 12px;--md-sys-shape-corner-lg: 16px;--md-sys-shape-corner-lg-increased: 20px;--md-sys-shape-corner-xl: 28px;--md-sys-shape-corner-xl-increased: 32px;--md-sys-shape-corner-xxl: 48px;--md-sys-shape-corner-full: 50cqmin}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem / 1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem / 1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem / 1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem / 1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem / 2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem / 2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem / 2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem / 2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem / 3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem / 4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem}}\n`;\nexport default styles.styleSheet!;\n"]}
|
|
1
|
+
{"version":3,"file":"m3.cssresult.js","sourceRoot":"","sources":["m3.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,oDAAoD;AACpD,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/gb/styles/m3.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n *//*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.color{:root{color-scheme:light dark;--md-sys-color-primary: light-dark(#6750a4, #d0bcff);--md-sys-color-on-primary: light-dark(#fff, #381e72);--md-sys-color-primary-container: light-dark(#eaddff, #4f378b);--md-sys-color-on-primary-container: light-dark(#4f378b, #eaddff);--md-sys-color-primary-fixed: #eaddff;--md-sys-color-primary-fixed-dim: #d0bcff;--md-sys-color-on-primary-fixed: #21005d;--md-sys-color-on-primary-fixed-variant: #4f378b;--md-sys-color-secondary: light-dark(#625b71, #ccc2dc);--md-sys-color-on-secondary: light-dark(#fff, #332d41);--md-sys-color-secondary-container: light-dark(#e8def8, #4a4458);--md-sys-color-on-secondary-container: light-dark(#4a4458, #e8def8);--md-sys-color-secondary-fixed: #e8def8;--md-sys-color-secondary-fixed-dim: #ccc2dc;--md-sys-color-on-secondary-fixed: #1d192b;--md-sys-color-on-secondary-fixed-variant: #4a4458;--md-sys-color-tertiary: light-dark(#7d5260, #efb8c8);--md-sys-color-on-tertiary: light-dark(#fff, #492532);--md-sys-color-tertiary-container: light-dark(#ffd8e4, #633b48);--md-sys-color-on-tertiary-container: light-dark(#633b48, #ffd8e4);--md-sys-color-tertiary-fixed: #ffd8e4;--md-sys-color-tertiary-fixed-dim: #efb8c8;--md-sys-color-on-tertiary-fixed: #31111d;--md-sys-color-on-tertiary-fixed-variant: #633b48;--md-sys-color-error: light-dark(#b3261e, #f2b8b5);--md-sys-color-on-error: light-dark(#fff, #601410);--md-sys-color-error-container: light-dark(#f9dedc, #8c1d18);--md-sys-color-on-error-container: light-dark(#8c1d18, #f9dedc);--md-sys-color-surface: light-dark(#fef7ff, #141218);--md-sys-color-surface-dim: light-dark(#ded8e1, #141218);--md-sys-color-surface-bright: light-dark(#fef7ff, #3b383e);--md-sys-color-surface-container-lowest: light-dark(#fff, #0f0d13);--md-sys-color-surface-container-low: light-dark(#f7f2fa, #1d1b20);--md-sys-color-surface-container: light-dark(#f3edf7, #211f26);--md-sys-color-surface-container-high: light-dark(#ece6f0, #2b2930);--md-sys-color-surface-container-highest: light-dark(#e6e0e9, #36343b);--md-sys-color-on-surface: light-dark(#1d1b20, #e6e0e9);--md-sys-color-on-surface-variant: light-dark(#49454f, #cac4d0);--md-sys-color-outline: light-dark(#79747e, #938f99);--md-sys-color-outline-variant: light-dark(#cac4d0, #49454f);--md-sys-color-inverse-surface: light-dark(#322f35, #e6e0e9);--md-sys-color-inverse-on-surface: light-dark(#f5eff7, #322f35);--md-sys-color-inverse-primary: light-dark(#d0bcff, #6750a4);--md-sys-color-scrim: #000;--md-sys-color-shadow: #000}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.elevation{:root{--md-sys-elevation-shadow-0: none;--md-sys-elevation-shadow-1: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 1px 3px 1px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-2: 0 1px 2px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 2px 6px 2px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-3: 0 1px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 4px 8px 3px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-4: 0 2px 3px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 6px 10px 4px hsl(from var(--md-sys-color-shadow) h s l / 0.15);--md-sys-elevation-shadow-5: 0 4px 4px 0 hsl(from var(--md-sys-color-shadow) h s l / 0.3), 0 8px 12px 6px hsl(from var(--md-sys-color-shadow) h s l / 0.15)}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@property --md-icon-font{syntax:\"<string>#\";inherits:true;initial-value:\"Material Symbols\"}@property --md-icon-color{syntax:\"<color>\";inherits:true;initial-value:currentColor}@property --md-icon-size{syntax:\"<length-percentage>\";inherits:true;initial-value:24px}@property --md-icon-opsz{syntax:\"<number>\";inherits:true;initial-value:24}@property --md-icon-wght{syntax:\"<number>\";inherits:true;initial-value:400}@property --md-icon-fill{syntax:\"<number>\";inherits:true;initial-value:0}@property --md-icon-grad{syntax:\"<number>\";inherits:true;initial-value:0}@layer md.sys.icon{.md-icon,:host(.md-icon){display:inline-flex;place-items:center;place-content:center;overflow:hidden;color:var(--md-icon-color);fill:var(--md-icon-color);aspect-ratio:1;min-width:var(--md-icon-size);max-width:var(--md-icon-size);font-size:var(--md-icon-size);font-family:var(--md-icon-font);font-variation-settings:\"opsz\" var(--md-icon-opsz),\"wght\" var(--md-icon-wght),\"FILL\" var(--md-icon-fill),\"GRAD\" var(--md-icon-grad);-webkit-font-smoothing:antialiased}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.motion{:root{--md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: 100ms;--md-sys-motion-duration-short3: 150ms;--md-sys-motion-duration-short4: 200ms;--md-sys-motion-duration-medium1: 250ms;--md-sys-motion-duration-medium2: 300ms;--md-sys-motion-duration-medium3: 350ms;--md-sys-motion-duration-medium4: 400ms;--md-sys-motion-duration-long1: 450ms;--md-sys-motion-duration-long2: 500ms;--md-sys-motion-duration-long3: 550ms;--md-sys-motion-duration-long4: 600ms;--md-sys-motion-duration-extra-long1: 700ms;--md-sys-motion-duration-extra-long2: 800ms;--md-sys-motion-duration-extra-long3: 900ms;--md-sys-motion-duration-extra-long4: 1000ms}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.shape{:root{--md-sys-shape-corner-none: 0px;--md-sys-shape-corner-xs: 4px;--md-sys-shape-corner-sm: 8px;--md-sys-shape-corner-md: 12px;--md-sys-shape-corner-lg: 16px;--md-sys-shape-corner-lg-increased: 20px;--md-sys-shape-corner-xl: 28px;--md-sys-shape-corner-xl-increased: 32px;--md-sys-shape-corner-xxl: 48px;--md-sys-shape-corner-full: 50cqmin}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.typescale{:root{--md-ref-typeface-brand: var(--md-ref-typeface-plain);--md-ref-typeface-plain: Roboto Flex, Roboto, Noto Sans, system-ui, sans-serif;--md-ref-typeface-weight-regular: 400;--md-ref-typeface-weight-medium: 500;--md-ref-typeface-weight-bold: 700;--md-sys-typescale-label-sm: var(--md-ref-typeface-weight-medium) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-sm-tracking: 0.03125rem;--md-sys-typescale-label-sm-axes: normal;--md-sys-typescale-emphasized-label-sm: var(--md-ref-typeface-weight-bold) 0.6875rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-sm-axes: \"ROND\" 100;--md-sys-typescale-label-md: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-label-md-tracking: 0.03125rem;--md-sys-typescale-label-md-axes: normal;--md-sys-typescale-emphasized-label-md: var(--md-ref-typeface-weight-bold) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-md-axes: \"ROND\" 100;--md-sys-typescale-label-lg: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-label-lg-tracking: 0.00625rem;--md-sys-typescale-label-lg-axes: normal;--md-sys-typescale-emphasized-label-lg: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-label-lg-axes: \"ROND\" 100;--md-sys-typescale-body-sm: var(--md-ref-typeface-weight-regular) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-body-sm-tracking: 0.025rem;--md-sys-typescale-body-sm-axes: normal;--md-sys-typescale-emphasized-body-sm: var(--md-ref-typeface-weight-medium) 0.75rem/1rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-sm-axes: \"ROND\" 100;--md-sys-typescale-body-md: var(--md-ref-typeface-weight-regular) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-body-md-tracking: 0.015625rem;--md-sys-typescale-body-md-axes: normal;--md-sys-typescale-emphasized-body-md: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-md-axes: \"ROND\" 100;--md-sys-typescale-body-lg: var(--md-ref-typeface-weight-regular) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-body-lg-tracking: 0.03125rem;--md-sys-typescale-body-lg-axes: normal;--md-sys-typescale-emphasized-body-lg: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-body-lg-axes: \"ROND\" 100;--md-sys-typescale-title-sm: var(--md-ref-typeface-weight-medium) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-title-sm-tracking: 0.00625rem;--md-sys-typescale-title-sm-axes: normal;--md-sys-typescale-emphasized-title-sm: var(--md-ref-typeface-weight-bold) 0.875rem/1.25rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-sm-axes: \"ROND\" 100;--md-sys-typescale-title-md: var(--md-ref-typeface-weight-medium) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-title-md-tracking: 0.009375rem;--md-sys-typescale-title-md-axes: normal;--md-sys-typescale-emphasized-title-md: var(--md-ref-typeface-weight-bold) 1rem/1.5rem var(--md-ref-typeface-plain);--md-sys-typescale-emphasized-title-md-axes: \"ROND\" 100;--md-sys-typescale-title-lg: var(--md-ref-typeface-weight-regular) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-title-lg-tracking: 0rem;--md-sys-typescale-title-lg-axes: normal;--md-sys-typescale-emphasized-title-lg: var(--md-ref-typeface-weight-medium) 1.375rem/1.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-title-lg-axes: \"ROND\" 100;--md-sys-typescale-headline-sm: var(--md-ref-typeface-weight-regular) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-sm-tracking: 0rem;--md-sys-typescale-headline-sm-axes: normal;--md-sys-typescale-emphasized-headline-sm: var(--md-ref-typeface-weight-medium) 1.5rem/2rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-sm-axes: \"ROND\" 100;--md-sys-typescale-headline-md: var(--md-ref-typeface-weight-regular) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-md-tracking: 0rem;--md-sys-typescale-headline-md-axes: normal;--md-sys-typescale-emphasized-headline-md: var(--md-ref-typeface-weight-medium) 1.75rem/2.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-md-axes: \"ROND\" 100;--md-sys-typescale-headline-lg: var(--md-ref-typeface-weight-regular) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-headline-lg-tracking: 0rem;--md-sys-typescale-headline-lg-axes: normal;--md-sys-typescale-emphasized-headline-lg: var(--md-ref-typeface-weight-medium) 2rem/2.5rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-headline-lg-axes: \"ROND\" 100;--md-sys-typescale-display-sm: var(--md-ref-typeface-weight-regular) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-display-sm-tracking: 0rem;--md-sys-typescale-display-sm-axes: normal;--md-sys-typescale-emphasized-display-sm: var(--md-ref-typeface-weight-medium) 2.25rem/2.75rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-sm-axes: \"ROND\" 100;--md-sys-typescale-display-md: var(--md-ref-typeface-weight-regular) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-display-md-tracking: 0rem;--md-sys-typescale-display-md-axes: normal;--md-sys-typescale-emphasized-display-md: var(--md-ref-typeface-weight-medium) 2.8125rem/3.25rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-md-axes: \"ROND\" 100;--md-sys-typescale-display-lg: var(--md-ref-typeface-weight-regular) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-display-lg-tracking: -0.015625rem;--md-sys-typescale-display-lg-axes: normal;--md-sys-typescale-emphasized-display-lg: var(--md-ref-typeface-weight-medium) 3.5625rem/4rem var(--md-ref-typeface-brand);--md-sys-typescale-emphasized-display-lg-axes: \"ROND\" 100}}\n`;\nexport default styles.styleSheet!;\n"]}
|
package/labs/gb/styles/m3.scss
CHANGED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright 2026 Google LLC
|
|
3
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/@layer md.sys.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}/*# sourceMappingURL=md-space-tokens.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["md-space-tokens.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA,GAKA,oBACE,MACE,yBACA,qDACA,yDACA,wDACA,yDACA,6CACA,0DACA,yDACA,0DACA,uDACA,yDACA,uDACA,uDACA,yDACA,uDACA,uDACA,uDACA,uDACA","file":"md-space-tokens.css"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2026 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
// Generated stylesheet for ./labs/gb/styles/space/md-space-tokens.css.
|
|
7
|
+
import { css } from 'lit';
|
|
8
|
+
export const styles = css `/*!
|
|
9
|
+
* Copyright 2026 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
11
|
+
*/@layer md.sys.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}
|
|
12
|
+
`;
|
|
13
|
+
export default styles.styleSheet;
|
|
14
|
+
//# sourceMappingURL=md-space-tokens.cssresult.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"md-space-tokens.cssresult.js","sourceRoot":"","sources":["md-space-tokens.cssresult.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,uEAAuE;AACvE,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AACF,eAAe,MAAM,CAAC,UAAW,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n// Generated stylesheet for ./labs/gb/styles/space/md-space-tokens.css.\nimport {css} from 'lit';\nexport const styles = css`/*!\n * Copyright 2026 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */@layer md.sys.space{:root{--md-sys-space-unit: 8px;--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);--md-sys-space-100: var(--md-sys-space-unit);--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);--md-sys-space-900: calc(var(--md-sys-space-unit) * 9)}}\n`;\nexport default styles.styleSheet!;\n"]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright 2026 Google LLC
|
|
3
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
@layer md.sys.space {
|
|
7
|
+
:root {
|
|
8
|
+
--md-sys-space-unit: 8px;
|
|
9
|
+
--md-sys-space-0: calc(var(--md-sys-space-unit) * 0);
|
|
10
|
+
--md-sys-space-25: calc(var(--md-sys-space-unit) * 0.25);
|
|
11
|
+
--md-sys-space-50: calc(var(--md-sys-space-unit) * 0.5);
|
|
12
|
+
--md-sys-space-75: calc(var(--md-sys-space-unit) * 0.75);
|
|
13
|
+
--md-sys-space-100: var(--md-sys-space-unit);
|
|
14
|
+
--md-sys-space-125: calc(var(--md-sys-space-unit) * 1.25);
|
|
15
|
+
--md-sys-space-150: calc(var(--md-sys-space-unit) * 1.5);
|
|
16
|
+
--md-sys-space-175: calc(var(--md-sys-space-unit) * 1.75);
|
|
17
|
+
--md-sys-space-200: calc(var(--md-sys-space-unit) * 2);
|
|
18
|
+
--md-sys-space-250: calc(var(--md-sys-space-unit) * 2.5);
|
|
19
|
+
--md-sys-space-300: calc(var(--md-sys-space-unit) * 3);
|
|
20
|
+
--md-sys-space-400: calc(var(--md-sys-space-unit) * 4);
|
|
21
|
+
--md-sys-space-450: calc(var(--md-sys-space-unit) * 4.5);
|
|
22
|
+
--md-sys-space-500: calc(var(--md-sys-space-unit) * 5);
|
|
23
|
+
--md-sys-space-600: calc(var(--md-sys-space-unit) * 6);
|
|
24
|
+
--md-sys-space-700: calc(var(--md-sys-space-unit) * 7);
|
|
25
|
+
--md-sys-space-800: calc(var(--md-sys-space-unit) * 8);
|
|
26
|
+
--md-sys-space-900: calc(var(--md-sys-space-unit) * 9);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright 2026 Google LLC
|
|
3
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/@layer theme, base, md, components, utilities;@theme{--spacing: calc(var(--md-sys-space-unit) / 2)}@theme inline{--color-*:initial;--color-primary: var(--md-sys-color-primary);--color-on-primary: var(--md-sys-color-on-primary);--color-primary-container: var(--md-sys-color-primary-container);--color-on-primary-container: var(--md-sys-color-on-primary-container);--color-primary-fixed: var(--md-sys-color-primary-fixed);--color-primary-fixed-dim: var(--md-sys-color-primary-fixed-dim);--color-on-primary-fixed: var(--md-sys-color-on-primary-fixed);--color-on-primary-fixed-variant: var( --md-sys-color-on-primary-fixed-variant );--color-secondary: var(--md-sys-color-secondary);--color-on-secondary: var(--md-sys-color-on-secondary);--color-secondary-container: var(--md-sys-color-secondary-container);--color-on-secondary-container: var(--md-sys-color-on-secondary-container);--color-secondary-fixed: var(--md-sys-color-secondary-fixed);--color-secondary-fixed-dim: var(--md-sys-color-secondary-fixed-dim);--color-on-secondary-fixed: var(--md-sys-color-on-secondary-fixed);--color-on-secondary-fixed-variant: var( --md-sys-color-on-secondary-fixed-variant );--color-tertiary: var(--md-sys-color-tertiary);--color-on-tertiary: var(--md-sys-color-on-tertiary);--color-tertiary-container: var(--md-sys-color-tertiary-container);--color-on-tertiary-container: var(--md-sys-color-on-tertiary-container);--color-tertiary-fixed: var(--md-sys-color-tertiary-fixed);--color-tertiary-fixed-dim: var(--md-sys-color-tertiary-fixed-dim);--color-on-tertiary-fixed: var(--md-sys-color-on-tertiary-fixed);--color-on-tertiary-fixed-variant: var( --md-sys-color-on-tertiary-fixed-variant );--color-error: var(--md-sys-color-error);--color-on-error: var(--md-sys-color-on-error);--color-error-container: var(--md-sys-color-error-container);--color-on-error-container: var(--md-sys-color-on-error-container);--color-surface: var(--md-sys-color-surface);--color-surface-dim: var(--md-sys-color-surface-dim);--color-surface-bright: var(--md-sys-color-surface-bright);--color-surface-container-lowest: var( --md-sys-color-surface-container-lowest );--color-surface-container-low: var(--md-sys-color-surface-container-low);--color-surface-container: var(--md-sys-color-surface-container);--color-surface-container-high: var(--md-sys-color-surface-container-high);--color-surface-container-highest: var( --md-sys-color-surface-container-highest );--color-on-surface: var(--md-sys-color-on-surface);--color-on-surface-variant: var(--md-sys-color-on-surface-variant);--color-outline: var(--md-sys-color-outline);--color-outline-variant: var(--md-sys-color-outline-variant);--color-inverse-surface: var(--md-sys-color-inverse-surface);--color-inverse-on-surface: var(--md-sys-color-inverse-on-surface);--color-inverse-primary: var(--md-sys-color-inverse-primary);--color-scrim: var(--md-sys-color-scrim);--color-shadow: var(--md-sys-color-shadow);--font-*:initial;--font-brand: var(--md-ref-typeface-brand);--font-plain: var(--md-ref-typeface-plain);--font-weight-normal: var(--md-ref-typeface-weight-regular);--font-weight-medium: var(--md-ref-typeface-weight-medium);--font-weight-bold: var(--md-ref-typeface-weight-bold);--text-*:initial;--tracking-*:initial;--leading-*:initial;--typescale-label-sm: var(--md-sys-typescale-label-sm);--typescale-label-sm-tracking: var(--md-sys-typescale-label-sm-tracking);--typescale-label-sm-axes: var(--md-sys-typescale-label-sm-axes);--typescale-label-md: var(--md-sys-typescale-label-md);--typescale-label-md-tracking: var(--md-sys-typescale-label-md-tracking);--typescale-label-md-axes: var(--md-sys-typescale-label-md-axes);--typescale-label-lg: var(--md-sys-typescale-label-lg);--typescale-label-lg-tracking: var(--md-sys-typescale-label-lg-tracking);--typescale-label-lg-axes: var(--md-sys-typescale-label-lg-axes);--typescale-body-sm: var(--md-sys-typescale-body-sm);--typescale-body-sm-tracking: var(--md-sys-typescale-body-sm-tracking);--typescale-body-sm-axes: var(--md-sys-typescale-body-sm-axes);--typescale-body-md: var(--md-sys-typescale-body-md);--typescale-body-md-tracking: var(--md-sys-typescale-body-md-tracking);--typescale-body-md-axes: var(--md-sys-typescale-body-md-axes);--typescale-body-lg: var(--md-sys-typescale-body-lg);--typescale-body-lg-tracking: var(--md-sys-typescale-body-lg-tracking);--typescale-body-lg-axes: var(--md-sys-typescale-body-lg-axes);--typescale-title-sm: var(--md-sys-typescale-title-sm);--typescale-title-sm-tracking: var(--md-sys-typescale-title-sm-tracking);--typescale-title-sm-axes: var(--md-sys-typescale-title-sm-axes);--typescale-title-md: var(--md-sys-typescale-title-md);--typescale-title-md-tracking: var(--md-sys-typescale-title-md-tracking);--typescale-title-md-axes: var(--md-sys-typescale-title-md-axes);--typescale-title-lg: var(--md-sys-typescale-title-lg);--typescale-title-lg-tracking: var(--md-sys-typescale-title-lg-tracking);--typescale-title-lg-axes: var(--md-sys-typescale-title-lg-axes);--typescale-headline-sm: var(--md-sys-typescale-headline-sm);--typescale-headline-sm-tracking: var( --md-sys-typescale-headline-sm-tracking );--typescale-headline-sm-axes: var(--md-sys-typescale-headline-sm-axes);--typescale-headline-md: var(--md-sys-typescale-headline-md);--typescale-headline-md-tracking: var( --md-sys-typescale-headline-md-tracking );--typescale-headline-md-axes: var(--md-sys-typescale-headline-md-axes);--typescale-headline-lg: var(--md-sys-typescale-headline-lg);--typescale-headline-lg-tracking: var( --md-sys-typescale-headline-lg-tracking );--typescale-headline-lg-axes: var(--md-sys-typescale-headline-lg-axes);--typescale-display-sm: var(--md-sys-typescale-display-sm);--typescale-display-sm-tracking: var(--md-sys-typescale-display-sm-tracking);--typescale-display-sm-axes: var(--md-sys-typescale-display-sm-axes);--typescale-display-md: var(--md-sys-typescale-display-md);--typescale-display-md-tracking: var(--md-sys-typescale-display-md-tracking);--typescale-display-md-axes: var(--md-sys-typescale-display-md-axes);--typescale-display-lg: var(--md-sys-typescale-display-lg);--typescale-display-lg-tracking: var(--md-sys-typescale-display-lg-tracking);--typescale-display-lg-axes: var(--md-sys-typescale-display-lg-axes);--typescale-emphasized-label-sm: var(--md-sys-typescale-emphasized-label-sm);--typescale-emphasized-label-sm-axes: var( --md-sys-typescale-emphasized-label-sm-axes );--typescale-emphasized-label-md: var(--md-sys-typescale-emphasized-label-md);--typescale-emphasized-label-md-axes: var( --md-sys-typescale-emphasized-label-md-axes );--typescale-emphasized-label-lg: var(--md-sys-typescale-emphasized-label-lg);--typescale-emphasized-label-lg-axes: var( --md-sys-typescale-emphasized-label-lg-axes );--typescale-emphasized-body-sm: var(--md-sys-typescale-emphasized-body-sm);--typescale-emphasized-body-sm-axes: var( --md-sys-typescale-emphasized-body-sm-axes );--typescale-emphasized-body-md: var(--md-sys-typescale-emphasized-body-md);--typescale-emphasized-body-md-axes: var( --md-sys-typescale-emphasized-body-md-axes );--typescale-emphasized-body-lg: var(--md-sys-typescale-emphasized-body-lg);--typescale-emphasized-body-lg-axes: var( --md-sys-typescale-emphasized-body-lg-axes );--typescale-emphasized-title-sm: var(--md-sys-typescale-emphasized-title-sm);--typescale-emphasized-title-sm-axes: var( --md-sys-typescale-emphasized-title-sm-axes );--typescale-emphasized-title-md: var(--md-sys-typescale-emphasized-title-md);--typescale-emphasized-title-md-axes: var( --md-sys-typescale-emphasized-title-md-axes );--typescale-emphasized-title-lg: var(--md-sys-typescale-emphasized-title-lg);--typescale-emphasized-title-lg-axes: var( --md-sys-typescale-emphasized-title-lg-axes );--typescale-emphasized-headline-sm: var( --md-sys-typescale-emphasized-headline-sm );--typescale-emphasized-headline-sm-axes: var( --md-sys-typescale-emphasized-headline-sm-axes );--typescale-emphasized-headline-md: var( --md-sys-typescale-emphasized-headline-md );--typescale-emphasized-headline-md-axes: var( --md-sys-typescale-emphasized-headline-md-axes );--typescale-emphasized-headline-lg: var( --md-sys-typescale-emphasized-headline-lg );--typescale-emphasized-headline-lg-axes: var( --md-sys-typescale-emphasized-headline-lg-axes );--typescale-emphasized-display-sm: var( --md-sys-typescale-emphasized-display-sm );--typescale-emphasized-display-sm-axes: var( --md-sys-typescale-emphasized-display-sm-axes );--typescale-emphasized-display-md: var( --md-sys-typescale-emphasized-display-md );--typescale-emphasized-display-md-axes: var( --md-sys-typescale-emphasized-display-md-axes );--typescale-emphasized-display-lg: var( --md-sys-typescale-emphasized-display-lg );--typescale-emphasized-display-lg-axes: var( --md-sys-typescale-emphasized-display-lg-axes );--radius-xs: var(--md-sys-shape-corner-xs);--radius-sm: var(--md-sys-shape-corner-sm);--radius-md: var(--md-sys-shape-corner-md);--radius-lg: var(--md-sys-shape-corner-lg);--radius-xl: var(--md-sys-shape-corner-lg-increased);--radius-2xl: var(--md-sys-shape-corner-xl);--radius-3xl: var(--md-sys-shape-corner-xl-increased);--radius-4xl: var(--md-sys-shape-corner-xxl);--shadow-2xs: initial;--shadow-xs: var(--md-sys-elevation-shadow-1);--shadow-sm: var(--md-sys-elevation-shadow-2);--shadow-md: var(--md-sys-elevation-shadow-3);--shadow-lg: var(--md-sys-elevation-shadow-4);--shadow-xl: var(--md-sys-elevation-shadow-5);--shadow-2xl: initial;--spacing-s0: var(--md-sys-space-0);--spacing-s25: var(--md-sys-space-25);--spacing-s50: var(--md-sys-space-50);--spacing-s75: var(--md-sys-space-75);--spacing-s100: var(--md-sys-space-100);--spacing-s125: var(--md-sys-space-125);--spacing-s150: var(--md-sys-space-150);--spacing-s175: var(--md-sys-space-175);--spacing-s200: var(--md-sys-space-200);--spacing-s250: var(--md-sys-space-250);--spacing-s300: var(--md-sys-space-300);--spacing-s400: var(--md-sys-space-400);--spacing-s450: var(--md-sys-space-450);--spacing-s500: var(--md-sys-space-500);--spacing-s600: var(--md-sys-space-600);--spacing-s700: var(--md-sys-space-700);--spacing-s800: var(--md-sys-space-800);--spacing-s900: var(--md-sys-space-900);--breakpoint-sm: 600px;--breakpoint-md: 840px;--breakpoint-lg: 1200px;--breakpoint-xl: 1600px;--breakpoint-2xl: initial}@utility typescale-*{font:--value(--typescale-*);letter-spacing:--value(--typescale-*-tracking);font-variation-settings:--value(--typescale-*-axes)}@utility typescale-emphasized-*{font:--value(--typescale-emphasized-*);letter-spacing:--value(--typescale-*-tracking);font-variation-settings:--value(--typescale-emphasized-*-axes)}@utility p-*{padding:--value(--spacing-*)}@utility px-*{padding-inline:--value(--spacing-*)}@utility py-*{padding-block:--value(--spacing-*)}@utility pl-*{padding-inline-start:--value(--spacing-*)}@utility ps-*{padding-inline-start:--value(--spacing-*)}@utility pe-*{padding-inline-end:--value(--spacing-*)}@utility pr-*{padding-inline-end:--value(--spacing-*)}@utility pt-*{padding-block-start:--value(--spacing-*)}@utility pbs-*{padding-block-start:--value(--spacing-*)}@utility pb-*{padding-block-end:--value(--spacing-*)}@utility pbe-*{padding-block-end:--value(--spacing-*)}@utility m-*{margin:--value(--spacing-*)}@utility mx-*{margin-inline:--value(--spacing-*)}@utility my-*{margin-block:--value(--spacing-*)}@utility ml-*{margin-inline-start:--value(--spacing-*)}@utility ms-*{margin-inline-start:--value(--spacing-*)}@utility me-*{margin-inline-end:--value(--spacing-*)}@utility mr-*{margin-inline-end:--value(--spacing-*)}@utility mt-*{margin-block-start:--value(--spacing-*)}@utility mbs-*{margin-block-start:--value(--spacing-*)}@utility mb-*{margin-block-end:--value(--spacing-*)}@utility mbe-*{margin-block-end:--value(--spacing-*)}@utility gap-*{gap:--value(--spacing-*)}@utility gap-x-*{column-gap:--value(--spacing-*)}@utility gap-y-*{row-gap:--value(--spacing-*)}@utility list-item{display:flex}/*# sourceMappingURL=tailwind.css.map */
|