vuetiwatch 0.2.0 → 0.2.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 +25 -202
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/plugin.d.ts.map +1 -1
- package/dist/plugin.js +19 -3
- package/dist/plugin.js.map +1 -1
- package/dist/styles/aurora.css +1 -1
- package/dist/styles/aurora.min.css +1 -1
- package/dist/styles/brutalist.css +1 -1
- package/dist/styles/brutalist.min.css +1 -1
- package/dist/styles/calm.css +1 -1
- package/dist/styles/calm.min.css +1 -1
- package/dist/styles/candy.css +1 -4
- package/dist/styles/candy.min.css +1 -1
- package/dist/styles/clay.css +1 -1
- package/dist/styles/clay.min.css +1 -1
- package/dist/styles/core.css +44 -2
- package/dist/styles/core.min.css +1 -1
- package/dist/styles/darkGlass.css +1 -1
- package/dist/styles/darkGlass.min.css +1 -1
- package/dist/styles/liquidGlass.css +10 -1
- package/dist/styles/liquidGlass.min.css +1 -1
- package/dist/styles/lux.css +1 -1
- package/dist/styles/lux.min.css +1 -1
- package/dist/styles/neon.css +1 -1
- package/dist/styles/neon.min.css +1 -1
- package/dist/styles/slate.css +1 -1
- package/dist/styles/slate.min.css +1 -1
- package/dist/styles/soft.css +3 -2
- package/dist/styles/soft.min.css +1 -1
- package/dist/styles.css +66 -17
- package/dist/styles.min.css +1 -1
- package/dist/themes/atlas.d.ts +35 -0
- package/dist/themes/atlas.d.ts.map +1 -1
- package/dist/themes/atlas.js +75 -1
- package/dist/themes/atlas.js.map +1 -1
- package/dist/themes/atlasDark.d.ts.map +1 -1
- package/dist/themes/atlasDark.js +5 -0
- package/dist/themes/atlasDark.js.map +1 -1
- package/dist/themes/atlasSepia.d.ts.map +1 -1
- package/dist/themes/atlasSepia.js +5 -0
- package/dist/themes/atlasSepia.js.map +1 -1
- package/dist/themes/aurora.d.ts.map +1 -1
- package/dist/themes/aurora.js +20 -1
- package/dist/themes/aurora.js.map +1 -1
- package/dist/themes/brutalist.d.ts.map +1 -1
- package/dist/themes/brutalist.js +63 -5
- package/dist/themes/brutalist.js.map +1 -1
- package/dist/themes/calm.d.ts.map +1 -1
- package/dist/themes/calm.js +22 -1
- package/dist/themes/calm.js.map +1 -1
- package/dist/themes/candy.d.ts.map +1 -1
- package/dist/themes/candy.js +23 -1
- package/dist/themes/candy.js.map +1 -1
- package/dist/themes/clay.d.ts.map +1 -1
- package/dist/themes/clay.js +14 -1
- package/dist/themes/clay.js.map +1 -1
- package/dist/themes/darkGlass.d.ts.map +1 -1
- package/dist/themes/darkGlass.js +13 -1
- package/dist/themes/darkGlass.js.map +1 -1
- package/dist/themes/graphite.d.ts.map +1 -1
- package/dist/themes/graphite.js +42 -7
- package/dist/themes/graphite.js.map +1 -1
- package/dist/themes/liquidGlass.d.ts.map +1 -1
- package/dist/themes/liquidGlass.js +41 -5
- package/dist/themes/liquidGlass.js.map +1 -1
- package/dist/themes/lux.d.ts.map +1 -1
- package/dist/themes/lux.js +48 -6
- package/dist/themes/lux.js.map +1 -1
- package/dist/themes/morph.d.ts.map +1 -1
- package/dist/themes/morph.js +21 -1
- package/dist/themes/morph.js.map +1 -1
- package/dist/themes/neon.d.ts.map +1 -1
- package/dist/themes/neon.js +35 -1
- package/dist/themes/neon.js.map +1 -1
- package/dist/themes/paper.d.ts.map +1 -1
- package/dist/themes/paper.js +38 -1
- package/dist/themes/paper.js.map +1 -1
- package/dist/themes/sketchy.d.ts.map +1 -1
- package/dist/themes/sketchy.js +27 -1
- package/dist/themes/sketchy.js.map +1 -1
- package/dist/themes/slate.d.ts.map +1 -1
- package/dist/themes/slate.js +42 -6
- package/dist/themes/slate.js.map +1 -1
- package/dist/themes/soft.d.ts.map +1 -1
- package/dist/themes/soft.js +49 -8
- package/dist/themes/soft.js.map +1 -1
- package/dist/util/defaults.d.ts +35 -0
- package/dist/util/defaults.d.ts.map +1 -1
- package/dist/util/defaults.js +51 -0
- package/dist/util/defaults.js.map +1 -1
- package/package.json +2 -1
- package/src/index.ts +2 -2
- package/src/plugin.ts +20 -3
- package/src/styles/core.css +152 -3
- package/src/styles/themes/aurora.css +1 -0
- package/src/styles/themes/brutalist.css +1 -0
- package/src/styles/themes/calm.css +1 -0
- package/src/styles/themes/candy.css +9 -4
- package/src/styles/themes/clay.css +1 -0
- package/src/styles/themes/darkGlass.css +1 -0
- package/src/styles/themes/liquidGlass.css +41 -0
- package/src/styles/themes/lux.css +1 -0
- package/src/styles/themes/neon.css +1 -0
- package/src/styles/themes/slate.css +1 -0
- package/src/styles/themes/soft.css +10 -0
- package/src/themes/atlas.ts +76 -1
- package/src/themes/atlasDark.ts +5 -0
- package/src/themes/atlasSepia.ts +5 -0
- package/src/themes/aurora.ts +21 -1
- package/src/themes/brutalist.ts +65 -5
- package/src/themes/calm.ts +23 -1
- package/src/themes/candy.ts +24 -1
- package/src/themes/clay.ts +15 -1
- package/src/themes/darkGlass.ts +14 -1
- package/src/themes/graphite.ts +44 -7
- package/src/themes/liquidGlass.ts +42 -5
- package/src/themes/lux.ts +50 -6
- package/src/themes/morph.ts +22 -1
- package/src/themes/neon.ts +37 -1
- package/src/themes/paper.ts +40 -1
- package/src/themes/sketchy.ts +29 -1
- package/src/themes/slate.ts +43 -6
- package/src/themes/soft.ts +50 -8
- package/src/util/defaults.ts +84 -0
package/dist/themes/lux.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lux.js","sourceRoot":"","sources":["../../src/themes/lux.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"lux.js","sourceRoot":"","sources":["../../src/themes/lux.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,WAAW,CAAC;IAC7B,IAAI,EAAE,KAAK;IACX,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,8EAA8E;QAC3F,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,MAAM,CAAC;KAChB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB;;;;;;;;;;;;;;eAcG;YACH,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;SAC3B;QACD,SAAS,EAAE;YACT;qEACyD;YACzD,iBAAiB,EACf,qFAAqF;YACvF,cAAc,EAAE,SAAS;YACzB,gBAAgB,EAAE,IAAI;YACtB,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,IAAI;YAC/B,eAAe,EAAE,IAAI;YACrB,WAAW,EAAE,yCAAyC;YACtD,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,KAAK;YACrB,iBAAiB,EAAE,KAAK;YACxB,gBAAgB,EAAE,KAAK;YACvB,iBAAiB,EAAE,KAAK;YACxB,kBAAkB,EAAE,WAAW;YAC/B,iBAAiB,EAAE,OAAO;YAC1B,eAAe,EAAE,KAAK;YACtB,mBAAmB,EAAE,KAAK;YAC1B,qBAAqB,EAAE,QAAQ;YAC/B,sBAAsB,EAAE,WAAW;YACnC,aAAa,EAAE,KAAK;YACpB,mBAAmB,EAAE,+BAA+B;YACpD,sBAAsB,EAAE,KAAK;YAE7B,qEAAqE;YACrE,oBAAoB,EAAE,OAAO;YAC7B,gBAAgB,EAAE,4BAA4B;YAC9C,gBAAgB,EAAE,OAAO;YACzB,eAAe,EAAE,KAAK;YACtB,cAAc,EAAE,MAAM;YACtB,iBAAiB,EAAE,OAAO;YAC1B,eAAe,EAAE,uCAAuC;YACxD,qBAAqB,EAAE,OAAO;YAE9B,2DAA2D;YAC3D,qBAAqB,EAAE,OAAO;YAC9B,iBAAiB,EAAE,OAAO;YAC1B,gEAAgE;YAChE,iCAAiC;YACjC,eAAe,EAAE,IAAI;YACrB,mBAAmB,EAAE,IAAI;YACzB,kBAAkB,EAAE,IAAI;YACxB;;;;;eAKG;YACH,aAAa,EAAE,SAAS;YACxB;;;eAGG;YACH,iBAAiB,EAAE,MAAM;YAEzB,iEAAiE;YACjE,iEAAiE;YACjE,mBAAmB,EAAE,sCAAsC;YAE3D,2CAA2C;YAC3C,kBAAkB,EAAE,oCAAoC;YACxD,wBAAwB,EAAE,KAAK;SAChC;KACF;IACD,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE;YAC5C,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;YAC9B,MAAM,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;YAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;YAC9B,iBAAiB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;YAClC,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;YAC5B,OAAO,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;SACzC;QACD,MAAM,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;QACjC,QAAQ,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC;QACrB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;QACjC,KAAK,CAAC;YACJ,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,gBAAgB;YAC1B,UAAU,EAAE,6BAA6B;YACzC,WAAW,EAAE,4BAA4B;YACzC,UAAU,EAAE,UAAU;YACtB,WAAW,EAAE,kBAAkB;YAC/B,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,gBAAgB;YAC1B,KAAK,EAAE,WAAW;YAClB,sEAAsE;YACtE,iBAAiB,EAAE,GAAG;SACvB,CAAC;QACF,+DAA+D;QAC/D,QAAQ,CAAC;YACP,MAAM,EAAE,iBAAiB;YACzB,IAAI,EAAE,iBAAiB;YACvB,OAAO,EAAE,iBAAiB;SAC3B,CAAC;QACF,gEAAgE;QAChE,MAAM,CAAC,KAAK,CAAC;KACd;CACF,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"morph.d.ts","sourceRoot":"","sources":["../../src/themes/morph.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"morph.d.ts","sourceRoot":"","sources":["../../src/themes/morph.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,gDAiHhB,CAAA"}
|
package/dist/themes/morph.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { bars, fields, icons } from '../util/defaults.js';
|
|
1
|
+
import { bars, fields, icons, overlays } from '../util/defaults.js';
|
|
2
2
|
import { defineTheme } from '../util/defineTheme.js';
|
|
3
3
|
/**
|
|
4
4
|
* Neumorphism: surfaces are the same colour as the page, and the only thing
|
|
@@ -72,6 +72,16 @@ export const morph = defineTheme({
|
|
|
72
72
|
'vw-press-scale': '0.985',
|
|
73
73
|
'vw-pop-scale': '1.15',
|
|
74
74
|
'vw-pop-duration': '220ms',
|
|
75
|
+
// Quiet, like the relief itself.
|
|
76
|
+
'vw-overlay-duration': '180ms',
|
|
77
|
+
'vw-overlay-exit': '140ms',
|
|
78
|
+
/**
|
|
79
|
+
* The relief carries the whole theme, and a wash of colour on top of
|
|
80
|
+
* it flattens the light it is built from — so the states stay under
|
|
81
|
+
* what Vuetify draws.
|
|
82
|
+
*/
|
|
83
|
+
'focus-opacity': 0.12,
|
|
84
|
+
'activated-opacity': 0.1,
|
|
75
85
|
// The same groove the fields are, turned on its side.
|
|
76
86
|
'vw-timeline-line': 'rgb(var(--v-theme-background))',
|
|
77
87
|
'vw-timeline-line-width': '8px',
|
|
@@ -97,6 +107,16 @@ export const morph = defineTheme({
|
|
|
97
107
|
ratingFull: 'mdi-circle',
|
|
98
108
|
ratingEmpty: 'mdi-circle-outline',
|
|
99
109
|
}),
|
|
110
|
+
/**
|
|
111
|
+
* A dialog is pressed out of the ground like everything else, so it
|
|
112
|
+
* grows into place. Menus and tips fade instead: they are small enough
|
|
113
|
+
* that scaling them reads as a twitch rather than as relief.
|
|
114
|
+
*/
|
|
115
|
+
overlays({
|
|
116
|
+
dialog: 'scale-transition',
|
|
117
|
+
menu: 'fade-transition',
|
|
118
|
+
tooltip: 'fade-transition',
|
|
119
|
+
}),
|
|
100
120
|
],
|
|
101
121
|
});
|
|
102
122
|
//# sourceMappingURL=morph.js.map
|
package/dist/themes/morph.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"morph.js","sourceRoot":"","sources":["../../src/themes/morph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"morph.js","sourceRoot":"","sources":["../../src/themes/morph.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"neon.d.ts","sourceRoot":"","sources":["../../src/themes/neon.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,IAAI,+
|
|
1
|
+
{"version":3,"file":"neon.d.ts","sourceRoot":"","sources":["../../src/themes/neon.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,IAAI,+CAoJf,CAAA"}
|
package/dist/themes/neon.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { bars, fields, icons, surfaces, tables } from '../util/defaults.js';
|
|
1
|
+
import { bars, fields, icons, overlays, ripple, surfaces, tables } from '../util/defaults.js';
|
|
2
2
|
import { defineTheme } from '../util/defineTheme.js';
|
|
3
3
|
/**
|
|
4
4
|
* Near-black ground, saturated cyan and magenta, zero radius, and glow
|
|
@@ -78,6 +78,31 @@ export const neon = defineTheme({
|
|
|
78
78
|
'vw-pop-duration': '150ms',
|
|
79
79
|
'vw-focus-ring': '2px solid rgb(var(--v-theme-secondary))',
|
|
80
80
|
'vw-theme-transition': '180ms',
|
|
81
|
+
// A terminal repaints; the linear easing above comes along through
|
|
82
|
+
// `--v-vw-motion-ease`, so nothing here accelerates.
|
|
83
|
+
'vw-overlay-duration': '110ms',
|
|
84
|
+
'vw-overlay-exit': '80ms',
|
|
85
|
+
/**
|
|
86
|
+
* Phosphor, not ink: a lit state on this ground has to be visibly
|
|
87
|
+
* lit, and Vuetify's 0.12 disappears into the black.
|
|
88
|
+
*/
|
|
89
|
+
'focus-opacity': 0.24,
|
|
90
|
+
'activated-opacity': 0.25,
|
|
91
|
+
// The one theme where a code block is the native register.
|
|
92
|
+
'theme-code': '#04121A',
|
|
93
|
+
'theme-on-code': '#00F0FF',
|
|
94
|
+
'theme-kbd': '#04121A',
|
|
95
|
+
'theme-on-kbd': '#00F0FF',
|
|
96
|
+
// A tab is a label on a terminal chrome, set with the same wide
|
|
97
|
+
// tracking the buttons use and a size that keeps it on one line.
|
|
98
|
+
'vw-tab-size': '0.8125rem',
|
|
99
|
+
/**
|
|
100
|
+
* A terminal selects with a solid block and inverts the glyphs under
|
|
101
|
+
* it, which is also the only way cyan text stays readable once a
|
|
102
|
+
* cyan tint is laid over it.
|
|
103
|
+
*/
|
|
104
|
+
'vw-selection-fill': 'rgb(var(--v-theme-primary))',
|
|
105
|
+
'vw-selection-color': 'rgb(var(--v-theme-background))',
|
|
81
106
|
// A lit filament; the glow is in the stylesheet.
|
|
82
107
|
'vw-timeline-line': 'rgb(var(--v-theme-secondary))',
|
|
83
108
|
'vw-timeline-line-width': '2px',
|
|
@@ -113,6 +138,15 @@ export const neon = defineTheme({
|
|
|
113
138
|
sortDesc: 'mdi-chevron-down',
|
|
114
139
|
close: 'mdi-close',
|
|
115
140
|
}),
|
|
141
|
+
// A screen repaints: the panel lights up where it stands rather than
|
|
142
|
+
// travelling to get there.
|
|
143
|
+
overlays({
|
|
144
|
+
dialog: 'fade-transition',
|
|
145
|
+
menu: 'fade-transition',
|
|
146
|
+
tooltip: 'fade-transition',
|
|
147
|
+
}),
|
|
148
|
+
// Nothing in a terminal ripples.
|
|
149
|
+
ripple(false),
|
|
116
150
|
],
|
|
117
151
|
});
|
|
118
152
|
//# sourceMappingURL=neon.js.map
|
package/dist/themes/neon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"neon.js","sourceRoot":"","sources":["../../src/themes/neon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"neon.js","sourceRoot":"","sources":["../../src/themes/neon.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paper.d.ts","sourceRoot":"","sources":["../../src/themes/paper.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"paper.d.ts","sourceRoot":"","sources":["../../src/themes/paper.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,KAAK,gDAyIhB,CAAA"}
|
package/dist/themes/paper.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { bars, fields, icons, surfaces } from '../util/defaults.js';
|
|
1
|
+
import { bars, fields, icons, overlays, ripple, surfaces } from '../util/defaults.js';
|
|
2
2
|
import { defineTheme } from '../util/defineTheme.js';
|
|
3
3
|
/**
|
|
4
4
|
* Editorial and flat: warm paper background, ink-black primary, hairline
|
|
@@ -66,6 +66,31 @@ export const paper = defineTheme({
|
|
|
66
66
|
'vw-press-scale': '0.99',
|
|
67
67
|
'vw-pop-scale': '1.1',
|
|
68
68
|
'vw-pop-duration': '180ms',
|
|
69
|
+
/**
|
|
70
|
+
* Overlays keep the page's own speed. Vuetify's 300ms fade belongs to
|
|
71
|
+
* a theme with depth to travel through; nothing here has any, so a
|
|
72
|
+
* panel arrives the way a printed page is turned over — at once.
|
|
73
|
+
*/
|
|
74
|
+
'vw-overlay-duration': '140ms',
|
|
75
|
+
'vw-overlay-exit': '110ms',
|
|
76
|
+
// Ink is either on the paper or it is not, so the states are set by
|
|
77
|
+
// how much ink rather than by how much glow.
|
|
78
|
+
'focus-opacity': 0.14,
|
|
79
|
+
'activated-opacity': 0.1,
|
|
80
|
+
'disabled-opacity': 0.4,
|
|
81
|
+
// Set in type rather than in a grey box: a code span takes the same
|
|
82
|
+
// tinted stock the panels do.
|
|
83
|
+
'theme-code': '#F1EEE4',
|
|
84
|
+
'theme-on-code': '#14110E',
|
|
85
|
+
'theme-kbd': '#F1EEE4',
|
|
86
|
+
'theme-on-kbd': '#14110E',
|
|
87
|
+
/**
|
|
88
|
+
* `primary` here is ink, and a quarter-strength black is a smudge
|
|
89
|
+
* rather than a highlight. The selection takes the theme's second
|
|
90
|
+
* colour instead — a marker drawn over the type, which is what
|
|
91
|
+
* highlighting on paper actually looks like.
|
|
92
|
+
*/
|
|
93
|
+
'vw-selection-fill': 'rgba(var(--v-theme-secondary), 0.28)',
|
|
69
94
|
// A line of ink dots, the way a printed rule breaks up.
|
|
70
95
|
'vw-timeline-line': 'repeating-linear-gradient(to bottom, rgba(var(--v-border-color), 0.55) 0 2px, transparent 2px 6px)',
|
|
71
96
|
'vw-timeline-line-width': '1px',
|
|
@@ -99,6 +124,18 @@ export const paper = defineTheme({
|
|
|
99
124
|
sortDesc: 'mdi-arrow-down',
|
|
100
125
|
close: 'mdi-close',
|
|
101
126
|
}),
|
|
127
|
+
/**
|
|
128
|
+
* Flat, and quick about it. A sheet of paper does not scale up out of
|
|
129
|
+
* the page it was lying on — it is either shown or it is not.
|
|
130
|
+
*/
|
|
131
|
+
overlays({
|
|
132
|
+
dialog: 'fade-transition',
|
|
133
|
+
menu: 'fade-transition',
|
|
134
|
+
tooltip: 'fade-transition',
|
|
135
|
+
}),
|
|
136
|
+
// A ripple is a Material animation about a surface with weight, and
|
|
137
|
+
// this theme prints rather than raises.
|
|
138
|
+
ripple(false),
|
|
102
139
|
],
|
|
103
140
|
});
|
|
104
141
|
//# sourceMappingURL=paper.js.map
|
package/dist/themes/paper.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/themes/paper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/themes/paper.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sketchy.d.ts","sourceRoot":"","sources":["../../src/themes/sketchy.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"sketchy.d.ts","sourceRoot":"","sources":["../../src/themes/sketchy.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,kDA2HlB,CAAA"}
|
package/dist/themes/sketchy.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { bars, fields, icons, surfaces } from '../util/defaults.js';
|
|
1
|
+
import { bars, fields, icons, overlays, ripple, surfaces } from '../util/defaults.js';
|
|
2
2
|
import { defineTheme } from '../util/defineTheme.js';
|
|
3
3
|
/**
|
|
4
4
|
* A hand-drawn look for mockups and wireframes, after Bootswatch's Sketchy.
|
|
@@ -73,6 +73,24 @@ export const sketchy = defineTheme({
|
|
|
73
73
|
'vw-press-scale': '0.97',
|
|
74
74
|
'vw-pop-scale': '1.25',
|
|
75
75
|
'vw-pop-duration': '200ms',
|
|
76
|
+
/**
|
|
77
|
+
* Overlays opt out of the stepped easing above.
|
|
78
|
+
*
|
|
79
|
+
* Two frames read as a drawn line on a control the size of a button;
|
|
80
|
+
* on a panel the size of the screen the hold between them reads as a
|
|
81
|
+
* dropped frame, which is the same thing that made `brutalist` look
|
|
82
|
+
* like it had hung. The steps stay where they are small enough to be
|
|
83
|
+
* charm — the press, the hover, the icon pop.
|
|
84
|
+
*/
|
|
85
|
+
'vw-overlay-duration': '140ms',
|
|
86
|
+
'vw-overlay-exit': '100ms',
|
|
87
|
+
'vw-overlay-ease': 'ease-out',
|
|
88
|
+
// Marker on paper: a state is a scribble over the shape, not a tint.
|
|
89
|
+
'focus-opacity': 0.2,
|
|
90
|
+
'activated-opacity': 0.15,
|
|
91
|
+
// Pencil in `primary`, so the highlighter is the second colour and
|
|
92
|
+
// drawn heavier than elsewhere — a marker, not a tint.
|
|
93
|
+
'vw-selection-fill': 'rgba(var(--v-theme-secondary), 0.35)',
|
|
76
94
|
// Dashes of uneven length, as if drawn in one pass.
|
|
77
95
|
'vw-timeline-line': 'repeating-linear-gradient(to bottom, rgba(var(--v-border-color), 0.7) 0 7px, transparent 7px 11px, rgba(var(--v-border-color), 0.7) 11px 15px, transparent 15px 23px)',
|
|
78
96
|
'vw-timeline-line-width': '2px',
|
|
@@ -100,6 +118,14 @@ export const sketchy = defineTheme({
|
|
|
100
118
|
ratingEmpty: 'mdi-star-outline',
|
|
101
119
|
close: 'mdi-close-thick',
|
|
102
120
|
}),
|
|
121
|
+
// Two frames, like everything else here: the panel is drawn in.
|
|
122
|
+
overlays({
|
|
123
|
+
dialog: 'scale-transition',
|
|
124
|
+
menu: 'fade-transition',
|
|
125
|
+
tooltip: 'fade-transition',
|
|
126
|
+
}),
|
|
127
|
+
// Nothing in a pencil mock-up ripples.
|
|
128
|
+
ripple(false),
|
|
103
129
|
],
|
|
104
130
|
});
|
|
105
131
|
//# sourceMappingURL=sketchy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sketchy.js","sourceRoot":"","sources":["../../src/themes/sketchy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"sketchy.js","sourceRoot":"","sources":["../../src/themes/sketchy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC;IACjC,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,yEAAyE;QACtF,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC;KAClC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B,8DAA8D;YAC9D,+DAA+D;YAC/D,4FAA4F;YAC5F,YAAY,EAAE,SAAS;YACvB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT;qEACyD;YACzD,iBAAiB,EACf,iEAAiE;YACnE,cAAc,EAAE,SAAS;YACzB,gBAAgB,EAAE,IAAI;YACtB,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,GAAG;YAC9B,eAAe,EAAE,IAAI;YACrB,WAAW,EAAE,gDAAgD;YAC7D,cAAc,EAAE,mCAAmC;YACnD,oEAAoE;YACpE,qEAAqE;YACrE,0DAA0D;YAC1D,WAAW,EAAE,uCAAuC;YACpD,cAAc,EAAE,+CAA+C;YAC/D,iBAAiB,EAAE,mCAAmC;YACtD,gBAAgB,EAAE,2CAA2C;YAC7D,iBAAiB,EAAE,KAAK;YACxB,kBAAkB,EAAE,MAAM;YAC1B,iBAAiB,EAAE,QAAQ;YAC3B,eAAe,EAAE,KAAK;YACtB,sBAAsB,EAAE,KAAK;YAE7B,6CAA6C;YAC7C,oBAAoB,EAAE,OAAO;YAC7B,gBAAgB,EAAE,eAAe;YACjC,gBAAgB,EAAE,MAAM;YACxB,cAAc,EAAE,MAAM;YACtB,iBAAiB,EAAE,OAAO;YAE1B;;;;;;;;eAQG;YACH,qBAAqB,EAAE,OAAO;YAC9B,iBAAiB,EAAE,OAAO;YAC1B,iBAAiB,EAAE,UAAU;YAC7B,qEAAqE;YACrE,eAAe,EAAE,GAAG;YACpB,mBAAmB,EAAE,IAAI;YAEzB,mEAAmE;YACnE,uDAAuD;YACvD,mBAAmB,EAAE,sCAAsC;YAE3D,oDAAoD;YACpD,kBAAkB,EAAE,uKAAuK;YAC3L,wBAAwB,EAAE,KAAK;SAChC;KACF;IACD,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;YAC7B,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;YACxB,iBAAiB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;YAClC,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;YAC5B,OAAO,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;SACzC;QACD,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;QACjC,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;QAC/B,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;QACjC,KAAK,CAAC;YACJ,mEAAmE;YACnE,yBAAyB;YACzB,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,gBAAgB;YAC1B,UAAU,EAAE,gBAAgB;YAC5B,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,UAAU;YACtB,WAAW,EAAE,kBAAkB;YAC/B,KAAK,EAAE,iBAAiB;SACzB,CAAC;QACF,gEAAgE;QAChE,QAAQ,CAAC;YACP,MAAM,EAAE,kBAAkB;YAC1B,IAAI,EAAE,iBAAiB;YACvB,OAAO,EAAE,iBAAiB;SAC3B,CAAC;QACF,uCAAuC;QACvC,MAAM,CAAC,KAAK,CAAC;KACd;CACF,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slate.d.ts","sourceRoot":"","sources":["../../src/themes/slate.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"slate.d.ts","sourceRoot":"","sources":["../../src/themes/slate.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,KAAK,gDA6IhB,CAAA"}
|
package/dist/themes/slate.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { bars, controls, fields, icons, tables } from '../util/defaults.js';
|
|
1
|
+
import { bars, controls, fields, icons, overlays, ripple, tables } from '../util/defaults.js';
|
|
2
2
|
import { defineTheme } from '../util/defineTheme.js';
|
|
3
3
|
/**
|
|
4
4
|
* The admin-panel theme: muted slate blues, tight radii, compact density
|
|
@@ -31,13 +31,24 @@ export const slate = defineTheme({
|
|
|
31
31
|
error: '#C53030',
|
|
32
32
|
info: '#2B6CB0',
|
|
33
33
|
success: '#2F855A',
|
|
34
|
-
|
|
34
|
+
/**
|
|
35
|
+
* Deepened rather than re-inked. Vuetify picks the label colour by
|
|
36
|
+
* APCA and settles for about 3:1 on WCAG, which is the bar for large
|
|
37
|
+
* text rather than for a button label — so this theme states `on-*`
|
|
38
|
+
* wherever the automatic pick falls short.
|
|
39
|
+
*
|
|
40
|
+
* Warning is the case where doing that made things worse. The ochre
|
|
41
|
+
* sat where WCAG wanted black and APCA wanted white by a wide margin
|
|
42
|
+
* (71 to 39), and the forced dark label did not even clear 4.5:1
|
|
43
|
+
* (4.48:1). Taking 12 per cent of lightness out of the hue satisfies both:
|
|
44
|
+
* white now reads 4.53:1 on the filled button, APCA 79, and the colour
|
|
45
|
+
* as text on the surface goes from 3.64:1 — under the bar it was
|
|
46
|
+
* being held to elsewhere — to 4.53:1. The label is left to the
|
|
47
|
+
* automatic pick, which is white.
|
|
48
|
+
*/
|
|
49
|
+
warning: '#A16B1B',
|
|
35
50
|
'on-surface': '#1A202C',
|
|
36
51
|
'on-background': '#1A202C',
|
|
37
|
-
// Vuetify picks the label colour by luminance and settles for
|
|
38
|
-
// about 3:1, which is the bar for large text rather than for a
|
|
39
|
-
// button label. Measured on the filled buttons: warning 3.6:1 → 4.5:1.
|
|
40
|
-
'on-warning': '#1A202C',
|
|
41
52
|
},
|
|
42
53
|
variables: {
|
|
43
54
|
/* A panel standing on its own — a bare list, sheet, banner or table.
|
|
@@ -68,6 +79,19 @@ export const slate = defineTheme({
|
|
|
68
79
|
'vw-pop-scale': '1.12',
|
|
69
80
|
'vw-pop-duration': '160ms',
|
|
70
81
|
'vw-focus-ring': '2px solid rgb(var(--v-theme-primary))',
|
|
82
|
+
// The dashboard's own tempo, applied to the panels that float over it.
|
|
83
|
+
'vw-overlay-duration': '120ms',
|
|
84
|
+
'vw-overlay-exit': '90ms',
|
|
85
|
+
// The focus ring above carries the keyboard; the wash only has to not
|
|
86
|
+
// fight it. The active row, though, has to be findable in a table of
|
|
87
|
+
// a hundred.
|
|
88
|
+
'focus-opacity': 0.12,
|
|
89
|
+
'activated-opacity': 0.12,
|
|
90
|
+
'disabled-opacity': 0.42,
|
|
91
|
+
'theme-code': '#EAEEF3',
|
|
92
|
+
'theme-on-code': '#1A202C',
|
|
93
|
+
'theme-kbd': '#EAEEF3',
|
|
94
|
+
'theme-on-kbd': '#1A202C',
|
|
71
95
|
// Dense and structural: a 2px rule and a square dot.
|
|
72
96
|
'vw-timeline-line': 'rgba(var(--v-theme-primary), 0.35)',
|
|
73
97
|
'vw-timeline-line-width': '2px',
|
|
@@ -105,6 +129,18 @@ export const slate = defineTheme({
|
|
|
105
129
|
sortAsc: 'mdi-menu-up',
|
|
106
130
|
sortDesc: 'mdi-menu-down',
|
|
107
131
|
}),
|
|
132
|
+
/**
|
|
133
|
+
* A dropdown drops. Everything else fades: a dialog over a dashboard is
|
|
134
|
+
* a change of subject, not an entrance, and the data behind it should
|
|
135
|
+
* not be dragged around while it arrives.
|
|
136
|
+
*/
|
|
137
|
+
overlays({
|
|
138
|
+
dialog: 'fade-transition',
|
|
139
|
+
menu: 'slide-y-transition',
|
|
140
|
+
tooltip: 'fade-transition',
|
|
141
|
+
}),
|
|
142
|
+
// Dense rows and a spreading ink blot do not go together.
|
|
143
|
+
ripple(false),
|
|
108
144
|
],
|
|
109
145
|
});
|
|
110
146
|
//# sourceMappingURL=slate.js.map
|
package/dist/themes/slate.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slate.js","sourceRoot":"","sources":["../../src/themes/slate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"slate.js","sourceRoot":"","sources":["../../src/themes/slate.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"soft.d.ts","sourceRoot":"","sources":["../../src/themes/soft.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,IAAI,+
|
|
1
|
+
{"version":3,"file":"soft.d.ts","sourceRoot":"","sources":["../../src/themes/soft.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,IAAI,+CA2If,CAAA"}
|
package/dist/themes/soft.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { bars, fields, icons } from '../util/defaults.js';
|
|
1
|
+
import { bars, fields, icons, overlays } from '../util/defaults.js';
|
|
2
2
|
import { defineTheme } from '../util/defineTheme.js';
|
|
3
3
|
/**
|
|
4
4
|
* Pastel and generous: large radii, diffuse coloured shadows, a rounded
|
|
@@ -34,13 +34,35 @@ export const soft = defineTheme({
|
|
|
34
34
|
warning: '#F5B851',
|
|
35
35
|
'on-surface': '#2E2A3B',
|
|
36
36
|
'on-background': '#2E2A3B',
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
37
|
+
/**
|
|
38
|
+
* The one stated exception in the package, and it is deliberate.
|
|
39
|
+
*
|
|
40
|
+
* White on these pastels does not clear WCAG's 4.5:1 for a button
|
|
41
|
+
* label: secondary 2.33:1, error 2.84:1, info 2.25:1, success 2.21:1,
|
|
42
|
+
* warning 1.77:1. The dark ink that white replaced carried 4.89:1 to
|
|
43
|
+
* 11.86:1, and APCA agrees with WCAG on every one of them — so this
|
|
44
|
+
* is not a case of the two models disagreeing and a hue needing a few
|
|
45
|
+
* points of lightness, which is how every other theme here resolves
|
|
46
|
+
* it. The only arrangement that gets white over the bar takes these
|
|
47
|
+
* hues down 23 to 39 per cent, and a pastel darkened by a third is
|
|
48
|
+
* not a pastel: it would be a different theme wearing this one's name.
|
|
49
|
+
*
|
|
50
|
+
* So the trade is made the other way round, once, in the theme whose
|
|
51
|
+
* whole proposition is softness — and it is a trade, not an oversight.
|
|
52
|
+
* A screen that has to be read by everyone should reach for a theme
|
|
53
|
+
* that measures; `atlas` and `graphite` exist for that, and `soft` is
|
|
54
|
+
* for the onboarding flow and the marketing page where the palette is
|
|
55
|
+
* the point. `docs/contrast.md` says as much next to the claim it
|
|
56
|
+
* qualifies.
|
|
57
|
+
*
|
|
58
|
+
* `primary` is not listed because it needs no help: at #705EEF white
|
|
59
|
+
* already reads 4.63:1 and is the automatic pick.
|
|
60
|
+
*/
|
|
61
|
+
'on-secondary': '#FFFFFF',
|
|
62
|
+
'on-error': '#FFFFFF',
|
|
63
|
+
'on-info': '#FFFFFF',
|
|
64
|
+
'on-success': '#FFFFFF',
|
|
65
|
+
'on-warning': '#FFFFFF',
|
|
44
66
|
},
|
|
45
67
|
variables: {
|
|
46
68
|
/* A panel standing on its own — a bare list, sheet, banner or table.
|
|
@@ -65,6 +87,15 @@ export const soft = defineTheme({
|
|
|
65
87
|
'vw-hover-lift': '2px',
|
|
66
88
|
'vw-pop-scale': '1.22',
|
|
67
89
|
'vw-pop-duration': '260ms',
|
|
90
|
+
// Unhurried here as well, with the exit a touch quicker so a
|
|
91
|
+
// dismissed panel does not linger.
|
|
92
|
+
'vw-overlay-duration': '250ms',
|
|
93
|
+
'vw-overlay-exit': '180ms',
|
|
94
|
+
// Tonal fills are this theme's colour, so they are drawn to be seen.
|
|
95
|
+
'focus-opacity': 0.14,
|
|
96
|
+
'activated-opacity': 0.14,
|
|
97
|
+
// Bigger initials inside the circle, to match everything else here.
|
|
98
|
+
'vw-avatar-ratio': '0.44',
|
|
68
99
|
// Thick and pastel, matching the radii.
|
|
69
100
|
'vw-timeline-line': 'rgba(var(--v-theme-primary), 0.25)',
|
|
70
101
|
'vw-timeline-line-width': '5px',
|
|
@@ -98,6 +129,16 @@ export const soft = defineTheme({
|
|
|
98
129
|
ratingEmpty: 'mdi-heart-outline',
|
|
99
130
|
close: 'mdi-close-circle',
|
|
100
131
|
}),
|
|
132
|
+
/**
|
|
133
|
+
* Friendly rather than efficient: a dialog swells into place, a menu
|
|
134
|
+
* drops from the control that opened it. The ripple stays — this is one
|
|
135
|
+
* of the themes with a surface soft enough to justify it.
|
|
136
|
+
*/
|
|
137
|
+
overlays({
|
|
138
|
+
dialog: 'scale-transition',
|
|
139
|
+
menu: 'slide-y-transition',
|
|
140
|
+
tooltip: 'scale-transition',
|
|
141
|
+
}),
|
|
101
142
|
],
|
|
102
143
|
});
|
|
103
144
|
//# sourceMappingURL=soft.js.map
|
package/dist/themes/soft.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"soft.js","sourceRoot":"","sources":["../../src/themes/soft.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"soft.js","sourceRoot":"","sources":["../../src/themes/soft.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,0EAA0E;QACvF,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,QAAQ;QACnB,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACpD,KAAK,EAAE,CAAC,QAAQ,CAAC;KAClB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,SAAS;YAClB,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,SAAS;YAC1B,iBAAiB,EAAE,SAAS;YAC5B,oBAAoB,EAAE,SAAS;YAC/B,OAAO,EAAE,SAAS;YAClB,kBAAkB,EAAE,SAAS;YAC7B,SAAS,EAAE,SAAS;YACpB,oBAAoB,EAAE,SAAS;YAC/B,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,SAAS;YACvB,eAAe,EAAE,SAAS;YAC1B;;;;;;;;;;;;;;;;;;;;;;;eAuBG;YACH,cAAc,EAAE,SAAS;YACzB,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE,SAAS;YACpB,YAAY,EAAE,SAAS;YACvB,YAAY,EAAE,SAAS;SACxB;QACD,SAAS,EAAE;YACT;qEACyD;YACzD,iBAAiB,EACf,6FAA6F;YAC/F,cAAc,EAAE,SAAS;YACzB,gBAAgB,EAAE,GAAG;YACrB,cAAc,EAAE,SAAS;YACzB,uBAAuB,EAAE,IAAI;YAC7B,yBAAyB,EAAE,IAAI;YAC/B,eAAe,EAAE,IAAI;YACrB,WAAW,EAAE,8CAA8C;YAC3D,WAAW,EAAE,MAAM;YACnB,cAAc,EAAE,MAAM;YACtB,gBAAgB,EAAE,OAAO;YACzB,kBAAkB,EAAE,MAAM;YAC1B,iBAAiB,EAAE,GAAG;YACtB,eAAe,EAAE,KAAK;YAEtB,iCAAiC;YACjC,oBAAoB,EAAE,OAAO;YAC7B,gBAAgB,EAAE,MAAM;YACxB,eAAe,EAAE,KAAK;YACtB,cAAc,EAAE,MAAM;YACtB,iBAAiB,EAAE,OAAO;YAE1B,6DAA6D;YAC7D,mCAAmC;YACnC,qBAAqB,EAAE,OAAO;YAC9B,iBAAiB,EAAE,OAAO;YAC1B,qEAAqE;YACrE,eAAe,EAAE,IAAI;YACrB,mBAAmB,EAAE,IAAI;YACzB,oEAAoE;YACpE,iBAAiB,EAAE,MAAM;YAEzB,wCAAwC;YACxC,kBAAkB,EAAE,oCAAoC;YACxD,wBAAwB,EAAE,KAAK;SAChC;KACF;IACD,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YACzB,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;YAC5B,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SAC5B;QACD,MAAM,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;QAClC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACpB;YACE,oEAAoE;YACpE,wEAAwE;YACxE,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;YACxB,OAAO,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;YACxC,+DAA+D;YAC/D,kDAAkD;YAClD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE;SACxC;QACD,KAAK,CAAC;YACJ,qDAAqD;YACrD,QAAQ,EAAE,kBAAkB;YAC5B,QAAQ,EAAE,gBAAgB;YAC1B,UAAU,EAAE,kBAAkB;YAC9B,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,WAAW;YACvB,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE,kBAAkB;SAC1B,CAAC;QACF;;;;WAIG;QACH,QAAQ,CAAC;YACP,MAAM,EAAE,kBAAkB;YAC1B,IAAI,EAAE,oBAAoB;YAC1B,OAAO,EAAE,kBAAkB;SAC5B,CAAC;KACH;CACF,CAAC,CAAA"}
|
package/dist/util/defaults.d.ts
CHANGED
|
@@ -11,6 +11,41 @@ export declare const controls: (props: Props) => VuetiwatchDefaults;
|
|
|
11
11
|
export declare const bars: (props: Props) => VuetiwatchDefaults;
|
|
12
12
|
/** Applies the same props to cards, alerts and chips. */
|
|
13
13
|
export declare const surfaces: (props: Props) => VuetiwatchDefaults;
|
|
14
|
+
/**
|
|
15
|
+
* Turns the Material ripple off — or back on — everywhere one is drawn.
|
|
16
|
+
*
|
|
17
|
+
* The ripple is an animation about the weight of a surface, so a theme
|
|
18
|
+
* with no weight to describe is better off without it: it delays the
|
|
19
|
+
* moment a control looks like it answered, which on a screen someone
|
|
20
|
+
* works in all day is the one thing motion must never do.
|
|
21
|
+
*/
|
|
22
|
+
export declare const ripple: (on: boolean) => VuetiwatchDefaults;
|
|
23
|
+
/**
|
|
24
|
+
* How each floating surface arrives.
|
|
25
|
+
*
|
|
26
|
+
* Vuetify names its transitions and resolves them from a string, so this
|
|
27
|
+
* is an ordinary prop like any other — which is what lets a theme own its
|
|
28
|
+
* overlays as well as its colours. `false` means no animation at all: the
|
|
29
|
+
* surface is simply there, which is the honest answer for a theme that
|
|
30
|
+
* draws no depth to move through.
|
|
31
|
+
*
|
|
32
|
+
* `menu` reaches the select, the autocomplete and the combobox as well,
|
|
33
|
+
* but not by one route: autocomplete and combobox let the `VMenu` they
|
|
34
|
+
* render take the global default, while `VSelect` declares a `transition`
|
|
35
|
+
* prop of its own and hands it down, which shadows that default entirely.
|
|
36
|
+
* So the select is named here too, and a theme still states its menus once.
|
|
37
|
+
*/
|
|
38
|
+
export interface VuetiwatchOverlays {
|
|
39
|
+
/** A modal. Vuetify's own is `dialog-transition`. */
|
|
40
|
+
dialog?: string | false;
|
|
41
|
+
/** A dropdown, a select's list, a context menu. */
|
|
42
|
+
menu?: string | false;
|
|
43
|
+
/** A tooltip. Vuetify scales it in and fades it out. */
|
|
44
|
+
tooltip?: string | false;
|
|
45
|
+
/** A snackbar. */
|
|
46
|
+
snackbar?: string | false;
|
|
47
|
+
}
|
|
48
|
+
export declare function overlays(set: VuetiwatchOverlays): VuetiwatchDefaults;
|
|
14
49
|
/** Applies the same `density` to lists and both table components. */
|
|
15
50
|
export declare const tables: (density: 'default' | 'comfortable' | 'compact') => VuetiwatchDefaults;
|
|
16
51
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/util/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAGrD,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/util/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAGrD,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAmFpC;;;GAGG;AACH,eAAO,MAAM,MAAM,UAAW,KAAK,KAAG,kBACT,CAAA;AAE7B,uEAAuE;AACvE,eAAO,MAAM,QAAQ,UAAW,KAAK,KAAG,kBACL,CAAA;AAEnC,uDAAuD;AACvD,eAAO,MAAM,IAAI,UAAW,KAAK,KAAG,kBACL,CAAA;AAE/B,yDAAyD;AACzD,eAAO,MAAM,QAAQ,UAAW,KAAK,KAAG,kBACL,CAAA;AAEnC;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,OAAQ,OAAO,KAAG,kBACM,CAAA;AAE3C;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACvB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACxB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;CAC1B;AAED,wBAAgB,QAAQ,CAAE,GAAG,EAAE,kBAAkB,GAAG,kBAAkB,CAerE;AAED,qEAAqE;AACrE,eAAO,MAAM,MAAM,YAAa,SAAS,GAAG,aAAa,GAAG,SAAS,KAAG,kBAItE,CAAA;AAEF;;;;GAIG;AACH,eAAO,MAAM,OAAO,aAAc,kBAAkB,EAAE,KAAG,kBACkB,CAAA;AAE3E;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,eAAe;IAC9B,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,0EAA0E;AAC1E,wBAAgB,KAAK,CAAE,GAAG,EAAE,eAAe,GAAG,kBAAkB,CA6C/D"}
|
package/dist/util/defaults.js
CHANGED
|
@@ -30,6 +30,35 @@ const CONTROL_COMPONENTS = [
|
|
|
30
30
|
'VRadioGroup',
|
|
31
31
|
'VSwitch',
|
|
32
32
|
];
|
|
33
|
+
/**
|
|
34
|
+
* Everything that draws a Material ripple.
|
|
35
|
+
*
|
|
36
|
+
* Longer than it looks, because a defaults key is matched by component
|
|
37
|
+
* name and several of these only look like a `VBtn`. The tab, the app-bar
|
|
38
|
+
* nav icon and the fab each declare their own prop set and hand it to a
|
|
39
|
+
* `VBtn` themselves, so a `VBtn` default never reaches them; the checkbox,
|
|
40
|
+
* the radio and the switch all reach one `VSelectionControl` underneath
|
|
41
|
+
* but arrive there under three different names. A theme that turned the
|
|
42
|
+
* ripple off on buttons alone would still get one from the hamburger and
|
|
43
|
+
* from every tick box on the screen.
|
|
44
|
+
*/
|
|
45
|
+
const RIPPLE_COMPONENTS = [
|
|
46
|
+
'VBtn',
|
|
47
|
+
'VTab',
|
|
48
|
+
'VAppBarNavIcon',
|
|
49
|
+
'VFab',
|
|
50
|
+
'VChip',
|
|
51
|
+
'VCard',
|
|
52
|
+
'VListItem',
|
|
53
|
+
'VExpansionPanelTitle',
|
|
54
|
+
'VStepperItem',
|
|
55
|
+
'VRating',
|
|
56
|
+
'VCheckbox',
|
|
57
|
+
'VCheckboxBtn',
|
|
58
|
+
'VRadio',
|
|
59
|
+
'VRadioGroup',
|
|
60
|
+
'VSwitch',
|
|
61
|
+
];
|
|
33
62
|
/** Containers that share the `flat` / `border` props. */
|
|
34
63
|
const BAR_COMPONENTS = [
|
|
35
64
|
'VAppBar',
|
|
@@ -53,6 +82,28 @@ export const controls = (props) => spread(CONTROL_COMPONENTS, props);
|
|
|
53
82
|
export const bars = (props) => spread(BAR_COMPONENTS, props);
|
|
54
83
|
/** Applies the same props to cards, alerts and chips. */
|
|
55
84
|
export const surfaces = (props) => spread(SURFACE_COMPONENTS, props);
|
|
85
|
+
/**
|
|
86
|
+
* Turns the Material ripple off — or back on — everywhere one is drawn.
|
|
87
|
+
*
|
|
88
|
+
* The ripple is an animation about the weight of a surface, so a theme
|
|
89
|
+
* with no weight to describe is better off without it: it delays the
|
|
90
|
+
* moment a control looks like it answered, which on a screen someone
|
|
91
|
+
* works in all day is the one thing motion must never do.
|
|
92
|
+
*/
|
|
93
|
+
export const ripple = (on) => spread(RIPPLE_COMPONENTS, { ripple: on });
|
|
94
|
+
export function overlays(set) {
|
|
95
|
+
const byComponent = {
|
|
96
|
+
VDialog: set.dialog,
|
|
97
|
+
VMenu: set.menu,
|
|
98
|
+
// Shadows the `VMenu` default above rather than inheriting it.
|
|
99
|
+
VSelect: set.menu,
|
|
100
|
+
VTooltip: set.tooltip,
|
|
101
|
+
VSnackbar: set.snackbar,
|
|
102
|
+
};
|
|
103
|
+
return Object.fromEntries(Object.entries(byComponent)
|
|
104
|
+
.filter(([, transition]) => transition !== undefined)
|
|
105
|
+
.map(([name, transition]) => [name, { transition }]));
|
|
106
|
+
}
|
|
56
107
|
/** Applies the same `density` to lists and both table components. */
|
|
57
108
|
export const tables = (density) => ({
|
|
58
109
|
VList: { density },
|