@orangelogic/design-system 4.5.0 → 4.7.0

package/library/components/types.js

@@ -9,19 +9,19 @@ import { default as c } from "./badge.js";
 import { default as T } from "./box.js";
 import { default as S } from "./breadcrumb.js";
 import { default as D } from "./breadcrumb-item.js";
-import { C as F } from "../chunks/button.cbDkxJHn.js";
+import { C as F } from "../chunks/button.CUeXJXcO.js";
 import { default as P } from "./button-group.js";
-import { default as E } from "./card.js";
+import { default as h } from "./card.js";
 import { default as O } from "./checkbox.js";
 import { default as v } from "./color-picker.js";
 import { default as V } from "./copy-button.js";
 import { default as _ } from "./date-calendar.js";
 import { default as k } from "./details.js";
 import { default as N } from "./diff.js";
-import { C as U } from "../chunks/dialog.BvSMV36r.js";
+import { C as U } from "../chunks/dialog.C2q9XwLW.js";
 import { default as X } from "./divider.js";
-import { C as K } from "../chunks/document-viewer.BLdEjbza.js";
-import { C as q } from "../chunks/dot-pagination.CukHxNBk.js";
+import { C as K } from "../chunks/document-viewer.BmO1igBN.js";
+import { C as q } from "../chunks/dot-pagination.BclVUAf7.js";
 import { default as J } from "./dot-status.js";
 import { default as Z } from "./drawer.js";
 import { default as aa } from "./dropdown.js";
@@ -33,25 +33,25 @@ import { default as na } from "./format-number.js";
 import { default as fa } from "./format-time.js";
 import { default as da } from "./grid.js";
 import { default as ca } from "./grid-item.js";
-import { C as Ta } from "../chunks/header.DWE-WJaC.js";
+import { C as Ta } from "../chunks/header.BHwN2xMS.js";
 import { C as Sa } from "../chunks/hub-connection.BtevPWYb.js";
 import { C as Da } from "../chunks/icon.BLXWp6CU.js";
-import { C as Fa } from "../chunks/icon-button.DV5Fks8j.js";
-import { C as Pa } from "../chunks/iframe.ddX2kGu3.js";
-import { C as Ea } from "../chunks/image.BM7bPTub.js";
+import { C as Fa } from "../chunks/icon-button.BXs29IQE.js";
+import { C as Pa } from "../chunks/iframe.e5XdCox5.js";
+import { C as ha } from "../chunks/image.CjdSn_IT.js";
 import { default as Oa } from "./image-comparer.js";
 import { default as va } from "./include.js";
-import { C as Va } from "../chunks/input.7pumTpdu.js";
+import { C as Va } from "../chunks/input.zRoRq5mq.js";
 import { default as _a } from "./input-group.js";
 import { default as ka } from "./line-clamp.js";
-import { C as Na } from "../chunks/markdown.LHSzm035.js";
+import { C as Na } from "../chunks/markdown.Dh6DSJjb.js";
 import { default as Ua } from "./menu.js";
-import { C as Xa } from "../chunks/menu-item.CqPvDGeN.js";
+import { C as Xa } from "../chunks/menu-item.Js1qz9h2.js";
 import { default as Ka } from "./menu-label.js";
 import { default as qa } from "./menu-section.js";
 import { default as Ja } from "./mutation-observer.js";
-import { C as Za } from "../chunks/option.dBUWN4sF.js";
-import { C as ae } from "../chunks/pagination.C2f8lUVb.js";
+import { C as Za } from "../chunks/option.CwbFof9H.js";
+import { C as ae } from "../chunks/pagination.DCSLKv1u.js";
 import { default as te } from "./popup.js";
 import { default as re } from "./progress-bar.js";
 import { default as xe } from "./progress-ring.js";
@@ -65,7 +65,7 @@ import { default as Se } from "./rating.js";
 import { default as De } from "./relative-time.js";
 import { default as Fe } from "./resize-observer.js";
 import { default as Pe } from "./select.js";
-import { default as Ee } from "./skeleton.js";
+import { default as he } from "./skeleton.js";
 import { default as Oe } from "./space.js";
 import { default as ve } from "./spinner.js";
 import { default as Ve } from "./split-panel.js";
