carbon-react 162.12.0-beta.1 → 162.13.0

package/esm/style/themes/none/none-theme.config.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeObject } from "../theme.types";
+declare const _default: () => Partial<ThemeObject>;
+export default _default;

package/esm/style/themes/none/none-theme.config.js

@@ -0,0 +1 @@
+var a=()=>({name:"none"});export{a as default};

package/esm/style/themes/sage/index.d.ts

@@ -0,0 +1,535 @@
+import { BasePalette } from "../theme.types";
+declare const _default: {
+    compatibility: {
+        tempColorsSemanticCaution600: string;
+        metaName: string;
+        metaPublic: string;
+        colorsUtilityMajor100: string;
+        colorsUtilityMajor150: string;
+        colorsUtilityMajor200: string;
+        colorsUtilityMajor300: string;
+        colorsUtilityMajor400: string;
+        colorsUtilityMajor450: string;
+        colorsUtilityMajor500: string;
+        colorsUtilityMajor800: string;
+        colorsUtilityMajor025: string;
+        colorsUtilityMajor010: string;
+        colorsUtilityMajor040: string;
+        colorsUtilityMajor050: string;
+        colorsUtilityMajor075: string;
+        colorsUtilityMajorTransparent: string;
+        colorsUtilityYin100: string;
+        colorsUtilityYin030: string;
+        colorsUtilityYin055: string;
+        colorsUtilityYin065: string;
+        colorsUtilityYin090: string;
+        colorsUtilityYang100: string;
+        colorsUtilityYang080: string;
+        colorsUtilityDisabled400: string;
+        colorsUtilityDisabled500: string;
+        colorsUtilityDisabled600: string;
+        colorsUtilityReadOnly400: string;
+        colorsUtilityReadOnly500: string;
+        colorsUtilityReadOnly600: string;
+        colorsActionMajor150: string;
+        colorsActionMajor350: string;
+        colorsActionMajor450: string;
+        colorsActionMajor500: string;
+        colorsActionMajor600: string;
+        colorsActionMajor700: string;
+        colorsActionMajor025: string;
+        colorsActionMajorTransparent: string;
+        colorsActionMajorYin030: string;
+        colorsActionMajorYin055: string;
+        colorsActionMajorYin065: string;
+        colorsActionMajorYin090: string;
+        colorsActionMajorYang100: string;
+        colorsActionMajorYang030: string;
+        colorsActionMinor100: string;
+        colorsActionMinor150: string;
+        colorsActionMinor200: string;
+        colorsActionMinor250: string;
+        colorsActionMinor300: string;
+        colorsActionMinor400: string;
+        colorsActionMinor500: string;
+        colorsActionMinor550: string;
+        colorsActionMinor600: string;
+        colorsActionMinor700: string;
+        colorsActionMinor850: string;
+        colorsActionMinor900: string;
+        colorsActionMinor025: string;
+        colorsActionMinor050: string;
+        colorsActionMinorTransparent: string;
+        colorsActionMinorYin030: string;
+        colorsActionMinorYin055: string;
+        colorsActionMinorYin065: string;
+        colorsActionMinorYin090: string;
+        colorsActionMinorYang100: string;
+        colorsActionMinorGray700: string;
+        colorsActionDisabled400: string;
+        colorsActionDisabled500: string;
+        colorsActionDisabled600: string;
+        colorsActionReadOnly400: string;
+        colorsActionReadOnly500: string;
+        colorsActionReadOnly600: string;
+        colorsSemanticNeutral200: string;
+        colorsSemanticNeutral400: string;
+        colorsSemanticNeutral500: string;
+        colorsSemanticNeutral600: string;
+        colorsSemanticNeutralTransparent: string;
+        colorsSemanticNeutralYin030: string;
+        colorsSemanticNeutralYin055: string;
+        colorsSemanticNeutralYin065: string;
+        colorsSemanticNeutralYin090: string;
+        colorsSemanticNeutralYang100: string;
+        colorsSemanticFocus250: string;
+        colorsSemanticFocus500: string;
+        colorsSemanticFocusTransparent: string;
+        colorsSemanticPositive400: string;
+        colorsSemanticPositive500: string;
+        colorsSemanticPositive600: string;
+        colorsSemanticPositiveTransparent: string;
+        colorsSemanticPositiveYin030: string;
+        colorsSemanticPositiveYin055: string;
+        colorsSemanticPositiveYin065: string;
+        colorsSemanticPositiveYin090: string;
+        colorsSemanticPositiveYang100: string;
+        colorsSemanticNegative350: string;
+        colorsSemanticNegative450: string;
+        colorsSemanticNegative500: string;
+        colorsSemanticNegative600: string;
+        colorsSemanticNegativeTransparent: string;
+        colorsSemanticNegativeYin030: string;
+        colorsSemanticNegativeYin055: string;
+        colorsSemanticNegativeYin065: string;
+        colorsSemanticNegativeYin090: string;
+        colorsSemanticNegativeYang100: string;
+        colorsSemanticCaution400: string;
+        colorsSemanticCaution500: string;
+        colorsSemanticCaution600: string;
+        colorsSemanticCaution650: string;
+        colorsSemanticCautionTransparent: string;
+        colorsSemanticCautionYin030: string;
+        colorsSemanticCautionYin055: string;
+        colorsSemanticCautionYin065: string;
+        colorsSemanticCautionYin090: string;
+        colorsSemanticCautionYang100: string;
+        colorsSemanticInfo150: string;
+        colorsSemanticInfo400: string;
+        colorsSemanticInfo500: string;
+        colorsSemanticInfo600: string;
+        colorsSemanticInfoTransparent: string;
+        colorsSemanticInfoYin030: string;
+        colorsSemanticInfoYin055: string;
+        colorsSemanticInfoYin065: string;
+        colorsSemanticInfoYin090: string;
+        colorsSemanticInfoYang100: string;
+        colorsLogo: string;
+        colorsTransparent: string;
+        colorsYin100: string;
+        colorsYin030: string;
+        colorsYin055: string;
+        colorsYin065: string;
+        colorsYin075: string;
+        colorsYin090: string;
+        colorsYang100: string;
+        colorsYang030: string;
+        colorsYang080: string;
+        colorsGray600: string;
+        colorsGray700: string;
+        colorsGray750: string;
+        colorsGray850: string;
+        colorsGray900: string;
+        colorsGray1000: string;
+        colorsGray000: string;
+        colorsDisabled400: string;
+        colorsDisabled500: string;
+        colorsDisabled600: string;
+        colorsReadOnly400: string;
+        colorsReadOnly500: string;
+        colorsReadOnly600: string;
+        colorsComponentsLeftnavWinterStandardBackground: string;
+        colorsComponentsLeftnavWinterStandardBackgroundChild: string;
+        colorsComponentsLeftnavWinterStandardDividerOnDark: string;
+        colorsComponentsLeftnavWinterStandardHover: string;
+        colorsComponentsLeftnavWinterStandardSelected: string;
+        colorsComponentsLeftnavWinterStandardContent: string;
+        colorsComponentsMenuSpringStandard500: string;
+        colorsComponentsMenuSpringStandard600: string;
+        colorsComponentsMenuSpringStandard700: string;
+        colorsComponentsMenuSpringParent500: string;
+        colorsComponentsMenuSpringParent600: string;
+        colorsComponentsMenuSpringParent700: string;
+        colorsComponentsMenuSpringChild400: string;
+        colorsComponentsMenuSpringChild500: string;
+        colorsComponentsMenuSpringChild600: string;
+        colorsComponentsMenuSpringChildAlt400: string;
+        colorsComponentsMenuSpringChildAlt500: string;
+        colorsComponentsMenuSpringChildAlt600: string;
+        colorsComponentsMenuSummerStandard400: string;
+        colorsComponentsMenuSummerStandard500: string;
+        colorsComponentsMenuSummerStandard600: string;
+        colorsComponentsMenuSummerStandard700: string;
+        colorsComponentsMenuSummerStandard800: string;
+        colorsComponentsMenuSummerParent400: string;
+        colorsComponentsMenuSummerParent500: string;
+        colorsComponentsMenuSummerParent600: string;
+        colorsComponentsMenuSummerParent700: string;
+        colorsComponentsMenuSummerParent800: string;
+        colorsComponentsMenuSummerChild300: string;
+        colorsComponentsMenuSummerChild400: string;
+        colorsComponentsMenuSummerChild500: string;
+        colorsComponentsMenuSummerChild600: string;
+        colorsComponentsMenuSummerChild700: string;
+        colorsComponentsMenuSummerChild800: string;
+        colorsComponentsMenuSummerChildAlt300: string;
+        colorsComponentsMenuSummerChildAlt400: string;
+        colorsComponentsMenuSummerChildAlt500: string;
+        colorsComponentsMenuSummerChildAlt600: string;
+        colorsComponentsMenuSummerChildAlt700: string;
+        colorsComponentsMenuSummerChildAlt800: string;
+        colorsComponentsMenuAutumnStandard500: string;
+        colorsComponentsMenuAutumnStandard600: string;
+        colorsComponentsMenuAutumnStandard700: string;
+        colorsComponentsMenuAutumnParent500: string;
+        colorsComponentsMenuAutumnParent600: string;
+        colorsComponentsMenuAutumnParent700: string;
+        colorsComponentsMenuAutumnChild400: string;
+        colorsComponentsMenuAutumnChild500: string;
+        colorsComponentsMenuAutumnChild600: string;
+        colorsComponentsMenuAutumnChildAlt400: string;
+        colorsComponentsMenuAutumnChildAlt500: string;
+        colorsComponentsMenuAutumnChildAlt600: string;
+        colorsComponentsMenuWinterStandard400: string;
+        colorsComponentsMenuWinterStandard500: string;
+        colorsComponentsMenuWinterStandard600: string;
+        colorsComponentsMenuWinterStandard700: string;
+        colorsComponentsMenuWinterStandard800: string;
+        colorsComponentsMenuWinterParent400: string;
+        colorsComponentsMenuWinterParent500: string;
+        colorsComponentsMenuWinterParent600: string;
+        colorsComponentsMenuWinterParent700: string;
+        colorsComponentsMenuWinterParent800: string;
+        colorsComponentsMenuWinterChild300: string;
+        colorsComponentsMenuWinterChild400: string;
+        colorsComponentsMenuWinterChild500: string;
+        colorsComponentsMenuWinterChild600: string;
+        colorsComponentsMenuWinterChild700: string;
+        colorsComponentsMenuWinterChild800: string;
+        colorsComponentsMenuWinterChildAlt300: string;
+        colorsComponentsMenuWinterChildAlt400: string;
+        colorsComponentsMenuWinterChildAlt500: string;
+        colorsComponentsMenuWinterChildAlt600: string;
+        colorsComponentsMenuWinterChildAlt700: string;
+        colorsComponentsMenuWinterChildAlt800: string;
+        colorsComponentsMenuYin100: string;
+        colorsComponentsMenuYin065: string;
+        colorsComponentsMenuYin090: string;
+        colorsComponentsMenuYang100: string;
+        colorsComponentsMenuYang080: string;
+        colorsComponentsMenuYang030: string;
+        colorsComponentsMenuTransparent: string;
+        sizing100: string;
+        sizing125: string;
+        sizing150: string;
+        sizing175: string;
+        sizing200: string;
+        sizing225: string;
+        sizing250: string;
+        sizing275: string;
+        sizing300: string;
+        sizing350: string;
+        sizing375: string;
+        sizing400: string;
+        sizing450: string;
+        sizing500: string;
+        sizing525: string;
+        sizing550: string;
+        sizing600: string;
+        sizing700: string;
+        sizing800: string;
+        sizing900: string;
+        sizing1000: string;
+        sizing1100: string;
+        sizing1200: string;
+        sizing1300: string;
+        sizing1500: string;
+        sizing1600: string;
+        sizing2000: string;
+        sizing2500: string;
+        sizing3000: string;
+        sizing7000: string;
+        sizing010: string;
+        sizing025: string;
+        sizing050: string;
+        sizing075: string;
+        sizingLogowidth: string;
+        spacing100: string;
+        spacing110: string;
+        spacing125: string;
+        spacing150: string;
+        spacing175: string;
+        spacing200: string;
+        spacing250: string;
+        spacing300: string;
+        spacing400: string;
+        spacing500: string;
+        spacing600: string;
+        spacing700: string;
+        spacing800: string;
+        spacing900: string;
+        spacing1000: string;
+        spacing000: string;
+        spacing010: string;
+        spacing025: string;
+        spacing035: string;
+        spacing050: string;
+        spacing060: string;
+        spacing075: string;
+        spacingNeg010: string;
+        spacingNeg025: string;
+        spacingNeg050: string;
+        spacingNeg075: string;
+        spacingNeg100: string;
+        borderWidth100: string;
+        borderWidth200: string;
+        borderWidth300: string;
+        borderWidth400: string;
+        borderWidth600: string;
+        borderWidth000: string;
+        fontSizes100: string;
+        fontSizes200: string;
+        fontSizes300: string;
+        fontSizes400: string;
+        fontSizes500: string;
+        fontSizes600: string;
+        fontSizes700: string;
+        fontSizes800: string;
+        fontSizes900: string;
+        fontSizes1000: string;
+        fontSizes010: string;
+        fontSizes025: string;
+        fontSizes050: string;
+        boxShadow100: string;
+        boxShadow150: string;
+        boxShadow200: string;
+        boxShadow300: string;
+        boxShadow400: string;
+        boxShadow010: string;
+        boxShadow050: string;
+        boxShadow075: string;
+        boxShadow090: string;
+        boxShadow091: string;
+        fontWeights400: string;
+        fontWeights500: string;
+        fontWeights700: string;
+        lineHeights300: string;
+        lineHeights400: string;
+        lineHeights500: string;
+        fontFamiliesDefault: string;
+        fontFamiliesIos: string;
+        fontFamiliesAndroid: string;
+        fontFamiliesOther: string;
+        borderRadius100: string;
+        borderRadius200: string;
+        borderRadius400: string;
+        borderRadiusCircle: string;
+        borderRadius000: string;
+        borderRadius010: string;
+        borderRadius025: string;
+        borderRadius050: string;
+        typographyAccordionTitleM: string;
+        typographyAccordionTitleS: string;
+        typographyAccordionSubtitleM: string;
+        typographyAccordionSubtitleS: string;
+        typographyAccordionParagraphM: string;
+        typographyAccordionParagraphS: string;
+        typographyActionPopoverMenuItemM: string;
+        typographyAnchorNavLabelM: string;
+        typographyBadgeLabelM: string;
+        typographyBreadcrumbSeparatorM: string;
+        typographyBreadcrumbCurrentPageM: string;
+        typographyButtonLabelS: string;
+        typographyButtonLabelM: string;
+        typographyButtonLabelL: string;
+        typographyCardParagraphM: string;
+        typographyCardSelectTitleM: string;
+        typographyCardSelectSubtitleM: string;
+        typographyCardSelectParagraphM: string;
+        typographyCardSelectFooterM: string;
+        typographyDatePickerCalendarDateM: string;
+        typographyDatePickerCalendarDayM: string;
+        typographyDatePickerCalendarMonthM: string;
+        typographyDialogTitleXs: string;
+        typographyDialogTitleS: string;
+        typographyDialogTitleMs: string;
+        typographyDialogTitleM: string;
+        typographyDialogTitleMl: string;
+        typographyDialogTitleL: string;
+        typographyDialogTitleXl: string;
+        typographyDialogTitleXxl: string;
+        typographyDialogSubtitleM: string;
+        typographyDialogParagraphXs: string;
+        typographyDialogParagraphS: string;
+        typographyDialogParagraphMs: string;
+        typographyDialogParagraphM: string;
+        typographyDialogParagraphMl: string;
+        typographyDialogParagraphL: string;
+        typographyDialogParagraphXl: string;
+        typographyDialogParagraphXxl: string;
+        typographyDrawerTitleM: string;
+        typographyDrawerParagraphM: string;
+        typographyFlashTextM: string;
+        typographyFlashTextL: string;
+        typographyFormFieldLabelXs: string;
+        typographyFormFieldLabelS: string;
+        typographyFormFieldLabelM: string;
+        typographyFormFieldLabelL: string;
+        typographyFormFieldHintTextXs: string;
+        typographyFormFieldHintTextS: string;
+        typographyFormFieldHintTextM: string;
+        typographyFormFieldHintTextL: string;
+        typographyFormFieldErrorMessageXs: string;
+        typographyFormFieldErrorMessageS: string;
+        typographyFormFieldErrorMessageM: string;
+        typographyFormFieldErrorMessageL: string;
+        typographyFormFieldCautionMessageXs: string;
+        typographyFormFieldCautionMessageS: string;
+        typographyFormFieldCautionMessageM: string;
+        typographyFormFieldCautionMessageL: string;
+        typographyFormFieldInputTextXs: string;
+        typographyFormFieldInputTextS: string;
+        typographyFormFieldInputTextM: string;
+        typographyFormFieldInputTextL: string;
+        typographyFormFieldDropdownOptionsXs: string;
+        typographyFormFieldDropdownOptionsS: string;
+        typographyFormFieldDropdownOptionsM: string;
+        typographyFormFieldDropdownOptionsL: string;
+        typographyFormFieldSecondLabelXs: string;
+        typographyFormFieldSecondLabelS: string;
+        typographyFormFieldSecondLabelM: string;
+        typographyFormFieldSecondLabelL: string;
+        typographyFormFieldCharacterCountXs: string;
+        typographyFormFieldCharacterCountS: string;
+        typographyFormFieldCharacterCountM: string;
+        typographyFormFieldCharacterCountL: string;
+        typographyLinkTextS: string;
+        typographyLinkTextM: string;
+        typographyLinkTextL: string;
+        typographyLinkTextFocusS: string;
+        typographyLinkTextFocusM: string;
+        typographyLinkTextFocusL: string;
+        typographyLoaderMessageXs: string;
+        typographyLoaderMessageS: string;
+        typographyLoaderMessageM: string;
+        typographyLoaderMessageL: string;
+        typographyLoaderMessageXl: string;
+        typographyMenuLabelM: string;
+        typographyMenuLabelL: string;
+        typographyMenuSegmentTitleM: string;
+        typographyMessageHeadingM: string;
+        typographyMessageHeadingL: string;
+        typographyMessageTextM: string;
+        typographyMessageTextL: string;
+        typographyNoteEditorNameM: string;
+        typographyNoteDateM: string;
+        typographyNoteParagraphM: string;
+        typographyNoteParagraphListM: string;
+        typographyNoteTitleM: string;
+        typographyPageStateTitleM: string;
+        typographyPageStateSubtitleM: string;
+        typographyPageStateParagraphM: string;
+        typographyPaginationLabelM: string;
+        typographyPillLabelS: string;
+        typographyPillLabelM: string;
+        typographyPillLabelL: string;
+        typographyPillLabelXl: string;
+        typographyProfileEmailTextS: string;
+        typographyProfileEmailTextM: string;
+        typographyProfileEmailTextMl: string;
+        typographyProfileEmailTextL: string;
+        typographyProfileEmailTextXl: string;
+        typographyProfileEmailTextXxl: string;
+        typographyProfileEmailLinkS: string;
+        typographyProfileEmailLinkM: string;
+        typographyProfileEmailLinkMl: string;
+        typographyProfileEmailLinkL: string;
+        typographyProfileEmailLinkXl: string;
+        typographyProfileEmailLinkXxl: string;
+        typographyProfileInitialsS: string;
+        typographyProfileInitialsM: string;
+        typographyProfileInitialsMl: string;
+        typographyProfileInitialsL: string;
+        typographyProfileInitialsXl: string;
+        typographyProfileInitialsXxl: string;
+        typographyProfileNameS: string;
+        typographyProfileNameM: string;
+        typographyProfileNameMl: string;
+        typographyProfileNameL: string;
+        typographyProfileNameXl: string;
+        typographyProfileNameXxl: string;
+        typographyProgressTrackerValueLabelS: string;
+        typographyProgressTrackerValueLabelM: string;
+        typographyProgressTrackerValueLabelL: string;
+        typographySidebarTitleXs: string;
+        typographySidebarTitleS: string;
+        typographySidebarTitleMs: string;
+        typographySidebarTitleM: string;
+        typographySidebarTitleMl: string;
+        typographySidebarTitleL: string;
+        typographySidebarTitleXl: string;
+        typographySidebarParagraphXs: string;
+        typographySidebarParagraphS: string;
+        typographySidebarParagraphMs: string;
+        typographySidebarParagraphM: string;
+        typographySidebarParagraphMl: string;
+        typographySidebarParagraphL: string;
+        typographySidebarParagraphXl: string;
+        typographyStepFlowCompleteLabelM: string;
+        typographyStepFlowCurrentLabelM: string;
+        typographyStepFlowIncompleteLabelM: string;
+        typographySwitchOptionLabelM: string;
+        typographySwitchOptionLabelL: string;
+        typographyTableHeaderTextXs: string;
+        typographyTableHeaderTextS: string;
+        typographyTableHeaderTextM: string;
+        typographyTableHeaderTextL: string;
+        typographyTableHeaderTextXl: string;
+        typographyTableCellTextXs: string;
+        typographyTableCellTextS: string;
+        typographyTableCellTextM: string;
+        typographyTableCellTextL: string;
+        typographyTableCellTextXl: string;
+        typographyTileParagraphM: string;
+        typographyTileSubscriptionTitleM: string;
+        typographyTileSubscriptionParagraphM: string;
+        typographyTileSubscriptionParagraphBoldM: string;
+        typographyTileSubscriptionPriceM: string;
+        typographyTooltipTextM: string;
+        typographyTooltipTextL: string;
+        opacity300: string;
+        opacity600: string;
+        opacity800: string;
+    };
+    name: string;
+    palette?: BasePalette | undefined;
+    spacing?: number | undefined;
+    space?: string[] | undefined;
+    colors?: Partial<import("../theme.types").Colors> | undefined;
+    disabled?: {
+        background: string;
+    } | undefined;
+    zIndex?: {
+        smallOverlay: number;
+        overlay: number;
+        popover: number;
+        nav: number;
+        globalNav: number;
+        modal: number;
+        header: number;
+        fullScreenModal: number;
+        notification: number;
+        aboveAll: number;
+    } | undefined;
+};
+export default _default;

