@rak200/ui 0.7.0 → 0.7.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/dist/button.d.ts.map +1 -1
- package/dist/button.js +23 -0
- package/dist/button.js.map +1 -1
- package/dist/card.d.ts.map +1 -1
- package/dist/card.js +24 -8
- package/dist/card.js.map +1 -1
- package/dist/checkbox.d.ts.map +1 -1
- package/dist/checkbox.js +10 -2
- package/dist/checkbox.js.map +1 -1
- package/dist/dialog.d.ts.map +1 -1
- package/dist/dialog.js +3 -2
- package/dist/dialog.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/input.d.ts.map +1 -1
- package/dist/input.js +21 -1
- package/dist/input.js.map +1 -1
- package/dist/menu.d.ts.map +1 -1
- package/dist/menu.js +31 -4
- package/dist/menu.js.map +1 -1
- package/dist/radio.d.ts.map +1 -1
- package/dist/radio.js +7 -0
- package/dist/radio.js.map +1 -1
- package/dist/select.d.ts.map +1 -1
- package/dist/select.js +31 -12
- package/dist/select.js.map +1 -1
- package/dist/theme.d.ts +71 -0
- package/dist/theme.d.ts.map +1 -0
- package/dist/theme.js +98 -0
- package/dist/theme.js.map +1 -0
- package/dist/toast.d.ts.map +1 -1
- package/dist/toast.js +40 -30
- package/dist/toast.js.map +1 -1
- package/dist/tokens.d.ts +2 -2
- package/dist/tokens.d.ts.map +1 -1
- package/dist/tokens.js +37 -0
- package/dist/tokens.js.map +1 -1
- package/dist/tooltip.d.ts.map +1 -1
- package/dist/tooltip.js +5 -1
- package/dist/tooltip.js.map +1 -1
- package/package.json +2 -3
package/dist/select.js
CHANGED
|
@@ -240,6 +240,23 @@ export class UiSelect extends LitElement {
|
|
|
240
240
|
display: block;
|
|
241
241
|
}
|
|
242
242
|
|
|
243
|
+
/* What a theme's glow is drawn on, around the box for the reason src/input.ts gives
|
|
244
|
+
beside its own, which tests/select.test.ts compares as it compares the box. */
|
|
245
|
+
.glow {
|
|
246
|
+
display: grid;
|
|
247
|
+
border-radius: ${reference('--ui-radius')};
|
|
248
|
+
color: ${reference('--ui-color-accent')};
|
|
249
|
+
box-shadow: ${reference('--ui-elevation-control')};
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
.glow:has(> [aria-invalid='true']) {
|
|
253
|
+
color: ${reference('--ui-color-danger')};
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
.glow:has(> :disabled) {
|
|
257
|
+
box-shadow: none;
|
|
258
|
+
}
|
|
259
|
+
|
|
243
260
|
/* The box, which src/input.ts also draws and tests/select.test.ts compares. */
|
|
244
261
|
select {
|
|
245
262
|
box-sizing: border-box;
|
|
@@ -536,19 +553,21 @@ export class UiSelect extends LitElement {
|
|
|
536
553
|
return html `
|
|
537
554
|
<div class="stack" part="stack">
|
|
538
555
|
<label for="control" part="label">${this.label}</label>
|
|
539
|
-
<
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
556
|
+
<span class="glow"
|
|
557
|
+
><select
|
|
558
|
+
id="control"
|
|
559
|
+
part="control"
|
|
560
|
+
name=${this.name === '' ? nothing : this.name}
|
|
561
|
+
?required=${this.required}
|
|
562
|
+
?disabled=${this.disabled}
|
|
563
|
+
?multiple=${this.multiple}
|
|
564
|
+
aria-invalid=${this.error === '' ? nothing : 'true'}
|
|
565
|
+
aria-describedby=${this.#described()}
|
|
566
|
+
@change=${this.#changed}
|
|
567
|
+
>
|
|
568
|
+
${[...this.children].map((node) => this.#draw(node, chosen))}
|
|
569
|
+
</select></span
|
|
549
570
|
>
|
|
550
|
-
${[...this.children].map((node) => this.#draw(node, chosen))}
|
|
551
|
-
</select>
|
|
552
571
|
${this.help === ''
|
|
553
572
|
? nothing
|
|
554
573
|
: html `<span class="help" id="help" part="help">${this.help}</span>`}
|
package/dist/select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../src/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAuC,MAAM,KAAK,CAAC;AAC1F,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,GAAG,GAAG,GAAG,CAAA,QAAQ,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,SAAS,GAAG,GAAG,CAAA,QAAQ,SAAS,CAAC,YAAY,CAAC,UAAU,GAAG,OAAO,CAAC;AAEzE;;;;;GAKG;AACH,uFAAuF;AACvF,yFAAyF;AACzF,yFAAyF;AACzF,4EAA4E;AAC5E,MAAM,YAAY,GAAG,mBAAmB,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,aAAc,SAAQ,UAAU;aACT,WAAM,GAAc,GAAG,CAAA;;;;KAI/C,CAAC;IAEO,OAAO;QACZ,IAAI,CAAC,SAAS,EAAE,CAAC;IACrB,CAAC;IAEQ,SAAS,GAAG,GAAS,EAAE;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC;IAEO,MAAM;QACX,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,SAAS,UAAU,CAAC;IAC7D,CAAC;;AAGL;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,QAAS,SAAQ,aAAa;IAA3C;;QAQI;;;;;WAKG;QACH,UAAK,GAAG,EAAE,CAAC;QAEX,wDAAwD;QACxD,aAAQ,GAAG,KAAK,CAAC;QAEjB,8CAA8C;QAC9C,aAAQ,GAAG,KAAK,CAAC;IACrB,CAAC;IApBG,mDAAmD;aAC1B,eAAU,GAAG;QAClC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;QACtC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QAC1C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;KAC7C,AAJkC,CAIjC;;AAiBN;;;;;;;;;GASG;AACH,MAAM,OAAO,UAAW,SAAQ,aAAa;IAA7C;;QAOI,oDAAoD;QACpD,UAAK,GAAG,EAAE,CAAC;QAEX,sDAAsD;QACtD,aAAQ,GAAG,KAAK,CAAC;IACrB,CAAC;IAXG,mDAAmD;aAC1B,eAAU,GAAG;QAClC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;QACtC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;KAC7C,AAHkC,CAGjC;;AASN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../src/select.ts"],"names":[],"mappings":"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"}
|
package/dist/theme.d.ts
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { type DerivedToken, type Token } from './tokens.js';
|
|
2
|
+
/** A name a theme may set: a ground, or a derived role it overrides. */
|
|
3
|
+
type Named = Token | DerivedToken;
|
|
4
|
+
/**
|
|
5
|
+
* A named set of decisions, as data, for {@link themeStyleSheet} to render.
|
|
6
|
+
*
|
|
7
|
+
* **The object `defaults`, `darkScheme` and `moreContrast` already are**, for a palette other
|
|
8
|
+
* than the default one — RFC 0003. Data first and CSS second, because a target that is not CSS
|
|
9
|
+
* reads the source rather than parsing a stylesheet back into values, which is what #24 records
|
|
10
|
+
* as the thing to avoid.
|
|
11
|
+
*
|
|
12
|
+
* A theme carries no `scheme`: no shipped theme declines one, and a theme that wanted one would
|
|
13
|
+
* gain an optional field, additively.
|
|
14
|
+
*/
|
|
15
|
+
export interface Theme {
|
|
16
|
+
/** What `data-ui-theme` says to select it. */
|
|
17
|
+
readonly name: string;
|
|
18
|
+
/**
|
|
19
|
+
* What it sets, at its value in the light scheme or in both — as `defaults` is. A derived
|
|
20
|
+
* role belongs here only where the theme needs a different mix than the formula gives,
|
|
21
|
+
* and then the floors measure what it wrote.
|
|
22
|
+
*/
|
|
23
|
+
readonly values: Readonly<Partial<Record<Named, string>>>;
|
|
24
|
+
/** The values that differ in the dark scheme, as `darkScheme` is. Colours only. */
|
|
25
|
+
readonly dark?: Readonly<Partial<Record<Named, string>>>;
|
|
26
|
+
/**
|
|
27
|
+
* Its answer to `prefers-contrast: more`, a light and a dark value per name, as
|
|
28
|
+
* `moreContrast` is.
|
|
29
|
+
*/
|
|
30
|
+
readonly more?: Readonly<Partial<Record<Named, readonly [light: string, dark: string]>>>;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* A theme as CSS: its block under `[data-ui-theme='…']`, and its answer to
|
|
34
|
+
* `prefers-contrast: more` after it.
|
|
35
|
+
*
|
|
36
|
+
* **Never emitted by `tokenStyleSheet()`**, so a host inserts the block for a theme it uses
|
|
37
|
+
* and pays for no theme it never selects. Selecting one stays the attribute.
|
|
38
|
+
*
|
|
39
|
+
* **The answer resets the states the default palette's answer writes and the theme's leaves
|
|
40
|
+
* out.** `tokenStyleSheet()` writes them under `more` at `:root`, and a value declared at
|
|
41
|
+
* `:root` reaches every subtree — so under a theme it would paint the default palette's greys
|
|
42
|
+
* over the theme's grounds. `initial` takes each back to its formula, which resolves against
|
|
43
|
+
* the theme's own grounds where it is used. A ground needs no reset: one the theme declares
|
|
44
|
+
* wins on its own element, and one it does not is the reader's setting, rightly inherited.
|
|
45
|
+
*/
|
|
46
|
+
export declare function themeStyleSheet(theme: Theme): string;
|
|
47
|
+
/**
|
|
48
|
+
* Matrix: a terminal's green on near-black in the dark scheme, and the same idea on white in
|
|
49
|
+
* the light one — RFC 0003 built it in both and kept both.
|
|
50
|
+
*
|
|
51
|
+
* The dark scheme is the reference's wherever the floors allow it: its green on `#050505`,
|
|
52
|
+
* a monospace face, an 8px corner. On white that green is 1.37:1, so the text goes to a dark
|
|
53
|
+
* green and the accent to a middle one, which keeps the derived black label legible on it.
|
|
54
|
+
* Success is the theme's own green, where the default palette's would sit beside it as a
|
|
55
|
+
* second one, and info a terminal's brighter cyan; both clear the 4.5:1 every outcome does.
|
|
56
|
+
*
|
|
57
|
+
* **The raised surfaces' glow is the elevation step**: the card, the menu, the toast and the
|
|
58
|
+
* tip already read `--ui-elevation-100`, and a glow is a shadow at no offset. A shadow is not
|
|
59
|
+
* a colour, so `light-dark()` cannot carry two of them — but the part of a glow that follows
|
|
60
|
+
* the scheme is its colour, and a colour inside a shadow can be `light-dark()`. The strength
|
|
61
|
+
* the prototype settled on, 1.8, is folded into the alphas. **The controls wear the same
|
|
62
|
+
* ring and glow through `--ui-elevation-control`.** Both are written in `currentColor`, so
|
|
63
|
+
* each surface and control lights them in its own colour: the accent's green, the danger on
|
|
64
|
+
* an invalid control, and a toast's edge.
|
|
65
|
+
*
|
|
66
|
+
* Under `prefers-contrast: more` the green stays on the accent, and the text and the edge of
|
|
67
|
+
* what floats over the page go to the text's pole.
|
|
68
|
+
*/
|
|
69
|
+
export declare const matrix: Theme;
|
|
70
|
+
export {};
|
|
71
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,YAAY,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzF,wEAAwE;AACxE,KAAK,KAAK,GAAG,KAAK,GAAG,YAAY,CAAC;AAElC;;;;;;;;;;GAUG;AACH,MAAM,WAAW,KAAK;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAC1D,mFAAmF;IACnF,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5F;AAOD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAmBpD;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,MAAM,EAAE,KA4CpB,CAAC"}
|
package/dist/theme.js
ADDED
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { derivedTokens, moreContrast } from './tokens.js';
|
|
2
|
+
/** One declaration, a value with its dark one where it has one. */
|
|
3
|
+
function declare(name, light, dark) {
|
|
4
|
+
return ` ${name}: ${dark === undefined ? light : `light-dark(${light}, ${dark})`};`;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* A theme as CSS: its block under `[data-ui-theme='…']`, and its answer to
|
|
8
|
+
* `prefers-contrast: more` after it.
|
|
9
|
+
*
|
|
10
|
+
* **Never emitted by `tokenStyleSheet()`**, so a host inserts the block for a theme it uses
|
|
11
|
+
* and pays for no theme it never selects. Selecting one stays the attribute.
|
|
12
|
+
*
|
|
13
|
+
* **The answer resets the states the default palette's answer writes and the theme's leaves
|
|
14
|
+
* out.** `tokenStyleSheet()` writes them under `more` at `:root`, and a value declared at
|
|
15
|
+
* `:root` reaches every subtree — so under a theme it would paint the default palette's greys
|
|
16
|
+
* over the theme's grounds. `initial` takes each back to its formula, which resolves against
|
|
17
|
+
* the theme's own grounds where it is used. A ground needs no reset: one the theme declares
|
|
18
|
+
* wins on its own element, and one it does not is the reader's setting, rightly inherited.
|
|
19
|
+
*/
|
|
20
|
+
export function themeStyleSheet(theme) {
|
|
21
|
+
const selector = `[data-ui-theme='${theme.name}']`;
|
|
22
|
+
const values = Object.entries(theme.values).map(([name, light]) => declare(name, light, theme.dark?.[name]));
|
|
23
|
+
const answered = theme.more ?? {};
|
|
24
|
+
const resets = derivedTokens.filter((name) => name in moreContrast && !(name in answered) && !(name in theme.values));
|
|
25
|
+
const answer = [
|
|
26
|
+
...Object.entries(answered).map(([name, [light, dark]]) => declare(name, light, dark)),
|
|
27
|
+
...resets.map((name) => ` ${name}: initial;`),
|
|
28
|
+
].map((line) => ` ${line}`);
|
|
29
|
+
return [
|
|
30
|
+
`${selector} {\n${values.join('\n')}\n}`,
|
|
31
|
+
`@media (prefers-contrast: more) {\n ${selector} {\n${answer.join('\n')}\n }\n}`,
|
|
32
|
+
].join('\n\n');
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Matrix: a terminal's green on near-black in the dark scheme, and the same idea on white in
|
|
36
|
+
* the light one — RFC 0003 built it in both and kept both.
|
|
37
|
+
*
|
|
38
|
+
* The dark scheme is the reference's wherever the floors allow it: its green on `#050505`,
|
|
39
|
+
* a monospace face, an 8px corner. On white that green is 1.37:1, so the text goes to a dark
|
|
40
|
+
* green and the accent to a middle one, which keeps the derived black label legible on it.
|
|
41
|
+
* Success is the theme's own green, where the default palette's would sit beside it as a
|
|
42
|
+
* second one, and info a terminal's brighter cyan; both clear the 4.5:1 every outcome does.
|
|
43
|
+
*
|
|
44
|
+
* **The raised surfaces' glow is the elevation step**: the card, the menu, the toast and the
|
|
45
|
+
* tip already read `--ui-elevation-100`, and a glow is a shadow at no offset. A shadow is not
|
|
46
|
+
* a colour, so `light-dark()` cannot carry two of them — but the part of a glow that follows
|
|
47
|
+
* the scheme is its colour, and a colour inside a shadow can be `light-dark()`. The strength
|
|
48
|
+
* the prototype settled on, 1.8, is folded into the alphas. **The controls wear the same
|
|
49
|
+
* ring and glow through `--ui-elevation-control`.** Both are written in `currentColor`, so
|
|
50
|
+
* each surface and control lights them in its own colour: the accent's green, the danger on
|
|
51
|
+
* an invalid control, and a toast's edge.
|
|
52
|
+
*
|
|
53
|
+
* Under `prefers-contrast: more` the green stays on the accent, and the text and the edge of
|
|
54
|
+
* what floats over the page go to the text's pole.
|
|
55
|
+
*/
|
|
56
|
+
export const matrix = {
|
|
57
|
+
name: 'matrix',
|
|
58
|
+
values: {
|
|
59
|
+
'--ui-color-surface': '#ffffff',
|
|
60
|
+
'--ui-color-text': '#003b00',
|
|
61
|
+
'--ui-color-accent': '#008f11',
|
|
62
|
+
'--ui-color-focus': '#008f11',
|
|
63
|
+
'--ui-color-success': '#00850f',
|
|
64
|
+
'--ui-color-info': '#00778a',
|
|
65
|
+
'--ui-font': "'Courier New', Courier, ui-monospace, monospace",
|
|
66
|
+
'--ui-radius': '0.5rem',
|
|
67
|
+
// 18% and 30% of the text rather than the formula's 16% and 26%: a green text is
|
|
68
|
+
// far from neutral, and the formula's mix left the dark hover at 1.24:1 and the light
|
|
69
|
+
// pressed 1.24 past the hover, under the 1.25 both owe. Written as values, so they
|
|
70
|
+
// are data a target that is not CSS can read.
|
|
71
|
+
'--ui-color-hover': '#cfd9ce',
|
|
72
|
+
'--ui-color-pressed': '#b0c1ae',
|
|
73
|
+
'--ui-elevation-100': '0 0 0 1px light-dark(rgb(from currentColor r g b / 0.54), rgb(from currentColor r g b / 0.45)), 0 0 18px light-dark(rgb(from currentColor r g b / 0.45), rgb(from currentColor r g b / 0.54))',
|
|
74
|
+
// The same ring and glow on every control, at the same strengths, so neither reads
|
|
75
|
+
// weaker than the other. In the control's own colour, which is the accent's green
|
|
76
|
+
// and the danger on an invalid one.
|
|
77
|
+
'--ui-elevation-control': '0 0 0 1px light-dark(rgb(from currentColor r g b / 0.54), rgb(from currentColor r g b / 0.45)), 0 0 18px light-dark(rgb(from currentColor r g b / 0.45), rgb(from currentColor r g b / 0.54))',
|
|
78
|
+
// Under the pointer the ring goes solid and the glow doubles, which stops at solid in
|
|
79
|
+
// the dark: the fills' own hovers barely move in this green, so the glow says a
|
|
80
|
+
// button is live.
|
|
81
|
+
'--ui-elevation-control-hover': '0 0 0 1px currentColor, 0 0 18px light-dark(rgb(from currentColor r g b / 0.9), currentColor)',
|
|
82
|
+
},
|
|
83
|
+
dark: {
|
|
84
|
+
'--ui-color-surface': '#050505',
|
|
85
|
+
'--ui-color-text': '#00ff00',
|
|
86
|
+
'--ui-color-accent': '#00ff00',
|
|
87
|
+
'--ui-color-focus': '#ccffcc',
|
|
88
|
+
'--ui-color-success': '#00ff00',
|
|
89
|
+
'--ui-color-info': '#00e5ff',
|
|
90
|
+
'--ui-color-hover': '#11280f',
|
|
91
|
+
'--ui-color-pressed': '#174315',
|
|
92
|
+
},
|
|
93
|
+
more: {
|
|
94
|
+
'--ui-color-text': ['#000000', '#ffffff'],
|
|
95
|
+
'--ui-color-border-overlay': ['#000000', '#ffffff'],
|
|
96
|
+
},
|
|
97
|
+
};
|
|
98
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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"}
|
package/dist/toast.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA0C,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9F,gGAAgG;AAChG,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAoCrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACrC,yCAAyC;IACzC,gBAAyB,MAAM,0BAiD7B;IAEF,mFAAmF;IAC1E,iBAAiB,IAAI,IAAI;IAalC,qFAAqF;IAC5E,MAAM,IAAI,cAAc;CAMpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBAAa,OAAQ,SAAQ,UAAU;;IACnC,yCAAyC;IACzC,gBAAyB,MAAM,
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA0C,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9F,gGAAgG;AAChG,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAoCrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACrC,yCAAyC;IACzC,gBAAyB,MAAM,0BAiD7B;IAEF,mFAAmF;IAC1E,iBAAiB,IAAI,IAAI;IAalC,qFAAqF;IAC5E,MAAM,IAAI,cAAc;CAMpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,qBAAa,OAAQ,SAAQ,UAAU;;IACnC,yCAAyC;IACzC,gBAAyB,MAAM,0BAuJ7B;IAEF,mDAAmD;IACnD,gBAAyB,UAAU;;;;;;;;;;;;MAIjC;IAEF;;;;;;;;OAQG;IACH,OAAO,EAAE,YAAY,CAAU;IAE/B;;;;;;;OAOG;IACH,QAAQ,SAAS;IAEjB;;;;;;;OAOG;IACH,YAAY,SAAa;IAoCzB,2FAA2F;IAClF,iBAAiB,IAAI,IAAI;IAwBlC,yCAAyC;IAChC,oBAAoB,IAAI,IAAI;IAerC,oEAAoE;IAC3D,UAAU,IAAI,IAAI;IAQ3B,uEAAuE;IAC9D,MAAM,IAAI,cAAc;IAkCjC;;;;;OAKG;IACH,QAAQ,CAAC,OAAO,QAAO,IAAI,CAEzB;CAgEL;AAWD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;QACxB,UAAU,EAAE,OAAO,CAAC;KACvB;CACJ"}
|
package/dist/toast.js
CHANGED
|
@@ -268,23 +268,18 @@ export class UiToast extends LitElement {
|
|
|
268
268
|
gap: ${reference('--ui-space')};
|
|
269
269
|
box-sizing: border-box;
|
|
270
270
|
padding: ${reference('--ui-space')} calc(${reference('--ui-space')} * 1.5);
|
|
271
|
-
/* The edge
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
stripe's as much as the hue is. */
|
|
276
|
-
border: 1px solid ${reference('--ui-color-info')};
|
|
277
|
-
border-inline-start: calc(${reference('--ui-space')} / 2) solid
|
|
278
|
-
${reference('--ui-color-info')};
|
|
271
|
+
/* The edge's room, which the layer below draws in: the stripe at the start is
|
|
272
|
+
wider, and the rest of the edge one pixel. */
|
|
273
|
+
border: 1px solid transparent;
|
|
274
|
+
border-inline-start-width: calc(${reference('--ui-space')} / 2);
|
|
279
275
|
border-radius: ${reference('--ui-radius')};
|
|
280
276
|
background: ${reference('--ui-color-surface')};
|
|
281
|
-
|
|
277
|
+
/* The variant's colour, which the edge, the glow and the icon are lit in. The
|
|
278
|
+
message writes the text's, which is the pair the surface was chosen against. */
|
|
279
|
+
color: ${reference('--ui-color-info')};
|
|
282
280
|
font-family: ${reference('--ui-font')};
|
|
283
|
-
/*
|
|
284
|
-
|
|
285
|
-
both schemes and does almost nothing on a dark page, where the edge is what
|
|
286
|
-
separates the surface from what is under it. */
|
|
287
|
-
box-shadow: ${reference('--ui-elevation-raised')};
|
|
281
|
+
/* What the edge's layer below is laid out against. */
|
|
282
|
+
position: relative;
|
|
288
283
|
/* The toaster takes no clicks so it does not steal a corner of the page. This
|
|
289
284
|
is the part that is not the corner. */
|
|
290
285
|
pointer-events: auto;
|
|
@@ -297,15 +292,39 @@ export class UiToast extends LitElement {
|
|
|
297
292
|
}
|
|
298
293
|
|
|
299
294
|
:host([variant='success']) {
|
|
300
|
-
|
|
295
|
+
color: ${reference('--ui-color-success')};
|
|
301
296
|
}
|
|
302
297
|
|
|
303
298
|
:host([variant='warning']) {
|
|
304
|
-
|
|
299
|
+
color: ${reference('--ui-color-warning')};
|
|
305
300
|
}
|
|
306
301
|
|
|
307
302
|
:host([variant='danger']) {
|
|
308
|
-
|
|
303
|
+
color: ${reference('--ui-color-danger')};
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
/* The edge goes all the way round in one colour, the stripe at the start only
|
|
307
|
+
wider. A stripe in one colour and three sides in the derived border met at the
|
|
308
|
+
corners as a break — RFC 0003. Lifted, too, because a toast sits over the page
|
|
309
|
+
rather than in it, and bounded as well as lifted for the reason src/card.ts
|
|
310
|
+
gives.
|
|
311
|
+
|
|
312
|
+
Both are drawn on a layer whose colour is --ui-color-toast-edge, which is the
|
|
313
|
+
variant's until something sets it — the answer to more contrast sets it to the
|
|
314
|
+
text. A theme's glow written in currentColor is lit in it too. The layer covers
|
|
315
|
+
the toast and its edge, and takes no pointer, so the dismiss button is still
|
|
316
|
+
what is pressed. */
|
|
317
|
+
:host::before {
|
|
318
|
+
content: '';
|
|
319
|
+
position: absolute;
|
|
320
|
+
inset: -1px;
|
|
321
|
+
inset-inline-start: calc(${reference('--ui-space')} / -2);
|
|
322
|
+
border: 1px solid currentColor;
|
|
323
|
+
border-inline-start-width: calc(${reference('--ui-space')} / 2);
|
|
324
|
+
border-radius: inherit;
|
|
325
|
+
pointer-events: none;
|
|
326
|
+
color: ${reference('--ui-color-toast-edge')};
|
|
327
|
+
box-shadow: ${reference('--ui-elevation-raised')};
|
|
309
328
|
}
|
|
310
329
|
|
|
311
330
|
/* The icon takes the edge's colour, and sits centred on the message's first line,
|
|
@@ -315,19 +334,7 @@ export class UiToast extends LitElement {
|
|
|
315
334
|
.icon {
|
|
316
335
|
flex: none;
|
|
317
336
|
margin-block: calc((1lh - ${reference('--ui-icon-size')}) / 2);
|
|
318
|
-
color: ${reference('--ui-color-
|
|
319
|
-
}
|
|
320
|
-
|
|
321
|
-
:host([variant='success']) .icon {
|
|
322
|
-
color: ${reference('--ui-color-success')};
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
:host([variant='warning']) .icon {
|
|
326
|
-
color: ${reference('--ui-color-warning')};
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
:host([variant='danger']) .icon {
|
|
330
|
-
color: ${reference('--ui-color-danger')};
|
|
337
|
+
color: ${reference('--ui-color-toast-edge')};
|
|
331
338
|
}
|
|
332
339
|
|
|
333
340
|
/* Where the entrance comes from. Without it there is nothing to transition out of:
|
|
@@ -353,6 +360,9 @@ export class UiToast extends LitElement {
|
|
|
353
360
|
flex item refuses to shrink below its content without this. */
|
|
354
361
|
flex: 1;
|
|
355
362
|
min-inline-size: 0;
|
|
363
|
+
/* The pair, never half of it: the surface was chosen against the text, and the
|
|
364
|
+
toast's own colour is its variant's. */
|
|
365
|
+
color: ${reference('--ui-color-text')};
|
|
356
366
|
}
|
|
357
367
|
|
|
358
368
|
button {
|
package/dist/toast.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../src/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAA+C,MAAM,KAAK,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,2FAA2F;AAC3F,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B;;;;;;;GAOG;AACH,MAAM,MAAM,GAAsD;IAC9D,IAAI,EAAE,GAAG,CAAA,iFAAiF;IAC1F,OAAO,EAAE,GAAG,CAAA,mEAAmE;IAC/E,OAAO,EAAE,GAAG,CAAA,oIAAoI;IAChJ,MAAM,EAAE,GAAG,CAAA,gFAAgF;CAC9F,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,KAAK,GAAG,IAAI,CAAC;AAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IACrC,yCAAyC;aAChB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;0CAgBC,SAAS,CAAC,YAAY,CAAC;4BACrC,SAAS,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;mBAehC,SAAS,CAAC,YAAY,CAAC;;;;;;;;;;mBAUvB,SAAS,CAAC,YAAY,CAAC;;;;;;;KAOrC,CAAC;IAEF,mFAAmF;IAC1E,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,mFAAmF;QACnF,mFAAmF;QACnF,iFAAiF;QACjF,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAEvC,gFAAgF;QAChF,+EAA+E;QAC/E,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAED,qFAAqF;IAC5E,MAAM;QACX,OAAO,IAAI,CAAA;;;SAGV,CAAC;IACN,CAAC;;AAGL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAAvC;;
|
|
1
|
+
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../src/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAA+C,MAAM,KAAK,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3C,2FAA2F;AAC3F,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B;;;;;;;GAOG;AACH,MAAM,MAAM,GAAsD;IAC9D,IAAI,EAAE,GAAG,CAAA,iFAAiF;IAC1F,OAAO,EAAE,GAAG,CAAA,mEAAmE;IAC/E,OAAO,EAAE,GAAG,CAAA,oIAAoI;IAChJ,MAAM,EAAE,GAAG,CAAA,gFAAgF;CAC9F,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,KAAK,GAAG,IAAI,CAAC;AAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IACrC,yCAAyC;aAChB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;0CAgBC,SAAS,CAAC,YAAY,CAAC;4BACrC,SAAS,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;mBAehC,SAAS,CAAC,YAAY,CAAC;;;;;;;;;;mBAUvB,SAAS,CAAC,YAAY,CAAC;;;;;;;KAOrC,CAAC;IAEF,mFAAmF;IAC1E,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,mFAAmF;QACnF,mFAAmF;QACnF,iFAAiF;QACjF,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAEvC,gFAAgF;QAChF,+EAA+E;QAC/E,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAED,qFAAqF;IAC5E,MAAM;QACX,OAAO,IAAI,CAAA;;;SAGV,CAAC;IACN,CAAC;;AAGL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAAvC;;QAkKI;;;;;;;;WAQG;QACH,YAAO,GAAiB,MAAM,CAAC;QAE/B;;;;;;;WAOG;QACH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;;;;;WAOG;QACH,iBAAY,GAAG,SAAS,CAAC;QAEzB,8FAA8F;QAC9F,WAAM,GAAG,CAAC,CAAC;QAEX;;;;WAIG;QACH,eAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QAEnC,4FAA4F;QACnF,UAAK,GAAG,GAAS,EAAE;YACxB,IAAI,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC,CAAC;QAEF,qEAAqE;QAC5D,YAAO,GAAG,GAAS,EAAE;YAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;QAClB,CAAC,CAAC;QAEF;;;;;;;WAOG;QACM,WAAM,GAAG,CAAC,KAAoB,EAAQ,EAAE;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACzB,IAAI,CAAC,OAAO,EAAE,CAAC;YACnB,CAAC;QACL,CAAC,CAAC;QAuFF;;;;;WAKG;QACM,YAAO,GAAG,GAAS,EAAE;YAC1B,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QACtB,CAAC,CAAC;IAgEN,CAAC;IA/XG,yCAAyC;aAChB,WAAM,GAAG,GAAG,CAAA;;;;mBAItB,SAAS,CAAC,YAAY,CAAC;;uBAEnB,SAAS,CAAC,YAAY,CAAC,SAAS,SAAS,CAAC,YAAY,CAAC;;;;8CAIhC,SAAS,CAAC,YAAY,CAAC;6BACxC,SAAS,CAAC,aAAa,CAAC;0BAC3B,SAAS,CAAC,oBAAoB,CAAC;;;qBAGpC,SAAS,CAAC,iBAAiB,CAAC;2BACtB,SAAS,CAAC,WAAW,CAAC;;;;;;;;;;0BAUvB,SAAS,CAAC,qBAAqB,CAAC,IAAI,SAAS,CAAC,mBAAmB,CAAC;4BAChE,SAAS,CAAC,qBAAqB,CAAC,IAAI,SAAS,CAAC,mBAAmB,CAAC;;;;qBAIzE,SAAS,CAAC,oBAAoB,CAAC;;;;qBAI/B,SAAS,CAAC,oBAAoB,CAAC;;;;qBAI/B,SAAS,CAAC,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;uCAkBZ,SAAS,CAAC,YAAY,CAAC;;8CAEhB,SAAS,CAAC,YAAY,CAAC;;;qBAGhD,SAAS,CAAC,uBAAuB,CAAC;0BAC7B,SAAS,CAAC,uBAAuB,CAAC;;;;;;;;;wCASpB,SAAS,CAAC,gBAAgB,CAAC;qBAC9C,SAAS,CAAC,uBAAuB,CAAC;;;;;;;;;oCASnB,SAAS,CAAC,YAAY,CAAC;;;;;;;;gCAQ3B,SAAS,CAAC,YAAY,CAAC;0CACb,SAAS,CAAC,kBAAkB,CAAC;;;;;;;;;;qBAUlD,SAAS,CAAC,iBAAiB,CAAC;;;;;;;;;;;;;;;6BAepB,SAAS,CAAC,aAAa,CAAC;;;;qBAIhC,SAAS,CAAC,uBAAuB,CAAC;;2CAEZ,SAAS,CAAC,qBAAqB,CAAC;kBACzD,SAAS,CAAC,mBAAmB,CAAC;;;;;;;;;;0BAUtB,SAAS,CAAC,kBAAkB,CAAC;;;;;;iCAMtB,SAAS,CAAC,kBAAkB,CAAC;;;;;;;;;2BASnC,SAAS,CAAC,gBAAgB,CAAC;4BAC1B,SAAS,CAAC,kBAAkB,CAAC;;KAEpD,AAvJ8B,CAuJ7B;IAEF,mDAAmD;aAC1B,eAAU,GAAG;QAClC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;QACxC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QAC1B,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;KAC7D,AAJkC,CAIjC;IAiCF,8FAA8F;IAC9F,MAAM,CAAK;IAEX;;;;OAIG;IACH,UAAU,CAAyB;IAEnC,4FAA4F;IACnF,KAAK,CAEZ;IAEF,qEAAqE;IAC5D,OAAO,CAEd;IAEF;;;;;;;OAOG;IACM,MAAM,CAIb;IAEF,2FAA2F;IAClF,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,gFAAgF;QAChF,mFAAmF;QACnF,oFAAoF;QACpF,yEAAyE;QACzE,IAAI,CAAC,MAAM,EAAE,CAAC;QAEd,4EAA4E;QAC5E,oDAAoD;QACpD,IAAI,CAAC,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QAExC,MAAM,OAAO,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;QAEnD,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC3D,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC7D,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACtD,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACzD,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAEvD,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAED,yCAAyC;IAChC,oBAAoB;QACzB,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QAExB,mFAAmF;QACnF,gFAAgF;QAChF,qFAAqF;QACrF,qFAAqF;QACrF,sFAAsF;QACtF,mFAAmF;QACnF,oFAAoF;QACpF,8EAA8E;QAC9E,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACjC,CAAC;IAED,oEAAoE;IAC3D,UAAU;QACf,+EAA+E;QAC/E,gFAAgF;QAChF,iFAAiF;QACjF,yCAAyC;QACzC,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAED,uEAAuE;IAC9D,MAAM;QACX,OAAO,IAAI,CAAA;;;;;;;;;;;kBAWD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;;;;;;6BAMT,IAAI,CAAC,YAAY;yBACrB,IAAI,CAAC,OAAO;;;;;;;;;;;;SAY5B,CAAC;IACN,CAAC;IAYD;;;;;;;OAOG;IACH,MAAM;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnE,CAAC;IAED,6DAA6D;IAC7D,MAAM;QACF,mFAAmF;QACnF,mCAAmC;QACnC,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE,CAAC;YACnD,OAAO;QACX,CAAC;QAED,IAAI,CAAC,KAAK,EAAE,CAAC;QAEb,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjE,CAAC;IAED,gDAAgD;IAChD,KAAK;QACD,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEjC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IACpB,CAAC;IAED,4EAA4E;IAC5E,KAAK,CAAC,KAAK;QACP,oFAAoF;QACpF,kFAAkF;QAClF,yBAAyB;QACzB,EAAE;QACF,oFAAoF;QACpF,qFAAqF;QACrF,gFAAgF;QAChF,qFAAqF;QACrF,gFAAgF;QAChF,gDAAgD;QAChD,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,OAAO;QACX,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAE5B,+EAA+E;QAC/E,+EAA+E;QAC/E,qFAAqF;QACrF,MAAM,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEtF,oFAAoF;QACpF,oFAAoF;QACpF,wBAAwB;QACxB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE/E,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;;AAGL,yFAAyF;AACzF,yFAAyF;AACzF,yFAAyF;AACzF,oEAAoE;AACpE,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAE/C,qDAAqD;AACrD,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC"}
|
package/dist/tokens.d.ts
CHANGED
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
* it does break is code that **enumerates** the set, an exhaustive `Record<Token, string>`
|
|
32
32
|
* above all. The supported shape is the partial map, which is what a theme is anyway.
|
|
33
33
|
*/
|
|
34
|
-
export declare const tokens: readonly ["--ui-color-accent", "--ui-color-surface", "--ui-color-text", "--ui-color-focus", "--ui-color-danger", "--ui-color-success", "--ui-color-warning", "--ui-color-info", "--ui-color-scrim", "--ui-radius", "--ui-space", "--ui-font", "--ui-duration-100", "--ui-easing-state", "--ui-easing-enter", "--ui-easing-exit", "--ui-icon-size", "--ui-icon-stroke", "--ui-elevation-100", "--ui-text-100"];
|
|
34
|
+
export declare const tokens: readonly ["--ui-color-accent", "--ui-color-surface", "--ui-color-text", "--ui-color-focus", "--ui-color-danger", "--ui-color-success", "--ui-color-warning", "--ui-color-info", "--ui-color-toast-edge", "--ui-color-scrim", "--ui-radius", "--ui-space", "--ui-font", "--ui-duration-100", "--ui-easing-state", "--ui-easing-enter", "--ui-easing-exit", "--ui-icon-size", "--ui-icon-stroke", "--ui-elevation-100", "--ui-elevation-control", "--ui-text-100"];
|
|
35
35
|
/** A CSS custom property this package defines and gives a default. */
|
|
36
36
|
export type Token = (typeof tokens)[number];
|
|
37
37
|
/**
|
|
@@ -44,7 +44,7 @@ export type Token = (typeof tokens)[number];
|
|
|
44
44
|
* what it buys is an override surface a host can hold in their head: change the accent and
|
|
45
45
|
* the hover and pressed colours follow, rather than being one more name each.
|
|
46
46
|
*/
|
|
47
|
-
export declare const derivedTokens: readonly ["--ui-duration-state", "--ui-color-border", "--ui-color-text-muted", "--ui-color-hover", "--ui-color-pressed", "--ui-color-accent-contrast", "--ui-color-accent-hover", "--ui-color-accent-pressed", "--ui-elevation-raised", "--ui-text-supporting", "--ui-color-surface-muted"];
|
|
47
|
+
export declare const derivedTokens: readonly ["--ui-duration-state", "--ui-color-border", "--ui-color-text-muted", "--ui-color-border-overlay", "--ui-color-hover", "--ui-color-pressed", "--ui-color-accent-contrast", "--ui-color-accent-hover", "--ui-color-accent-pressed", "--ui-elevation-raised", "--ui-elevation-control-hover", "--ui-text-supporting", "--ui-color-surface-muted"];
|
|
48
48
|
/** A CSS custom property this package computes rather than declares. */
|
|
49
49
|
export type DerivedToken = (typeof derivedTokens)[number];
|
|
50
50
|
/**
|
package/dist/tokens.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,kcAgIT,CAAC;AAEX,sEAAsE;AACtE,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,0VAyDhB,CAAC;AAEX,wEAAwE;AACxE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAqEpD,CAAC;AAoEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CA2D3D,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAiB/D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAC/B,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,YAAY,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAgBhF,CAAC;AAKF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,eAAe,IAAI,MAAM,CA2BxC"}
|
package/dist/tokens.js
CHANGED
|
@@ -52,6 +52,12 @@ export const tokens = [
|
|
|
52
52
|
// colour in the default palette and a second green beside success in a green one —
|
|
53
53
|
// RFC 0003. A ground for the reason the other three are.
|
|
54
54
|
'--ui-color-info',
|
|
55
|
+
// The edge of a toast, arriving with the answer to more contrast, which edges a toast in
|
|
56
|
+
// the text — RFC 0003. Its default is `currentColor`, and a toast's colour is its
|
|
57
|
+
// variant's, so each variant is edged in its own outcome colour with no formula per
|
|
58
|
+
// variant. Set, it edges every variant in that one colour, and a theme's glow on a toast
|
|
59
|
+
// is lit in it too.
|
|
60
|
+
'--ui-color-toast-edge',
|
|
55
61
|
// The dim behind a modal, and a *ground* rather than a derivation even though every
|
|
56
62
|
// other neutral here is derived. A derived neutral mixes toward the text, which is
|
|
57
63
|
// what makes one formula right in both schemes — and it is exactly wrong for this
|
|
@@ -121,6 +127,15 @@ export const tokens = [
|
|
|
121
127
|
// and therefore already scheme-correct — which is why `src/card.ts` draws both and
|
|
122
128
|
// says so beside them.
|
|
123
129
|
'--ui-elevation-100',
|
|
130
|
+
// The glow a theme lights a control with, arriving with Matrix under RFC 0003's second
|
|
131
|
+
// clause: a category a shipped theme brings whose default is the identity, so the
|
|
132
|
+
// default palette renders as before. A ground rather than a purpose pointing into the
|
|
133
|
+
// scale, because a control is not raised and `none` is no step of it.
|
|
134
|
+
//
|
|
135
|
+
// **A theme writes it in `currentColor`**, and the box that draws it sets its own colour
|
|
136
|
+
// to the accent, or to the danger when the control is invalid — so one value lights
|
|
137
|
+
// every control in its state's colour. `ARCHITECTURE.md` says why a named colour would not.
|
|
138
|
+
'--ui-elevation-control',
|
|
124
139
|
// The type scale, arriving with `ui-table` — the category `ROADMAP.md` said would, and
|
|
125
140
|
// the last one the v0 surface expects. It arrives to fix a defect rather than to
|
|
126
141
|
// anticipate one: `font-size: 0.875em` was written out in three places across the form
|
|
@@ -167,6 +182,11 @@ export const derivedTokens = [
|
|
|
167
182
|
// a placeholder is text, so 1.4.3 asks 4.5:1. `tests/tokens.test.ts` holds both.
|
|
168
183
|
'--ui-color-border',
|
|
169
184
|
'--ui-color-text-muted',
|
|
185
|
+
// The edge of what floats over the page — the dialog, the tip and the open menu — apart
|
|
186
|
+
// from a control's boundary, because the answer to `prefers-contrast: more` edges the
|
|
187
|
+
// first in the text and leaves the second where its floor put it — RFC 0003. Its default
|
|
188
|
+
// is the boundary's, so the default palette renders as before.
|
|
189
|
+
'--ui-color-border-overlay',
|
|
170
190
|
// `hover` matches the pseudo-class it answers to; `pressed` deliberately does not —
|
|
171
191
|
// `--ui-color-active` would read as *the active item* as readily as *the pressed
|
|
172
192
|
// control*, and the role this implements was named `accent hover / pressed`.
|
|
@@ -183,6 +203,10 @@ export const derivedTokens = [
|
|
|
183
203
|
// and will not be the last, and the name a host retunes should not be the name of
|
|
184
204
|
// whichever component happened to need it first.
|
|
185
205
|
'--ui-elevation-raised',
|
|
206
|
+
// The glow a button lights to under the pointer, arriving with Matrix beside the glow it
|
|
207
|
+
// lights from. Derived from that one, so a theme that writes only the resting glow keeps
|
|
208
|
+
// it under the pointer rather than losing it, and the default palette lights nothing.
|
|
209
|
+
'--ui-elevation-control-hover',
|
|
186
210
|
// The purpose the type scale is read through, and the only name a component writes.
|
|
187
211
|
// `supporting` is a role rather than a size and rather than a component: the four
|
|
188
212
|
// places that want it are a field's help text, a field's error, a tooltip's tip and a
|
|
@@ -238,6 +262,8 @@ export const defaults = {
|
|
|
238
262
|
'--ui-color-warning': '#b45309',
|
|
239
263
|
// Cyan-700, the step the other outcomes take, and held to their floor: 5.36:1.
|
|
240
264
|
'--ui-color-info': '#0e7490',
|
|
265
|
+
// The colour of the toast it edges, which is its variant's.
|
|
266
|
+
'--ui-color-toast-edge': 'currentColor',
|
|
241
267
|
// Half black. Enough to push the page behind a modal out of the reading order for the
|
|
242
268
|
// eye as well as for the accessibility tree, and not so much that the context a modal
|
|
243
269
|
// is *about* stops being visible. The alpha is the whole point, so this is the one
|
|
@@ -270,6 +296,7 @@ export const defaults = {
|
|
|
270
296
|
// falls on rather than tinting it — a coloured shadow is a decision this layer would
|
|
271
297
|
// have to defend at every hue a host might set.
|
|
272
298
|
'--ui-elevation-100': '0 1px 2px -1px rgb(0 0 0 / 0.1), 0 2px 6px -1px rgb(0 0 0 / 0.1)',
|
|
299
|
+
'--ui-elevation-control': 'none',
|
|
273
300
|
// The value the three hardcoded sites already carried, adopted rather than re-chosen:
|
|
274
301
|
// this token exists to make an existing decision overridable, and changing it in the
|
|
275
302
|
// same breath would hide whether the extraction was faithful. 87.5% is 14px against a
|
|
@@ -387,6 +414,10 @@ export const formulas = {
|
|
|
387
414
|
// step below clears neither — 45% is 2.94 in light, which is what a value chosen by
|
|
388
415
|
// eye would have shipped.
|
|
389
416
|
'--ui-color-border': mix('--ui-color-text', 50, '--ui-color-surface'),
|
|
417
|
+
// The boundary's own mix, written from the grounds rather than through
|
|
418
|
+
// `--ui-color-border`, since a formula reads grounds only. So a host who retunes the
|
|
419
|
+
// boundary retunes this name beside it.
|
|
420
|
+
'--ui-color-border-overlay': mix('--ui-color-text', 50, '--ui-color-surface'),
|
|
390
421
|
// 5.24:1 and 6.07:1, against a floor of 4.5. Not the 60% that first cleared it: that
|
|
391
422
|
// is 4.52 in light, a rounding error from failing, and a default nobody could then
|
|
392
423
|
// retune without breaking a floor they were not thinking about.
|
|
@@ -395,6 +426,8 @@ export const formulas = {
|
|
|
395
426
|
// lives, and a host who wants flatter cards moves the role rather than reverse
|
|
396
427
|
// engineering which step a card happens to read.
|
|
397
428
|
'--ui-elevation-raised': ground('--ui-elevation-100'),
|
|
429
|
+
// A plain reference: the resting glow, until a theme lights a brighter one.
|
|
430
|
+
'--ui-elevation-control-hover': ground('--ui-elevation-control'),
|
|
398
431
|
// A plain reference, like the two purposes above: the scale is where the value lives,
|
|
399
432
|
// and a host who wants larger supporting text moves the role rather than working out
|
|
400
433
|
// which step a tooltip happens to read.
|
|
@@ -481,6 +514,10 @@ export const moreContrast = {
|
|
|
481
514
|
'--ui-color-accent-pressed': ['#4d4d4d', '#b3b3b3'],
|
|
482
515
|
// Under the hover, so a row under the pointer is still a change rather than a stripe.
|
|
483
516
|
'--ui-color-surface-muted': ['#f2f2f2', '#141414'],
|
|
517
|
+
// What floats over the page edged in the text, which the mix toward it falls short of.
|
|
518
|
+
'--ui-color-border-overlay': ['#000000', '#ffffff'],
|
|
519
|
+
// And a toast, whichever its variant: black and white, its icon with it.
|
|
520
|
+
'--ui-color-toast-edge': ['#000000', '#ffffff'],
|
|
484
521
|
};
|
|
485
522
|
/** The category every duration name shares, which is what reduced motion collapses. */
|
|
486
523
|
const duration = '--ui-duration-';
|
package/dist/tokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"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"}
|
package/dist/tooltip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AA4CjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,qBAAa,SAAU,SAAQ,UAAU;;IACrC,yCAAyC;IACzC,gBAAyB,MAAM,
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AA4CjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,qBAAa,SAAU,SAAQ,UAAU;;IACrC,yCAAyC;IACzC,gBAAyB,MAAM,0BAsD7B;IAyFF,+EAA+E;IACtE,iBAAiB,IAAI,IAAI;IA0BlC,4EAA4E;IACnE,oBAAoB,IAAI,IAAI;IAerC,mEAAmE;IAC1D,MAAM,IAAI,cAAc;CAuXpC;AAQD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}
|
package/dist/tooltip.js
CHANGED
|
@@ -104,8 +104,12 @@ export class UiTooltip extends LitElement {
|
|
|
104
104
|
stops holding. */
|
|
105
105
|
color: ${reference('--ui-color-text')};
|
|
106
106
|
background: ${reference('--ui-color-surface')};
|
|
107
|
-
border: 1px solid ${reference('--ui-color-border')};
|
|
107
|
+
border: 1px solid ${reference('--ui-color-border-overlay')};
|
|
108
108
|
border-radius: ${reference('--ui-radius')};
|
|
109
|
+
/* On the tip itself, where the card and the menu draw theirs on a layer in the
|
|
110
|
+
accent: the tip is the host's element, so nothing of this component's sits
|
|
111
|
+
around it to carry another colour, and a shadow a theme writes in
|
|
112
|
+
currentColor is lit in the tip's text. */
|
|
109
113
|
box-shadow: ${reference('--ui-elevation-raised')};
|
|
110
114
|
}
|
|
111
115
|
|