@instructure/platform-block-content-editor 2.0.0 → 2.1.0

package/dist/components/blocks/Banner/Banner.d.ts

@@ -1,4 +1,7 @@
 import { BannerProps } from './bannerPropsSchema';
-/** Presentational banner: optional eyebrow, a semantic h2-h4 heading, optional supporting text. */
-export declare function Banner({ title, variant, subtitle, content, headerStyle, cornerStyle, }: BannerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Presentational banner: optional eyebrow, a semantic h2-h4 heading, optional supporting text,
+ * and — for the `image` style — a host-resolved image behind or stacked with the text.
+ */
+export declare function Banner({ title, variant, subtitle, content, color, cornerStyle, align, eyebrowStyle, style, imagePlacement, asset_id, isDecorative, alt, }: BannerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Banner.d.ts.map

package/dist/components/blocks/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/Banner.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAGtD,mGAAmG;AACnG,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,WAAoB,EACpB,WAAuB,GACxB,EAAE,WAAW,2CA0Cb"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/Banner.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAItD;;;GAGG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,KAAiB,EACjB,WAAuB,EACvB,KAAc,EACd,YAAyB,EACzB,KAAc,EACd,cAA6B,EAC7B,QAAQ,EACR,YAAoB,EACpB,GAAG,GACJ,EAAE,WAAW,2CAsJb"}

package/dist/components/blocks/Banner/bannerPropsSchema.d.ts

@@ -1,34 +1,71 @@
 import { z } from 'zod';
+/** Letter casing applied to the eyebrow text. */
+export declare const BannerEyebrowStyleSchema: z.ZodEnum<["all-caps", "sentence-case", "capitalized"]>;
+/** How the banner surface is decorated. `image` is the only value that reveals the image fields. */
+export declare const BannerStyleSchema: z.ZodEnum<["none", "outline", "solid", "image"]>;
+/** Where the image sits relative to the banner text. */
+export declare const BannerImagePlacementSchema: z.ZodEnum<["background", "above", "below"]>;
 export declare const BannerPropsSchema: z.ZodObject<{
     title: z.ZodString;
     variant: z.ZodDefault<z.ZodEnum<["h2", "h3", "h4"]>>;
     subtitle: z.ZodOptional<z.ZodString>;
+    eyebrowStyle: z.ZodOptional<z.ZodDefault<z.ZodEnum<["all-caps", "sentence-case", "capitalized"]>>>;
     content: z.ZodOptional<z.ZodString>;
-    headerStyle: z.ZodOptional<z.ZodDefault<z.ZodEnum<["none", "light", "dark"]>>>;
+    align: z.ZodOptional<z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>>;
     cornerStyle: z.ZodOptional<z.ZodDefault<z.ZodEnum<["rounded", "square"]>>>;
+    style: z.ZodOptional<z.ZodDefault<z.ZodEnum<["none", "outline", "solid", "image"]>>>;
+    color: z.ZodOptional<z.ZodDefault<z.ZodEnum<["light", "dark", "neutral"]>>>;
+    imagePlacement: z.ZodOptional<z.ZodDefault<z.ZodEnum<["background", "above", "below"]>>>;
+    asset_id: z.ZodOptional<z.ZodString>;
+    isDecorative: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+    alt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     title: string;
     variant: "h2" | "h3" | "h4";
     content?: string | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
+    alt?: string | undefined;
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
+    align?: "left" | "center" | "right" | undefined;
     subtitle?: string | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
+    eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
+    imagePlacement?: "background" | "above" | "below" | undefined;
+    asset_id?: string | undefined;
+    isDecorative?: boolean | undefined;
 }, {
     title: string;
     content?: string | undefined;
     variant?: "h2" | "h3" | "h4" | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
+    alt?: string | undefined;
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
+    align?: "left" | "center" | "right" | undefined;
     subtitle?: string | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
+    eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
+    imagePlacement?: "background" | "above" | "below" | undefined;
+    asset_id?: string | undefined;
+    isDecorative?: boolean | undefined;
 }>;
 export type BannerProps = z.infer<typeof BannerPropsSchema>;
+export type BannerStyle = z.infer<typeof BannerStyleSchema>;
+export type BannerEyebrowStyle = z.infer<typeof BannerEyebrowStyleSchema>;
+export type BannerImagePlacement = z.infer<typeof BannerImagePlacementSchema>;
 export declare const BannerDefaultProps: BannerProps;
 export declare const RegisteredBannerPropsSchema: import('../../..').RegisteredComponentSchema<{
     title: string;
     variant: "h2" | "h3" | "h4";
     content?: string | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
+    alt?: string | undefined;
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
+    align?: "left" | "center" | "right" | undefined;
     subtitle?: string | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
+    eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
+    imagePlacement?: "background" | "above" | "below" | undefined;
+    asset_id?: string | undefined;
+    isDecorative?: boolean | undefined;
 }>;
 //# sourceMappingURL=bannerPropsSchema.d.ts.map

package/dist/components/blocks/Banner/bannerPropsSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bannerPropsSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/bannerPropsSchema.ts"],"names":[],"mappings":"AAmBA,OAAO,+BAA+B,CAAA;AACtC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AASvB,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;EAyC5B,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE3D,eAAO,MAAM,kBAAkB,EAAE,WAKhC,CAAA;AAED,eAAO,MAAM,2BAA2B;;;;;;;EAAuD,CAAA"}
+{"version":3,"file":"bannerPropsSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/bannerPropsSchema.ts"],"names":[],"mappings":"AAmBA,OAAO,+BAA+B,CAAA;AACtC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AASvB,iDAAiD;AACjD,eAAO,MAAM,wBAAwB,yDAAuD,CAAA;AAE5F,oGAAoG;AACpG,eAAO,MAAM,iBAAiB,kDAAgD,CAAA;AAE9E,wDAAwD;AACxD,eAAO,MAAM,0BAA0B,6CAA2C,CAAA;AAWlF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkF5B,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAC3D,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAC3D,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAA;AACzE,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,0BAA0B,CAAC,CAAA;AAE7E,eAAO,MAAM,kBAAkB,EAAE,WAYhC,CAAA;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;EAAuD,CAAA"}