@@ -73,29 +73,29 @@ import { default as _e } from "./step.js";
 import { default as ke } from "./stepper.js";
 import { default as Ne } from "./switch.js";
 import { default as Ue } from "./tab.js";
-import { C as Xe } from "../chunks/tab-group.DOnaT12G.js";
+import { C as Xe } from "../chunks/tab-group.Dy2fEfC-.js";
 import { default as Ke } from "./tab-panel.js";
 import { default as qe } from "./tag.js";
 import { default as Je } from "./textarea.js";
 import { default as Ze } from "./timecode.js";
 import { default as at } from "./tooltip.js";
-import { a as tt, C as ot } from "../chunks/tree.CHQ1WjZV.js";
+import { a as tt, C as ot } from "../chunks/tree.MCwWhFAm.js";
 import { C as st } from "../chunks/typography.BLYdTF0n.js";
 import { default as it } from "./video.js";
 import { default as mt } from "./visually-hidden.js";
 import { fontAwesomeIconNames as pt, getAnimationNames as ft, getEasingNames as Ct } from "./atoms.js";
 import { c as ut } from "../chunks/component.styles.CAS3c9pM.js";
 import { g as gt, a as Tt, s as At } from "../chunks/animation-registry.HmpwNuGH.js";
-import { u as It, v as Dt, V as bt, w as Ft, o as yt, n as Pt, m as ht, Y as Et, Z as Rt, _ as Ot, a0 as Lt, $ as vt, a1 as Bt, a2 as Vt, a3 as Mt, a4 as _t, a5 as Gt, k as kt, W as wt, x as Nt, X as Ht, y as Ut, z as zt, A as Xt, j as Wt, a6 as Kt, B as jt, D as qt, E as Yt, G as Jt, a7 as Qt, h as Zt, H as $t, J as ao, f as eo, S as to, T as oo, a8 as ro, e as so, K as xo, L as io, M as lo, N as mo, P as no, a9 as po, aa as fo, Q as Co, R as uo, ab as co, ac as go, b as To, U as Ao, ad as So, ae as Io } from "../chunks/types.DVqUSJlF.js";
+import { u as It, v as Dt, V as bt, w as Ft, o as yt, n as Pt, m as Et, Y as ht, Z as Rt, _ as Ot, a0 as Lt, $ as vt, a1 as Bt, a2 as Vt, a3 as Mt, a4 as _t, a5 as Gt, k as kt, W as wt, x as Nt, X as Ht, y as Ut, z as zt, A as Xt, j as Wt, a6 as Kt, B as jt, D as qt, E as Yt, G as Jt, a7 as Qt, h as Zt, H as $t, J as ao, f as eo, S as to, T as oo, a8 as ro, e as so, K as xo, L as io, M as lo, N as mo, P as no, a9 as po, aa as fo, Q as Co, R as uo, ab as co, ac as go, b as To, U as Ao, ad as So, ae as Io } from "../chunks/types.4OaADvOF.js";
 import { default as bo } from "./bicolor-picker.js";
 import { default as yo } from "./border-input-group.js";
-import { default as ho } from "./color-swatch.js";
-import { C as Ro } from "../chunks/confirm-popover.Dvgoz-oA.js";
+import { default as Eo } from "./color-swatch.js";
+import { C as Ro } from "../chunks/confirm-popover.CeKZ8dF1.js";
 import { default as Lo } from "./corner-position-input-group.js";
 import { default as Bo } from "./cropper.js";
 import { default as Mo } from "./dynamic-select.js";
-import { C as Go, h as ko, i as wo } from "../chunks/color-swatch-group.6ls-5ziB.js";
-import { C as Ho } from "../chunks/folder-select.DAZQRdLq.js";
+import { C as Go, i as ko, j as wo } from "../chunks/color-swatch-group.DMza5xD7.js";
+import { C as Ho } from "../chunks/folder-select.lF4v6bbN.js";
 import { default as zo } from "./masonry.js";
 import { default as Wo } from "./padding-input-group.js";
 import { default as jo } from "./position-picker.js";
@@ -105,13 +105,13 @@ import { default as $o } from "./sidebar.js";
 import { default as er } from "./size-input-group.js";
 import { default as or } from "./stepper-wizard.js";
 import { default as sr } from "./typeface.js";
