@instructure/platform-block-content-editor 4.0.2 → 4.1.1

package/README.md

@@ -116,6 +116,21 @@ tool from the sidebar waits for `proceed()`. A tool's `background` and `bodyBack
 panel and body fills (any CSS `background`, gradients included); `variant: 'dark-surface'` sets the
 light-on-dark header.
 
+**Access.** Pass `access` to limit what the author may change. It can change at any time without a
+remount:
+
+- `editable` (the default): everything.
+- `content-only`: the layout is locked. Blocks can't be added, removed, reordered, or duplicated,
+  but their settings stay editable.
+- `read-only`: nothing changes. Selecting a block opens its settings read-only, and AI is hidden.
+
+Your injected RCE receives `readOnly`, so forward it to your editor, or rich text stays editable.
+Access only gates the editor UI. Gate your own Undo, Redo, and Save controls, and enforce
+permissions on the server. `DesignerArea` and `GridDndProvider` take the same prop.
+
+**Empty document.** Pass `emptyState` to show your own message on the canvas while the document has
+no blocks, for example copy that fits the author's access.
+
 ### Or compose the primitives yourself
 
 Every arrangement above is reproducible. Wrap your own layout in one `GridDndProvider` and drop a
@@ -211,7 +226,7 @@ Blocks and the editor read only from context; the host provides the implementati
 | `BrandColorContext` | the brand color (hex/`rgb()`), or `undefined` |
 | `BlockTranslationsProvider` | resolved strings per block + designer chrome (bundled English is the fallback) |
 | `RichTextRendererContext` | a renderer for RCE-authored HTML (read path); unset → sanitized fallback |
-| `RichTextEditorContext` | the RCE editor component (write path); unset → plain `TextArea`. An RCE with overlays that portal outside the editor also needs `BlockContentEditor`'s `isEditorOverlayOpen` (see Write path) |
+| `RichTextEditorContext` | the RCE editor component (write path); unset → plain `TextArea`. It receives `readOnly` in a read-only editor. An RCE with overlays that portal outside the editor also needs `BlockContentEditor`'s `isEditorOverlayOpen` (see Write path) |
 | `AIActionContext` | the AI executor; **presence enables** the block-level AI, unset → hidden |
 | `BlockEditorApiProvider` | host data hooks — image/video/widget URLs and the settings-form file upload/delete |
 

package/dist/components/MediaPlaceholder/MediaPlaceholder.d.ts

@@ -1,4 +1,4 @@
-import { View } from '@instructure/ui-view';
+import { View } from '@instructure/ui-view/latest';
 import { ComponentProps } from 'react';
 type ViewProps = ComponentProps<typeof View>;
 export type MediaPlaceholderVariant = 'empty' | 'loading' | 'error' | 'processing';