package/esm/style/themes/sage/index.js

@@ -0,0 +1 @@
+import e from"@sage/design-tokens/js/base/common";import{mergeWithBase as r}from"../base/index.js";function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}function o(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}var c=o(n({},r((e=>({colors:{primary:e.productGreenShade(23.5),secondary:e.productGreenShade(41),tertiary:e.productGreenShade(61),loadingBarBackground:e.productGreenTint(70)}})))),{compatibility:o(n({},e),{tempColorsSemanticCaution600:"#C93E08"}),name:"sage"});export{c as default};

package/esm/style/themes/theme.types.d.ts

@@ -0,0 +1,45 @@
+import type { PaletteFunction } from "../palette";
+export type BasePalette = Record<string, string | PaletteFunction> & {
+    blackOpacity: PaletteFunction;
+    whiteOpacity: PaletteFunction;
+    [key: string]: PaletteFunction;
+};
+export interface Colors {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    loadingBarBackground: string;
+    white: "#FFFFFF";
+    error: string;
+    focus: string;
+    info: string;
+    warning: string;
+    destructive: {
+        hover: string;
+    };
+    warningText: string;
+    placeholder: string;
+}
+export interface ThemeObject extends Record<string, unknown> {
+    name: string;
+    palette: BasePalette;
+    spacing: number;
+    space: string[];
+    colors: Partial<Colors>;
+    disabled: {
+        background: string;
+    };
+    zIndex: {
+        smallOverlay: number;
+        overlay: number;
+        popover: number;
+        nav: number;
+        globalNav: number;
+        modal: number;
+        header: number;
+        fullScreenModal: number;
+        notification: number;
+        aboveAll: number;
+    };
+    compatibility: Record<string, string | undefined>;
+}

