@sesamehr/react-design-system 3.10.1 → 3.10.2

package/dist/Display/BrandLogo/BrandLogo.d.ts

@@ -15,7 +15,12 @@ export interface BrandLogoProps extends Omit<React.SVGAttributes<SVGSVGElement>,
      * dark-mode switch — see the note below.
      */
     color?: BrandLogoVariants['color'];
-    /** 32px tall, or 88px. The width follows the art. */
+    /**
+     * 20px tall, or 56px: the logo's own height, which is what the board's 32 and
+     * 88 frames hold once their padding comes off. The `viewBox` is cropped to
+     * the paths, so the element's edges are the art's edges and spacing around it
+     * is the caller's.
+     */
     size?: BrandLogoVariants['size'];
     dataTestid: string;
 }

package/dist/Display/BrandLogo/BrandLogo.module.css.js

@@ -1,9 +1,9 @@
 const o = {
-  "ox-brand-logo": "_ox-brand-logo_51b7b_2",
-  "ox-brand-logo--md": "_ox-brand-logo--md_51b7b_2",
-  "ox-brand-logo--lg": "_ox-brand-logo--lg_51b7b_2",
-  "ox-brand-logo--dark": "_ox-brand-logo--dark_51b7b_2",
-  "ox-brand-logo--light": "_ox-brand-logo--light_51b7b_2"
+  "ox-brand-logo": "_ox-brand-logo_1q2c2_2",
+  "ox-brand-logo--md": "_ox-brand-logo--md_1q2c2_2",
+  "ox-brand-logo--lg": "_ox-brand-logo--lg_1q2c2_2",
+  "ox-brand-logo--dark": "_ox-brand-logo--dark_1q2c2_2",
+  "ox-brand-logo--light": "_ox-brand-logo--light_1q2c2_2"
 };
 export {
   o as default

package/dist/Display/BrandLogo/brandLogoArt.d.ts

@@ -15,6 +15,23 @@
  * Composed from the vector groups Figma exports, each placed with the offset
  * the group has inside its variant frame. Regenerated rather than edited: the
  * numbers are measurements, and a hand-nudged logo is a wrong logo.
+ *
+ * **The viewBox is the ink, not the frame Figma exports.** Every variant frame
+ * on the board is padded — 8.74 x 5.82 around the lockup, 5.82 all round the
+ * mark — and a regeneration hands that frame over as the box. Baked in, it is
+ * padding nobody asked for: a 32px-tall element drew 20px of logo inside 12px
+ * of air, its edges sat nowhere near the art, and anything positioning the logo
+ * positioned the air instead. So the `viewBox` is cropped to the measured
+ * bounds of the paths, while the group offsets are left exactly as exported —
+ * which is why the box no longer starts at `0 0`. Spacing is the caller's to
+ * add; a logo flush to its own box is the only one a caller can place.
+ * The component's own test re-measures the curves and fails if the frame comes
+ * back.
+ *
+ * Note what cropping does *not* mean: the logo is not drawn any larger to fill
+ * the space the padding used to take. The stylesheet's two heights moved down
+ * with the box, from the board's frame heights to the heights of the drawing
+ * inside them — see the component.
  */
 export interface BrandLogoArt {
     viewBox: string;
@@ -23,7 +40,11 @@ export interface BrandLogoArt {
         paths: string[];
     }[];
 }
-/** Symbol plus the "sesame" wordmark: 113.6 x 32, which is 3.55:1. */
+/** Symbol plus the "sesame" wordmark: 96.12 x 20.39 of ink, which is 4.714:1. */
 export declare const BRAND_LOGO_FULL: BrandLogoArt;
-/** The symbol on its own, square. */
+/**
+ * The symbol on its own. Square to four decimals — the ink measures
+ * 20.3629 x 20.3636, and the box takes the taller of the two on both axes so
+ * that "the mark is square" stays literally true for a caller sizing it.
+ */
 export declare const BRAND_LOGO_MARK: BrandLogoArt;

package/dist/Display/BrandLogo/brandLogoArt.js

@@ -1,5 +1,5 @@
 const C = {
-  viewBox: "0 0 113.6 32",
+  viewBox: "8.738 5.8249 96.1233 20.3904",
   groups: [
     {
       transform: "translate(8.738 5.8249)",
@@ -26,7 +26,7 @@ const C = {
     }
   ]
 }, L = {
-  viewBox: "0 0 32 32",
+  viewBox: "5.8174 5.818 20.3636 20.3636",
   groups: [
     {
       transform: "translate(5.8174 5.818)",