package/dist/components/MediaPlaceholder/MediaPlaceholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/MediaPlaceholder/MediaPlaceholder.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAA;AAElF,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,uBAAuB,CAAA;IACjC,yEAAyE;IACzE,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACzC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,OAAiB,EACjB,YAAuB,GACxB,EAAE,qBAAqB,2CA2CvB"}
+{"version":3,"file":"MediaPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/MediaPlaceholder/MediaPlaceholder.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAA;AAElF,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,uBAAuB,CAAA;IACjC,yEAAyE;IACzE,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;CACzC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,OAAiB,EACjB,YAAuB,GACxB,EAAE,qBAAqB,2CA2CvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Accordion/Accordion.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAe5D,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAc,EACd,cAAc,EACd,KAAU,EACV,cAA0B,EAC1B,UAAoB,EACpB,UAAwB,EACxB,WAAuB,EACvB,iBAA0B,EAC1B,iBAA0B,EAC1B,aAAa,GACd,EAAE,cAAc,2CAwKhB"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Accordion/Accordion.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAe5D,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAc,EACd,cAAc,EACd,KAAU,EACV,cAA0B,EAC1B,UAAoB,EACpB,UAAwB,EACxB,WAAuB,EACvB,iBAA0B,EAC1B,iBAA0B,EAC1B,aAAa,GACd,EAAE,cAAc,2CA4KhB"}

package/dist/components/blocks/Accordion/accordionPropsSchema.d.ts

@@ -8,12 +8,12 @@ export declare const AccordionItemSchema: z.ZodObject<{
     title: z.ZodString;
     content: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    id: string;
     title: string;
+    id: string;
     content: string;
 }, {
-    id: string;
     title: string;
+    id: string;
     content: string;
 }>;
 export declare const AccordionPropsSchema: z.ZodObject<{
@@ -25,12 +25,12 @@ export declare const AccordionPropsSchema: z.ZodObject<{
         title: z.ZodString;
         content: z.ZodString;
     }, "strip", z.ZodTypeAny, {
-        id: string;
         title: string;
+        id: string;
         content: string;
     }, {
-        id: string;
         title: string;
+        id: string;
         content: string;
     }>, "many">;
     accordionStyle: z.ZodOptional<z.ZodDefault<z.ZodEnum<["outline", "solid"]>>>;
@@ -41,8 +41,8 @@ export declare const AccordionPropsSchema: z.ZodObject<{
     dropdownDirection: z.ZodOptional<z.ZodDefault<z.ZodEnum<["down", "center"]>>>;
 }, "strip", z.ZodTypeAny, {
     items: {
-        id: string;
         title: string;
+        id: string;
         content: string;
     }[];
     title?: string | undefined;
@@ -56,8 +56,8 @@ export declare const AccordionPropsSchema: z.ZodObject<{
     dropdownDirection?: "center" | "down" | undefined;
 }, {
     items: {
-        id: string;
         title: string;
+        id: string;
         content: string;
     }[];
     title?: string | undefined;
@@ -92,8 +92,8 @@ export type AccordionDropdownDirection = z.infer<typeof AccordionDropdownDirecti
 export declare const AccordionDefaultProps: AccordionProps;
 export declare const RegisteredAccordionPropsSchema: import('../../..').RegisteredComponentSchema<{
     items: {
-        id: string;
         title: string;
+        id: string;
         content: string;
     }[];
     title?: string | undefined;

package/dist/components/blocks/Accordion/createAccordionBlock.d.ts

@@ -5,8 +5,8 @@
  */
 export declare const createAccordionBlock: (options: import('../../..').BlockFactoryOptions<import('./accordionTranslations').AccordionTranslations>) => import('../../..').BlockRegistryEntry<{
     items: {
-        id: string;
         title: string;
+        id: string;
         content: string;
     }[];
     title?: string | undefined;

package/dist/components/blocks/Accordion/getAccordionViewProps.d.ts

@@ -1,7 +1,8 @@
-import { Flex } from '@instructure/ui-flex';
-import { ToggleDetails } from '@instructure/ui-toggle-details';
-import { View } from '@instructure/ui-view';
-import { ComponentProps, ComponentType } from 'react';
+import { Flex } from '@instructure/ui-flex/latest';
+import { ChevronDownInstUIIcon } from '@instructure/ui-icons';
+import { ToggleDetails } from '@instructure/ui-toggle-details/latest';
+import { View } from '@instructure/ui-view/latest';
+import { ComponentProps } from 'react';
 import { ColorTheme, CornerStyle } from '../commonSchemas';
 import { AccordionConnection, AccordionDropdownDirection, AccordionDropdownPlacement, AccordionStyle } from './accordionPropsSchema';
 type ViewProps = ComponentProps<typeof View>;
@@ -24,10 +25,12 @@ export interface AccordionViewProps {
      * — `ic-brand-primary` in the canvas theme — so on a filled header the default ring is
      * invisible for every host, whatever brand color they set, and for the tints derived
      * from it. A filled surface therefore rings with `focusColor="inverse"`, which the
-     * canvas theme leaves alone, or with the accessible color already paired with that
-     * surface once a host brand color applies.
+     * canvas theme leaves alone, or with `focusRingColor`, the accessible color already
+     * paired with that surface once a host brand color applies.
      */
-    header: Pick<ViewProps, 'padding' | 'focusColor' | 'themeOverride'>;
+    header: Pick<ViewProps, 'padding' | 'focusColor'> & {
+        focusRingColor?: string;
+    };
     content: Pick<ViewProps, 'background' | 'borderColor' | 'borderWidth' | 'padding' | 'themeOverride'>;
     toggle: ToggleDetailsThemeOverride;
 }
@@ -41,8 +44,7 @@ export interface AccordionItemLayout {
     contentBorderRadius: NonNullable<ViewProps['borderRadius']>;
     /**
      * The item's top corners. Applied to the header row while its panel is open so the
-     * focus ring follows them — a CSS outline traces its element's `border-radius`, and
-     * `View`'s own `focusRingBorderRadius` is declared but unimplemented in InstUI 11.6.
+     * focus ring follows them — a CSS outline traces its element's `border-radius`.
      */
     headerBorderRadius: NonNullable<ViewProps['borderRadius']>;
 }
@@ -57,8 +59,8 @@ export declare function getAccordionItemLayout({ index, count, connection, corne
  * CSS; swapping InstUI icons gets the same result with no raw CSS.
  */
 export declare function getAccordionIcons(direction: AccordionDropdownDirection): {
-    closedIcon: ComponentType;
-    openIcon: ComponentType;
+    closedIcon: typeof ChevronDownInstUIIcon;
+    openIcon: typeof ChevronDownInstUIIcon;
 };
 /** Row order for the header: the chevron trails the title, or leads it. */
 export declare function getAccordionHeaderDirection(placement: AccordionDropdownPlacement): NonNullable<ComponentProps<typeof Flex>['direction']>;

package/dist/components/blocks/Accordion/getAccordionViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getAccordionViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Accordion/getAccordionViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAMhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,KAAK,EACV,mBAAmB,EACnB,0BAA0B,EAC1B,0BAA0B,EAC1B,cAAc,EACf,MAAM,wBAAwB,CAAA;AAE/B,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAC5C,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAA;AAC9D,KAAK,0BAA0B,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAA;AAErE;;;;;;;GAOG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,eAAe,CAAC,CAAA;IACrE;;;;;;;;;OASG;IACH,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,YAAY,GAAG,eAAe,CAAC,CAAA;IACnE,OAAO,EAAE,IAAI,CACX,SAAS,EACT,YAAY,GAAG,aAAa,GAAG,aAAa,GAAG,SAAS,GAAG,eAAe,CAC3E,CAAA;IACD,MAAM,EAAE,0BAA0B,CAAA;CACnC;AAmDD,wBAAgB,qBAAqB,CACnC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,MAAM,GAClB,kBAAkB,CAqDpB;AAED,4EAA4E;AAC5E,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAClD,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACpD,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,wEAAwE;IACxE,mBAAmB,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IAC3D;;;;OAIG;IACH,kBAAkB,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;CAC3D;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,mBAAmB,CAAA;IAC/B,WAAW,EAAE,WAAW,CAAA;CACzB,GAAG,mBAAmB,CAiCtB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,0BAA0B,GAAG;IACxE,UAAU,EAAE,aAAa,CAAA;IACzB,QAAQ,EAAE,aAAa,CAAA;CACxB,CAIA;AAED,2EAA2E;AAC3E,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,0BAA0B,GACpC,WAAW,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,CAEvD"}
+{"version":3,"file":"getAccordionViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/Accordion/getAccordionViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EACL,qBAAqB,EAGtB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAC1E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,KAAK,EACV,mBAAmB,EACnB,0BAA0B,EAC1B,0BAA0B,EAC1B,cAAc,EACf,MAAM,wBAAwB,CAAA;AAE/B,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAC5C,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAA;AAC9D,KAAK,0BAA0B,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAA;AAErE;;;;;;;GAOG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,eAAe,CAAC,CAAA;IACrE;;;;;;;;;OASG;IACH,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,YAAY,CAAC,GAAG;QAAE,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/E,OAAO,EAAE,IAAI,CACX,SAAS,EACT,YAAY,GAAG,aAAa,GAAG,aAAa,GAAG,SAAS,GAAG,eAAe,CAC3E,CAAA;IACD,MAAM,EAAE,0BAA0B,CAAA;CACnC;AAmDD,wBAAgB,qBAAqB,CACnC,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,MAAM,GAClB,kBAAkB,CAqDpB;AAED,4EAA4E;AAC5E,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAClD,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACpD,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,wEAAwE;IACxE,mBAAmB,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IAC3D;;;OAGG;IACH,kBAAkB,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;CAC3D;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,mBAAmB,CAAA;IAC/B,WAAW,EAAE,WAAW,CAAA;CACzB,GAAG,mBAAmB,CAiCtB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,0BAA0B,GAAG;IACxE,UAAU,EAAE,OAAO,qBAAqB,CAAA;IACxC,QAAQ,EAAE,OAAO,qBAAqB,CAAA;CACvC,CAIA;AAED,2EAA2E;AAC3E,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,0BAA0B,GACpC,WAAW,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC,CAEvD"}

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

@@ -22,12 +22,12 @@ export declare const BannerPropsSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     title: string;
     variant: "h2" | "h3" | "h4";
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
     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;
+    align?: "center" | "left" | "right" | undefined;
     subtitle?: string | undefined;
     eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
     imagePlacement?: "background" | "above" | "below" | undefined;
@@ -35,13 +35,13 @@ export declare const BannerPropsSchema: z.ZodObject<{
     isDecorative?: boolean | undefined;
 }, {
     title: string;
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
     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;
+    align?: "center" | "left" | "right" | undefined;
     subtitle?: string | undefined;
     eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
     imagePlacement?: "background" | "above" | "below" | undefined;
@@ -56,12 +56,12 @@ export declare const BannerDefaultProps: BannerProps;
 export declare const RegisteredBannerPropsSchema: import('../../..').RegisteredComponentSchema<{
     title: string;
     variant: "h2" | "h3" | "h4";
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
     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;
+    align?: "center" | "left" | "right" | undefined;
     subtitle?: string | undefined;
     eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
     imagePlacement?: "background" | "above" | "below" | undefined;

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

@@ -6,12 +6,12 @@
 export declare const createBannerBlock: (options: import('../../..').BlockFactoryOptions<import('./bannerTranslations').BannerTranslations>) => import('../../..').BlockRegistryEntry<{
     title: string;
     variant: "h2" | "h3" | "h4";
+    style?: "image" | "none" | "outline" | "solid" | undefined;
+    color?: "light" | "dark" | "neutral" | undefined;
     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;
+    align?: "center" | "left" | "right" | undefined;
     subtitle?: string | undefined;
     eyebrowStyle?: "all-caps" | "sentence-case" | "capitalized" | undefined;
     imagePlacement?: "background" | "above" | "below" | undefined;

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

@@ -1,5 +1,5 @@
-import { Text as UIText } from '@instructure/ui-text';
-import { View } from '@instructure/ui-view';
+import { Text as UIText } from '@instructure/ui-text/latest';
+import { View } from '@instructure/ui-view/latest';
 import { ComponentProps } from 'react';
 import { BlockRenderProps } from '../brandTheming';
 import { Align, ColorTheme, CornerStyle } from '../commonSchemas';

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,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"}
+{"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,6BAA6B,CAAA;AACjE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACvD,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/CodeBlock/codeBlockPropsSchema.d.ts

@@ -8,12 +8,12 @@ export declare const CodeBlockPropsSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     code: string;
     language: "html" | "text" | "javascript" | "json" | "css" | "bash" | "yaml";
-    cornerStyle?: "rounded" | "square" | undefined;
     header?: string | undefined;
+    cornerStyle?: "rounded" | "square" | undefined;
 }, {
     code: string;
-    cornerStyle?: "rounded" | "square" | undefined;
     header?: string | undefined;
+    cornerStyle?: "rounded" | "square" | undefined;
     language?: unknown;
 }>;
 export type CodeBlockProps = z.infer<typeof CodeBlockPropsSchema>;
@@ -22,7 +22,7 @@ export declare const CodeBlockDefaultProps: CodeBlockProps;
 export declare const RegisteredCodeBlockPropsSchema: import('../../..').RegisteredComponentSchema<{
     code: string;
     language: "html" | "text" | "javascript" | "json" | "css" | "bash" | "yaml";
-    cornerStyle?: "rounded" | "square" | undefined;
     header?: string | undefined;
+    cornerStyle?: "rounded" | "square" | undefined;
 }>;
 //# sourceMappingURL=codeBlockPropsSchema.d.ts.map

package/dist/components/blocks/CodeBlock/createCodeBlock.d.ts

@@ -6,7 +6,7 @@
 export declare const createCodeBlock: (options: import('../../..').BlockFactoryOptions<import('./codeBlockTranslations').CodeBlockTranslations>) => import('../../..').BlockRegistryEntry<{
     code: string;
     language: "html" | "text" | "javascript" | "json" | "css" | "bash" | "yaml";
-    cornerStyle?: "rounded" | "square" | undefined;
     header?: string | undefined;
+    cornerStyle?: "rounded" | "square" | undefined;
 }>;
 //# sourceMappingURL=createCodeBlock.d.ts.map

package/dist/components/blocks/CodeBlock/getCodeBlockViewProps.d.ts

@@ -1,4 +1,4 @@
-import { View } from '@instructure/ui-view';
+import { View } from '@instructure/ui-view/latest';
 import { ComponentProps } from 'react';
 import { CornerStyle } from '../commonSchemas';
 type ViewProps = ComponentProps<typeof View>;

package/dist/components/blocks/CodeBlock/getCodeBlockViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getCodeBlockViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/CodeBlock/getCodeBlockViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,2EAA2E;AAC3E,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;IAChD,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACpD,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,WAAW,GAAG,kBAAkB,CAMlF"}
+{"version":3,"file":"getCodeBlockViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/CodeBlock/getCodeBlockViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,2EAA2E;AAC3E,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;IAChD,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACpD,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,WAAW,GAAG,kBAAkB,CAMlF"}

package/dist/components/blocks/FlashCards/getFlashCardsViewProps.d.ts

@@ -1,4 +1,4 @@
-import { View } from '@instructure/ui-view';
+import { View } from '@instructure/ui-view/latest';
 import { ComponentProps } from 'react';
 import { BlockRenderProps } from '../brandTheming';
 import { ColorTheme, CornerStyle } from '../commonSchemas';

package/dist/components/blocks/FlashCards/getFlashCardsViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFlashCardsViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/FlashCards/getFlashCardsViewProps.ts"],"names":[],"mappings":"AAkBA,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,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG/D,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;IAChD,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACpD,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACnC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9B,IAAI,EAAE,kBAAkB,CAAA;CACzB;AAED,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,mBAAmB,CAerB"}
+{"version":3,"file":"getFlashCardsViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/FlashCards/getFlashCardsViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,iBAAiB,CAAA;AACtE,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG/D,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;IAChD,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACpD,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACnC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9B,IAAI,EAAE,kBAAkB,CAAA;CACzB;AAED,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,mBAAmB,CAerB"}

package/dist/components/blocks/ImageBlock/createImageBlock.d.ts

@@ -6,10 +6,10 @@
 export declare const createImageBlock: (options: import('../../..').BlockFactoryOptions<import('./imageBlockTranslations').ImageBlockTranslations>) => import('../../..').BlockRegistryEntry<{
     alt: string;
     size: number;
-    align: "left" | "center" | "right";
+    align: "center" | "left" | "right";
     asset_id: string;
     isDecorative: boolean;
-    ratio: "square" | "circle" | "landscape" | "portrait";
+    ratio: "circle" | "square" | "landscape" | "portrait";
     cornerStyle?: "rounded" | "square" | undefined;
 }>;
 //# sourceMappingURL=createImageBlock.d.ts.map

package/dist/components/blocks/ImageBlock/imageBlockPropsSchema.d.ts

@@ -11,19 +11,19 @@ export declare const ImageBlockPropsSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     alt: string;
     size: number;
-    align: "left" | "center" | "right";
+    align: "center" | "left" | "right";
     asset_id: string;
     isDecorative: boolean;
-    ratio: "square" | "circle" | "landscape" | "portrait";
+    ratio: "circle" | "square" | "landscape" | "portrait";
     cornerStyle?: "rounded" | "square" | undefined;
 }, {
     alt: string;
     asset_id: string;
     cornerStyle?: "rounded" | "square" | undefined;
     size?: number | undefined;
-    align?: "left" | "center" | "right" | undefined;
+    align?: "center" | "left" | "right" | undefined;
     isDecorative?: boolean | undefined;
-    ratio?: "square" | "circle" | "landscape" | "portrait" | undefined;
+    ratio?: "circle" | "square" | "landscape" | "portrait" | undefined;
 }>;
 export type ImageBlockProps = z.infer<typeof ImageBlockPropsSchema>;
 export type ImageRatio = z.infer<typeof ImageRatioSchema>;
@@ -31,10 +31,10 @@ export declare const ImageBlockDefaultProps: ImageBlockProps;
 export declare const RegisteredImageBlockPropsSchema: import('../../..').RegisteredComponentSchema<{
     alt: string;
     size: number;
-    align: "left" | "center" | "right";
+    align: "center" | "left" | "right";
     asset_id: string;
     isDecorative: boolean;
-    ratio: "square" | "circle" | "landscape" | "portrait";
+    ratio: "circle" | "square" | "landscape" | "portrait";
     cornerStyle?: "rounded" | "square" | undefined;
 }>;
 //# sourceMappingURL=imageBlockPropsSchema.d.ts.map

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+/**
+ * Makes the focus ring of the `View` inside it follow `focusPosition="inset"`. InstUI's
+ * inset offset is `0`, which draws the ring just outside the element's edge. A negative
+ * offset the width of the ring pulls it inside, over the element's own surface.
+ *
+ * `color` recolors the ring for a surface that swallows InstUI's default (the brand color).
+ * Wrap only the focusable `View`: the override reaches every focusable descendant too.
+ */
+export declare function InsetFocusRing({ color, children }: {
+    color?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InsetFocusRing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsetFocusRing.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/InsetFocusRing.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAuB,KAAK,SAAS,EAAe,MAAM,OAAO,CAAA;AAsBxE;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAa1F"}

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

@@ -5,8 +5,8 @@
  */
 export declare const createKnowledgeCheckBlock: (options: import('../../..').BlockFactoryOptions<import('./knowledgeCheckTranslations').KnowledgeCheckTranslations>) => import('../../..').BlockRegistryEntry<{
     answers: {
-        id: string;
         label: string;
+        id: string;
         isCorrect: boolean;
     }[];
     question: string;

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

@@ -1,4 +1,4 @@
-import { View } from '@instructure/ui-view';
+import { View } from '@instructure/ui-view/latest';
 import { ComponentProps } from 'react';
 import { BlockRenderProps } from '../brandTheming';
 import { CornerStyle, HeaderStyle } from '../commonSchemas';

package/dist/components/blocks/KnowledgeCheck/getKnowledgeCheckViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getKnowledgeCheckViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/KnowledgeCheck/getKnowledgeCheckViewProps.ts"],"names":[],"mappings":"AAkBA,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,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAGhE,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,0EAA0E;AAC1E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;AAEjE,8CAA8C;AAC9C,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAClD,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;CACtC;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;IAChD,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACpD,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,uBAAuB;IACtC,sDAAsD;IACtD,SAAS,EAAE,IAAI,CACb,QAAQ,CAAC,SAAS,CAAC,EACnB,YAAY,GAAG,aAAa,GAAG,aAAa,GAAG,cAAc,CAC9D,CAAA;IACD,8DAA8D;IAC9D,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9B,4EAA4E;IAC5E,QAAQ,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAClC,MAAM,EAAE,mBAAmB,CAAA;CAC5B;AAeD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,GAAG,gBAAgB,CAE5E;AAED,wBAAgB,0BAA0B,CACxC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,uBAAuB,CA4BzB"}
+{"version":3,"file":"getKnowledgeCheckViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/KnowledgeCheck/getKnowledgeCheckViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,iBAAiB,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAGhE,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,0EAA0E;AAC1E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAA;AAEjE,8CAA8C;AAC9C,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAClD,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;CACtC;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;IAChD,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACpD,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,uBAAuB;IACtC,sDAAsD;IACtD,SAAS,EAAE,IAAI,CACb,QAAQ,CAAC,SAAS,CAAC,EACnB,YAAY,GAAG,aAAa,GAAG,aAAa,GAAG,cAAc,CAC9D,CAAA;IACD,8DAA8D;IAC9D,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9B,4EAA4E;IAC5E,QAAQ,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAClC,MAAM,EAAE,mBAAmB,CAAA;CAC5B;AAeD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,GAAG,gBAAgB,CAE5E;AAED,wBAAgB,0BAA0B,CACxC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,uBAAuB,CA4BzB"}

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

@@ -11,12 +11,12 @@ export declare const KnowledgeCheckAnswerSchema: z.ZodObject<{
     label: z.ZodString;
     isCorrect: z.ZodBoolean;
 }, "strip", z.ZodTypeAny, {
-    id: string;
     label: string;
+    id: string;
     isCorrect: boolean;
 }, {
-    id: string;
     label: string;
+    id: string;
     isCorrect: boolean;
 }>;
 export declare const KnowledgeCheckPropsSchema: z.ZodObject<{
@@ -28,20 +28,20 @@ export declare const KnowledgeCheckPropsSchema: z.ZodObject<{
         label: z.ZodString;
         isCorrect: z.ZodBoolean;
     }, "strip", z.ZodTypeAny, {
-        id: string;
         label: string;
+        id: string;
         isCorrect: boolean;
     }, {
-        id: string;
         label: string;
+        id: string;
         isCorrect: boolean;
     }>, "many">;
     headerStyle: z.ZodOptional<z.ZodDefault<z.ZodEnum<["none", "light", "dark"]>>>;
     cornerStyle: z.ZodOptional<z.ZodDefault<z.ZodEnum<["rounded", "square"]>>>;
 }, "strip", z.ZodTypeAny, {
     answers: {
-        id: string;
         label: string;
+        id: string;
         isCorrect: boolean;
     }[];
     question: string;
@@ -51,8 +51,8 @@ export declare const KnowledgeCheckPropsSchema: z.ZodObject<{
     headerStyle?: "light" | "dark" | "none" | undefined;
 }, {
     answers: {
-        id: string;
         label: string;
+        id: string;
         isCorrect: boolean;
     }[];
     question: string;
@@ -74,8 +74,8 @@ export type AnswerOrder = z.infer<typeof AnswerOrderSchema>;
 export declare const KnowledgeCheckDefaultProps: KnowledgeCheckProps;
 export declare const RegisteredKnowledgeCheckPropsSchema: import('../../..').RegisteredComponentSchema<{
     answers: {
-        id: string;
         label: string;
+        id: string;
         isCorrect: boolean;
     }[];
     question: string;

package/dist/components/blocks/MixAndMatch/MatchCard.d.ts

@@ -1,4 +1,6 @@
 import { MatchCardState, MatchCardViewProps } from './getMixAndMatchViewProps';
+/** Beyond this a card stops being scannable next to its neighbours. */
+export declare const MAX_CARD_CHARS = 100;
 export interface MatchCardProps {
     text: string;
     state: MatchCardState;
@@ -17,5 +19,5 @@ export interface MatchCardProps {
     onClick: () => void;
     elementRef?: (element: HTMLElement | null) => void;
 }
-export declare function MatchCard({ text, state, matched, card, disabled, ariaDisabled, label, pressed, onClick, elementRef, }: MatchCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function MatchCard({ text, state, matched, card: { focusRingColor, ...card }, disabled, ariaDisabled, label, pressed, onClick, elementRef, }: MatchCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MatchCard.d.ts.map

package/dist/components/blocks/MixAndMatch/MatchCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MatchCard.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/MixAndMatch/MatchCard.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACxB,MAAM,2BAA2B,CAAA;AAMlC,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,cAAc,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,kBAAkB,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CACnD;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,OAAO,EACP,OAAO,EACP,UAAU,GACX,EAAE,cAAc,2CAkChB"}
+{"version":3,"file":"MatchCard.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/MixAndMatch/MatchCard.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACxB,MAAM,2BAA2B,CAAA;AAGlC,uEAAuE;AACvE,eAAO,MAAM,cAAc,MAAM,CAAA;AAEjC,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,cAAc,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,kBAAkB,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CACnD;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EAAE,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,EACjC,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,OAAO,EACP,OAAO,EACP,UAAU,GACX,EAAE,cAAc,2CAqChB"}

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

@@ -1,4 +1,8 @@
 import { MixAndMatchProps } from './mixAndMatchPropsSchema';
+/** How long a correct pair stays highlighted before it fades out of the columns. */
+export declare const CORRECT_HOLD_MS = 600;
+/** How long a wrong pair stays flagged before both cards return to resting. */
+export declare const INCORRECT_HOLD_MS = 1000;
 /** A matching activity: pick a card on the left, then its partner on the right. */
 export declare function MixAndMatch({ pairs, randomizeCards, colorTheme, cornerStyle, }: MixAndMatchProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=MixAndMatch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MixAndMatch.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/MixAndMatch/MixAndMatch.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAmB,gBAAgB,EAAkB,MAAM,0BAA0B,CAAA;AA6HjG,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,cAAqB,EACrB,UAAoB,EACpB,WAAuB,GACxB,EAAE,gBAAgB,kDA2ClB"}
+{"version":3,"file":"MixAndMatch.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/MixAndMatch/MixAndMatch.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAmB,gBAAgB,EAAkB,MAAM,0BAA0B,CAAA;AAGjG,oFAAoF;AACpF,eAAO,MAAM,eAAe,MAAM,CAAA;AAElC,+EAA+E;AAC/E,eAAO,MAAM,iBAAiB,OAAO,CAAA;AAsHrC,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,cAAqB,EACrB,UAAoB,EACpB,WAAuB,GACxB,EAAE,gBAAgB,kDA2ClB"}

package/dist/components/blocks/MixAndMatch/getMixAndMatchViewProps.d.ts

@@ -1,4 +1,4 @@
-import { View } from '@instructure/ui-view';
+import { View } from '@instructure/ui-view/latest';
 import { ComponentProps } from 'react';
 import { BlockRenderProps } from '../brandTheming';
 import { ColorTheme, CornerStyle } from '../commonSchemas';
@@ -19,8 +19,10 @@ export interface MatchCardViewProps {
     shadow: ViewProps['shadow'];
     borderRadius: NonNullable<ViewProps['borderRadius']>;
     padding: ViewProps['padding'];
-    /** Recolors the card's brand-token accents; set only when a host brand color applies. */
+    /** Recolors the card's brand-token border; set only when a host brand color applies. */
     themeOverride?: ViewProps['themeOverride'];
+    /** Color of the card's focus ring; set only when a host brand color applies. */
+    focusRingColor?: string;
 }
 export interface MixAndMatchViewProps {
     container: BlockRenderProps['view'];

package/dist/components/blocks/MixAndMatch/getMixAndMatchViewProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getMixAndMatchViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/MixAndMatch/getMixAndMatchViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,gBAAgB,EAAsC,MAAM,iBAAiB,CAAA;AAC3F,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG/D,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,qEAAqE;AACrE,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAA;AAE7E,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAClD,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;CACtC;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;IAChD,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACpD,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC7B,yFAAyF;IACzF,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACnC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9B,IAAI,EAAE,kBAAkB,CAAA;IACxB;;;;;;OAMG;IACH,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,gEAAgE;IAChE,aAAa,EAAE,SAAS,GAAG,iBAAiB,CAAA;CAC7C;AAmBD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,GAAG,eAAe,CAEzE;AAED,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,oBAAoB,CAgCtB"}
+{"version":3,"file":"getMixAndMatchViewProps.d.ts","sourceRoot":"","sources":["../../../../src/components/blocks/MixAndMatch/getMixAndMatchViewProps.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,KAAK,gBAAgB,EAAsC,MAAM,iBAAiB,CAAA;AAC3F,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG/D,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAE5C,qEAAqE;AACrE,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAA;AAE7E,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAClD,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;CACtC;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAA;IAChD,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IACpD,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC7B,wFAAwF;IACxF,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;IAC1C,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACnC,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9B,IAAI,EAAE,kBAAkB,CAAA;IACxB;;;;;;OAMG;IACH,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,gEAAgE;IAChE,aAAa,EAAE,SAAS,GAAG,iBAAiB,CAAA;CAC7C;AAmBD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,GAAG,eAAe,CAEzE;AAED,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,UAAU,CAAC,EAAE,MAAM,GAClB,oBAAoB,CAgCtB"}

package/dist/components/blocks/Quote/createQuoteBlock.d.ts

@@ -7,7 +7,7 @@ export declare const createQuoteBlock: (options: import('../../..').BlockFactory
     content: string;
     colorTheme?: "light" | "dark" | "neutral" | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
-    align?: "left" | "center" | "right" | undefined;
+    align?: "center" | "left" | "right" | undefined;
     author?: string | undefined;
     quoteSize?: number | undefined;
     decorationStyle?: "fill" | "none" | "sidebar" | undefined;

package/dist/components/blocks/Quote/quotePropsSchema.d.ts

@@ -20,7 +20,7 @@ export declare const QuotePropsSchema: z.ZodObject<{
     content: string;
     colorTheme?: "light" | "dark" | "neutral" | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
-    align?: "left" | "center" | "right" | undefined;
+    align?: "center" | "left" | "right" | undefined;
     author?: string | undefined;
     quoteSize?: number | undefined;
     decorationStyle?: "fill" | "none" | "sidebar" | undefined;
@@ -28,7 +28,7 @@ export declare const QuotePropsSchema: z.ZodObject<{
     content: string;
     colorTheme?: "light" | "dark" | "neutral" | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
-    align?: "left" | "center" | "right" | undefined;
+    align?: "center" | "left" | "right" | undefined;
     author?: string | undefined;
     quoteSize?: number | undefined;
     decorationStyle?: "fill" | "none" | "sidebar" | undefined;
@@ -40,7 +40,7 @@ export declare const RegisteredQuotePropsSchema: import('../../..').RegisteredCo
     content: string;
     colorTheme?: "light" | "dark" | "neutral" | undefined;
     cornerStyle?: "rounded" | "square" | undefined;
-    align?: "left" | "center" | "right" | undefined;
+    align?: "center" | "left" | "right" | undefined;
     author?: string | undefined;
     quoteSize?: number | undefined;
     decorationStyle?: "fill" | "none" | "sidebar" | undefined;