@orangelogic/design-system 2.175.0 → 2.176.0

package/library/package.json

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

package/library/packages/atoms/src/components/copy-button/copy-button.d.ts

@@ -27,6 +27,9 @@ import { default as CxTooltip } from '../tooltip/tooltip';
  * @cssproperty --background-color - The background color to use for the button.
  * @cssproperty --color - The color to use for the button.
  * @cssproperty --button-font-size - The font size to use for the button.
+ * @cssproperty --button-font-family - The font family to use for the button.
+ * @cssproperty --button-font-style - The font style to use for the button.
+ * @cssproperty --button-font-weight - The font weight to use for the button.
  * @cssproperty --button-padding - The padding to use for the button.
  * @cssproperty --button-background-color - The background color to use for the button.
  *

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

@@ -6,84 +6,29 @@ export declare const validCodes: string[];
 export declare const columnDefaults: {
     resizable: boolean;
 };
-export declare const columns: ({
+/**
+ * A single "Name" column that renders the color swatch and the name together,
+ * so the "Name" header spans the whole column instead of truncating inside a
+ * narrow swatch-only column.
+ */
+export declare const nameColumn: {
     field: string;
     formatter: (cell: CellComponent) => HTMLDivElement;
     headerHozAlign: string;
     headerSort: boolean;
     hozAlign: string;
     title: string;
-    width: number;
-    widthGrow?: undefined;
-    minWidth?: undefined;
-    responsive?: undefined;
-} | {
-    field: string;
-    headerHozAlign: string;
-    headerSort: boolean;
-    hozAlign: string;
     widthGrow: number;
-    formatter?: undefined;
-    title?: undefined;
-    width?: undefined;
-    minWidth?: undefined;
-    responsive?: undefined;
-} | {
+};
+export declare const codeColumns: ({
     field: string;
     headerHozAlign: string;
     headerSort: boolean;
     hozAlign: string;
     minWidth: number;
     title: string;
-    formatter?: undefined;
-    width?: undefined;
-    widthGrow?: undefined;
-    responsive?: undefined;
-} | {
-    field: string;
-    headerHozAlign: string;
-    headerSort: boolean;
-    hozAlign: string;
-    responsive: number;
-    title: string;
-    widthGrow: number;
-    formatter?: undefined;
-    width?: undefined;
-    minWidth?: undefined;
-})[];
-export declare const copyableColumns: (localize: LocalizeController, palette: string) => ({
-    field: string;
-    formatter: (cell: CellComponent) => HTMLDivElement;
-    headerHozAlign: string;
-    headerSort: boolean;
-    hozAlign: string;
-    title: string;
-    width: number;
-    widthGrow?: undefined;
-    minWidth?: undefined;
     responsive?: undefined;
-} | {
-    field: string;
-    headerHozAlign: string;
-    headerSort: boolean;
-    hozAlign: string;
-    widthGrow: number;
-    formatter?: undefined;
-    title?: undefined;
-    width?: undefined;
-    minWidth?: undefined;
-    responsive?: undefined;
-} | {
-    field: string;
-    headerHozAlign: string;
-    headerSort: boolean;
-    hozAlign: string;
-    minWidth: number;
-    title: string;
-    formatter?: undefined;
-    width?: undefined;
     widthGrow?: undefined;
-    responsive?: undefined;
 } | {
     field: string;
     headerHozAlign: string;
@@ -92,10 +37,9 @@ export declare const copyableColumns: (localize: LocalizeController, palette: st
     responsive: number;
     title: string;
     widthGrow: number;
-    formatter?: undefined;
-    width?: undefined;
     minWidth?: undefined;
-} | {
+})[];
+export declare const copyableCodeColumns: (localize: LocalizeController, palette: string) => ({
     field: string;
     formatter: (cell: any) => HTMLElement | null;
     headerHozAlign: string;

package/library/packages/organisms/src/content-builder/components/config-form/config-form-controller.d.ts

@@ -7,6 +7,7 @@ export declare class ConfigFormController implements ReactiveController {
     host: ReactiveControllerHost & CxConfigForm;
     private readonly localize;
     private apiSearchAssets;
+    private apiGetTeamSpaceFontFamily;
     private readonly pendingGalleryPickerSaves;
     private readonly fontFamiliesCache;
     private readonly pendingFontFamilyFetches;

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

@@ -14,6 +14,15 @@ type FontPickerStoredValues = {
 export declare function getTemplateClass(templateId: string): string;
 export declare function getContentConfigs(traits: PropertyConfig[], adHocProperties: string[]): string[];
 export declare function getLimitedBlocks(blockType: BlockType): BlockType[];
+/**
+ * The `space-default` typeface inherits the team space's current font, so the
+ * backend returns it with no variants of its own. Populate its `families` from
+ * the typeface that matches the space's current font (from
+ * `apiGetTeamSpaceFontFamily`), so the style dropdown can offer that font's
+ * variants. Returns the list unchanged when there is no space font or no
+ * matching typeface.
+ */
+export declare function injectSpaceDefaultVariants(typefaces: FontTypeface[], spaceFontFamily: string): FontTypeface[];
 export declare function getFontPickerControlValues({ blockAttributes, keys, typefaces, }: {
     blockAttributes: Record<string, unknown>;
     keys: FontPickerKeys;

package/library/packages/utils/src/font/font.d.ts

@@ -3,19 +3,34 @@ import { FontFamily, FontTypeface } from '../../../types/src/font-picker';
 
 /**
  * Stable option value for a typeface. Uses the explicit `value` when provided,
- * otherwise derives a CSS-safe slug from the typeface name.
+ * otherwise derives a space-safe identity from the typeface name.
  */
 export declare function getTypefaceOptionValue(typeface: FontTypeface): string;
 /**
- * Stable, unique option value for a font-family variant.
+ * Stable option identity for a font-family variant, used only as the
+ * `cx-select` option value (never applied as CSS — the real font-family,
+ * weight, and style are stored separately). Built from the variant's
+ * identifying fields — the CSS `value` (or `name` when it is absent) plus
+ * `fontStyle` and `fontWeight` — made space-safe.
  *
- * `value` is the CSS font-family to apply and is only usable as the option
- * identity when it uniquely identifies the variant. Some APIs return the same
- * `value` for every variant of a typeface (e.g. all "Lato" variants share
- * `value: "Lato"` and differ only by name/weight/style) — in that case the
- * value can't be the selector identity, so fall back to a name-based slug.
+ * Two variants that are identical in all of those fields collide by design;
+ * that is a backend data problem, not something the picker resolves.
  */
-export declare function getFontFamilyOptionValue(fontFamily: FontFamily, fontFamilies: FontFamily[]): string;
+export declare function getFontFamilyOptionValue(fontFamily: FontFamily): string;
+/**
+ * Quotes a CSS font-family that contains spaces (e.g. `Custom Font 2`) so it
+ * stays valid wherever it is substituted into a `font-family` declaration.
+ * Names without spaces are already valid identifiers (including generic
+ * keywords like `sans-serif`) and are left as-is; an already-quoted value is
+ * returned unchanged. Any backslash or single quote inside the name is escaped
+ * so a name like `O'Reilly Sans` still produces a valid quoted string.
+ */
+export declare function quoteFontFamily(fontFamily: string): string;
+/**
+ * Strips one pair of surrounding quotes and unescapes the content so a stored
+ * value matches raw names. Inverse of `quoteFontFamily`.
+ */
+export declare function unquoteFontFamily(fontFamily: string): string;
 /**
  * Test if a specific font configuration is available using a test element
  */