@universal-material/web 3.0.17 → 3.0.19
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/card/card.styles.d.ts.map +1 -1
- package/card/card.styles.js +1 -0
- package/card/card.styles.js.map +1 -1
- package/container/grid-base.d.ts +1 -0
- package/container/grid-base.d.ts.map +1 -1
- package/container/grid-base.js +7 -0
- package/container/grid-base.js.map +1 -1
- package/container/grid-base.styles.d.ts.map +1 -1
- package/container/grid-base.styles.js +4 -1
- package/container/grid-base.styles.js.map +1 -1
- package/custom-elements.json +1292 -438
- package/package.json +4 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../src/card/card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../src/card/card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8BlB,CAAC"}
|
package/card/card.styles.js
CHANGED
package/card/card.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../src/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC
|
|
1
|
+
{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../src/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host(:not(:first-child)) {\n margin-top: 8px;\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-color-surface-container-low, rgb(247, 242, 250));\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`;\n"]}
|
package/container/grid-base.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-base.d.ts","sourceRoot":"","sources":["../../src/container/grid-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAEpF,8BAAsB,QAAS,SAAQ,UAAU;IAEpB,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC;IACX,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,YAAY,EAAE,cAAc,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,cAAc,GAAG,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"grid-base.d.ts","sourceRoot":"","sources":["../../src/container/grid-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAEpF,8BAAsB,QAAS,SAAQ,UAAU;IAEpB,MAAM,EAAE,cAAc,GAAG,SAAS,CAAC;IACX,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,YAAY,EAAE,cAAc,GAAG,SAAS,CAAC;IACzC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,cAAc,GAAG,SAAS,CAAC;IAC7B,SAAS,UAAS;CACtF"}
|
package/container/grid-base.js
CHANGED
|
@@ -7,6 +7,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
import { LitElement } from 'lit';
|
|
8
8
|
import { property } from 'lit/decorators.js';
|
|
9
9
|
export class GridBase extends LitElement {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
this.fullWidth = false;
|
|
13
|
+
}
|
|
10
14
|
}
|
|
11
15
|
__decorate([
|
|
12
16
|
property({ reflect: true })
|
|
@@ -23,4 +27,7 @@ __decorate([
|
|
|
23
27
|
__decorate([
|
|
24
28
|
property({ attribute: 'margin-xl', reflect: true })
|
|
25
29
|
], GridBase.prototype, "marginExtraLarge", void 0);
|
|
30
|
+
__decorate([
|
|
31
|
+
property({ attribute: 'full-width', reflect: true, type: Boolean })
|
|
32
|
+
], GridBase.prototype, "fullWidth", void 0);
|
|
26
33
|
//# sourceMappingURL=grid-base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-base.js","sourceRoot":"","sources":["../../src/container/grid-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,MAAM,OAAgB,QAAS,SAAQ,UAAU;
|
|
1
|
+
{"version":3,"file":"grid-base.js","sourceRoot":"","sources":["../../src/container/grid-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,MAAM,OAAgB,QAAS,SAAQ,UAAU;IAAjD;;QAOqE,cAAS,GAAG,KAAK,CAAC;IACvF,CAAC;CAAA;AAN4B;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;wCAAoC;AACX;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAAyC;AACxC;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;8CAA0C;AACzC;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;6CAAyC;AACxC;IAAlD,QAAQ,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;kDAA8C;AAC7B;IAAlE,QAAQ,CAAC,EAAC,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC;2CAAmB","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nexport type UmSpacingSizes = 'none' | 'small' | 'medium ' | 'large' | 'extra-large';\n\nexport abstract class GridBase extends LitElement {\n\n @property({reflect: true}) margin: UmSpacingSizes | undefined;\n @property({attribute: 'margin-sm', reflect: true}) marginSmall: UmSpacingSizes | undefined;\n @property({attribute: 'margin-md', reflect: true}) marginMedium: UmSpacingSizes | undefined;\n @property({attribute: 'margin-lg', reflect: true}) marginLarge: UmSpacingSizes | undefined;\n @property({attribute: 'margin-xl', reflect: true}) marginExtraLarge: UmSpacingSizes | undefined;\n @property({attribute: 'full-width', reflect: true, type: Boolean}) fullWidth = false;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-base.styles.d.ts","sourceRoot":"","sources":["../../src/container/grid-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"grid-base.styles.d.ts","sourceRoot":"","sources":["../../src/container/grid-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA+GlB,CAAC"}
|
|
@@ -99,7 +99,6 @@ export const styles = css `
|
|
|
99
99
|
}
|
|
100
100
|
:host {
|
|
101
101
|
width: 100%;
|
|
102
|
-
max-width: var(--u-container-max-width, 992px);
|
|
103
102
|
margin-inline: auto;
|
|
104
103
|
padding: var(--u-grid-margin, var(--_grid-margin));
|
|
105
104
|
}
|
|
@@ -107,5 +106,9 @@ export const styles = css `
|
|
|
107
106
|
content: "";
|
|
108
107
|
display: block;
|
|
109
108
|
}
|
|
109
|
+
|
|
110
|
+
:host(:not([full-width])) {
|
|
111
|
+
max-width: var(--u-container-max-width, 992px);
|
|
112
|
+
}
|
|
110
113
|
`;
|
|
111
114
|
//# sourceMappingURL=grid-base.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid-base.styles.js","sourceRoot":"","sources":["../../src/container/grid-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC
|
|
1
|
+
{"version":3,"file":"grid-base.styles.js","sourceRoot":"","sources":["../../src/container/grid-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_grid-spacing-sm: var(--u-spacing-sm, 8px);\n --_grid-spacing-md: var(--u-spacing-md, 16px);\n --_grid-spacing-lg: var(--u-spacing-lg, 24px);\n --_grid-spacing-xl: var(--u-spacing-xl, 40px);\n --_grid-spacing-default: var(--u-grid-spacing-default, var(--_grid-spacing-md));\n --_grid-margin: var(--u-grid-margin-default, var(--_grid-spacing-default));\n }\n\n :host([margin=none]) {\n --_grid-margin: 0;\n }\n\n :host([margin=small]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));\n }\n\n :host([margin=medium]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));\n }\n\n :host([margin=large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));\n }\n\n :host([margin=extra-large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));\n }\n\n @media (min-width: 600px) {\n :host([margin-sm=none]) {\n --_grid-margin: 0;\n }\n :host([margin-sm=small]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));\n }\n :host([margin-sm=medium]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));\n }\n :host([margin-sm=large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));\n }\n :host([margin-sm=extra-large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));\n }\n }\n @media (min-width: 840px) {\n :host([margin-md=none]) {\n --_grid-margin: 0;\n }\n :host([margin-md=small]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));\n }\n :host([margin-md=medium]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));\n }\n :host([margin-md=large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));\n }\n :host([margin-md=extra-large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));\n }\n }\n @media (min-width: 1200px) {\n :host([margin-lg=none]) {\n --_grid-margin: 0;\n }\n :host([margin-lg=small]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));\n }\n :host([margin-lg=medium]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));\n }\n :host([margin-lg=large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));\n }\n :host([margin-lg=extra-large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));\n }\n }\n @media (min-width: 1600px) {\n :host([margin-xl=none]) {\n --_grid-margin: 0;\n }\n :host([margin-xl=small]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-sm));\n }\n :host([margin-xl=medium]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-md));\n }\n :host([margin-xl=large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-lg));\n }\n :host([margin-xl=extra-large]) {\n --_grid-margin: var(--u-grid-margin, var(--_grid-spacing-xl));\n }\n }\n :host {\n width: 100%;\n margin-inline: auto;\n padding: var(--u-grid-margin, var(--_grid-margin));\n }\n :host:host::after {\n content: \"\";\n display: block;\n }\n\n :host(:not([full-width])) {\n max-width: var(--u-container-max-width, 992px);\n }\n`;\n"]}
|