@stackific/md3 0.1.0 → 0.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.
- package/README.md +1 -43
- package/dist/md3.css +1 -1
- package/dist/md3.js +1 -621
- package/package.json +2 -5
- package/src/main.js +0 -5
- package/src/runtime/elements/dialogs.js +0 -72
- package/src/runtime/elements/fields.js +0 -181
- package/src/runtime/elements/menus.js +0 -42
- package/src/runtime/elements/pages.js +0 -7
- package/src/runtime/elements/progress.js +0 -35
- package/src/runtime/elements/sliders.js +0 -78
- package/src/runtime/elements/snackbars.js +0 -27
- package/src/runtime/helpers/ripples.js +0 -46
- package/src/runtime/md3.js +0 -141
- package/src/runtime/palette.js +0 -64
- package/src/runtime/settings/theme.js +0 -194
- package/src/runtime/utils.js +0 -165
- package/src/styles/_config.scss +0 -142
- package/src/styles/_mixins.scss +0 -80
- package/src/styles/elements/_badges.scss +0 -65
- package/src/styles/elements/_bars.scss +0 -83
- package/src/styles/elements/_buttons.scss +0 -119
- package/src/styles/elements/_cards.scss +0 -32
- package/src/styles/elements/_chips.scss +0 -46
- package/src/styles/elements/_dialogs.scss +0 -143
- package/src/styles/elements/_dividers.scss +0 -46
- package/src/styles/elements/_expansions.scss +0 -19
- package/src/styles/elements/_fields.scss +0 -458
- package/src/styles/elements/_grids.scss +0 -35
- package/src/styles/elements/_icons.scss +0 -70
- package/src/styles/elements/_layouts.scss +0 -24
- package/src/styles/elements/_lists.scss +0 -76
- package/src/styles/elements/_main-layouts.scss +0 -45
- package/src/styles/elements/_media.scss +0 -104
- package/src/styles/elements/_menus.scss +0 -289
- package/src/styles/elements/_navigations.scss +0 -450
- package/src/styles/elements/_overlays.scss +0 -34
- package/src/styles/elements/_pages.scss +0 -28
- package/src/styles/elements/_progress.scss +0 -141
- package/src/styles/elements/_selections.scss +0 -248
- package/src/styles/elements/_shapes.scss +0 -151
- package/src/styles/elements/_sliders.scss +0 -336
- package/src/styles/elements/_snackbars.scss +0 -44
- package/src/styles/elements/_tables.scss +0 -67
- package/src/styles/elements/_tabs.scss +0 -49
- package/src/styles/elements/_tooltips.scss +0 -125
- package/src/styles/helpers/_alignments.scss +0 -29
- package/src/styles/helpers/_blurs.scss +0 -26
- package/src/styles/helpers/_colors.scss +0 -39
- package/src/styles/helpers/_directions.scss +0 -30
- package/src/styles/helpers/_elevates.scss +0 -20
- package/src/styles/helpers/_forms.scss +0 -76
- package/src/styles/helpers/_margins.scss +0 -39
- package/src/styles/helpers/_opacities.scss +0 -18
- package/src/styles/helpers/_paddings.scss +0 -35
- package/src/styles/helpers/_positions.scss +0 -44
- package/src/styles/helpers/_responsive.scss +0 -24
- package/src/styles/helpers/_ripples.scss +0 -40
- package/src/styles/helpers/_scrolls.scss +0 -7
- package/src/styles/helpers/_shadows.scss +0 -22
- package/src/styles/helpers/_sizes.scss +0 -34
- package/src/styles/helpers/_spaces.scss +0 -22
- package/src/styles/helpers/_typography.scss +0 -132
- package/src/styles/helpers/_waves.scss +0 -52
- package/src/styles/helpers/_zoom.scss +0 -18
- package/src/styles/md3.scss +0 -61
- package/src/styles/settings/_fonts.scss +0 -42
- package/src/styles/settings/_globals.scss +0 -104
- package/src/styles/settings/_reset.scss +0 -82
- package/src/styles/settings/_theme.scss +0 -126
- package/src/styles/settings/_themes.scss +0 -1525
- /package/dist/{shapes → assets}/arch.svg +0 -0
- /package/dist/{shapes → assets}/arrow.svg +0 -0
- /package/dist/{shapes → assets}/boom.svg +0 -0
- /package/dist/{shapes → assets}/bun.svg +0 -0
- /package/dist/{shapes → assets}/burst.svg +0 -0
- /package/dist/{shapes → assets}/circle.svg +0 -0
- /package/dist/{shapes → assets}/clamshell.svg +0 -0
- /package/dist/{shapes → assets}/diamond.svg +0 -0
- /package/dist/{shapes → assets}/fan.svg +0 -0
- /package/dist/{shapes → assets}/flower.svg +0 -0
- /package/dist/{shapes → assets}/gem.svg +0 -0
- /package/dist/{shapes → assets}/ghost-ish.svg +0 -0
- /package/dist/{shapes → assets}/heart.svg +0 -0
- /package/dist/{shapes → assets}/leaf-clover4.svg +0 -0
- /package/dist/{shapes → assets}/leaf-clover8.svg +0 -0
- /package/dist/{shapes → assets}/loading-indicator.svg +0 -0
- /package/dist/{fonts → assets}/material-symbols-outlined.woff2 +0 -0
- /package/dist/{fonts → assets}/material-symbols-rounded.woff2 +0 -0
- /package/dist/{fonts → assets}/material-symbols-sharp.woff2 +0 -0
- /package/dist/{fonts → assets}/material-symbols-subset.woff2 +0 -0
- /package/dist/{shapes → assets}/oval.svg +0 -0
- /package/dist/{shapes → assets}/pentagon.svg +0 -0
- /package/dist/{shapes → assets}/pill.svg +0 -0
- /package/dist/{shapes → assets}/pixel-circle.svg +0 -0
- /package/dist/{shapes → assets}/pixel-triangle.svg +0 -0
- /package/dist/{shapes → assets}/puffy-diamond.svg +0 -0
- /package/dist/{shapes → assets}/puffy.svg +0 -0
- /package/dist/{shapes → assets}/semicircle.svg +0 -0
- /package/dist/{shapes → assets}/sided-cookie12.svg +0 -0
- /package/dist/{shapes → assets}/sided-cookie4.svg +0 -0
- /package/dist/{shapes → assets}/sided-cookie6.svg +0 -0
- /package/dist/{shapes → assets}/sided-cookie7.svg +0 -0
- /package/dist/{shapes → assets}/sided-cookie9.svg +0 -0
- /package/dist/{shapes → assets}/slanted.svg +0 -0
- /package/dist/{shapes → assets}/soft-boom.svg +0 -0
- /package/dist/{shapes → assets}/soft-burst.svg +0 -0
- /package/dist/{shapes → assets}/square.svg +0 -0
- /package/dist/{shapes → assets}/sunny.svg +0 -0
- /package/dist/{shapes → assets}/triangle.svg +0 -0
- /package/dist/{shapes → assets}/very-sunny.svg +0 -0
- /package/dist/{shapes → assets}/wavy-circle.svg +0 -0
- /package/dist/{shapes → assets}/wavy.svg +0 -0
package/README.md
CHANGED
|
@@ -196,49 +196,6 @@ ui("guid"); // → UUID-v4 string, handy for unique input ids
|
|
|
196
196
|
|
|
197
197
|
---
|
|
198
198
|
|
|
199
|
-
## Use Sass partials directly
|
|
200
|
-
|
|
201
|
-
If you'd rather not ship the full `dist/md3.css`, `@use` only the partials you need:
|
|
202
|
-
|
|
203
|
-
```scss
|
|
204
|
-
@use "@stackific/md3/src/styles/config";
|
|
205
|
-
@use "@stackific/md3/src/styles/elements/buttons";
|
|
206
|
-
@use "@stackific/md3/src/styles/elements/dialogs";
|
|
207
|
-
```
|
|
208
|
-
|
|
209
|
-
Each partial depends only on `_config.scss` (plus the `sass:list` / `sass:map` modules). Element partials don't depend on each other, so you can take just buttons + dialogs + grids if that's all you need.
|
|
210
|
-
|
|
211
|
-
### Mixins you can compose
|
|
212
|
-
|
|
213
|
-
```scss
|
|
214
|
-
@use "@stackific/md3/src/styles/config" as *;
|
|
215
|
-
|
|
216
|
-
.banner-primary {
|
|
217
|
-
@include paired-color("primary"); // bg: var(--primary); color: var(--on-primary)
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
.banner-error-text {
|
|
221
|
-
@include text-color("error");
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
.hero {
|
|
225
|
-
padding: 4rem 1rem;
|
|
226
|
-
@include breakpoint-up("m") {
|
|
227
|
-
padding: 6rem 2rem;
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
```
|
|
231
|
-
|
|
232
|
-
| Mixin | Effect |
|
|
233
|
-
|---|---|
|
|
234
|
-
| `paired-color($role)` | `background-color: var(--$role); color: var(--on-$role)` |
|
|
235
|
-
| `text-color($role)` | `color: var(--$role)` |
|
|
236
|
-
| `border-color($role)` | `border-color: var(--$role)` |
|
|
237
|
-
| `breakpoint-up($name)` | `@media (min-width: …)` from `$breakpoints` |
|
|
238
|
-
| `breakpoint-down($name)` | `@media (max-width: …)` |
|
|
239
|
-
|
|
240
|
-
---
|
|
241
|
-
|
|
242
199
|
## Local development
|
|
243
200
|
|
|
244
201
|
These commands are for hacking on the framework itself, not for consumers of the published package.
|
|
@@ -305,6 +262,7 @@ $theme-roles-nav-active: ("primary", "secondary", "tertiary");
|
|
|
305
262
|
## Publish
|
|
306
263
|
|
|
307
264
|
```bash
|
|
265
|
+
pnpm prepublishOnly
|
|
308
266
|
npm publish --access public --dry-run
|
|
309
267
|
npm publish --access public
|
|
310
268
|
```
|