package/dist/components/blocks/Banner/bannerTranslations.d.ts

@@ -7,6 +7,10 @@ export interface BannerTranslations {
     bannerPlaceholderTitle: string;
     /** Placeholder eyebrow shown in the designer when a Banner block is empty. */
     bannerPlaceholderSubtitle: string;
+    /** Announced while a Banner's image is loading. */
+    bannerImageLoading: string;
+    /** Shown when a Banner's image fails to load. */
+    bannerImageError: string;
 }
 /** English bundled with this package — also the source for `locales/en.json`. */
 export declare const BannerEnglish: BannerTranslations;

package/dist/components/blocks/Banner/bannerTranslations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bannerTranslations.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/bannerTranslations.ts"],"names":[],"mappings":"AAkBA;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,8EAA8E;IAC9E,sBAAsB,EAAE,MAAM,CAAA;IAC9B,8EAA8E;IAC9E,yBAAyB,EAAE,MAAM,CAAA;CAClC;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,kBAG3B,CAAA"}
+{"version":3,"file":"bannerTranslations.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/bannerTranslations.ts"],"names":[],"mappings":"AAkBA;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,8EAA8E;IAC9E,sBAAsB,EAAE,MAAM,CAAA;IAC9B,8EAA8E;IAC9E,yBAAyB,EAAE,MAAM,CAAA;IACjC,mDAAmD;IACnD,kBAAkB,EAAE,MAAM,CAAA;IAC1B,iDAAiD;IACjD,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,kBAK3B,CAAA"}

package/dist/components/blocks/Banner/createBannerBlock.d.ts

@@ -8,7 +8,14 @@ export declare const createBannerBlock: (options: import('../../..').BlockFactor
     variant: "h2" | "h3" | "h4";
     content?: string | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
+    alt?: string | undefined;
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
+    align?: "left" | "center" | "right" | undefined;
     subtitle?: string | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
+    eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
+    imagePlacement?: "background" | "above" | "below" | undefined;
+    asset_id?: string | undefined;
+    isDecorative?: boolean | undefined;
 }>;
 //# sourceMappingURL=createBannerBlock.d.ts.map

package/dist/components/blocks/Banner/createBannerBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createBannerBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/createBannerBlock.ts"],"names":[],"mappings":"AAuBA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;;EAM5B,CAAA"}
+{"version":3,"file":"createBannerBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/createBannerBlock.ts"],"names":[],"mappings":"AAuBA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;EAM5B,CAAA"}

package/dist/components/blocks/Banner/getBannerViewProps.d.ts

