@shortfuse/materialdesignweb 0.7.1-0 → 0.7.1-2

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 (138) hide show
  1. package/bin/generate-css.js +1 -2
  2. package/components/Badge.js +40 -3
  3. package/components/Body.js +16 -2
  4. package/components/BottomAppBar.js +25 -2
  5. package/components/Box.js +33 -3
  6. package/components/Button.js +146 -9
  7. package/components/Card.js +111 -3
  8. package/components/Checkbox.js +91 -3
  9. package/components/CheckboxIcon.js +92 -4
  10. package/components/Chip.js +38 -2
  11. package/components/Dialog.js +237 -3
  12. package/components/DialogActions.js +3 -2
  13. package/components/Divider.js +44 -3
  14. package/components/ExtendedFab.js +27 -2
  15. package/components/Fab.js +26 -2
  16. package/components/FilterChip.js +83 -2
  17. package/components/Headline.js +16 -2
  18. package/components/Icon.js +80 -4
  19. package/components/IconButton.js +153 -2
  20. package/components/Label.js +16 -2
  21. package/components/Layout.js +21 -3
  22. package/components/List.js +15 -2
  23. package/components/ListItem.js +229 -3
  24. package/components/ListOption.js +37 -3
  25. package/components/ListSelect.js +12 -2
  26. package/components/Menu.js +173 -3
  27. package/components/MenuItem.js +55 -2
  28. package/components/Nav.js +19 -2
  29. package/components/NavBar.js +37 -2
  30. package/components/NavBarItem.js +44 -2
  31. package/components/NavDrawer.js +34 -2
  32. package/components/NavDrawerItem.js +44 -2
  33. package/components/NavItem.js +183 -3
  34. package/components/NavRail.js +50 -2
  35. package/components/NavRailItem.js +25 -2
  36. package/components/Pane.js +263 -3
  37. package/components/Progress.js +469 -10
  38. package/components/Radio.js +97 -3
  39. package/components/RadioIcon.js +77 -5
  40. package/components/Ripple.js +76 -3
  41. package/components/SegmentedButton.js +97 -2
  42. package/components/SegmentedButtonGroup.js +15 -2
  43. package/components/Select.js +54 -2
  44. package/components/Shape.js +55 -18
  45. package/components/Slider.js +309 -3
  46. package/components/Snackbar.js +82 -2
  47. package/components/Surface.js +13 -4
  48. package/components/Switch.js +67 -4
  49. package/components/SwitchIcon.js +272 -5
  50. package/components/Tab.js +87 -3
  51. package/components/TabContent.js +21 -21
  52. package/components/TabList.js +131 -2
  53. package/components/TextArea.js +97 -3
  54. package/components/Title.js +16 -2
  55. package/components/Tooltip.js +42 -2
  56. package/components/TopAppBar.js +212 -3
  57. package/core/template.js +36 -9
  58. package/mixins/ControlMixin.js +65 -2
  59. package/mixins/DensityMixin.js +17 -3
  60. package/mixins/FlexableMixin.js +81 -3
  61. package/mixins/RippleMixin.js +15 -4
  62. package/mixins/ShapeMixin.js +279 -8
  63. package/mixins/StateMixin.js +87 -5
  64. package/mixins/SurfaceMixin.js +152 -3
  65. package/mixins/TextFieldMixin.js +661 -3
  66. package/mixins/ThemableMixin.js +206 -3
  67. package/mixins/TooltipTriggerMixin.js +30 -4
  68. package/mixins/TouchTargetMixin.js +29 -4
  69. package/package.json +2 -1
  70. package/theming/loader.js +0 -2
  71. package/components/Badge.css +0 -38
  72. package/components/Body.css +0 -14
  73. package/components/BottomAppBar.css +0 -23
  74. package/components/Box.css +0 -31
  75. package/components/Button.css +0 -147
  76. package/components/Card.css +0 -109
  77. package/components/Checkbox.css +0 -89
  78. package/components/CheckboxIcon.css +0 -90
  79. package/components/Chip.css +0 -35
  80. package/components/Dialog.css +0 -235
  81. package/components/Divider.css +0 -41
  82. package/components/ExtendedFab.css +0 -24
  83. package/components/Fab.css +0 -23
  84. package/components/FilterChip.css +0 -80
  85. package/components/Headline.css +0 -14
  86. package/components/Icon.css +0 -76
  87. package/components/IconButton.css +0 -150
  88. package/components/Label.css +0 -14
  89. package/components/Layout.css +0 -19
  90. package/components/List.css +0 -12
  91. package/components/ListItem.css +0 -224
  92. package/components/ListOption.css +0 -34
  93. package/components/ListSelect.css +0 -9
  94. package/components/Menu.css +0 -171
  95. package/components/MenuItem.css +0 -53
  96. package/components/Nav.css +0 -17
  97. package/components/NavBar.css +0 -34
  98. package/components/NavBarItem.css +0 -41
  99. package/components/NavDrawer.css +0 -31
  100. package/components/NavDrawerItem.css +0 -42
  101. package/components/NavItem.css +0 -181
  102. package/components/NavRail.css +0 -47
  103. package/components/NavRailItem.css +0 -25
  104. package/components/Outline.css +0 -138
  105. package/components/Pane.css +0 -261
  106. package/components/Progress.css +0 -75
  107. package/components/ProgressCircle.css +0 -226
  108. package/components/ProgressLine.css +0 -155
  109. package/components/Radio.css +0 -95
  110. package/components/RadioIcon.css +0 -73
  111. package/components/Ripple.css +0 -74
  112. package/components/SegmentedButton.css +0 -94
  113. package/components/SegmentedButtonGroup.css +0 -12
  114. package/components/Select.css +0 -52
  115. package/components/Shape.css +0 -132
  116. package/components/Slider.css +0 -307
  117. package/components/Snackbar.css +0 -80
  118. package/components/Surface.css +0 -10
  119. package/components/Switch.css +0 -64
  120. package/components/SwitchIcon.css +0 -178
  121. package/components/SwitchIconAnimations.css +0 -89
  122. package/components/Tab.css +0 -85
  123. package/components/TabList.css +0 -129
  124. package/components/TextArea.css +0 -93
  125. package/components/Title.css +0 -14
  126. package/components/Tooltip.css +0 -40
  127. package/components/TopAppBar.css +0 -209
  128. package/mixins/ControlMixin.css +0 -57
  129. package/mixins/DensityMixin.css +0 -40
  130. package/mixins/FlexableMixin.css +0 -79
  131. package/mixins/RippleMixin.css +0 -12
  132. package/mixins/ShapeMixin.css +0 -135
  133. package/mixins/StateMixin.css +0 -82
  134. package/mixins/SurfaceMixin.css +0 -150
  135. package/mixins/TextFieldMixin.css +0 -657
  136. package/mixins/ThemableMixin.css +0 -204
  137. package/mixins/TooltipTriggerMixin.css +0 -27
  138. package/mixins/TouchTargetMixin.css +0 -26
