@universal-material/web 3.0.28 → 3.0.29
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/app-bar/top-app-bar.styles.js +1 -1
- package/app-bar/top-app-bar.styles.js.map +1 -1
- package/button/button.js +1 -1
- package/button/button.js.map +1 -1
- package/button/button.styles.d.ts.map +1 -1
- package/button/button.styles.js +10 -5
- package/button/button.styles.js.map +1 -1
- package/button/icon-button.styles.d.ts.map +1 -1
- package/button/icon-button.styles.js +10 -3
- package/button/icon-button.styles.js.map +1 -1
- package/card/card.styles.d.ts.map +1 -1
- package/card/card.styles.js +0 -4
- package/card/card.styles.js.map +1 -1
- package/checkbox/checkbox-list-item.d.ts +11 -0
- package/checkbox/checkbox-list-item.d.ts.map +1 -0
- package/checkbox/checkbox-list-item.js +16 -0
- package/checkbox/checkbox-list-item.js.map +1 -0
- package/checkbox/checkbox.d.ts +13 -8
- package/checkbox/checkbox.d.ts.map +1 -1
- package/checkbox/checkbox.js +51 -52
- package/checkbox/checkbox.js.map +1 -1
- package/{container/container.styles.d.ts → checkbox/checkbox.styles.d.ts} +1 -1
- package/checkbox/checkbox.styles.d.ts.map +1 -0
- package/checkbox/checkbox.styles.js +126 -0
- package/checkbox/checkbox.styles.js.map +1 -0
- package/config.d.ts +3 -0
- package/config.d.ts.map +1 -1
- package/config.js +3 -0
- package/config.js.map +1 -1
- package/css/universal-material.css +3343 -327
- package/css/universal-material.min.css +2 -2
- package/custom-elements.json +3988 -2145
- package/field/field.d.ts +57 -0
- package/field/field.d.ts.map +1 -0
- package/field/field.js +167 -0
- package/field/field.js.map +1 -0
- package/{divider/divider.styles.d.ts → field/field.styles.d.ts} +1 -1
- package/field/field.styles.d.ts.map +1 -0
- package/field/field.styles.js +289 -0
- package/field/field.styles.js.map +1 -0
- package/index.d.ts +35 -26
- package/index.d.ts.map +1 -1
- package/index.js +35 -26
- package/index.js.map +1 -1
- package/list/list-item.d.ts +13 -0
- package/list/list-item.d.ts.map +1 -0
- package/list/list-item.js +33 -0
- package/list/list-item.js.map +1 -0
- package/{container/grid-base.styles.d.ts → list/list-item.styles.d.ts} +1 -1
- package/list/list-item.styles.d.ts.map +1 -0
- package/list/list-item.styles.js +22 -0
- package/list/list-item.styles.js.map +1 -0
- package/list/list.d.ts +11 -0
- package/list/list.d.ts.map +1 -0
- package/{container/container.js → list/list.js} +9 -16
- package/list/list.js.map +1 -0
- package/{container/grid.styles.d.ts → list/list.styles.d.ts} +1 -1
- package/list/list.styles.d.ts.map +1 -0
- package/list/list.styles.js +7 -0
- package/list/list.styles.js.map +1 -0
- package/menu/menu-item.d.ts +2 -0
- package/menu/menu-item.d.ts.map +1 -1
- package/menu/menu-item.js +6 -1
- package/menu/menu-item.js.map +1 -1
- package/menu/menu.d.ts.map +1 -1
- package/menu/menu.js +8 -4
- package/menu/menu.js.map +1 -1
- package/navigation/drawer-item.d.ts +1 -0
- package/navigation/drawer-item.d.ts.map +1 -1
- package/navigation/drawer-item.js +5 -1
- package/navigation/drawer-item.js.map +1 -1
- package/navigation/drawer-item.styles.d.ts.map +1 -1
- package/navigation/drawer-item.styles.js +3 -0
- package/navigation/drawer-item.styles.js.map +1 -1
- package/navigation/drawer.styles.js +1 -1
- package/navigation/drawer.styles.js.map +1 -1
- package/package.json +3 -3
- package/radio/radio-list-item.d.ts +11 -0
- package/radio/radio-list-item.d.ts.map +1 -0
- package/radio/radio-list-item.js +16 -0
- package/radio/radio-list-item.js.map +1 -0
- package/radio/radio.d.ts +24 -0
- package/radio/radio.d.ts.map +1 -0
- package/radio/radio.js +136 -0
- package/radio/radio.js.map +1 -0
- package/radio/radio.styles.d.ts +2 -0
- package/radio/radio.styles.d.ts.map +1 -0
- package/radio/radio.styles.js +97 -0
- package/radio/radio.styles.js.map +1 -0
- package/ripple/ripple.styles.js +1 -1
- package/ripple/ripple.styles.js.map +1 -1
- package/scss/_colors.scss +2 -0
- package/scss/_css-vars.scss +26 -12
- package/scss/_functions.scss +4 -0
- package/scss/_global.scss +23 -0
- package/scss/_layout.scss +5 -0
- package/scss/_reboot.scss +495 -0
- package/scss/_utilities.scss +3 -0
- package/scss/_variables.scss +32 -4
- package/scss/{text-bg → colors}/_text.scss +1 -22
- package/scss/layout/_container.scss +13 -0
- package/scss/layout/_grid.scss +6 -0
- package/scss/layout/_margin-and-gutters.scss +37 -0
- package/scss/mixins/_breakpoints.scss +51 -1
- package/scss/mixins/_text-bg.scss +4 -6
- package/scss/mixins/_typo.scss +18 -0
- package/scss/table/_table.scss +47 -0
- package/scss/universal-material.scss +11 -4
- package/scss/utilities/_divider.scss +13 -0
- package/scss/utilities/_spacing.scss +23 -0
- package/scss/utilities/_text.scss +21 -0
- package/shared/base.styles.js +5 -5
- package/shared/base.styles.js.map +1 -1
- package/shared/button-wrapper.d.ts +2 -1
- package/shared/button-wrapper.d.ts.map +1 -1
- package/shared/button-wrapper.js +8 -2
- package/shared/button-wrapper.js.map +1 -1
- package/shared/button-wrapper.styles.js +2 -2
- package/shared/button-wrapper.styles.js.map +1 -1
- package/shared/selection-control/selection-control-list-item.d.ts +5 -0
- package/shared/selection-control/selection-control-list-item.d.ts.map +1 -0
- package/shared/selection-control/selection-control-list-item.js +25 -0
- package/shared/selection-control/selection-control-list-item.js.map +1 -0
- package/shared/selection-control/selection-control.d.ts +25 -0
- package/shared/selection-control/selection-control.d.ts.map +1 -0
- package/shared/selection-control/selection-control.js +93 -0
- package/shared/selection-control/selection-control.js.map +1 -0
- package/shared/selection-control/selection-control.styles.d.ts +2 -0
- package/shared/selection-control/selection-control.styles.d.ts.map +1 -0
- package/shared/selection-control/selection-control.styles.js +67 -0
- package/shared/selection-control/selection-control.styles.js.map +1 -0
- package/snackbar/snackbar.d.ts +1 -1
- package/snackbar/snackbar.d.ts.map +1 -1
- package/snackbar/snackbar.js +1 -1
- package/snackbar/snackbar.js.map +1 -1
- package/switch/switch-list-item.d.ts +11 -0
- package/switch/switch-list-item.d.ts.map +1 -0
- package/switch/switch-list-item.js +16 -0
- package/switch/switch-list-item.js.map +1 -0
- package/switch/switch.d.ts +14 -0
- package/switch/switch.d.ts.map +1 -0
- package/switch/switch.js +33 -0
- package/switch/switch.js.map +1 -0
- package/switch/switch.styles.d.ts +2 -0
- package/switch/switch.styles.d.ts.map +1 -0
- package/switch/switch.styles.js +142 -0
- package/switch/switch.styles.js.map +1 -0
- package/text-field/text-field.d.ts +23 -0
- package/text-field/text-field.d.ts.map +1 -0
- package/text-field/text-field.js +91 -0
- package/text-field/text-field.js.map +1 -0
- package/text-field/text-field.styles.d.ts +2 -0
- package/text-field/text-field.styles.d.ts.map +1 -0
- package/text-field/text-field.styles.js +5 -0
- package/text-field/text-field.styles.js.map +1 -0
- package/theme/index.d.ts +1 -1
- package/theme/index.d.ts.map +1 -1
- package/theme/index.js +1 -1
- package/theme/index.js.map +1 -1
- package/theme/theme-builder.d.ts.map +1 -1
- package/theme/theme-builder.js +3 -1
- package/theme/theme-builder.js.map +1 -1
- package/container/container.d.ts +0 -12
- package/container/container.d.ts.map +0 -1
- package/container/container.js.map +0 -1
- package/container/container.styles.d.ts.map +0 -1
- package/container/container.styles.js +0 -12
- package/container/container.styles.js.map +0 -1
- package/container/grid-base.d.ts +0 -11
- package/container/grid-base.d.ts.map +0 -1
- package/container/grid-base.js +0 -33
- package/container/grid-base.js.map +0 -1
- package/container/grid-base.styles.d.ts.map +0 -1
- package/container/grid-base.styles.js +0 -114
- package/container/grid-base.styles.js.map +0 -1
- package/container/grid.d.ts +0 -32
- package/container/grid.d.ts.map +0 -1
- package/container/grid.js +0 -106
- package/container/grid.js.map +0 -1
- package/container/grid.styles.d.ts.map +0 -1
- package/container/grid.styles.js +0 -134
- package/container/grid.styles.js.map +0 -1
- package/divider/divider.d.ts +0 -14
- package/divider/divider.d.ts.map +0 -1
- package/divider/divider.js +0 -27
- package/divider/divider.js.map +0 -1
- package/divider/divider.styles.d.ts.map +0 -1
- package/divider/divider.styles.js +0 -15
- package/divider/divider.styles.js.map +0 -1
- package/scss/_common.scss +0 -12
- package/scss/data-table/_data-table.scss +0 -33
- package/scss/data-table/_variables.scss +0 -24
- /package/scss/{text-bg → colors}/_text-bg.scss +0 -0
package/divider/divider.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { LitElement } from 'lit';
|
|
8
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
-
import { styles } from './divider.styles.js';
|
|
10
|
-
let UmDivider = class UmDivider extends LitElement {
|
|
11
|
-
constructor() {
|
|
12
|
-
super(...arguments);
|
|
13
|
-
/**
|
|
14
|
-
* When true, remove the margin of the divider
|
|
15
|
-
*/
|
|
16
|
-
this.noMargin = false;
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
UmDivider.styles = styles;
|
|
20
|
-
__decorate([
|
|
21
|
-
property({ type: Boolean, attribute: 'no-margin', reflect: true })
|
|
22
|
-
], UmDivider.prototype, "noMargin", void 0);
|
|
23
|
-
UmDivider = __decorate([
|
|
24
|
-
customElement('u-divider')
|
|
25
|
-
], UmDivider);
|
|
26
|
-
export { UmDivider };
|
|
27
|
-
//# sourceMappingURL=divider.js.map
|
package/divider/divider.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../src/divider/divider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGtC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAIL;;WAEG;QAC+D,aAAQ,GAAG,KAAK,CAAC;IACrF,CAAC;;AANiB,gBAAM,GAAG,MAAM,AAAT,CAAU;AAKkC;IAAjE,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;2CAAkB;AAPxE,SAAS;IADrB,aAAa,CAAC,WAAW,CAAC;GACd,SAAS,CAQrB","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './divider.styles.js';\n\n@customElement('u-divider')\nexport class UmDivider extends LitElement {\n\n static override styles = styles;\n\n /**\n * When true, remove the margin of the divider\n */\n @property({type: Boolean, attribute: 'no-margin', reflect: true}) noMargin = false;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-divider': UmDivider;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"divider.styles.d.ts","sourceRoot":"","sources":["../../src/divider/divider.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAYlB,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { css } from 'lit';
|
|
2
|
-
export const styles = css `
|
|
3
|
-
:host {
|
|
4
|
-
--_divider-thickness: var(--u-divider-thickness, 1px);
|
|
5
|
-
display: block;
|
|
6
|
-
margin-block: 8px;
|
|
7
|
-
height: var(--_divider-thickness);
|
|
8
|
-
background-color: var(--u-divider-color, var(--u-color-outline-variant, rgb(202, 196, 208)));
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
:host([no-margin]) {
|
|
12
|
-
margin: 0;
|
|
13
|
-
}
|
|
14
|
-
`;
|
|
15
|
-
//# sourceMappingURL=divider.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../src/divider/divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;CAYzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_divider-thickness: var(--u-divider-thickness, 1px);\n display: block;\n margin-block: 8px;\n height: var(--_divider-thickness);\n background-color: var(--u-divider-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n :host([no-margin]) {\n margin: 0;\n }\n`;\n"]}
|
package/scss/_common.scss
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
@use "../functions";
|
|
2
|
-
|
|
3
|
-
.u-data-table table,
|
|
4
|
-
table.u-data-table {
|
|
5
|
-
min-width: 100%;
|
|
6
|
-
border-collapse: collapse;
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.u-data-table {
|
|
11
|
-
font-family: var(--u-font-family, #{functions.get-font-family-var()});
|
|
12
|
-
|
|
13
|
-
tr:not(:first-child) {
|
|
14
|
-
border-top: 1px solid #{functions.get-color-var(outline-variant)};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
td {
|
|
18
|
-
display: table-cell;
|
|
19
|
-
padding: var(--u-td-padding, 13px 16px);
|
|
20
|
-
font-size: var(--u-td-font-size, .875rem);
|
|
21
|
-
font-weight: var(--u-td-font-weight, #{functions.get-font-weight-var(medium)});
|
|
22
|
-
text-align: start;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
th {
|
|
26
|
-
display: table-cell;
|
|
27
|
-
padding: var(--u-th-padding, 13px 16px);
|
|
28
|
-
font-size: var(--u-th-font-size, .8125rem);
|
|
29
|
-
font-weight: var(--u-th-font-weight, #{functions.get-font-weight-var(medium)});
|
|
30
|
-
text-align: start;
|
|
31
|
-
color: var(--u-low-emphasis-color, #{functions.get-color-var(on-surface-variant)});
|
|
32
|
-
}
|
|
33
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
@import "../../colors";
|
|
2
|
-
@import "../../font";
|
|
3
|
-
@import "../../mixins";
|
|
4
|
-
|
|
5
|
-
//Data table
|
|
6
|
-
$row-horizontal-padding: 1rem !default;
|
|
7
|
-
|
|
8
|
-
$u-data-table-divider-width: .0625rem !default;
|
|
9
|
-
$u-data-table-border: $u-data-table-divider-width solid var(--u-outline-variant-color) !default;
|
|
10
|
-
|
|
11
|
-
$u-data-table-horizontal-padding: $row-horizontal-padding !default;
|
|
12
|
-
|
|
13
|
-
$u-data-table-column-vertical-padding: .8125rem !default;
|
|
14
|
-
$u-data-table-column-header-vertical-padding: 1rem !default;
|
|
15
|
-
$u-data-table-column-header-font-size: .8125rem !default;
|
|
16
|
-
$u-data-table-column-header-font-weight: var(--u-font-weight-medium) !default;
|
|
17
|
-
$u-data-table-column-header-line-height: 1rem !default;
|
|
18
|
-
|
|
19
|
-
$u-data-table-card-footer-height: 4rem !default;
|
|
20
|
-
$u-data-table-card-footer-font-size: .75rem !default;
|
|
21
|
-
$u-data-table-card-footer-font-weight: var(--u-font-weight-regular) !default;
|
|
22
|
-
|
|
23
|
-
$u-data-table-content-font-size: .875rem !default;
|
|
24
|
-
$u-data-table-content-font-weight: var(--u-font-weight-medium) !default;
|
|
File without changes
|