-import { C as ir } from "../chunks/asset-link-format.DTLA2CFh.js";
+import { C as ir } from "../chunks/asset-link-format.Bi9J8xCQ.js";
 import { default as mr } from "./file-on-demand.js";
 import { C as pr, E as fr, b as Cr, G as dr, a as ur, O as cr, T as gr } from "../chunks/index.Cpamj0jB.js";
-import { CortexPopupController as Ar, DateRangePresets as Sr, DragScroll as Ir, HistoryManager as Dr, KeyboardKey as br, PRECISION as Fr, downloadAsset as yr, extractFrames as Pr, findFrameByColAndRow as hr, getBrowserFontVariants as Er, getFontFamilyOptionValue as Rr, getFontFamilyVariants as Or, getFormControls as Lr, getInterval as vr, getTypefaceOptionValue as Br, insertFrameToCache as Vr, isFontFamilyAvailable as Mr, isFormInteracted as _r, isModKey as Gr, isoWeekNumber as kr, omit as wr, openAssetOverview as Nr, openFolderOverview as Hr, openLink as Ur, parseJsonString as zr, parseListString as Xr, pick as Wr, quoteFontFamily as Kr, readLocalStorageValue as jr, serialize as qr, shareAsset as Yr, sortTypefaceVariants as Jr, testFontAvailability as Qr, unquoteFontFamily as Zr, writeLocalStorageValue as $r } from "../utils.js";
+import { CortexPopupController as Ar, DateRangePresets as Sr, DragScroll as Ir, HistoryManager as Dr, KeyboardKey as br, PRECISION as Fr, downloadAsset as yr, extractFrames as Pr, findFrameByColAndRow as Er, getBrowserFontVariants as hr, getFontFamilyOptionValue as Rr, getFontFamilyVariants as Or, getFormControls as Lr, getInterval as vr, getTypefaceOptionValue as Br, insertFrameToCache as Vr, isFontFamilyAvailable as Mr, isFormInteracted as _r, isModKey as Gr, isoWeekNumber as kr, omit as wr, openAssetOverview as Nr, openFolderOverview as Hr, openLink as Ur, parseJsonString as zr, parseListString as Xr, pick as Wr, quoteFontFamily as Kr, readLocalStorageValue as jr, serialize as qr, shareAsset as Yr, sortTypefaceVariants as Jr, testFontAvailability as Qr, unquoteFontFamily as Zr, writeLocalStorageValue as $r } from "../utils.js";
 import { e as es, f as ts, g as os, c as rs, i as ss, a as xs, d as is, m as ls, b as ms, r as ns, t as ps } from "../chunks/toast.D3AW3RWv.js";
 import { e as Cs, a as ds, f as us, g as cs, d as gs, b as Ts, c as As, i as Ss, p as Is, s as Ds } from "../chunks/browser.BHOCIF_A.js";
-import { k as Fs, e as ys, m as Ps, H as hs, R as Es, d as Rs, o as Os, g as Ls, f as vs, n as Bs, h as Vs, l as Ms, i as _s, p as Gs, j as ks } from "../chunks/color.CIHdfM_a.js";
+import { k as Fs, e as ys, m as Ps, H as Es, R as hs, d as Rs, o as Os, g as Ls, f as vs, n as Bs, h as Vs, l as Ms, i as _s, p as Gs, j as ks } from "../chunks/color.CIHdfM_a.js";
 import { a as Ns, g as Hs } from "../chunks/active-elements.jTVWtBDp.js";
 import { a as zs, p as Xs, c as Ws, b as Ks, s as js, w as qs } from "../chunks/event.BeKOsirN.js";
 import { t as Js } from "../chunks/converters.DkDtLstb.js";
@@ -121,25 +121,25 @@ import { d as tx } from "../chunks/default-value.COZopaet.js";
 import { d as rx } from "../chunks/drag.DenOh3AE.js";
 import { f as xx } from "../chunks/focus-when-visible.jWSw9ks0.js";
 import { F as lx, c as mx, f as nx, g as px, v as fx, a as Cx } from "../chunks/form.LpappO1d.js";
