@material/web 1.0.0 → 1.0.1

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 (110) hide show
  1. package/checkbox/internal/_checkbox.scss +6 -0
  2. package/checkbox/internal/checkbox-styles.css.js +1 -1
  3. package/checkbox/internal/checkbox-styles.css.js.map +1 -1
  4. package/fab/internal/_fab.scss +4 -0
  5. package/fab/internal/fab-styles.css.js +1 -1
  6. package/fab/internal/fab-styles.css.js.map +1 -1
  7. package/field/internal/_filled-field.scss +1 -0
  8. package/field/internal/_outlined-field.scss +1 -0
  9. package/field/internal/filled-styles.css.js +1 -1
  10. package/field/internal/filled-styles.css.js.map +1 -1
  11. package/field/internal/outlined-styles.css.js +1 -1
  12. package/field/internal/outlined-styles.css.js.map +1 -1
  13. package/labs/item/internal/_item.scss +1 -1
  14. package/labs/item/internal/item-styles.css.js +1 -1
  15. package/labs/item/internal/item-styles.css.js.map +1 -1
  16. package/list/harness.d.ts +2 -1
  17. package/list/internal/listitem/_list-item.scss +18 -0
  18. package/list/internal/listitem/harness.d.ts +2 -2
  19. package/list/internal/listitem/harness.js.map +1 -1
  20. package/list/internal/listitem/list-item-styles.css.js +1 -1
  21. package/list/internal/listitem/list-item-styles.css.js.map +1 -1
  22. package/list/internal/listitem/list-item.js +1 -1
  23. package/list/internal/listitem/list-item.js.map +1 -1
  24. package/list/list-item.js +1 -2
  25. package/list/list-item.js.map +1 -1
  26. package/menu/internal/_menu.scss +8 -0
  27. package/menu/internal/controllers/menuItemController.d.ts +7 -0
  28. package/menu/internal/controllers/menuItemController.js +9 -1
  29. package/menu/internal/controllers/menuItemController.js.map +1 -1
  30. package/menu/internal/controllers/surfacePositionController.js +17 -9
  31. package/menu/internal/controllers/surfacePositionController.js.map +1 -1
  32. package/menu/internal/menu-styles.css.js +1 -1
  33. package/menu/internal/menu-styles.css.js.map +1 -1
  34. package/menu/internal/menu.d.ts +12 -5
  35. package/menu/internal/menu.js +53 -33
  36. package/menu/internal/menu.js.map +1 -1
  37. package/menu/internal/menuitem/_menu-item.scss +24 -0
  38. package/menu/internal/menuitem/harness.d.ts +3 -1
  39. package/menu/internal/menuitem/harness.js.map +1 -1
  40. package/menu/internal/menuitem/menu-item-styles.css.js +1 -1
  41. package/menu/internal/menuitem/menu-item-styles.css.js.map +1 -1
  42. package/menu/internal/menuitem/menu-item.js +2 -1
  43. package/menu/internal/menuitem/menu-item.js.map +1 -1
  44. package/menu/internal/submenu/sub-menu.d.ts +1 -0
  45. package/menu/internal/submenu/sub-menu.js +4 -0
  46. package/menu/internal/submenu/sub-menu.js.map +1 -1
  47. package/menu/menu-item.js +1 -2
  48. package/menu/menu-item.js.map +1 -1
  49. package/menu/menu.js +1 -2
  50. package/menu/menu.js.map +1 -1
  51. package/package.json +1 -1
  52. package/radio/internal/_radio.scss +144 -123
  53. package/radio/internal/radio-styles.css.js +1 -1
  54. package/radio/internal/radio-styles.css.js.map +1 -1
  55. package/radio/internal/radio.d.ts +5 -0
  56. package/radio/internal/radio.js +5 -0
  57. package/radio/internal/radio.js.map +1 -1
  58. package/radio/radio.js +1 -2
  59. package/radio/radio.js.map +1 -1
  60. package/ripple/internal/ripple.js +7 -9
  61. package/ripple/internal/ripple.js.map +1 -1
  62. package/select/internal/_shared.scss +4 -0
  63. package/select/internal/selectoption/select-option.js +2 -1
  64. package/select/internal/selectoption/select-option.js.map +1 -1
  65. package/select/internal/shared-styles.css.js +1 -1
  66. package/select/internal/shared-styles.css.js.map +1 -1
  67. package/select/select-option.js +1 -2
  68. package/select/select-option.js.map +1 -1
  69. package/slider/internal/_slider.scss +68 -30
  70. package/slider/internal/slider-styles.css.js +1 -1
  71. package/slider/internal/slider-styles.css.js.map +1 -1
  72. package/slider/internal/slider.js +1 -1
  73. package/slider/internal/slider.js.map +1 -1
  74. package/switch/internal/_handle.scss +159 -141
  75. package/switch/internal/_icon.scss +95 -72
  76. package/switch/internal/_switch.scss +90 -95
  77. package/switch/internal/_track.scss +110 -77
  78. package/switch/internal/switch-styles.css.js +1 -1
  79. package/switch/internal/switch-styles.css.js.map +1 -1
  80. package/switch/switch.js +1 -2
  81. package/switch/switch.js.map +1 -1
  82. package/tabs/internal/tab.d.ts +6 -0
  83. package/tabs/internal/tab.js +9 -0
  84. package/tabs/internal/tab.js.map +1 -1
  85. package/tabs/internal/tabs.d.ts +1 -2
  86. package/tabs/internal/tabs.js +5 -11
  87. package/tabs/internal/tabs.js.map +1 -1
  88. package/textfield/internal/text-field.d.ts +7 -0
  89. package/textfield/internal/text-field.js +15 -0
  90. package/textfield/internal/text-field.js.map +1 -1
  91. package/list/internal/listitem/forced-colors-styles.css.d.ts +0 -1
  92. package/list/internal/listitem/forced-colors-styles.css.js +0 -9
  93. package/list/internal/listitem/forced-colors-styles.css.js.map +0 -1
  94. package/list/internal/listitem/forced-colors-styles.scss +0 -19
  95. package/menu/internal/forced-colors-styles.css.d.ts +0 -1
  96. package/menu/internal/forced-colors-styles.css.js +0 -9
  97. package/menu/internal/forced-colors-styles.css.js.map +0 -1
  98. package/menu/internal/forced-colors-styles.scss +0 -12
  99. package/menu/internal/menuitem/forced-colors-styles.css.d.ts +0 -1
  100. package/menu/internal/menuitem/forced-colors-styles.css.js +0 -9
  101. package/menu/internal/menuitem/forced-colors-styles.css.js.map +0 -1
  102. package/menu/internal/menuitem/forced-colors-styles.scss +0 -26
  103. package/radio/internal/forced-colors-styles.css.d.ts +0 -1
  104. package/radio/internal/forced-colors-styles.css.js +0 -9
  105. package/radio/internal/forced-colors-styles.css.js.map +0 -1
  106. package/radio/internal/forced-colors-styles.scss +0 -29
  107. package/switch/internal/forced-colors-styles.css.d.ts +0 -1
  108. package/switch/internal/forced-colors-styles.css.js +0 -9
  109. package/switch/internal/forced-colors-styles.css.js.map +0 -1
  110. package/switch/internal/forced-colors-styles.scss +0 -42