@@ -1,4 +1,50 @@
+import { Text as UIText } from '@instructure/ui-text';
+import { View } from '@instructure/ui-view';
+import { ComponentProps } from 'react';
 import { BlockRenderProps } from '../brandTheming';
-import { CornerStyle, HeaderStyle } from '../commonSchemas';
-export declare function getBannerViewProps(headerStyle: HeaderStyle, cornerStyle: CornerStyle, brandColor?: string): BlockRenderProps;
+import { Align, ColorTheme, CornerStyle } from '../commonSchemas';
+import { BannerEyebrowStyle, BannerImagePlacement, BannerStyle } from './bannerPropsSchema';
+type ViewProps = ComponentProps<typeof View>;
+type UITextProps = ComponentProps<typeof UIText>;
+/** The eyebrow line's casing and tracking. */
+export interface BannerEyebrowTypography {
+    transform: NonNullable<UITextProps['transform']>;
+    letterSpacing: NonNullable<UITextProps['letterSpacing']>;
+}
+/**
+ * The filled box drawn around the text for the `image` style. `display` decides whether it
+ * hugs its text (over a background image) or spans the banner (stacked above/below one).
+ */
+export type BannerPanelViewProps = BlockRenderProps['view'] & {
+    display: Extract<NonNullable<ViewProps['display']>, 'block' | 'inline-block'>;
+};
+/** The shared container/text pair, plus the alignment and eyebrow tokens Banner adds. */
+export interface BannerViewProps {
+    view: BlockRenderProps['view'] & {
+        textAlign: NonNullable<ViewProps['textAlign']>;
+    };
+    text: BlockRenderProps['text'];
+    eyebrow: BannerEyebrowTypography;
+    /** Set only for the `image` style, whose fill moves off the container onto this box. */
+    panel?: BannerPanelViewProps;
+    /** Set only for a stacked image; a background one is sized by the banner, not itself. */
+    image?: {
+        height: string;
+        borderRadius: NonNullable<ViewProps['borderRadius']>;
+    };
+}
+/** Named options rather than positionals, as in TabsBlock — the list keeps growing. */
+export interface BannerStyleOptions {
+    style: BannerStyle;
+    color: ColorTheme;
+    cornerStyle: CornerStyle;
+    align: Align;
+    eyebrowStyle: BannerEyebrowStyle;
+    imagePlacement: BannerImagePlacement;
+    /** Whether a file is chosen — the `image` style only takes effect once one is. */
+    hasImage: boolean;
+    brandColor?: string;
+}
+export declare function getBannerViewProps(options: BannerStyleOptions): BannerViewProps;
+export {};
 //# sourceMappingURL=getBannerViewProps.d.ts.map

package/dist/components/blocks/Banner/getBannerViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getBannerViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/getBannerViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,iBAAiB,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAKhE,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,gBAAgB,CAKlB"}
+{"version":3,"file":"getBannerViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Banner/getBannerViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,iBAAiB,CAAA;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEhG,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAC5C,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AAEhD,8CAA8C;AAC9C,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAA;IAChD,aAAa,EAAE,WAAW,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAA;CACzD;AAED;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,MAAM,CAAC,GAAG;IAC5D,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC,CAAA;CAC9E,CAAA;AAED,yFAAyF;AACzF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAAG;QAAE,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;KAAE,CAAA;IACnF,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9B,OAAO,EAAE,uBAAuB,CAAA;IAChC,wFAAwF;IACxF,KAAK,CAAC,EAAE,oBAAoB,CAAA;IAC5B,yFAAyF;IACzF,KAAK,CAAC,EAAE;QACN,MAAM,EAAE,MAAM,CAAA;QACd,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;KACrD,CAAA;CACF;AAED,uFAAuF;AACvF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,UAAU,CAAA;IACjB,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,KAAK,CAAA;IACZ,YAAY,EAAE,kBAAkB,CAAA;IAChC,cAAc,EAAE,oBAAoB,CAAA;IACpC,kFAAkF;IAClF,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAoCD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,eAAe,CAuC/E"}

package/dist/components/blocks/KnowledgeCheck/createKnowledgeCheckBlock.d.ts

@@ -11,8 +11,8 @@ export declare const createKnowledgeCheckBlock: (options: import('../../..').Blo
     }[];
     question: string;
     cornerStyle?: "rounded" | "square" | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
     questionType?: "Multiple choice" | "True or false" | undefined;
     answerOrder?: "set" | "random" | undefined;