-import { L as ux, r as cx } from "../chunks/i18n.BSPmBQ73.js";
+import { L as ux, r as cx } from "../chunks/i18n.D5L6xAYT.js";
 import { c as Tx, q as Ax } from "../chunks/math.DuKzLacZ.js";
 import { g as Ix } from "../chunks/modal.Ct0bJBSe.js";
 import { g as bx, l as Fx, s as yx, u as Px } from "../chunks/scroll.xtO5yojm.js";
-import { H as Ex, a as Rx, g as Ox } from "../chunks/slot.j5oheLJC.js";
+import { H as hx, a as Rx, g as Ox } from "../chunks/slot.j5oheLJC.js";
 import { a as vx, g as Bx } from "../chunks/tabbable.BwnZBHrm.js";
 import { i as Mx } from "../chunks/user-agent.D9aPuOyL.js";
 import { w as Gx } from "../chunks/watch.DJF5K-8U.js";
 import { C as wx } from "../chunks/calendar-grid.BWjcZL5W.js";
 import { b as Hx, c as Ux, f as zx, h as Xx, g as Wx, a as Kx, i as jx, d as qx, n as Yx, e as Jx, p as Qx, t as Zx } from "../chunks/date.iWq_pkIk.js";
 import { c as ai, d as ei, h as ti, m as oi, k as ri, a as si, g as xi, j as ii, b as li, f as mi, i as ni, e as pi, l as fi, r as Ci, s as di } from "../chunks/dom.D0lSUoEI.js";
-import { A as ci, g as gi, j as Ti, O as Ai, S as Si, a as Ii, h as Di, b as bi, e as Fi, d as yi, f as Pi, i as hi, k as Ei, p as Ri, r as Oi, c as Li } from "../chunks/transformation.Dm-pK2ft.js";
+import { A as ci, g as gi, j as Ti, O as Ai, S as Si, a as Ii, h as Di, b as bi, e as Fi, d as yi, f as Pi, i as Ei, k as hi, p as Ri, r as Oi, c as Li } from "../chunks/transformation.Dm-pK2ft.js";
 import { M as Bi, c as Vi, e as Mi, i as _i, n as Gi, p as ki, b as wi, s as Ni, d as Hi } from "../chunks/gradient.CIzq8fOU.js";
 import { c as zi, f as Xi, e as Wi, b as Ki, g as ji, d as qi, i as Yi, r as Ji, a as Qi } from "../chunks/image.Y5c_hFx8.js";
 import { b as $i, e as al } from "../chunks/waveform.1U9U_0rd.js";
 import { c as tl, b as ol, a as rl, e as sl, d as xl, f as il, g as ll, r as ml, s as nl } from "../chunks/number.Cx2ncfJJ.js";
 import { s as fl } from "../chunks/parse.Cu5nBDTb.js";
 import { D as dl, g as ul, a as cl } from "../chunks/responsive.DqF_v1XY.js";
-import { b as Tl, n as Al, d as Sl, e as Il, f as Dl, y as bl, o as Fl, g as yl, h as Pl, l as hl, p as El, z as Rl, x as Ol, a as Ll, c as vl, s as Bl, w as Vl, r as Ml, t as _l, q as Gl, v as kl, i as wl, m as Nl, u as Hl } from "../chunks/string.CfI2ejyR.js";
+import { b as Tl, n as Al, d as Sl, e as Il, f as Dl, y as bl, o as Fl, g as yl, h as Pl, l as El, p as hl, z as Rl, x as Ol, a as Ll, c as vl, s as Bl, w as Vl, r as Ml, t as _l, q as Gl, v as kl, i as wl, m as Nl, u as Hl } from "../chunks/string.CfI2ejyR.js";
 import { g as zl, a as Xl } from "../chunks/template.ClovJacp.js";
 import { c as Kl, f as jl, a as ql, g as Yl } from "../chunks/time.DYWuX2id.js";
 import { R as Ql, f as Zl, g as $l, h as am, U as em, b as tm, a as om, d as rm, c as sm, i as xm, r as im, t as lm, e as mm } from "../chunks/url.CGdWC06g.js";