package/mixins/ThemableMixin.css DELETED
@@ -1,204 +0,0 @@
1
- :host([color="primary"]) {
2
- --mdw-bg: var(--mdw-color__primary);
3
- --mdw-ink: var(--mdw-color__on-primary);
4
- }
5
-
6
- :host([color="primary-container"]) {
7
- --mdw-bg: var(--mdw-color__primary-container);
8
- --mdw-ink: var(--mdw-color__on-primary-container);
9
- }
10
-
11
- :host([color="secondary"]) {
12
- --mdw-bg: var(--mdw-color__secondary);
13
- --mdw-ink: var(--mdw-color__on-secondary);
14
- }
15
-
16
- :host([color="secondary-container"]) {
17
- --mdw-bg: var(--mdw-color__secondary-container);
18
- --mdw-ink: var(--mdw-color__on-secondary-container);
19
- }
20
-
21
- :host([color="tertiary"]) {
22
- --mdw-bg: var(--mdw-color__tertiary);
23
- --mdw-ink: var(--mdw-color__on-tertiary);
24
- }
25
-
26
- :host([color="tertiary-container"]) {
27
- --mdw-bg: var(--mdw-color__tertiary-container);
28
- --mdw-ink: var(--mdw-color__on-tertiary-container);
29
- }
30
-
31
- :host([color="error"]) {
32
- --mdw-bg: var(--mdw-color__error);
33
- --mdw-ink: var(--mdw-color__on-error);
34
- }
35
-
36
- :host([color="error-container"]) {
37
- --mdw-bg: var(--mdw-color__error-container);
38
- --mdw-ink: var(--mdw-color__on-error-container);
39
- }
40
-
41
- :host([color="background"]) {
42
- --mdw-bg: var(--mdw-color__background);
43
- --mdw-ink: var(--mdw-color__on-background);
44
- }
45
-
46
- :host([color^="surface"]) {
47
- --mdw-bg: var(--mdw-color__surface);
48
- --mdw-ink: var(--mdw-color__on-surface);
49
- }
50
-
51
- /* Quality-of-life */
52
- :host([color="surface-primary"]) {
53
- --mdw-ink: var(--mdw-color__primary);
54
- }
55
-
56
- :host([color$="variant"]) {
57
- --mdw-bg: var(--mdw-color__surface-variant);
58
- --mdw-ink: var(--mdw-color__on-surface-variant);
59
- }
60
-
61
- :host([color^="inverse"]) {
62
- --mdw-bg: var(--mdw-color__inverse-surface);
63
- --mdw-ink: var(--mdw-color__inverse-on-surface);
64
- }
65
-
66
- :host([color="inverse-primary"]) {
67
- --mdw-ink: var(--mdw-color__inverse-primary);
68
- }
69
-
70
- :host([color][disabled]) {
71
- /* background-color: rgba(var(--mdw-color__on-surface), 0.12); */
72
- /* color: rgba(var(--mdw-color__on-surface), 0.38); */
73
- }
74
-
75
- :host([ink="inverse-primary"]) {
76
- --mdw-ink: var(--mdw-color__inverse-primary);
77
- }
78
-
79
- :host([ink="primary"]) {
80
- --mdw-ink: var(--mdw-color__primary);
81
- }
82
-
83
- :host([ink="on-primary-container"]) {
84
- --mdw-ink: var(--mdw-color__on-primary-container);
85
- }
86
-
87
- :host([ink="secondary"]) {
88
- --mdw-ink: var(--mdw-color__secondary);
89
- }
90
-
91
- :host([ink="on-secondary-container"]) {
92
- --mdw-ink: var(--mdw-color__on-secondary-container);
93
- }
94
-
95
- :host([ink="tertiary"]) {
96
- --mdw-ink: var(--mdw-color__tertiary);
97
- }
98
-
99
- :host([ink="on-tertiary-container"]) {
100
- --mdw-ink: var(--mdw-color__on-tertiary-container);
101
- }
102
-
103
- :host([ink="error"]) {
104
- --mdw-ink: var(--mdw-color__error);
105
- }
106
-
107
- :host([ink="outline"]) {
108
- --mdw-ink: var(--mdw-color__outline);
109
- }
110
-
111
- :host([ink="on-surface"]) {
112
- --mdw-ink: var(--mdw-color__on-surface);
113
- }
114
-
115
- :host([ink="surface-variant"]) {
116
- --mdw-ink: var(--mdw-color__surface-variant);
117
- }
118
-
119
- :host([ink="on-surface-variant"]) {
120
- --mdw-ink: var(--mdw-color__on-surface-variant);
121
- }
122
-
123
- :host([ink="inverse-on-surface"]) {
124
- --mdw-ink: var(--mdw-color__inverse-on-surface);
125
- }
126
-
127
- :host([ink="inherit"]) {
128
- --mdw-ink: inherit;
129
- }
130
-
131
- :host([type-style|="display"]) {
132
- --mdw-type__font: var(--mdw-typescale__display-large__font);
133
- --mdw-type__letter-spacing: var(--mdw-typescale__display-large__letter-spacing);
134
- }
135
-
136
- :host([type-style="display-medium"]) {
137
- --mdw-type__font: var(--mdw-typescale__display-medium__font);
138
- --mdw-type__letter-spacing: var(--mdw-typescale__display-medium__letter-spacing);
139
- }
140
-
141
- :host([type-style="display-small"]) {
142
- --mdw-type__font: var(--mdw-typescale__display-small__font);
143
- --mdw-type__letter-spacing: var(--mdw-typescale__display-small__letter-spacing);
144
- }
145
-
146
- :host([type-style|="headline"]) {
147
- --mdw-type__font: var(--mdw-typescale__headline-large__font);
148
- --mdw-type__letter-spacing: var(--mdw-typescale__headline-large__letter-spacing);
149
- }
150
-
151
- :host([type-style="headline-medium"]) {
152
- --mdw-type__font: var(--mdw-typescale__headline-medium__font);
153
- --mdw-type__letter-spacing: var(--mdw-typescale__headline-medium__letter-spacing);
154
- }
155
-
156
- :host([type-style="headline-small"]) {
157
- --mdw-type__font: var(--mdw-typescale__headline-small__font);
158
- --mdw-type__letter-spacing: var(--mdw-typescale__headline-small__letter-spacing);
159
- }
160
-
161
- :host([type-style|="title"]) {
162
- --mdw-type__font: var(--mdw-typescale__title-large__font);
163
- --mdw-type__letter-spacing: var(--mdw-typescale__title-large__letter-spacing);
164
- }
165
-
166
- :host([type-style="title-medium"]) {
167
- --mdw-type__font: var(--mdw-typescale__title-medium__font);
168
- --mdw-type__letter-spacing: var(--mdw-typescale__title-medium__letter-spacing);
169
- }
170
-
171
- :host([type-style="title-small"]) {
172
- --mdw-type__font: var(--mdw-typescale__title-small__font);
173
- --mdw-type__letter-spacing: var(--mdw-typescale__title-small__letter-spacing);
174
- }
175
-
176
- :host([type-style|="label"]) {
177
- --mdw-type__font: var(--mdw-typescale__label-large__font);
178
- --mdw-type__letter-spacing: var(--mdw-typescale__label-large__letter-spacing);
179
- }
180
-
181
- :host([type-style="label-medium"]) {
182
- --mdw-type__font: var(--mdw-typescale__label-medium__font);
183
- --mdw-type__letter-spacing: var(--mdw-typescale__label-medium__letter-spacing);
184
- }
185
-
186
- :host([type-style="label-small"]) {
187
- --mdw-type__font: var(--mdw-typescale__label-small__font);
188
- --mdw-type__letter-spacing: var(--mdw-typescale__label-small__letter-spacing);
189
- }
190
-
191
- :host([type-style|="body"]) {
192
- --mdw-type__font: var(--mdw-typescale__body-large__font);
193
- --mdw-type__letter-spacing: var(--mdw-typescale__body-large__letter-spacing);
194
- }
195
-
196
- :host([type-style="body-medium"]) {
197
- --mdw-type__font: var(--mdw-typescale__body-medium__font);
198
- --mdw-type__letter-spacing: var(--mdw-typescale__body-medium__letter-spacing);
199
- }
200
-
201
- :host([type-style="body-small"]) {
202
- --mdw-type__font: var(--mdw-typescale__body-small__font);
203
- --mdw-type__letter-spacing: var(--mdw-typescale__body-small__letter-spacing);
204
- }
package/mixins/TooltipTriggerMixin.css DELETED
@@ -1,27 +0,0 @@
1
- #tooltip {
2
- position:absolute;
3
-
4
- overflow: hidden;
5
-
6
- box-sizing: content-box;
7
-
8
- block-size: 0;
9
- inline-size: 0;
10
- margin: 0;
11
- padding: 0;
12
-
13
- transform: none;
14
- }
15
-
16
- #tooltip[open] {
17
- display: block;
18
-
19
- block-size: auto;
20
- inline-size: auto;
21
-
22
- cursor: default;
23
- pointer-events:auto;
24
-
25
- opacity: 0;
26
- transform: none;
27
- }
package/mixins/TouchTargetMixin.css DELETED
@@ -1,26 +0,0 @@
1
- .touch-target {
2
- position: absolute;
3
- inset: 50%;
4
- /* --mdw-device-pixel-ratio: 1; */
5
-
6
- block-size: 100%;
7
- min-block-size: 48px;
8
- /* min-block-size: 10mm; */
9
- /* min-block-size: calc(0.393701in / var(--mdw-device-pixel-ratio, 1)); */
10
- inline-size:100%;
11
- min-inline-size: 48px;
12
- /* min-inline-size: 10mm; */
13
- /* min-inline-size: calc(0.393701in / var(--mdw-device-pixel-ratio, 1)); */
14
-
15
- cursor: inherit;
16
-
17
- /* box-sizing: border-box; */
18
- /* border: solid 1px magenta; */
19
- pointer-events: auto;
20
-
21
- transform: translateX(-50%) translateY(-50%);
22
- visibility: visible;
23
- z-index: 1;
24
-
25
- border-radius: inherit;
26
- }