+    headerStyle?: "light" | "dark" | "none" | undefined;
 }>;
 //# sourceMappingURL=createKnowledgeCheckBlock.d.ts.map

package/dist/components/blocks/KnowledgeCheck/knowledgeCheckPropsSchema.d.ts

@@ -46,9 +46,9 @@ export declare const KnowledgeCheckPropsSchema: z.ZodObject<{
     }[];
     question: string;
     cornerStyle?: "rounded" | "square" | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
     questionType?: "Multiple choice" | "True or false" | undefined;
     answerOrder?: "set" | "random" | undefined;
+    headerStyle?: "light" | "dark" | "none" | undefined;
 }, {
     answers: {
         id: string;
@@ -57,9 +57,9 @@ export declare const KnowledgeCheckPropsSchema: z.ZodObject<{
     }[];
     question: string;
     cornerStyle?: "rounded" | "square" | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
     questionType?: "Multiple choice" | "True or false" | undefined;
     answerOrder?: "set" | "random" | undefined;
+    headerStyle?: "light" | "dark" | "none" | undefined;
 }>;
 export type KnowledgeCheckProps = z.infer<typeof KnowledgeCheckPropsSchema>;
 export type KnowledgeCheckAnswer = z.infer<typeof KnowledgeCheckAnswerSchema>;
@@ -80,8 +80,8 @@ export declare const RegisteredKnowledgeCheckPropsSchema: import('../../..').Reg
     }[];
     question: string;
     cornerStyle?: "rounded" | "square" | undefined;
-    headerStyle?: "light" | "dark" | "none" | undefined;
     questionType?: "Multiple choice" | "True or false" | undefined;
     answerOrder?: "set" | "random" | undefined;
+    headerStyle?: "light" | "dark" | "none" | undefined;
 }>;
 //# sourceMappingURL=knowledgeCheckPropsSchema.d.ts.map

package/dist/components/blocks/Text/getTextViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getTextViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Text/getTextViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,EACL,KAAK,gBAAgB,EAMtB,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AA6ClD,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,gBAAgB,CAkBlB"}
+{"version":3,"file":"getTextViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Text/getTextViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,iBAAiB,CAAA;AACtE,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,gBAAgB,CAOlB"}

package/dist/components/blocks/commonViewProps.d.ts

