@fiestaboard/ui 2.2.2 → 2.2.3
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/components/board/board-surfaces.d.ts +5 -5
- package/dist/components/board/scaled-board-display.d.ts +12 -4
- package/dist/components/board/scaled-board-display.js +4 -2
- package/dist/components/board/scaled-board-display.js.map +1 -1
- package/dist/components/board/static-board-display.js +4 -4
- package/dist/components/board/static-board-display.js.map +1 -1
- package/package.json +1 -1
|
@@ -20,11 +20,11 @@
|
|
|
20
20
|
* `rgb(9,9,9)`, a 4/255 luminance delta, i.e. nothing. In the default dark
|
|
21
21
|
* theme the split simply did not exist on letter tiles.
|
|
22
22
|
*
|
|
23
|
-
*
|
|
24
|
-
* in a recess, lit from above-left, with a physical gap at the hinge)
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
23
|
+
* These values were originally matched to the component's own stated intent (a
|
|
24
|
+
* leaf in a recess, lit from above-left, with a physical gap at the hinge)
|
|
25
|
+
* rather than to a physical reference, which #179 flagged as a caveat. They
|
|
26
|
+
* have since been checked against the real hardware and signed off — see #193.
|
|
27
|
+
* Treat them as validated, not provisional.
|
|
28
28
|
*/
|
|
29
29
|
import type { CSSProperties } from "react";
|
|
30
30
|
export type BoardType = "black" | "white";
|
|
@@ -21,10 +21,18 @@ export interface ScaledBoardDisplayProps extends BoardDisplayProps {
|
|
|
21
21
|
* looks identical in roomy layouts.
|
|
22
22
|
*
|
|
23
23
|
* For note-array boards (which can be very wide, e.g. 3×60, or very tall,
|
|
24
|
-
* e.g. 12×15) a small toggle switches to **actual** mode:
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
24
|
+
* e.g. 12×15) a small toggle switches to **actual** mode: the whole board —
|
|
25
|
+
* frame included — renders at its natural readable size inside a
|
|
26
|
+
* horizontally-scrollable container, and its height is left unconstrained so
|
|
27
|
+
* a tall board flows rather than scrolling vertically. The toggle is only
|
|
28
|
+
* rendered for note arrays, so flagship/note previews are visually unchanged.
|
|
29
|
+
*
|
|
30
|
+
* Fit mode is also the answer to "a board does not fit a phone" (issue #192):
|
|
31
|
+
* a 6×22 flagship board's smallest unscaled render is ~379px, wider than the
|
|
32
|
+
* ~326px content box a 390px phone leaves, and the tile scale deliberately has
|
|
33
|
+
* no step below `base` (issue #176). Wrapping the board here scales it to
|
|
34
|
+
* whatever slot it is given — down to ~262px, measured — without adding a
|
|
35
|
+
* geometry step and without touching the tile proportions.
|
|
28
36
|
*/
|
|
29
37
|
declare function ScaledBoardDisplayImpl({ previewSizeLabel, fitModeLabel, actualModeLabel, ...props }: ScaledBoardDisplayProps): import("react").JSX.Element;
|
|
30
38
|
/**
|
|
@@ -84,8 +84,10 @@ function f({ previewSizeLabel: r = "Preview size", fitModeLabel: l = "Fit", actu
|
|
|
84
84
|
children: [D, /* @__PURE__ */ s("div", {
|
|
85
85
|
"data-testid": "actual-size-scroll",
|
|
86
86
|
className: "w-full overflow-x-auto",
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
children: /* @__PURE__ */ s("div", {
|
|
88
|
+
className: "min-w-max",
|
|
89
|
+
children: /* @__PURE__ */ s(n, { ...p })
|
|
90
|
+
})
|
|
89
91
|
})]
|
|
90
92
|
}) : /* @__PURE__ */ c("div", {
|
|
91
93
|
"data-slot": "scaled-board-display",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scaled-board-display.js","names":[],"sources":["../../../src/components/board/scaled-board-display.tsx"],"mappings":";;;;;;;AAWA,IAAM,IAAmB;AAGzB,SAAS,IAA8B;CACrC,IAAI,OAAO,SAAW,KAAa,OAAO;CAC1C,IAAI;EAEF,OADe,OAAO,eAAe,QAAQ,CACtC,MAAW,WAAW,WAAW;CAC1C,QAAQ;EAEN,OAAO;CACT;AACF;AAGA,SAAS,EAAgB,GAAyB;CAC5C,aAAO,SAAW,MACtB,IAAI;EACF,OAAO,eAAe,QAAQ,GAAkB,CAAI;CACtD,QAAQ,CAER;AACF;
|
|
1
|
+
{"version":3,"file":"scaled-board-display.js","names":[],"sources":["../../../src/components/board/scaled-board-display.tsx"],"mappings":"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"}
|
|
@@ -47,7 +47,7 @@ var g = f(function({ message: f, size: g = "sm", boardType: _ = "black", deviceT
|
|
|
47
47
|
return g === "sm" ? /* @__PURE__ */ m("div", {
|
|
48
48
|
"data-note-tile": "",
|
|
49
49
|
...a,
|
|
50
|
-
className: `${s[g]} ${o[g]}`,
|
|
50
|
+
className: `${s[g]} ${o[g]} shrink-0`,
|
|
51
51
|
style: {
|
|
52
52
|
backgroundColor: r,
|
|
53
53
|
boxShadow: P,
|
|
@@ -57,7 +57,7 @@ var g = f(function({ message: f, size: g = "sm", boardType: _ = "black", deviceT
|
|
|
57
57
|
}, n) : /* @__PURE__ */ m("div", {
|
|
58
58
|
"data-note-tile": "",
|
|
59
59
|
...a,
|
|
60
|
-
className: `relative ${s[g]} ${o[g]} overflow-hidden`,
|
|
60
|
+
className: `relative ${s[g]} ${o[g]} shrink-0 overflow-hidden`,
|
|
61
61
|
style: {
|
|
62
62
|
backgroundColor: D,
|
|
63
63
|
boxShadow: P,
|
|
@@ -85,7 +85,7 @@ var g = f(function({ message: f, size: g = "sm", boardType: _ = "black", deviceT
|
|
|
85
85
|
return g === "sm" ? /* @__PURE__ */ m("div", {
|
|
86
86
|
"data-note-tile": "",
|
|
87
87
|
...a,
|
|
88
|
-
className: `${s[g]} ${o[g]} flex items-center justify-center`,
|
|
88
|
+
className: `${s[g]} ${o[g]} flex shrink-0 items-center justify-center`,
|
|
89
89
|
style: {
|
|
90
90
|
backgroundColor: D,
|
|
91
91
|
boxShadow: P,
|
|
@@ -100,7 +100,7 @@ var g = f(function({ message: f, size: g = "sm", boardType: _ = "black", deviceT
|
|
|
100
100
|
}, n) : /* @__PURE__ */ h("div", {
|
|
101
101
|
"data-note-tile": "",
|
|
102
102
|
...a,
|
|
103
|
-
className: `relative ${s[g]} ${o[g]} overflow-hidden`,
|
|
103
|
+
className: `relative ${s[g]} ${o[g]} shrink-0 overflow-hidden`,
|
|
104
104
|
style: {
|
|
105
105
|
backgroundColor: D,
|
|
106
106
|
boxShadow: P,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"static-board-display.js","names":[],"sources":["../../../src/components/board/static-board-display.tsx"],"mappings":";;;;;;;;;AAoCA,IAAa,IAAqB,EAAK,SAA4B,EACjE,YACA,UAAO,MACP,eAAY,SACZ,gBAAa,YACb,eAAY,IACZ,eAAY,GACZ,eAAY,GACZ,kBAAe,iBACf,gBAAa,yBACa;CAC1B,IAAM,IAAO,EAAkB,GAAY,GAAW,CAAS,GACzD,IAAY,EAAY,CAAU,GAClC,IAAe,MAAc,SAC7B,IAAS,IAAe,qCAAqC,mCAC7D,IAAY,IAAe,qCAAqC,mCAEhE,IAAO,QACL,EAAc,KAAW,IAAI,EAAK,MAAM,EAAK,MAAM,CAAU,GACnE;EAAC;EAAS,EAAK;EAAM,EAAK;EAAM;CAAU,CAC5C,GAGM,IAAU,MAAS,OAAO,QAAQ,MAAS,OAAO,QAAQ,QAE1D,IAAU,IAAe,mCAAmC,iCAC5D,IAAc,IAAe,0CAA0C,wCAGvE,IACJ,MAAS,OACL,IACE,qEACA,sEACF,IACE,2IACA,0IACF,IACJ,MAAS,OACL,IACE,+BACA,8BACF,IACE,iLACA;CAKR,OACE,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,OAAD;GACE,MAAK;GACL,cAAY,IAAU,IAAe;GACrC,aAAU;GACV,WAAW,GARf,MAAS,OAAO,4BAA4B,wEAQZ,GAAG,EAAU;GACzC,OAAO;IAAE,iBAAiB;IAAS;IAAa;IAAW,OAAO;GAAc;GAEhF,UAAA,kBAAC,OAAD;IACE,WAAW,GAAG,EAAe,GAAM;IACnC,eAAY;IACZ,OAAO,EACL,YAAY,IACR,6GACA,6FACN;IAEA,UAAA,kBAAC,OAAD;KAAK,WAAW,iBAAiB,EAAW;KACzC,UAAA,EAAK,KAAK,GAAK,MAAW;MACzB,IAAM,IAAY,KAAa,IAAS,KAAK,IAAA,KAAuB;MACpE,OACE,kBAAC,OAAD;OAEE,iBAAc;OACd,GAAK,IAAY,EAAE,sBAAsB,OAAO,IAAI,CAAC;OACrD,WAAW,QAAQ,EAAW,GAAM;OACpC,OAAO,IAAY,EAAE,WAAW,EAAQ,IAAI,KAAA;
|
|
1
|
+
{"version":3,"file":"static-board-display.js","names":[],"sources":["../../../src/components/board/static-board-display.tsx"],"mappings":";;;;;;;;;AAoCA,IAAa,IAAqB,EAAK,SAA4B,EACjE,YACA,UAAO,MACP,eAAY,SACZ,gBAAa,YACb,eAAY,IACZ,eAAY,GACZ,eAAY,GACZ,kBAAe,iBACf,gBAAa,yBACa;CAC1B,IAAM,IAAO,EAAkB,GAAY,GAAW,CAAS,GACzD,IAAY,EAAY,CAAU,GAClC,IAAe,MAAc,SAC7B,IAAS,IAAe,qCAAqC,mCAC7D,IAAY,IAAe,qCAAqC,mCAEhE,IAAO,QACL,EAAc,KAAW,IAAI,EAAK,MAAM,EAAK,MAAM,CAAU,GACnE;EAAC;EAAS,EAAK;EAAM,EAAK;EAAM;CAAU,CAC5C,GAGM,IAAU,MAAS,OAAO,QAAQ,MAAS,OAAO,QAAQ,QAE1D,IAAU,IAAe,mCAAmC,iCAC5D,IAAc,IAAe,0CAA0C,wCAGvE,IACJ,MAAS,OACL,IACE,qEACA,sEACF,IACE,2IACA,0IACF,IACJ,MAAS,OACL,IACE,+BACA,8BACF,IACE,iLACA;CAKR,OACE,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,OAAD;GACE,MAAK;GACL,cAAY,IAAU,IAAe;GACrC,aAAU;GACV,WAAW,GARf,MAAS,OAAO,4BAA4B,wEAQZ,GAAG,EAAU;GACzC,OAAO;IAAE,iBAAiB;IAAS;IAAa;IAAW,OAAO;GAAc;GAEhF,UAAA,kBAAC,OAAD;IACE,WAAW,GAAG,EAAe,GAAM;IACnC,eAAY;IACZ,OAAO,EACL,YAAY,IACR,6GACA,6FACN;IAEA,UAAA,kBAAC,OAAD;KAAK,WAAW,iBAAiB,EAAW;KACzC,UAAA,EAAK,KAAK,GAAK,MAAW;MACzB,IAAM,IAAY,KAAa,IAAS,KAAK,IAAA,KAAuB;MACpE,OACE,kBAAC,OAAD;OAEE,iBAAc;OACd,GAAK,IAAY,EAAE,sBAAsB,OAAO,IAAI,CAAC;OACrD,WAAW,QAAQ,EAAW,GAAM;OACpC,OAAO,IAAY,EAAE,WAAW,EAAQ,IAAI,KAAA;OAkB3C,UAAA,EAAI,KAAK,GAAO,MAAW;QAC1B,IAAM,IAAY,KAAa,IAAS,KAAK,IAAA,MAAuB,GAC9D,IAAgB,IAAY,EAAE,YAAY,EAAQ,IAAI,KAAA,GACtD,IAAY,IAAY,EAAE,sBAAsB,OAAO,IAAI,CAAC;QAElE,IAAI,EAAM,SAAS,SAAS;SAC1B,IAAM,IAAU,EAAiB,EAAM,MAAM,CAAY;SAmBzD,OAhBI,MAAS,OAET,kBAAC,OAAD;UAEE,kBAAe;UACf,GAAI;UACJ,WAAW,GAAG,EAAY,GAAM,GAAG,EAAc,GAAM;UACvD,OAAO;WACL,iBAAiB;WACjB,WAAW;WACX,SAAS;WACT,GAAG;UACL;SACD,GAVM,CAUN,IAIH,kBAAC,OAAD;UAEE,kBAAe;UACf,GAAI;UACJ,WAAW,YAAY,EAAY,GAAM,GAAG,EAAc,GAAM;UAChE,OAAO;WACL,iBAAiB;WACjB,WAAW;WACX,SAAS;WACT,GAAG;UACL;UAEA,UAAA,kBAAC,OAAD;WACE,WAAW,YAAY,EAAc,GAAM;WAC3C,OAAO;YACL,KAAK;YACL,QAAQ;YACR,MAAM;YACN,OAAO;YACP,iBAAiB;YACjB,WACE;WACJ;WAEA,UAAA,kBAAC,OAAD;YAAK,WAAW;YAAY,OAAO,EAAU;WAAa,CAAA;UACvD,CAAA;SACF,GAzBE,CAyBF;QAET;QAEA,IAAM,IAAO,EAAM,OACb,IAAU,MAAS;QAgCzB,OA1BI,MAAS,OAET,kBAAC,OAAD;SAEE,kBAAe;SACf,GAAI;SACJ,WAAW,GAAG,EAAY,GAAM,GAAG,EAAc,GAAM;SACvD,OAAO;UACL,iBAAiB;UACjB,WAAW;UACX,SAAS;UACT,GAAG;SACL;SAEC,UAAA,MAAS,OACR,kBAAC,QAAD;UACE,WAAW,GAAG,EAAgB,GAAM;UACpC,OAAO,EAAE,OAAO,IAAU,YAAY,EAAU;UAE/C,UAAA;SACG,CAAA;QAEL,GAnBE,CAmBF,IAKP,kBAAC,OAAD;SAEE,kBAAe;SACf,GAAI;SACJ,WAAW,YAAY,EAAY,GAAM,GAAG,EAAc,GAAM;SAChE,OAAO;UACL,iBAAiB;UACjB,WAAW;UACX,SAAS;UACT,GAAG;SACL;SAVF,UAAA;UAaE,kBAAC,OAAD;WACE,WAAU;WACV,OAAO;YAAE,QAAQ;YAAG,WAAW,EAAkB;WAAW;WAE3D,UAAA,MAAS,OACR,kBAAC,QAAD;YACE,WAAW,GAAG,EAAgB,GAAM;YACpC,OAAO,EAAE,OAAO,IAAU,YAAY,EAAU;YAE/C,UAAA;WACG,CAAA;UAEL,CAAA;UACL,kBAAC,OAAD;WAAK,WAAW;WAAY,OAAO,EAAU;UAAa,CAAA;UAC1D,kBAAC,OAAD;WACE,WAAU;WACV,OAAO;YACL,QAAQ;YACR,YAAY,IACR,8FACA;WACN;UACD,CAAA;SACE;QAnCE,GAAA,CAmCF;OAET,CAAC;MACE,GAvJE,CAuJF;KAET,CAAC;IACE,CAAA;GACF,CAAA;EACF,CAAA;CACF,CAAA;AAET,CAAC"}
|