package/esm/style/utils/add-focus-styling.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (inset?: boolean, inverse?: boolean) => string;
+export default _default;

package/esm/style/utils/add-focus-styling.js

@@ -0,0 +1 @@
+var a=(a=!1,s=!1)=>{let e=s?"var(--focus-shadow-inverse-default)":"var(--focus-shadow-default)";return a&&(e=s?"var(--focus-shadow-inset-inverse)":"var(--focus-shadow-inset)"),`\n    -webkit-box-shadow: ${e};\n    box-shadow: ${e};\n\n    outline: transparent 3px solid;\n  `};export{a as default};

package/esm/style/utils/add-hex-symbols.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (configObject: Record<string, string>) => Record<string, string>;
+export default _default;

package/esm/style/utils/add-hex-symbols.js

@@ -0,0 +1 @@
+var e=e=>{return Object.keys(e).reduce((r=e,(e,t)=>{const a=r[t];return e[t]=`#${a}`,e}),{});var r};export{e as default};

package/esm/style/utils/at-opacity.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Given a base color hex will return a function that expects
+ * some given opactiy and returns the base color at that
+ * opacity.
+ */
+declare const _default: (base: string) => (opacity: number | string) => string;
+export default _default;

package/esm/style/utils/at-opacity.js

@@ -0,0 +1 @@
+var a=a=>{var l;const n=null==a||null===(l=a.match(/[^#]{2}/g))||void 0===l?void 0:l.map((a=>parseInt(a,16)));return a=>`rgba(${null==n?void 0:n.join(",")},${a})`};export{a as default};

package/esm/style/utils/box-gap.d.ts

@@ -0,0 +1,5 @@
+export declare const GAP_VALUES: number[];
+export type AllowedNumericalValues = (typeof GAP_VALUES)[number];
+export type Gap = AllowedNumericalValues | string;
+export declare const getGapValue: (gapValue: number | string) => string;
+export default function gap(gapValue: number | string): string;

package/esm/style/utils/box-gap.js

@@ -0,0 +1 @@
+import{space as e}from"../themes/base/base-theme.config.js";const t=[0,1,2,3,4,5,6,7,8],n=e=>"number"==typeof e?`var(--spacing${e}00)`:e;function o(t){return"number"==typeof t?e[t]:t}export{t as GAP_VALUES,o as default,n as getGapValue};

package/esm/style/utils/color.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeObject } from "../themes/theme.types";
+export declare const toColor: (theme: ThemeObject, color: string) => string;
+declare const _default: ({ color, bg, backgroundColor, ...rest }: Record<string, unknown>) => any;
+export default _default;

package/esm/style/utils/color.js

@@ -0,0 +1 @@
+import{color as t}from"styled-system";import e from"@sage/design-tokens/js/base/common";function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const n=(t,r)=>{var n;if(r.startsWith("--")&&r.slice(2)in e)return`var(${r})`;const{palette:o}=t,c=r.match(/\d+/),i=null===(n=r.match(/[a-zA-Z]+/))||void 0===n?void 0:n.toString();if(i&&i in o){const t=o[i];return"function"==typeof t?t(["blackOpacity","whiteOpacity"].includes(i)?`0.${c}`:c):t}return r};var o=e=>{var{color:o,bg:c,backgroundColor:i}=e,l=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},c=Object.keys(t);for(n=0;n<c.length;n++)r=c[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(t);for(n=0;n<c.length;n++)r=c[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(e,["color","bg","backgroundColor"]);const a={};return a.color=o?n(l.theme,o):void 0,a.bg=c||i?n(l.theme,c||i):void 0,t(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),o.forEach((function(e){r(t,e,n[e])}))}return t}({},l,a))};export{o as default,n as toColor};

package/esm/style/utils/element-sizing.d.ts

@@ -0,0 +1,6 @@
+import { styleFn, LayoutProps } from "styled-system";
+declare const _default: ({ width, height, }: {
+    width?: LayoutProps["width"];
+    height?: LayoutProps["height"];
+}) => styleFn;
+export default _default;

package/esm/style/utils/element-sizing.js

@@ -0,0 +1 @@
+import{layout as t}from"styled-system";var e=({width:e,height:h})=>t({width:e,height:h});export{e as default};

package/esm/style/utils/filter-out-position-props.d.ts

@@ -0,0 +1,3 @@
+import { PositionProps } from "styled-system";
+export declare const positionPropertyNames: string[];
+export default function filterStyledSystemPositionProps(originalObject: Record<string, unknown> | PositionProps): PositionProps;

package/esm/style/utils/filter-out-position-props.js

@@ -0,0 +1 @@
+import t from"../../__internal__/filter-object-properties/filter-object-properties.js";const o=["top","right","bottom","left","position"];function e(e){return t(e,o)}export{e as default,o as positionPropertyNames};

package/esm/style/utils/filter-out-styled-system-spacing-props.d.ts

@@ -0,0 +1,3 @@
+import { SpaceProps } from "styled-system";
+declare const filterOutStyledSystemSpacingProps: (props: Record<string, unknown> | SpaceProps) => Record<string, unknown>;
+export default filterOutStyledSystemSpacingProps;

package/esm/style/utils/filter-out-styled-system-spacing-props.js

@@ -0,0 +1 @@
+import{marginPropertyNames as t}from"./filter-styled-system-margin-props.js";import{paddingPropertyNames as e}from"./filter-styled-system-padding-props.js";const s=s=>Object.fromEntries(Object.entries(s).filter((([s])=>![...t,...e].includes(s))));export{s as default};

package/esm/style/utils/filter-styled-system-flexbox-props.d.ts

@@ -0,0 +1,3 @@
+import { FlexboxProps } from "styled-system";
+export declare const flexboxPropertyNames: string[];
+export default function filterStyledSystemFlexboxProps(originalObject: Record<string, unknown> | FlexboxProps): FlexboxProps;