cursedbelt 5.98.0 → 5.99.0

package/dist/react/media/ImageOriginalToggle.d.ts

@@ -15,6 +15,8 @@ export interface ImageOriginalToggleProps extends Omit<ComponentPropsWithoutRef<
     className?: string;
     /** `ghost` inside a toolbar of ghost buttons (photos' zoom bar); `secondary` on its own over a picture. */
     variant?: 'secondary' | 'ghost';
+    /** `md` beside a toolbar's other `md` buttons, so the row is one height (DESIGN FND-4); `sm` on its own over a picture. */
+    size?: 'sm' | 'md';
 }
-export declare function ImageOriginalToggle({ control, className, variant, ...rest }: ImageOriginalToggleProps): import("react").JSX.Element | null;
+export declare function ImageOriginalToggle({ control, className, variant, size, ...rest }: ImageOriginalToggleProps): import("react").JSX.Element | null;
 //# sourceMappingURL=ImageOriginalToggle.d.ts.map

package/dist/react/media/ImageOriginalToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageOriginalToggle.d.ts","sourceRoot":"","sources":["../../../src/react/media/ImageOriginalToggle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChH,gFAAgF;IAChF,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;CACjC;AAUD,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAqB,EAAE,GAAG,IAAI,EAAE,EAAE,wBAAwB,sCAmBnH"}
+{"version":3,"file":"ImageOriginalToggle.d.ts","sourceRoot":"","sources":["../../../src/react/media/ImageOriginalToggle.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChH,gFAAgF;IAChF,OAAO,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAChC,2HAA2H;IAC3H,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAUD,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAqB,EAAE,IAAW,EAAE,GAAG,IAAI,EAAE,EAAE,wBAAwB,sCAmBhI"}

package/dist/react/media/ImageOriginalToggle.js

@@ -8,9 +8,9 @@ function hint(control) {
         ? 'Showing the original, because the zoom needed it — press to always show it'
         : 'Showing the web copy; the original loads when you zoom past it — press to always show it';
 }
-export function ImageOriginalToggle({ control, className, variant = 'secondary', ...rest }) {
+export function ImageOriginalToggle({ control, className, variant = 'secondary', size = 'sm', ...rest }) {
     if (!control)
         return null;
-    return (_jsx(Button, { ...rest, "aria-pressed": control.pinned, className: className, "data-showing": control.showing ? 'original' : 'web', loading: control.loading, onClick: control.toggle, size: 'sm', tooltip: hint(control), ...(control.unavailable ? { unavailableReason: control.unavailable, tooltipMobile: 'tap' } : {}), variant: variant, children: "Original" }));
+    return (_jsx(Button, { ...rest, "aria-pressed": control.pinned, className: className, "data-showing": control.showing ? 'original' : 'web', loading: control.loading, onClick: control.toggle, size: size, tooltip: hint(control), ...(control.unavailable ? { unavailableReason: control.unavailable, tooltipMobile: 'tap' } : {}), variant: variant, children: "Original" }));
 }
 //# sourceMappingURL=ImageOriginalToggle.js.map

package/dist/react/media/ImageOriginalToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageOriginalToggle.js","sourceRoot":"","sources":["../../../src/react/media/ImageOriginalToggle.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAWjD,mEAAmE;AACnE,SAAS,IAAI,CAAC,OAA6B;IACzC,IAAI,OAAO,CAAC,MAAM;QAAE,OAAO,6FAA6F,CAAC;IACzH,OAAO,OAAO,CAAC,OAAO;QACpB,CAAC,CAAC,4EAA4E;QAC9E,CAAC,CAAC,0FAA0F,CAAC;AACjG,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,GAAG,WAAW,EAAE,GAAG,IAAI,EAA4B;IAClH,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAC1B,OAAO,CACL,KAAC,MAAM,OACD,IAAI,kBACM,OAAO,CAAC,MAAM,EAC5B,SAAS,EAAE,SAAS,kBACN,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAClD,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,CAAC,MAAM,EACvB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,KAElB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,OAAO,CAAC,WAAW,EAAE,aAAa,EAAE,KAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1G,OAAO,EAAE,OAAO,yBAGT,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ImageOriginalToggle.js","sourceRoot":"","sources":["../../../src/react/media/ImageOriginalToggle.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAajD,mEAAmE;AACnE,SAAS,IAAI,CAAC,OAA6B;IACzC,IAAI,OAAO,CAAC,MAAM;QAAE,OAAO,6FAA6F,CAAC;IACzH,OAAO,OAAO,CAAC,OAAO;QACpB,CAAC,CAAC,4EAA4E;QAC9E,CAAC,CAAC,0FAA0F,CAAC;AACjG,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,GAAG,WAAW,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EAA4B;IAC/H,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAC1B,OAAO,CACL,KAAC,MAAM,OACD,IAAI,kBACM,OAAO,CAAC,MAAM,EAC5B,SAAS,EAAE,SAAS,kBACN,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAClD,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,CAAC,MAAM,EACvB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,KAElB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,OAAO,CAAC,WAAW,EAAE,aAAa,EAAE,KAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1G,OAAO,EAAE,OAAO,yBAGT,CACV,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cursedbelt",
-	"version": "5.98.0",
+	"version": "5.99.0",
 	"license": "ISC",
 	"type": "module",
 	"description": "The React design system of the cursedbelt split — components, styles, theme. cursedbelt-core below it; server tier in cursedbelt-server.",

package/src/react/media/ImageOriginalToggle.tsx

@@ -17,6 +17,8 @@ export interface ImageOriginalToggleProps extends Omit<ComponentPropsWithoutRef<
   className?: string;
   /** `ghost` inside a toolbar of ghost buttons (photos' zoom bar); `secondary` on its own over a picture. */
   variant?: 'secondary' | 'ghost';
+  /** `md` beside a toolbar's other `md` buttons, so the row is one height (DESIGN FND-4); `sm` on its own over a picture. */
+  size?: 'sm' | 'md';
 }
 
 /** The hint for a live toggle: what pressing it does from here. */
@@ -27,7 +29,7 @@ function hint(control: ImageOriginalControl): string {
     : 'Showing the web copy; the original loads when you zoom past it — press to always show it';
 }
 
-export function ImageOriginalToggle({ control, className, variant = 'secondary', ...rest }: ImageOriginalToggleProps) {
+export function ImageOriginalToggle({ control, className, variant = 'secondary', size = 'sm', ...rest }: ImageOriginalToggleProps) {
   if (!control) return null;
   return (
     <Button
@@ -37,7 +39,7 @@ export function ImageOriginalToggle({ control, className, variant = 'secondary',
       data-showing={control.showing ? 'original' : 'web'}
       loading={control.loading}
       onClick={control.toggle}
-      size='sm'
+      size={size}
       tooltip={hint(control)}
       // A refused press is the reason's tap on a phone; a live one's words are already on it.
       {...(control.unavailable ? { unavailableReason: control.unavailable, tooltipMobile: 'tap' as const } : {})}

package/src/react/media/imageOriginal.spec.tsx

@@ -170,6 +170,12 @@ describe('ImageOriginalToggle', () => {
     const view = render(<ImageOriginalToggle control={{ ...control, unavailable: reason }} />);
     expect(view.getByRole('button', { name: /Original/ }).getAttribute('aria-disabled')).toBe('true');
   });
+  test('one height with the toolbar it sits in: md when asked, sm on its own', () => {
+    const md = render(<ImageOriginalToggle control={control} size='md' />).getByRole('button', { name: 'Original' });
+    cleanup();
+    const sm = render(<ImageOriginalToggle control={control} />).getByRole('button', { name: 'Original' });
+    expect(md.className).not.toBe(sm.className);
+  });
   test('no control, nothing drawn', () => {
     const view = render(<ImageOriginalToggle control={null} />);
     expect(view.container.innerHTML).toBe('');