@@ -1,19 +0,0 @@
1
- //
2
- // Copyright 2023 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // go/keep-sorted start
7
- @use './list-item';
8
- // go/keep-sorted end
9
-
10
- @media (forced-colors: active) {
11
- .disabled slot {
12
- color: GrayText;
13
- }
14
-
15
- .list-item.disabled {
16
- color: GrayText;
17
- opacity: 1;
18
- }
19
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `@media(forced-colors: active){.menu{border-style:solid;border-color:CanvasText;border-width:1px}}/*# sourceMappingURL=forced-colors-styles.css.map */
8
- `;
9
- //# sourceMappingURL=forced-colors-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"forced-colors-styles.css.js","sourceRoot":"","sources":["forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){.menu{border-style:solid;border-color:CanvasText;border-width:1px}}/*# sourceMappingURL=forced-colors-styles.css.map */\n`;\n "]}
@@ -1,12 +0,0 @@
1
- //
2
- // Copyright 2023 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- @media (forced-colors: active) {
7
- .menu {
8
- border-style: solid;
9
- border-color: CanvasText;
10
- border-width: 1px;
11
- }
12
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `@media(forced-colors: active){:host([disabled]),:host([disabled]) slot{color:GrayText;opacity:1}.list-item{position:relative}.list-item.selected::before{content:"";position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;pointer-events:none;border:3px double CanvasText}}/*# sourceMappingURL=forced-colors-styles.css.map */
8
- `;
9
- //# sourceMappingURL=forced-colors-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"forced-colors-styles.css.js","sourceRoot":"","sources":["forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host([disabled]),:host([disabled]) slot{color:GrayText;opacity:1}.list-item{position:relative}.list-item.selected::before{content:\"\";position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;pointer-events:none;border:3px double CanvasText}}/*# sourceMappingURL=forced-colors-styles.css.map */\n`;\n "]}
@@ -1,26 +0,0 @@
1
- //
2
- // Copyright 2023 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- @media (forced-colors: active) {
7
- :host([disabled]),
8
- :host([disabled]) slot {
9
- color: GrayText;
10
- opacity: 1;
11
- }
12
-
13
- .list-item {
14
- position: relative;
15
- }
16
-
17
- .list-item.selected::before {
18
- content: '';
19
- position: absolute;
20
- inset: 0;
21
- box-sizing: border-box;
22
- border-radius: inherit;
23
- pointer-events: none;
24
- border: 3px double CanvasText;
25
- }
26
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `@media(forced-colors: active){:host{--md-radio-disabled-selected-icon-color: GrayText;--md-radio-disabled-selected-icon-opacity: 1;--md-radio-disabled-unselected-icon-color: GrayText;--md-radio-disabled-unselected-icon-opacity: 1;--md-radio-selected-icon-color: CanvasText;--md-radio-selected-hover-icon-color: CanvasText;--md-radio-selected-focus-icon-color: CanvasText;--md-radio-selected-pressed-icon-color: CanvasText;--md-radio-icon-color: CanvasText;--md-radio-hover-icon-color: CanvasText;--md-radio-focus-icon-color: CanvasText;--md-radio-pressed-icon-color: CanvasText}}/*# sourceMappingURL=forced-colors-styles.css.map */
8
- `;
9
- //# sourceMappingURL=forced-colors-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"forced-colors-styles.css.js","sourceRoot":"","sources":["forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-radio-disabled-selected-icon-color: GrayText;--md-radio-disabled-selected-icon-opacity: 1;--md-radio-disabled-unselected-icon-color: GrayText;--md-radio-disabled-unselected-icon-opacity: 1;--md-radio-selected-icon-color: CanvasText;--md-radio-selected-hover-icon-color: CanvasText;--md-radio-selected-focus-icon-color: CanvasText;--md-radio-selected-pressed-icon-color: CanvasText;--md-radio-icon-color: CanvasText;--md-radio-hover-icon-color: CanvasText;--md-radio-focus-icon-color: CanvasText;--md-radio-pressed-icon-color: CanvasText}}/*# sourceMappingURL=forced-colors-styles.css.map */\n`;\n "]}
@@ -1,29 +0,0 @@
1
- //
2
- // Copyright 2023 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // go/keep-sorted start
7
- @use './radio';
8
- // go/keep-sorted end
9
-
10
- @media (forced-colors: active) {
11
- :host {
12
- @include radio.theme(
13
- (
14
- disabled-selected-icon-color: GrayText,
15
- disabled-selected-icon-opacity: 1,
16
- disabled-unselected-icon-color: GrayText,
17
- disabled-unselected-icon-opacity: 1,
18
- selected-icon-color: CanvasText,
19
- selected-hover-icon-color: CanvasText,
20
- selected-focus-icon-color: CanvasText,
21
- selected-pressed-icon-color: CanvasText,
22
- icon-color: CanvasText,
23
- hover-icon-color: CanvasText,
24
- focus-icon-color: CanvasText,
25
- pressed-icon-color: CanvasText,
26
- )
27
- );
28
- }
29
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `@media(forced-colors: active){:host{--md-switch-disabled-selected-icon-color: GrayText;--md-switch-disabled-selected-icon-opacity: 1;--md-switch-disabled-selected-track-color: GrayText;--md-switch-disabled-track-outline-color: GrayText;--md-switch-disabled-track-opacity: 1;--md-switch-disabled-handle-color: GrayText;--md-switch-disabled-handle-opacity: 1;--md-switch-disabled-icon-color: Canvas;--md-switch-disabled-icon-opacity: 1;--md-switch-selected-focus-track-color: ButtonText;--md-switch-selected-hover-track-color: ButtonText;--md-switch-selected-icon-color: ButtonText;--md-switch-selected-hover-icon-color: ButtonText;--md-switch-selected-focus-icon-color: ButtonText;--md-switch-selected-pressed-icon-color: ButtonText;--md-switch-selected-pressed-track-color: ButtonText;--md-switch-selected-track-color: ButtonText;--md-switch-focus-handle-color: ButtonText;--md-switch-handle-color: ButtonText;--md-switch-hover-handle-color: ButtonText;--md-switch-icon-color: Canvas;--md-switch-hover-icon-color: Canvas;--md-switch-focus-icon-color: Canvas;--md-switch-pressed-icon-color: Canvas;--md-switch-pressed-handle-color: ButtonText}}/*# sourceMappingURL=forced-colors-styles.css.map */
8
- `;
9
- //# sourceMappingURL=forced-colors-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"forced-colors-styles.css.js","sourceRoot":"","sources":["forced-colors-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`@media(forced-colors: active){:host{--md-switch-disabled-selected-icon-color: GrayText;--md-switch-disabled-selected-icon-opacity: 1;--md-switch-disabled-selected-track-color: GrayText;--md-switch-disabled-track-outline-color: GrayText;--md-switch-disabled-track-opacity: 1;--md-switch-disabled-handle-color: GrayText;--md-switch-disabled-handle-opacity: 1;--md-switch-disabled-icon-color: Canvas;--md-switch-disabled-icon-opacity: 1;--md-switch-selected-focus-track-color: ButtonText;--md-switch-selected-hover-track-color: ButtonText;--md-switch-selected-icon-color: ButtonText;--md-switch-selected-hover-icon-color: ButtonText;--md-switch-selected-focus-icon-color: ButtonText;--md-switch-selected-pressed-icon-color: ButtonText;--md-switch-selected-pressed-track-color: ButtonText;--md-switch-selected-track-color: ButtonText;--md-switch-focus-handle-color: ButtonText;--md-switch-handle-color: ButtonText;--md-switch-hover-handle-color: ButtonText;--md-switch-icon-color: Canvas;--md-switch-hover-icon-color: Canvas;--md-switch-focus-icon-color: Canvas;--md-switch-pressed-icon-color: Canvas;--md-switch-pressed-handle-color: ButtonText}}/*# sourceMappingURL=forced-colors-styles.css.map */\n`;\n "]}
@@ -1,42 +0,0 @@
1
- //
2
- // Copyright 2023 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // go/keep-sorted start
7
- @use './switch';
8
- // go/keep-sorted end
9
-
10
- @media (forced-colors: active) {
11
- :host {
12
- @include switch.theme(
13
- (
14
- 'disabled-selected-icon-color': GrayText,
15
- 'disabled-selected-icon-opacity': 1,
16
- 'disabled-selected-track-color': GrayText,
17
- 'disabled-track-outline-color': GrayText,
18
- 'disabled-track-opacity': 1,
19
- 'disabled-handle-color': GrayText,
20
- 'disabled-handle-opacity': 1,
21
- 'disabled-icon-color': Canvas,
22
- 'disabled-icon-opacity': 1,
23
- 'selected-focus-track-color': ButtonText,
24
- 'selected-hover-track-color': ButtonText,
25
- 'selected-icon-color': ButtonText,
26
- 'selected-hover-icon-color': ButtonText,
27
- 'selected-focus-icon-color': ButtonText,
28
- 'selected-pressed-icon-color': ButtonText,
29
- 'selected-pressed-track-color': ButtonText,
30
- 'selected-track-color': ButtonText,
31
- 'focus-handle-color': ButtonText,
32
- 'handle-color': ButtonText,
33
- 'hover-handle-color': ButtonText,
34
- 'icon-color': Canvas,
35
- 'hover-icon-color': Canvas,
36
- 'focus-icon-color': Canvas,
37
- 'pressed-icon-color': Canvas,
38
- 'pressed-handle-color': ButtonText,
39
- )
40
- );
41
- }
42
- }