@@ -167,11 +167,11 @@ export {
   yt as CxAssetFormatPicker,
   ir as CxAssetLinkFormat,
   Pt as CxAssetPicker,
-  ht as CxAssetTransformationDialog,
+  Et as CxAssetTransformationDialog,
   f as CxAudio,
   d as CxAvatar,
   c as CxBadge,
-  Et as CxBentoGrid,
+  ht as CxBentoGrid,
   bo as CxBicolorPicker,
   yo as CxBorderInputGroup,
   T as CxBox,
@@ -180,14 +180,14 @@ export {
   F as CxButton,
   P as CxButtonGroup,
   Rt as CxCapacityPlanner,
-  E as CxCard,
+  h as CxCard,
   Ot as CxCarousel,
   Lt as CxChartPlanBuilder,
   vt as CxChatbot,
   O as CxCheckbox,
   Bt as CxClusterManagement,
   v as CxColorPicker,
-  ho as CxColorSwatch,
+  Eo as CxColorSwatch,
   Go as CxColorSwatchGroup,
   Vt as CxComment,
   Mt as CxCommentV1,
@@ -242,7 +242,7 @@ export {
   Fa as CxIconButton,
   eo as CxIconPicker,
   Pa as CxIframe,
-  Ea as CxImage,
+  ha as CxImage,
   Oa as CxImageComparer,
   va as CxInclude,
   Va as CxInput,
@@ -286,7 +286,7 @@ export {
   Qo as CxShareOptionList,
   $o as CxSidebar,
   er as CxSizeInputGroup,
-  Ee as CxSkeleton,
+  he as CxSkeleton,
   Oe as CxSpace,
   po as CxSpaceSelector,
   fo as CxSpecialCharactersDialog,
@@ -324,8 +324,8 @@ export {
   lx as FormControlController,
   dr as GsapEasing,
   Ps as HEX_ALPHA_VALIDATION_REGEX,
-  hs as HEX_VALIDATION_REGEX,
-  Ex as HasSlotController,
+  Es as HEX_VALIDATION_REGEX,
+  hx as HasSlotController,
   Dr as HistoryManager,
   Io as IconPickerVariant,
   br as KeyboardKey,
@@ -338,7 +338,7 @@ export {
   Fr as PRECISION,
   dm as PositionPickerValue,
   Ql as RELATIVE_URL_REGEX,
-  Es as RGB_VALIDATION_REGEX,
+  hs as RGB_VALIDATION_REGEX,
   Si as SRCSET_WIDTH_LADDER,
   gr as TransitionType,
   Zl as URL_DOMAIN_VALIDATION_REGEX,
@@ -388,7 +388,7 @@ export {
   Cs as findAncestorWithBuggyStyle,
   ds as findContainingBlock,
   us as findCuttingAncestor,
-  hr as findFrameByColAndRow,
+  Er as findFrameByColAndRow,
   ts as findIndexByProp,
   xx as focusWhenVisible,
   pt as fontAwesomeIconNames,
@@ -412,7 +412,7 @@ export {
   ti as getAttributes,
   Fl as getAttributesString,
   ul as getBreakpointsFromCSS,
-  Er as getBrowserFontVariants,
+  hr as getBrowserFontVariants,
   Bs as getColorType,
   ji as getContainedImageSize,
   oi as getCortexPopupLayer,
@@ -445,7 +445,7 @@ export {
   Kx as getTodayIsoDate,
   Br as getTypefaceOptionValue,
   os as groupBy,
-  hi as hasTransformSegment,
+  Ei as hasTransformSegment,
   Pl as htmlToPlainText,
   rs as insertAtIndex,
   Vr as insertFrameToCache,
@@ -459,7 +459,7 @@ export {
   Ts as isFirefox,
   Mr as isFontFamilyAvailable,
   _r as isFormInteracted,
-  hl as isGalleryItemCardType,
+  El as isGalleryItemCardType,
   _i as isGradientString,
   As as isIOS,
   pi as isInElement,
@@ -483,12 +483,12 @@ export {
   Nr as openAssetOverview,
   Hr as openFolderOverview,
   Ur as openLink,
-  El as padPath,
+  hl as padPath,
   Rl as parseBooleanString,
   _s as parseBorder,
   Jx as parseDisplayToIso,
   Xs as parseDuration,
-  Ei as parseFileSizeToBytes,
+  hi as parseFileSizeToBytes,
   ki as parseGradient,
   Qx as parseIsoDate,
   zr as parseJsonString,

package/library/components/video.js

@@ -1,7 +1,7 @@
 import { _ as Bd, a as Ca, b as Be, c as Je } from "../chunks/inheritsLoose.BuSn_CvZ.js";
 import { c as vs, a as Fn } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
 import { r as Cb } from "../chunks/___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
-import { C as Mb } from "../chunks/image.BM7bPTub.js";
+import { C as Mb } from "../chunks/image.CjdSn_IT.js";
 import Db from "./resize-observer.js";
 import { r as Pb, R as Lb, b as Ip, a as Rb } from "../chunks/resizable-component.styles.kMFDlGgv.js";
 import { c as Ib } from "../chunks/component.styles.CAS3c9pM.js";
@@ -9,7 +9,7 @@ import { a as Ui } from "../chunks/index.Cpamj0jB.js";
 import { P as Ob, O as kb } from "../chunks/position-picker.qkbJlboF.js";
 import { b as Bb } from "../chunks/browser.BHOCIF_A.js";
 import { c as Fb } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as Nb } from "../chunks/i18n.BSPmBQ73.js";
+import { L as Nb } from "../chunks/i18n.D5L6xAYT.js";
 import { w as Pi } from "../chunks/watch.DJF5K-8U.js";
 import { i as Ub, x as Kc } from "../chunks/lit-element.jLBm65_O.js";
 import { n as fi } from "../chunks/lib-cortex-element.CVMmyPMC.js";

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "4.5.0",
+  "version": "4.7.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/tab-group/tab-group.d.ts

@@ -51,6 +51,7 @@ export default class CxTabGroup extends CortexElement {
     private readonly localize;
     private mutationObserver;
     private resizeObserver;
+    private lastTabGap?;
     private panelResizeObserver?;
     /**
      * The IntersectionObserver from the most recent syncTabsAndPanels() call. syncTabsAndPanels() can be triggered

package/library/packages/molecules/src/icon-picker/icon-picker.d.ts

@@ -71,6 +71,7 @@ export default class CxIconPicker extends CortexElement {
      */
     private static loadIconsData;
     private readonly localize;
+    private hasReportedValidity;
     private readonly select;
     private readonly customOption;
     private readonly dropdown?;
@@ -82,6 +83,11 @@ export default class CxIconPicker extends CortexElement {
      * Adds a clear button when the select is not empty.
      */
     clearable: boolean;
+    /**
+     * Requires an uploaded image when custom is selected in select mode.
+     * @default false
+     */
+    requireCustomIcon: boolean;
     /**
      * Controls the visual variant of the icon picker.
      * In 'select' mode a cx-select is rendered inline.
@@ -152,8 +158,8 @@ export default class CxIconPicker extends CortexElement {
     onRequestAsset: ((type: AssetTypeString, multiple?: boolean) => Promise<Asset | Record<string, Asset>>) | undefined;
     searchTerm: string;
     /**
-     * Need to mount or unmount virtualizer when select is shown or hidden
-     * Since the virtualizer have a defect that not re-render when the parent is hidden once
+     * Recreate the virtualizer for each open because it does not reliably
+     * re-render after being measured inside a hidden parent.
      */
     private showVirtualizer;
     private get filteredCortexIcons();
@@ -161,7 +167,13 @@ export default class CxIconPicker extends CortexElement {
     private get virtualListItems();
     constructor();
     runFirstUpdated(): void;
+    /** Checks the custom image requirement without displaying an error. */
+    checkValidity(): boolean;
+    /** Called by the containing form when reporting errors on save. */
+    reportValidity(): boolean;
     handleVariantChange(): Promise<void>;
+    handleCustomIconValidation(): Promise<void>;
+    private updateCustomIconValidity;
     renderOption(item: IconData): import('lit').TemplateResult<1> | typeof nothing;
     private renderMenuItem;
     private handleSelectValueChange;
@@ -183,7 +195,7 @@ export default class CxIconPicker extends CortexElement {
     private ensureIconsData;
     private showVirtualizerWhenReady;
     private handleSelectShow;
-    private handleSelectHide;
+    private handleSelectBeforeShow;
     private handleDropdownShow;
     private handleDropdownHide;
     handleContentBuilderAssetSelect(event: CxAssetPickerSelectEvent): Promise<void>;

package/library/packages/organisms/src/color-swatch-group/color-swatch-group.d.ts

@@ -188,10 +188,8 @@ export default class CxColorSwatchGroup extends CortexElement {
      */
     private visibleElements;
     /**
-     * Measured content width per field, used by columns set to "Hug contents".
-     *
-     * Only hugging fields are carried: a column set to fill never reads this, so
-     * measuring it would cost a layout pass for a width nothing applies.
+     * Measured content width per field, used by columns set to "Hug contents"
+     * and as the floor of a filling column with no authored constraints.
      *
      * cx-table cannot supply this: its fit-content layouts (`fitData*`) size a
      * column to its *header title* only — `Column.fitToData()` measures cells that
@@ -223,15 +221,10 @@ export default class CxColorSwatchGroup extends CortexElement {
      * keeps the extra render from looping.
      */
     private syncHugWidths;
-    /** Whether a built-in column's shared width mode is "Hug contents". */
-    private hugsBuiltInColumn;
     /**
      * Widest rendered width per field, measured off-screen from the data: the
      * column title in the header font, and every cell value in the content font,
      * each inside a box that mirrors the real cell's padding and column gap.
-     *
-     * Skips columns set to fill: one hugging column used to drag every other
-     * column through a full measurement pass whose width nothing then read.
      */
     private measureHugWidths;
     /**

package/library/packages/organisms/src/content-builder/components/color-swatch-picker/color-swatch-picker.d.ts

@@ -75,10 +75,7 @@ export default class CxColorSwatchPicker extends CortexElement {
      * The block's custom columns, one labelled input each in the color dialog.
      */
     customColumns: ColorSwatchCustomColumn[];
-    /**
-     * Shows the Meta data section. Off by default: a metadata field is a table
-     * column, which only the Table variant renders.
-     */
+    /** Shows the Meta data section in the color dialog. */
     showMetadata: boolean;
     /**
      * The type of dialog to open since it can be either add new or edit from row selection.
@@ -223,6 +220,12 @@ export default class CxColorSwatchPicker extends CortexElement {
     private handleTableRowMoved;
     private handleTableRowDeleted;
     private renderControls;
+    /** Copies a color's metadata onto the flat `custom-<id>` keys the columns read. */
+    private flattenMetadata;
+    /** Built-in columns plus one per declared custom column. */
+    private get tableColumns();
+    /** Colors with their metadata flattened onto the custom column fields. */
+    private get tableData();
     render(): import('lit').TemplateResult<1>;
 }
 declare global {

package/library/packages/utils/src/custom-element/i18n.d.ts

@@ -242,6 +242,7 @@ export interface Translation extends DefaultTranslation {
     code: string;
     codeAlignment: string;
     codeColumns: string;
+    codeOnly: string;
     codeSample: string;
     collapse: string;
     collapseButtonText: string;

package/library/react-web-component.d.ts

@@ -6764,6 +6764,10 @@
           * Adds a clear button when the select is not empty.
         */
         clearable?: boolean;
+        /**
+          * Requires an uploaded image when custom is selected in select mode. <br/>@default false
+        */
+        requireCustomIcon?: boolean;
         /**
           * Controls the visual variant of the icon picker. In 'select' mode a cx-select is rendered inline. In 'button' mode a cx-button trigger opens a cx-dropdown panel with a search input and icon list. <br/>@default 'select'
         */

package/library/utils.js

@@ -13,7 +13,7 @@ import { d as Xe } from "./chunks/drag.DenOh3AE.js";
 import { f as Be } from "./chunks/focus-when-visible.jWSw9ks0.js";
 import { f as U } from "./chunks/form.LpappO1d.js";
 import { F as $e, c as ze, g as qe, v as Qe, a as je } from "./chunks/form.LpappO1d.js";
-import { L as Je, r as Ke } from "./chunks/i18n.BSPmBQ73.js";
+import { L as Je, r as Ke } from "./chunks/i18n.D5L6xAYT.js";
 import { c as er, q as rr } from "./chunks/math.DuKzLacZ.js";
 import { g as sr } from "./chunks/modal.Ct0bJBSe.js";
 import { g as nr, l as ir, s as lr, u as cr } from "./chunks/scroll.xtO5yojm.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "4.5.0",
+  "version": "4.7.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {