@universal-material/web 3.0.28 → 3.0.30

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.
Files changed (194) hide show
  1. package/app-bar/top-app-bar.styles.js +1 -1
  2. package/app-bar/top-app-bar.styles.js.map +1 -1
  3. package/button/button.js +1 -1
  4. package/button/button.js.map +1 -1
  5. package/button/button.styles.d.ts.map +1 -1
  6. package/button/button.styles.js +10 -5
  7. package/button/button.styles.js.map +1 -1
  8. package/button/icon-button.styles.d.ts.map +1 -1
  9. package/button/icon-button.styles.js +10 -3
  10. package/button/icon-button.styles.js.map +1 -1
  11. package/card/card.styles.d.ts.map +1 -1
  12. package/card/card.styles.js +0 -4
  13. package/card/card.styles.js.map +1 -1
  14. package/checkbox/checkbox-list-item.d.ts +11 -0
  15. package/checkbox/checkbox-list-item.d.ts.map +1 -0
  16. package/checkbox/checkbox-list-item.js +16 -0
  17. package/checkbox/checkbox-list-item.js.map +1 -0
  18. package/checkbox/checkbox.d.ts +13 -8
  19. package/checkbox/checkbox.d.ts.map +1 -1
  20. package/checkbox/checkbox.js +51 -52
  21. package/checkbox/checkbox.js.map +1 -1
  22. package/{container/container.styles.d.ts → checkbox/checkbox.styles.d.ts} +1 -1
  23. package/checkbox/checkbox.styles.d.ts.map +1 -0
  24. package/checkbox/checkbox.styles.js +126 -0
  25. package/checkbox/checkbox.styles.js.map +1 -0
  26. package/config.d.ts +3 -0
  27. package/config.d.ts.map +1 -1
  28. package/config.js +3 -0
  29. package/config.js.map +1 -1
  30. package/css/universal-material.css +3343 -327
  31. package/css/universal-material.min.css +2 -2
  32. package/custom-elements.json +3767 -1924
  33. package/field/field.d.ts +57 -0
  34. package/field/field.d.ts.map +1 -0
  35. package/field/field.js +167 -0
  36. package/field/field.js.map +1 -0
  37. package/{divider/divider.styles.d.ts → field/field.styles.d.ts} +1 -1
  38. package/field/field.styles.d.ts.map +1 -0
  39. package/field/field.styles.js +289 -0
  40. package/field/field.styles.js.map +1 -0
  41. package/index.d.ts +35 -26
  42. package/index.d.ts.map +1 -1
  43. package/index.js +35 -26
  44. package/index.js.map +1 -1
  45. package/list/list-item.d.ts +13 -0
  46. package/list/list-item.d.ts.map +1 -0
  47. package/list/list-item.js +33 -0
  48. package/list/list-item.js.map +1 -0
  49. package/{container/grid-base.styles.d.ts → list/list-item.styles.d.ts} +1 -1
  50. package/list/list-item.styles.d.ts.map +1 -0
  51. package/list/list-item.styles.js +22 -0
  52. package/list/list-item.styles.js.map +1 -0
  53. package/list/list.d.ts +11 -0
  54. package/list/list.d.ts.map +1 -0
  55. package/{container/container.js → list/list.js} +9 -16
  56. package/list/list.js.map +1 -0
  57. package/{container/grid.styles.d.ts → list/list.styles.d.ts} +1 -1
  58. package/list/list.styles.d.ts.map +1 -0
  59. package/list/list.styles.js +7 -0
  60. package/list/list.styles.js.map +1 -0
  61. package/menu/menu-item.d.ts +2 -0
  62. package/menu/menu-item.d.ts.map +1 -1
  63. package/menu/menu-item.js +6 -1
  64. package/menu/menu-item.js.map +1 -1
  65. package/menu/menu.d.ts +1 -1
  66. package/menu/menu.d.ts.map +1 -1
  67. package/menu/menu.js +8 -4
  68. package/menu/menu.js.map +1 -1
  69. package/navigation/drawer-item.d.ts +1 -0
  70. package/navigation/drawer-item.d.ts.map +1 -1
  71. package/navigation/drawer-item.js +5 -1
  72. package/navigation/drawer-item.js.map +1 -1
  73. package/navigation/drawer-item.styles.d.ts.map +1 -1
  74. package/navigation/drawer-item.styles.js +3 -0
  75. package/navigation/drawer-item.styles.js.map +1 -1
  76. package/navigation/drawer.styles.js +1 -1
  77. package/navigation/drawer.styles.js.map +1 -1
  78. package/package.json +3 -3
  79. package/radio/radio-list-item.d.ts +11 -0
  80. package/radio/radio-list-item.d.ts.map +1 -0
  81. package/radio/radio-list-item.js +16 -0
  82. package/radio/radio-list-item.js.map +1 -0
  83. package/radio/radio.d.ts +24 -0
  84. package/radio/radio.d.ts.map +1 -0
  85. package/radio/radio.js +136 -0
  86. package/radio/radio.js.map +1 -0
  87. package/radio/radio.styles.d.ts +2 -0
  88. package/radio/radio.styles.d.ts.map +1 -0
  89. package/radio/radio.styles.js +97 -0
  90. package/radio/radio.styles.js.map +1 -0
  91. package/ripple/ripple.styles.js +1 -1
  92. package/ripple/ripple.styles.js.map +1 -1
  93. package/scss/_colors.scss +2 -0
  94. package/scss/_css-vars.scss +26 -12
  95. package/scss/_functions.scss +4 -0
  96. package/scss/_global.scss +23 -0
  97. package/scss/_layout.scss +5 -0
  98. package/scss/_reboot.scss +495 -0
  99. package/scss/_utilities.scss +3 -0
  100. package/scss/_variables.scss +32 -4
  101. package/scss/{text-bg → colors}/_text.scss +1 -22
  102. package/scss/layout/_container.scss +13 -0
  103. package/scss/layout/_grid.scss +6 -0
  104. package/scss/layout/_margin-and-gutters.scss +37 -0
  105. package/scss/mixins/_breakpoints.scss +51 -1
  106. package/scss/mixins/_text-bg.scss +4 -6
  107. package/scss/mixins/_typo.scss +18 -0
  108. package/scss/table/_table.scss +47 -0
  109. package/scss/universal-material.scss +11 -4
  110. package/scss/utilities/_divider.scss +13 -0
  111. package/scss/utilities/_spacing.scss +23 -0
  112. package/scss/utilities/_text.scss +21 -0
  113. package/shared/base.styles.js +5 -5
  114. package/shared/base.styles.js.map +1 -1
  115. package/shared/button-wrapper.d.ts +2 -1
  116. package/shared/button-wrapper.d.ts.map +1 -1
  117. package/shared/button-wrapper.js +8 -2
  118. package/shared/button-wrapper.js.map +1 -1
  119. package/shared/button-wrapper.styles.js +2 -2
  120. package/shared/button-wrapper.styles.js.map +1 -1
  121. package/shared/selection-control/selection-control-list-item.d.ts +5 -0
  122. package/shared/selection-control/selection-control-list-item.d.ts.map +1 -0
  123. package/shared/selection-control/selection-control-list-item.js +25 -0
  124. package/shared/selection-control/selection-control-list-item.js.map +1 -0
  125. package/shared/selection-control/selection-control.d.ts +25 -0
  126. package/shared/selection-control/selection-control.d.ts.map +1 -0
  127. package/shared/selection-control/selection-control.js +93 -0
  128. package/shared/selection-control/selection-control.js.map +1 -0
  129. package/shared/selection-control/selection-control.styles.d.ts +2 -0
  130. package/shared/selection-control/selection-control.styles.d.ts.map +1 -0
  131. package/shared/selection-control/selection-control.styles.js +67 -0
  132. package/shared/selection-control/selection-control.styles.js.map +1 -0
  133. package/snackbar/snackbar.d.ts +1 -1
  134. package/snackbar/snackbar.d.ts.map +1 -1
  135. package/snackbar/snackbar.js +1 -1
  136. package/snackbar/snackbar.js.map +1 -1
  137. package/switch/switch-list-item.d.ts +11 -0
  138. package/switch/switch-list-item.d.ts.map +1 -0
  139. package/switch/switch-list-item.js +16 -0
  140. package/switch/switch-list-item.js.map +1 -0
  141. package/switch/switch.d.ts +14 -0
  142. package/switch/switch.d.ts.map +1 -0
  143. package/switch/switch.js +33 -0
  144. package/switch/switch.js.map +1 -0
  145. package/switch/switch.styles.d.ts +2 -0
  146. package/switch/switch.styles.d.ts.map +1 -0
  147. package/switch/switch.styles.js +142 -0
  148. package/switch/switch.styles.js.map +1 -0
  149. package/text-field/text-field.d.ts +23 -0
  150. package/text-field/text-field.d.ts.map +1 -0
  151. package/text-field/text-field.js +91 -0
  152. package/text-field/text-field.js.map +1 -0
  153. package/text-field/text-field.styles.d.ts +2 -0
  154. package/text-field/text-field.styles.d.ts.map +1 -0
  155. package/text-field/text-field.styles.js +5 -0
  156. package/text-field/text-field.styles.js.map +1 -0
  157. package/theme/index.d.ts +1 -1
  158. package/theme/index.d.ts.map +1 -1
  159. package/theme/index.js +1 -1
  160. package/theme/index.js.map +1 -1
  161. package/theme/theme-builder.d.ts.map +1 -1
  162. package/theme/theme-builder.js +3 -1
  163. package/theme/theme-builder.js.map +1 -1
  164. package/container/container.d.ts +0 -12
  165. package/container/container.d.ts.map +0 -1
  166. package/container/container.js.map +0 -1
  167. package/container/container.styles.d.ts.map +0 -1
  168. package/container/container.styles.js +0 -12
  169. package/container/container.styles.js.map +0 -1
  170. package/container/grid-base.d.ts +0 -11
  171. package/container/grid-base.d.ts.map +0 -1
  172. package/container/grid-base.js +0 -33
  173. package/container/grid-base.js.map +0 -1
  174. package/container/grid-base.styles.d.ts.map +0 -1
  175. package/container/grid-base.styles.js +0 -114
  176. package/container/grid-base.styles.js.map +0 -1
  177. package/container/grid.d.ts +0 -32
  178. package/container/grid.d.ts.map +0 -1
  179. package/container/grid.js +0 -106
  180. package/container/grid.js.map +0 -1
  181. package/container/grid.styles.d.ts.map +0 -1
  182. package/container/grid.styles.js +0 -134
  183. package/container/grid.styles.js.map +0 -1
  184. package/divider/divider.d.ts +0 -14
  185. package/divider/divider.d.ts.map +0 -1
  186. package/divider/divider.js +0 -27
  187. package/divider/divider.js.map +0 -1
  188. package/divider/divider.styles.d.ts.map +0 -1
  189. package/divider/divider.styles.js +0 -15
  190. package/divider/divider.styles.js.map +0 -1
  191. package/scss/_common.scss +0 -12
  192. package/scss/data-table/_data-table.scss +0 -33
  193. package/scss/data-table/_variables.scss +0 -24
  194. /package/scss/{text-bg → colors}/_text-bg.scss +0 -0
@@ -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
@@ -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,12 +0,0 @@
1
- @use "functions";
2
-
3
- a {
4
- border-radius: #{functions.get-spacing-var(extra-small)};
5
- text-decoration: none;
6
-
7
- @media (hover: hover) {
8
- &:hover {
9
- text-decoration: underline;
10
- }
11
- }
12
- }
@@ -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