@orangelogic/design-system 3.19.0 → 3.21.0

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

@@ -36,10 +36,12 @@ export interface Translation extends DefaultTranslation {
     addColumn: string;
     addControl: string;
     addCurrent: string;
+    addField: string;
     addFolderCard: string;
     addGradientStop: string;
     addLimitExceeded: (limit: number) => string;
     addMarker: string;
+    addNewCustomColumn: string;
     addPageCard: string;
     addParameter: string;
     addRemoveLink: string;
@@ -73,6 +75,7 @@ export interface Translation extends DefaultTranslation {
     allowAssetSelection: string;
     allowDownloads: string;
     allowDownloadsDisabledTooltip: string;
+    alsoPublishThesePages: string;
     altText: string;
     alternativeText: string;
     always: string;
@@ -88,6 +91,7 @@ export interface Translation extends DefaultTranslation {
     annotation: string;
     annotations: string;
     appearance: string;
+    appearanceOptions: string;
     appliedFilters: string;
     apply: string;
     applyFilters: string;
@@ -132,7 +136,9 @@ export interface Translation extends DefaultTranslation {
     back: string;
     background: string;
     backgroundColor: string;
+    backgroundFormat: string;
     backgroundImage: string;
+    basic: string;
     beginTime: string;
     belowImage: string;
     bento: string;
@@ -148,6 +154,7 @@ export interface Translation extends DefaultTranslation {
     bottom: string;
     bottomCenter: string;
     bottomLeft: string;
+    bottomLine: string;
     bottomPagination: string;
     bottomRight: string;
     boxShadow: string;
@@ -233,6 +240,8 @@ export interface Translation extends DefaultTranslation {
     clickToCopy: string;
     close: string;
     code: string;
+    codeAlignment: string;
+    codeColumns: string;
     codeSample: string;
     collapse: string;
     collapseButtonText: string;
@@ -244,10 +253,17 @@ export interface Translation extends DefaultTranslation {
     colorNameWillAppearInSwatch: string;
     colorOfTotal: (index: number, total: number) => string;
     colorOverlay: string;
+    colorSwatch: string;
     colorSwatches: string;
+    colors: string;
     column: string;
     columnGroup: string;
+    columnNameAlreadyExists: string;
+    columnNameRequired: string;
+    columnTitles: string;
+    columnsGap: string;
     columnsWidth: string;
+    commaSeparated: string;
     compact: string;
     completionMessage: string;
     completionMessagePlaceholder: string;
@@ -268,6 +284,8 @@ export interface Translation extends DefaultTranslation {
     content: string;
     contentBuilderBlockSettingsHelpText: string;
     contentHelpText: string;
+    contentMargins: string;
+    contentPaddings: string;
     control: string;
     copied: string;
     copy: string;
@@ -276,6 +294,8 @@ export interface Translation extends DefaultTranslation {
     createRecord: string;
     createTransition: string;
     crop: string;
+    cropFocus: string;
+    cropStyle: string;
     cubic: string;
     currentPage: string;
     currentPageTooltip: string;
@@ -283,6 +303,7 @@ export interface Translation extends DefaultTranslation {
     currentValue: string;
     currentVersion: string;
     custom: string;
+    customColumns: string;
     customExport: string;
     customFormat: string;
     customShadowAndBorderRadius: string;
@@ -324,7 +345,9 @@ export interface Translation extends DefaultTranslation {
     deleteTransition: string;
     deployStacks: string;
     descending: string;
+    describeChangesHere: string;
     description: string;
+    desktop: string;
     desktopAndTablet: string;
     detachTemplate: string;
     detailed: string;
@@ -343,6 +366,7 @@ export interface Translation extends DefaultTranslation {
     displayText: string;
     distance: string;
     divider: string;
+    dividers: string;
     doNotAskAgain: string;
     doNotShow: string;
     doNothing: string;
@@ -384,6 +408,7 @@ export interface Translation extends DefaultTranslation {
     editColumnsMinVisibleNote: string;
     editControl: string;
     editCustomButton: string;
+    editCustomColumn: string;
     editFolderCard: string;
     editImage: string;
     editLink: string;
@@ -442,15 +467,21 @@ export interface Translation extends DefaultTranslation {
     externalLink: string;
     fade: string;
     failed: string;
+    familyName: string;
+    familyNameHelpText: string;
     favorite: string;
     favorites: string;
     favoritesSync: string;
     female: string;
     fieldName: string;
     file: string;
+    fileFormat: string;
+    fileFormatHelpText: string;
     fileOnDemandSyncErrorMessage: string;
     fill: string;
     fillContainer: string;
+    filledBodyPrimaryColorAsBackground: string;
+    filledBodySecondaryColorAsBackground: string;
     filter: string;
     filterButtonOpens: string;
     filters: string;
@@ -466,6 +497,7 @@ export interface Translation extends DefaultTranslation {
     fixed: string;
     fixedWidthOnDesktopAndStretchesToFullWidthOnMobile: string;
     flexWrap: string;
+    flexibleConfiguration: string;
     flipLeft: string;
     flipRight: string;
     folder: string;
@@ -477,13 +509,20 @@ export interface Translation extends DefaultTranslation {
     fontColor: string;
     fontFamily: string;
     fontKit: string;
+    fontKitAdvanced: string;
+    fontKitDefault: string;
     fontKitPreview: string;
     fontNthOfTotalFonts: (total: number, index: number, fontFamily: string, fontWeight: string, fontStyle: string) => string;
     fontShowcase: string;
     fontSize: string;
     fontSizes: string;
     fontStyle: string;
+    fontStyleHelpText: string;
     fontWeight: string;
+    fontWeightHelpText: string;
+    fontWeightNumeric: string;
+    fontWeightNumericHelpText: string;
+    fontWidthHelpText: string;
     fonts: string;
     formToOpen: string;
     format: string;
@@ -492,6 +531,7 @@ export interface Translation extends DefaultTranslation {
     fourPageView: string;
     freehandDrawing: string;
     fromLabel: string;
+    fullBleed: string;
     fullscreen: string;
     gallery: string;
     galleryCardNthOfCards: (index: number, count: number) => string;
@@ -499,9 +539,11 @@ export interface Translation extends DefaultTranslation {
     galleryPickerMissingSourceValidationMessage: (item: GalleryItemCardType) => string;
     gap: string;
     gapBetweenSidePanels: string;
+    gapBetweenTabs: string;
     general: string;
     generateResponse: string;
     getLinkToThisAsset: string;
+    giveThisVersionAMeaningfulName: string;
     goToAsset: string;
     goToAssetButton: string;
     goToFirstPage: string;
@@ -509,6 +551,7 @@ export interface Translation extends DefaultTranslation {
     goToSlide: (slide: number, count: number) => string;
     gradient: string;
     gradientAngle: string;
+    gradientEffect: string;
     gradientStopNumber: (index: number) => string;
     gradientStops: string;
     grid: string;
@@ -522,6 +565,7 @@ export interface Translation extends DefaultTranslation {
     heightMode: string;
     help: string;
     hex: string;
+    hexFormat: string;
     hideCode: string;
     hideColumn: string;
     hidePassword: string;
@@ -537,12 +581,18 @@ export interface Translation extends DefaultTranslation {
     horizontalGap: string;
     horizontalScrolling: string;
     hour: string;
+    hover: string;
+    hoverBackground: string;
+    hoverColor: string;
     hugContent: string;
     hugContentOnDesktopAndStretchesToFullWidthOnMobile: string;
     icon: string;
     iconAndLabel: string;
+    iconColor: string;
     iconOnly: string;
     iconPicker: string;
+    iconSize: string;
+    iconWidth: string;
     image: string;
     imageContent: string;
     imageFormat: string;
@@ -559,6 +609,7 @@ export interface Translation extends DefaultTranslation {
     indent: string;
     individualAssets: string;
     individualAssetsHelpText: string;
+    inheritsWidthSettingFromContainer: string;
     inlineCode: string;
     insert: string;
     insertBreak: string;
@@ -578,8 +629,8 @@ export interface Translation extends DefaultTranslation {
     isStoredInColdStorage: string;
     itCanTakeAFewMinutesForThisSettingToTakeEffect: string;
     italic: string;
-    itemOfTotal: (curr: number | string, total: number) => string;
-    itemRangeOfTotal: (start: number | string, end: number | string, total: number) => string;
+    itemOfTotal: (curr: number | string, total: number | string) => string;
+    itemRangeOfTotal: (start: number | string, end: number | string, total: number | string) => string;
     itemsGap: string;
     itemsPerPage: string;
     jump: string;
@@ -596,6 +647,8 @@ export interface Translation extends DefaultTranslation {
     last: string;
     lastPage: string;
     layout: string;
+    leadingHash: string;
+    leadingHex: string;
     left: string;
     leftAlign: string;
     leftSidePanel: string;
@@ -634,7 +687,9 @@ export interface Translation extends DefaultTranslation {
     markers: string;
     markersPerScreen: string;
     matchCase: string;
+    matchPageWidth: string;
     max: string;
+    maxCircleHeight: string;
     maxDownloadRate: string;
     maxDownloadRateCannotBeNegative: string;
     maxHeight: string;
@@ -648,6 +703,7 @@ export interface Translation extends DefaultTranslation {
     mergeCells: string;
     metadata: string;
     metadataHelpText: string;
+    metafield: string;
     min: string;
     minHeight: string;
     minWidth: string;
@@ -665,6 +721,7 @@ export interface Translation extends DefaultTranslation {
     moveSelectedItemRight: string;
     myFavorites: string;
     name: string;
+    nameColumn: string;
     navigation: string;
     navigationArrows: string;
     new: string;
@@ -728,10 +785,12 @@ export interface Translation extends DefaultTranslation {
     openLink: string;
     openPage: string;
     openSpace: string;
+    opened: string;
     options: string;
     orderBy: string;
     orderedList: string;
     outdent: string;
+    outline: string;
     overflow: string;
     overflowBehavior: string;
     overlay: string;
@@ -748,6 +807,9 @@ export interface Translation extends DefaultTranslation {
     pageWidth: string;
     pagination: string;
     palette: string;
+    paletteName: string;
+    paletteTitle: string;
+    paletteTitles: string;
     panelTitle: string;
     pantoneMatchingSystemName: string;
     paragraph: string;
@@ -772,6 +834,7 @@ export interface Translation extends DefaultTranslation {
     pitchWithUnit: (unit?: string) => string;
     pixels: string;
     placeholder: string;
+    placeholderTextColor: string;
     play: string;
     pleaseEnterAValidUrl: string;
     pleaseSelectAnAsset: string;
@@ -812,6 +875,7 @@ export interface Translation extends DefaultTranslation {
     primary: string;
     print: string;
     progress: string;
+    publish: string;
     quad: string;
     quality: string;
     qualityHelpText: string;
@@ -854,6 +918,7 @@ export interface Translation extends DefaultTranslation {
     retainFiltersInContainers: string;
     retry: string;
     retryAll: string;
+    rgbAndCmykFormat: string;
     ribbon: string;
     richText: string;
     richTextFormattingToolbar: string;
@@ -871,8 +936,10 @@ export interface Translation extends DefaultTranslation {
     rotateCounterclockwise: string;
     row: string;
     rowsGap: string;
+    rowsPaddings: string;
     rowsPerPage: string;
     running: string;
+    sameLine: string;
     save: string;
     saveAllPendingEffects: string;
     saveAsNewTemplate: string;
@@ -895,6 +962,8 @@ export interface Translation extends DefaultTranslation {
     second: string;
     secondary: string;
     sectionBackground: string;
+    sectionBodyMaxWidth: string;
+    sectionStyle: string;
     sectionTitles: string;
     securityPoint: string;
     seeThru: string;
@@ -908,10 +977,13 @@ export interface Translation extends DefaultTranslation {
     selectFolders: string;
     selected: string;
     send: string;
+    separateLine: string;
     separatedBySpace: string;
+    separatorLine: string;
     settings: string;
     settingsTitle: (title: string) => string;
     shadesPalette: (palette: string) => string;
+    shadow: string;
     shadows: string;
     share: string;
     shareAsset: string;
@@ -937,10 +1009,12 @@ export interface Translation extends DefaultTranslation {
     showRightSidePanel: string;
     siblingsFadeOut: string;
     sidePanels: string;
+    sides: string;
     similarAssetsBasedOnSemantics: string;
     similarAssetsBasedOnText: string;
     siteSearch: string;
     size: string;
+    slashSeparated: string;
     slide: string;
     slideContent: string;
     slideDisplayTime: string;
@@ -962,6 +1036,7 @@ export interface Translation extends DefaultTranslation {
     specialCharacter: string;
     specialCharacters: string;
     specialCharactersEmpty: string;
+    specificWidthInPixelsOrPercentage: string;
     specifiedWidthInPixels: string;
     speed: string;
     spellcheck: string;
@@ -975,6 +1050,7 @@ export interface Translation extends DefaultTranslation {
     startRecording: string;
     status: string;
     statusDate: string;
+    staysAsWideAsThePageInsideAFullBleedBlock: string;
     stop: string;
     stopRecording: string;
     stretchesToFillTheContainer: string;
@@ -995,8 +1071,13 @@ export interface Translation extends DefaultTranslation {
     syncing: string;
     systemName: string;
     tabBackground: string;
+    tabBody: string;
+    tabBorder: string;
+    tabLabels: string;
     table: string;
     tableProperties: string;
+    tableWidth: string;
+    tablet: string;
     tabs: string;
     tabsAlignment: string;
     template: string;
@@ -1058,6 +1139,8 @@ export interface Translation extends DefaultTranslation {
     transitionType: string;
     translation: string;
     translationLimitedFieldsNote: string;
+    transparentBodyBorderOutline: string;
+    transparentBodyNoBorder: string;
     trim: string;
     tuneDisabled: string;
     turnOnSeeThru: string;
@@ -1125,6 +1208,7 @@ export interface Translation extends DefaultTranslation {
     voiceSavedError: string;
     voiceSavedSuccessfully: string;
     volumeWithUnit: (unit?: string) => string;
+    weight: string;
     welcomeToFileOnDemand: string;
     wholeKitAndIndividualFonts: string;
     wholeKitOnly: string;

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

@@ -55,3 +55,15 @@ export declare function sortTypefaceVariants(variants: Typeface[]): Typeface[];
  */
 export declare function getBrowserFontVariants(context: Window, fontFamily: string, weights?: number[], // 100 to 900
 fontStyles?: string[]): Typeface[];
+/**
+ * Resolves the variants a font family actually ships, from the font families
+ * API payload. Returns an empty list when the payload does not describe the
+ * family, so callers can fall back to probing the browser.
+ *
+ * `FontFamily.value` is the CSS family that selects the face, matching what
+ * the font picker applies. The style comes from `fontStyle`, not `name`: the
+ * name repeats the weight (`Light Italic`), which `fontWeight` already
+ * carries. `src` stays empty — these faces are already available to the
+ * browser, so there is no file to register.
+ */
+export declare function getFontFamilyVariants(typefaces: FontTypeface[], fontFamily: string): Typeface[];

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

@@ -23,6 +23,13 @@ export declare function buildTransformationString({ asset, baseUrl, extension, o
  * rather than the exact file the delivery URL names.
  */
 export declare const AUTO_FORMAT_EXTENSION = ".auto";
+/**
+ * Reads a stored transformation list, persisted as JSON. Anything unreadable gives none.
+ *
+ * Record fields arrive as the raw string, unlike attributes with a converter — and `'[]'`
+ * has a length of two, which the URL builder reads as two transformations.
+ */
+export declare function parseTransformations(value: unknown): Transformation[];
 /**
  * Applies transformations to a (possibly finished) asset URL and returns the display URL.
  *
@@ -55,8 +62,6 @@ export declare function applyWidthToAssetUrl(url: string, width: number): string
  * crop or proxy format), so a ladder must not add a competing one.
  */
 export declare function hasTransformSegment(url: string): boolean;
-/** Proxy format that serves the asset's original file rather than a rendered variant. */
-export declare const ORIGINAL_FORMAT = "TRX";
 /** Proxy format that is always transcoded to a raster image, whatever the source file is. */
 export declare const AUTO_FALLBACK_FORMAT = "TR1";
 /**
@@ -120,9 +125,10 @@ export declare function resolveAutoFormat(extension: string | null | undefined,
  * render and is the only one that can serve the image sharp at full size.
  *
  * Returns an empty string when the URL is not an asset link, when it already carries
- * a transformation (the width was configured upstream), or when it is an animated GIF
- * served as the original file — resizing that flattens it to a still frame, so the
- * original has to be delivered untouched.
+ * a transformation (the width was configured upstream), or when the original file is
+ * one that a resize would damage: an animated GIF is flattened to a still frame, and an
+ * SVG is rasterised by the transformation service into an opaque bitmap, losing its
+ * transparency and its resolution independence. Both are delivered untouched instead.
  */
 export declare function buildAssetSrcset(url: string, options?: {
     extension?: string | null;