@orangelogic/design-system 4.2.0 → 4.3.0

package/library/packages/organisms/src/content-builder/configs/font-kit-advanced.d.ts

@@ -0,0 +1,19 @@
+import { PropertyConfig } from '../../../../types/src/content-builder';
+import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
+import { default as CxFontKitAdvanced } from '../blocks/font-kit-advanced/font-kit-advanced';
+
+type Attributes = {
+    'full-bleed': boolean;
+    name: CxFontKitAdvanced['name'];
+    origin: CxFontKitAdvanced['origin'];
+    'show-dividers': boolean;
+    'show-download-button': boolean;
+    'show-title-image': boolean;
+    typefaces: string;
+};
+declare const _default: {
+    configs: (localize: LocalizeController) => Array<PropertyConfig<Attributes>>;
+    defaultValue: Attributes;
+    stylable: string[];
+};
+export default _default;

package/library/packages/organisms/src/content-builder/configs/font-kit.d.ts

@@ -9,7 +9,9 @@ type Attributes = {
     'download-size': CxFontKit['downloadSize'];
     'download-text': CxFontKit['downloadText'];
     'download-width-type': CxFontKit['downloadWidthType'];
+    'full-bleed': boolean;
     'img-alt': CxFontKit['imgAlt'];
+    'img-crop-focus': CxFontKit['imgCropFocus'];
     'img-height-mode': CxFontKit['imgHeightMode'];
     'img-object-fit': CxFontKit['imgObjectFit'];
     name: CxFontKit['name'];

package/library/packages/organisms/src/content-builder/configs/gallery.d.ts

@@ -1,7 +1,8 @@
-import { Easing, Orientation } from '../../../../types/src/index.ts';
+import { Easing, ObjectFit, Orientation } from '../../../../types/src/index.ts';
 import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { ContentType, GalleryVariant, OverflowBehavior, SourceVariant } from '../../../../types/src/gallery';
 import { GalleryItemCardType, GalleryItemContentPosition, GalleryItemContentVariant, GalleryItemEffect, GalleryItemShowContentType, GalleryItemTextRevealStyle, GalleryItemZoomStyle } from '../../../../types/src/gallery-item';
+import { PositionPickerValue } from '../../../../types/src/position-picker';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 
 type Attribute = {
@@ -16,11 +17,16 @@ type Attribute = {
     'content-position': GalleryItemContentPosition;
     'content-type': ContentType;
     'content-variant': GalleryItemContentVariant;
+    'data-width-percent': string;
+    'data-width-pixel': string;
+    'default-crop-focus': PositionPickerValue;
+    'default-object-fit': ObjectFit;
     'details-source-field': string;
     'download-format': string;
     easing: Easing;
     effect: GalleryItemEffect;
     format: string;
+    'full-bleed': boolean;
     'header-source-field': string;
     'highlight-background': boolean;
     'highlight-border': boolean;
@@ -31,6 +37,7 @@ type Attribute = {
     'large-content-position': GalleryItemContentPosition;
     'manual-format'?: boolean;
     'max-rows': string;
+    'max-rows-mobile': string;
     navigation: 'both' | 'arrows' | 'pagination';
     orientation: Orientation;
     'overflow-behavior': OverflowBehavior;
@@ -46,8 +53,15 @@ type Attribute = {
     'transformation-record-id': string;
     transformations: string;
     variant: GalleryVariant;
+    width: string;
     'zoom-style': GalleryItemZoomStyle;
 };
+/**
+ * Default rows for desktop and tablet. Also the value the mobile backfill uses
+ * when a block saved before `max-rows-mobile` existed has no `max-rows` of its
+ * own to inherit.
+ */
+export declare const DEFAULT_MAX_ROWS = "2";
 declare const _default: {
     configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attribute>>;
     defaultValue: Partial<Attribute>;

package/library/packages/organisms/src/content-builder/configs/header.d.ts

@@ -8,6 +8,8 @@ type Attribute = {
     'data-constraints': boolean;
     'disabled-copy-button': boolean;
     'font-size': string;
+    'font-size-desktop': string;
+    'font-size-tablet': string;
     'has-anchor-link': boolean;
     role: string;
     variant: Variant;

package/library/packages/organisms/src/content-builder/configs/image.d.ts

@@ -11,6 +11,7 @@ type Attribute = {
     'click-space'?: CxImage['clickSpace'];
     'content-position': CxImage['contentPosition'];
     'content-type': CxImage['contentType'];
+    'crop-focus': CxImage['cropFocus'];
     'data-constraints': boolean;
     'data-content-width-percent': string;
     'data-content-width-pixel': string;
@@ -25,6 +26,7 @@ type Attribute = {
     effect: CxImage['effect'];
     format: CxImage['format'];
     'format-dark-mode': CxImage['formatDarkMode'];
+    'full-bleed': boolean;
     'header-source-field': CxImage['headerSourceField'];
     height: CxImage['height'];
     'height-mode': CxImage['heightMode'];

package/library/packages/organisms/src/content-builder/configs/index.d.ts

@@ -9,6 +9,7 @@ export { default as damView } from './dam-view';
 export { default as divider } from './divider';
 export { default as documentViewer } from './document-viewer';
 export { default as fontKit } from './font-kit';
+export { default as fontKitAdvanced } from './font-kit-advanced';
 export { default as gallery } from './gallery';
 export { default as header } from './header';
 export { default as analytics } from './analytics';

package/library/packages/organisms/src/content-builder/configs/search-box.d.ts

@@ -1,15 +1,19 @@
-import { default as CxSearchBox } from '../../../../molecules/src/search-box/search-box.ts';
+import { default as CxSearchBox } from '../blocks/search-box/search-box.ts';
 import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { SearchBoxWidthType } from '../../../../types/src/search-box';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 
 type Attribute = {
+    appearance: CxSearchBox['appearance'];
     'can-search-by-icon': CxSearchBox['canSearchByIcon'];
+    'data-icon-name': string;
     label: CxSearchBox['label'];
     placeholder: CxSearchBox['placeholder'];
     size: CxSearchBox['size'];
     'width-type': SearchBoxWidthType;
 };
+/** The icon picker stores its value as JSON, so the default has to match. */
+export declare const DEFAULT_ICON_ATTRIBUTE: string;
 declare const _default: {
     configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attribute>>;
     defaultValue: Attribute;

package/library/packages/organisms/src/content-builder/configs/tab-group.d.ts

@@ -1,19 +1,22 @@
-import { PropertyConfig } from '../../../../types/src/content-builder';
+import { ConfigsOptions, PropertyConfig } from '../../../../types/src/content-builder';
 import { TabGroupAlignment, TabGroupHidePanelVariant, TabGroupOverflowVariant } from '../../../../types/src/tab-group';
 import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 
-type Attribute = {
+type Attributes = {
     data: string;
     'data-constraints': boolean;
+    'full-bleed': boolean;
     'hide-panel-variant': TabGroupHidePanelVariant;
     'multi-language': boolean;
     'overflow-variant': TabGroupOverflowVariant;
+    'show-bottom-line': boolean;
     'tab-alignment': TabGroupAlignment;
+    'tab-border-sides': string;
     'use-max-panel-height': boolean;
 };
 declare const _default: {
-    configs: (localize: LocalizeController) => Array<PropertyConfig<Attribute>>;
-    defaultValue: Attribute;
+    configs: (localize: LocalizeController, options?: ConfigsOptions) => Array<PropertyConfig<Attributes>>;
+    defaultValue: Attributes;
     stylable: string[];
 };
 export default _default;

package/library/packages/organisms/src/content-builder/configs/timeline.d.ts

@@ -4,6 +4,7 @@ import { LocalizeController } from '../../../../utils/src/custom-element/i18n';
 type Attributes = {
     data: string;
     format: string;
+    'full-bleed': boolean;
     'manual-format'?: boolean;
     'min-tab-width': string;
     'multi-language': boolean;

package/library/packages/organisms/src/content-builder/configs/video.d.ts

@@ -14,6 +14,7 @@ type Attribute = {
     'click-space'?: CxVideo['clickSpace'];
     'content-position': CxVideo['contentPosition'];
     'content-type': CxVideo['contentType'];
+    'crop-focus': CxVideo['cropFocus'];
     'data-constraints': boolean;
     'data-content-width-percent': string;
     'data-content-width-pixel': string;
@@ -26,6 +27,7 @@ type Attribute = {
     'download-src'?: CxVideo['downloadSrc'];
     'format': string;
     'format-src': string;
+    'full-bleed': boolean;
     'header-source-field': CxVideo['headerSourceField'];
     height: CxVideo['height'];
     'height-mode': CxVideo['heightMode'];
@@ -33,6 +35,7 @@ type Attribute = {
     'manual-thumbnail-format'?: boolean;
     name: CxVideo['name'];
     'name-source-field': CxVideo['nameSourceField'];
+    'object-fit': CxVideo['objectFit'];
     'open-in-new-tab'?: CxVideo['openInNewTab'];
     'page-url'?: CxVideo['pageUrl'];
     poster: CxVideo['poster'];