@@ -22,6 +22,18 @@ export interface MediaBlockViewProps {
  * text on whatever surface sits behind it.
  */
 export declare function getHeaderStyleStyling(headerStyle: HeaderStyle, brandColor?: string): Styling;
+/**
+ * How a block decorates its surface. Each block maps its own enum onto this — Text's
+ * `fill` and Banner's `solid` are the same treatment.
+ */
+export type SurfaceStyle = 'none' | 'outline' | 'fill';
+/**
+ * Styling for a surface/color pair, where the surface treatment is an option of its own
+ * rather than implied by the color (as `getHeaderStyleStyling` has it). A brand color
+ * themes `light` and `dark`; `neutral` is intentionally never branded. Shared by Text and
+ * Banner so the two can't drift apart.
+ */
+export declare function getSurfaceStyling(surface: SurfaceStyle, color: ColorTheme, brandColor?: string): Styling;
 export interface ThemedContainer {
     styling: Styling;
     /**

package/dist/components/blocks/commonViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commonViewProps.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/commonViewProps.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAKL,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAErE,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,0DAA0D;AAC1D,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAIzE,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;CACrD;AAwBD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAK5F;AAmBD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;CACvB;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,MAAM,GAClB,eAAe,CAiBjB"}
+{"version":3,"file":"commonViewProps.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/commonViewProps.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAML,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAErE,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,0DAA0D;AAC1D,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAIzE,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;CACrD;AAwBD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAK5F;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;AAyDtD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,UAAU,EACjB,UAAU,CAAC,EAAE,MAAM,GAClB,OAAO,CAYT;AAmBD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAA;CACvB;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,MAAM,GAClB,eAAe,CAiBjB"}

package/dist/editor/BlockContentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockContentEditor.d.ts","sourceRoot":"","sources":["../../src/editor/BlockContentEditor.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,aAAa,CAAA;AAOnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAQjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,+DAAgE,CAAA;AAC9F,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAmC9D,MAAM,WAAW,uBAAuB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK;IACxE;+FAC2F;IAC3F,MAAM,EAAE,yBAAyB,CAAA;IACjC,qGAAqG;IACrG,QAAQ,EAAE,aAAa,CAAA;IACvB;;;;wEAIoE;IACpE,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;IAC1B;;sCAEkC;IAClC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC;qDACiD;IACjD,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;IAC1C,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK,EAAE,EACpE,MAAM,EACN,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,cAAuC,EACvC,aAAa,EACb,MAAM,EACN,oBAAoB,GACrB,EAAE,uBAAuB,CAAC,UAAU,CAAC,2CA8NrC"}
+{"version":3,"file":"BlockContentEditor.d.ts","sourceRoot":"","sources":["../../src/editor/BlockContentEditor.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,KAAK,aAAa,EAAqB,MAAM,aAAa,CAAA;AAOnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAQjD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,6FAA6F;AAC7F,eAAO,MAAM,iBAAiB,+DAAgE,CAAA;AAC9F,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAmC9D,MAAM,WAAW,uBAAuB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK;IACxE;+FAC2F;IAC3F,MAAM,EAAE,yBAAyB,CAAA;IACjC,qGAAqG;IACrG,QAAQ,EAAE,aAAa,CAAA;IACvB;;;;wEAIoE;IACpE,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAA;IAC1B;;sCAEkC;IAClC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC;qDACiD;IACjD,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;IAC1C,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,SAAS,MAAM,GAAG,KAAK,EAAE,EACpE,MAAM,EACN,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,cAAuC,EACvC,aAAa,EACb,MAAM,EACN,oBAAoB,GACrB,EAAE,uBAAuB,CAAC,UAAU,CAAC,2CAoPrC"}

package/dist/editor/sidebar/panel/DesignerSideBar.d.ts

@@ -1,5 +1,7 @@
 import { Ref } from 'react';
 import { DesignerSideBarProps, ToolPanelHandle } from './types';
+/** True when the viewport is below the medium breakpoint (mobile layout active). */
+export declare function useIsCompactLayout(enabled?: boolean): boolean;
 /**
  * The designer sidebar: a collapsible tool panel on desktop (icon rail + resizable content)
  * and a slide-up overlay + bottom toolbar on mobile. Built-in trays and any host tools are

package/dist/editor/sidebar/panel/DesignerSideBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesignerSideBar.d.ts","sourceRoot":"","sources":["../../../../src/editor/sidebar/panel/DesignerSideBar.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAIL,KAAK,GAAG,EAQT,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAAE,oBAAoB,EAAQ,eAAe,EAAE,MAAM,SAAS,CAAA;AA6C1E;;;;;GAKG;AACH,iBAAS,oBAAoB,CAAC,EAAE,SAAS,MAAM,EAC7C,EACE,KAAK,EAAE,aAAa,EACpB,qBAAqB,EACrB,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,oBAA2B,EAC3B,cAAc,EAAE,wBAAwB,EACxC,sBAAsB,EACtB,IAAI,EACJ,YAAY,EACZ,+BAAsC,EACtC,uBAAuB,EACvB,UAAU,EACV,MAAM,GACP,EAAE,oBAAoB,CAAC,EAAE,CAAC,EAC3B,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,2CA0W9B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAuC,CAAC,EAAE,SAAS,MAAM,EACnF,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAA;CAAE,KACjE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA"}
+{"version":3,"file":"DesignerSideBar.d.ts","sourceRoot":"","sources":["../../../../src/editor/sidebar/panel/DesignerSideBar.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAIL,KAAK,GAAG,EAQT,MAAM,OAAO,CAAA;AAYd,OAAO,KAAK,EAAE,oBAAoB,EAAQ,eAAe,EAAE,MAAM,SAAS,CAAA;AAuB1E,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,OAAO,UAAO,GAAG,OAAO,CAmB1D;AAED;;;;;GAKG;AACH,iBAAS,oBAAoB,CAAC,EAAE,SAAS,MAAM,EAC7C,EACE,KAAK,EAAE,aAAa,EACpB,qBAAqB,EACrB,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,oBAA2B,EAC3B,cAAc,EAAE,wBAAwB,EACxC,sBAAsB,EACtB,IAAI,EACJ,YAAY,EACZ,+BAAsC,EACtC,uBAAuB,EACvB,UAAU,EACV,MAAM,GACP,EAAE,oBAAoB,CAAC,EAAE,CAAC,EAC3B,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,2CA0W9B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAuC,CAAC,EAAE,SAAS,MAAM,EACnF,KAAK,EAAE,oBAAoB,CAAC,EAAE,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAA;CAAE,KACjE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA"}