@uipath/apollo-react 4.41.1 → 4.43.0

package/dist/material/stories/storybook-helpers.cjs

@@ -0,0 +1,166 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    materialParameters: ()=>materialParameters,
+    ConsumptionTabs: ()=>ConsumptionTabs,
+    Row: ()=>Row,
+    Section: ()=>Section
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const Box_namespaceObject = require("@mui/material/Box");
+var Box_default = /*#__PURE__*/ __webpack_require__.n(Box_namespaceObject);
+const Stack_namespaceObject = require("@mui/material/Stack");
+var Stack_default = /*#__PURE__*/ __webpack_require__.n(Stack_namespaceObject);
+const Tab_namespaceObject = require("@mui/material/Tab");
+var Tab_default = /*#__PURE__*/ __webpack_require__.n(Tab_namespaceObject);
+const Tabs_namespaceObject = require("@mui/material/Tabs");
+var Tabs_default = /*#__PURE__*/ __webpack_require__.n(Tabs_namespaceObject);
+const Typography_namespaceObject = require("@mui/material/Typography");
+var Typography_default = /*#__PURE__*/ __webpack_require__.n(Typography_namespaceObject);
+const external_react_namespaceObject = require("react");
+const materialParameters = {
+    material: true
+};
+function Section({ title, description, children }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Box_default(), {
+        component: "section",
+        sx: {
+            mb: 6
+        },
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Typography_default(), {
+                variant: "h6",
+                sx: {
+                    mb: 0.5
+                },
+                children: title
+            }),
+            description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Typography_default(), {
+                variant: "body2",
+                sx: {
+                    color: 'text.secondary',
+                    mb: 2
+                },
+                children: description
+            }),
+            children
+        ]
+    });
+}
+function Row({ label, children }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Box_default(), {
+        sx: {
+            mb: 2
+        },
+        children: [
+            label && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Typography_default(), {
+                variant: "body2",
+                sx: {
+                    fontWeight: 600,
+                    mb: 1
+                },
+                children: label
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Stack_default(), {
+                direction: "row",
+                spacing: 2,
+                useFlexGap: true,
+                sx: {
+                    flexWrap: 'wrap',
+                    alignItems: 'center'
+                },
+                children: children
+            })
+        ]
+    });
+}
+function ImportLine({ statement }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Box_default(), {
+        component: "code",
+        sx: (theme)=>({
+                display: 'block',
+                fontFamily: 'monospace',
+                fontSize: 12,
+                px: 1.5,
+                py: 1,
+                mb: 3,
+                borderRadius: 1,
+                color: theme.palette.semantic.colorForegroundDeEmp,
+                backgroundColor: theme.palette.semantic.colorBackgroundSecondary,
+                border: `1px solid ${theme.palette.semantic.colorBorderDeEmp}`,
+                width: 'fit-content'
+            }),
+        children: statement
+    });
+}
+function ConsumptionTabs({ mui, ap, muiImport, apImport }) {
+    const [tab, setTab] = (0, external_react_namespaceObject.useState)(0);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Box_default(), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(Tabs_default(), {
+                value: tab,
+                onChange: (_, value)=>setTab(value),
+                sx: {
+                    mb: 2
+                },
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Tab_default(), {
+                        label: "MUI + theme overrides"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Tab_default(), {
+                        label: "Ap component"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ImportLine, {
+                statement: 0 === tab ? muiImport : apImport
+            }),
+            0 === tab ? mui : ap
+        ]
+    });
+}
+exports.ConsumptionTabs = __webpack_exports__.ConsumptionTabs;
+exports.Row = __webpack_exports__.Row;
+exports.Section = __webpack_exports__.Section;
+exports.materialParameters = __webpack_exports__.materialParameters;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ConsumptionTabs",
+    "Row",
+    "Section",
+    "materialParameters"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/material/stories/storybook-helpers.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+export declare const materialParameters: {
+    readonly material: true;
+};
+export declare function Section({ title, description, children, }: {
+    title: string;
+    description?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Row({ label, children }: {
+    label?: string;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export interface ConsumptionTabsProps {
+    mui: ReactNode;
+    ap: ReactNode;
+    muiImport: string;
+    apImport: string;
+}
+export declare function ConsumptionTabs({ mui, ap, muiImport, apImport }: ConsumptionTabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=storybook-helpers.d.ts.map

package/dist/material/stories/storybook-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook-helpers.d.ts","sourceRoot":"","sources":["../../../src/material/stories/storybook-helpers.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAcvC,eAAO,MAAM,kBAAkB;;CAA8B,CAAC;AAE9D,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAcA;AAED,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,2CAahF;AAyBD,MAAM,WAAW,oBAAoB;IAEnC,GAAG,EAAE,SAAS,CAAC;IAEf,EAAE,EAAE,SAAS,CAAC;IAEd,SAAS,EAAE,MAAM,CAAC;IAElB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAQD,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAYrF"}

package/dist/material/stories/storybook-helpers.js

@@ -0,0 +1,109 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import Stack from "@mui/material/Stack";
+import Tab from "@mui/material/Tab";
+import Tabs from "@mui/material/Tabs";
+import Typography from "@mui/material/Typography";
+import { useState } from "react";
+const materialParameters = {
+    material: true
+};
+function Section({ title, description, children }) {
+    return /*#__PURE__*/ jsxs(Box, {
+        component: "section",
+        sx: {
+            mb: 6
+        },
+        children: [
+            /*#__PURE__*/ jsx(Typography, {
+                variant: "h6",
+                sx: {
+                    mb: 0.5
+                },
+                children: title
+            }),
+            description && /*#__PURE__*/ jsx(Typography, {
+                variant: "body2",
+                sx: {
+                    color: 'text.secondary',
+                    mb: 2
+                },
+                children: description
+            }),
+            children
+        ]
+    });
+}
+function Row({ label, children }) {
+    return /*#__PURE__*/ jsxs(Box, {
+        sx: {
+            mb: 2
+        },
+        children: [
+            label && /*#__PURE__*/ jsx(Typography, {
+                variant: "body2",
+                sx: {
+                    fontWeight: 600,
+                    mb: 1
+                },
+                children: label
+            }),
+            /*#__PURE__*/ jsx(Stack, {
+                direction: "row",
+                spacing: 2,
+                useFlexGap: true,
+                sx: {
+                    flexWrap: 'wrap',
+                    alignItems: 'center'
+                },
+                children: children
+            })
+        ]
+    });
+}
+function ImportLine({ statement }) {
+    return /*#__PURE__*/ jsx(Box, {
+        component: "code",
+        sx: (theme)=>({
+                display: 'block',
+                fontFamily: 'monospace',
+                fontSize: 12,
+                px: 1.5,
+                py: 1,
+                mb: 3,
+                borderRadius: 1,
+                color: theme.palette.semantic.colorForegroundDeEmp,
+                backgroundColor: theme.palette.semantic.colorBackgroundSecondary,
+                border: `1px solid ${theme.palette.semantic.colorBorderDeEmp}`,
+                width: 'fit-content'
+            }),
+        children: statement
+    });
+}
+function ConsumptionTabs({ mui, ap, muiImport, apImport }) {
+    const [tab, setTab] = useState(0);
+    return /*#__PURE__*/ jsxs(Box, {
+        children: [
+            /*#__PURE__*/ jsxs(Tabs, {
+                value: tab,
+                onChange: (_, value)=>setTab(value),
+                sx: {
+                    mb: 2
+                },
+                children: [
+                    /*#__PURE__*/ jsx(Tab, {
+                        label: "MUI + theme overrides"
+                    }),
+                    /*#__PURE__*/ jsx(Tab, {
+                        label: "Ap component"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(ImportLine, {
+                statement: 0 === tab ? muiImport : apImport
+            }),
+            0 === tab ? mui : ap
+        ]
+    });
+}
+export { ConsumptionTabs, Row, Section, materialParameters };

package/dist/material/theme/index.cjs

@@ -33,10 +33,12 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    apolloMaterialUiThemeFutureLight: ()=>apolloMaterialUiThemeFutureLight,
     apolloMaterialUiThemeDarkHC: ()=>apolloMaterialUiThemeDarkHC,
     apolloMaterialUiThemeDark: ()=>apolloMaterialUiThemeDark,
     apolloMaterialUiThemeLight: ()=>apolloMaterialUiThemeLight,
-    apolloMaterialUiThemeLightHC: ()=>apolloMaterialUiThemeLightHC
+    apolloMaterialUiThemeLightHC: ()=>apolloMaterialUiThemeLightHC,
+    apolloMaterialUiThemeFutureDark: ()=>apolloMaterialUiThemeFutureDark
 });
 const styles_namespaceObject = require("@mui/material/styles");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
@@ -147,13 +149,37 @@ const apolloMaterialUiThemeDarkHC = (0, styles_namespaceObject.createTheme)({
     components: defaultsDeep_default()(index_cjs_namespaceObject.darkHighContrastOverrides, globalPropOverrides, getGlobalVariantOverrides(palette_namespaceObject.darkHighContrastPalette)),
     typography: external_typography_cjs_default()
 });
+const apolloMaterialUiThemeFutureDark = (0, styles_namespaceObject.createTheme)({
+    palette: {
+        ...apollo_core_namespaceObject.futureDarkPalette,
+        mode: 'dark'
+    },
+    spacing: external_spacing_cjs_default(),
+    breakpoints: external_breakpoints_cjs_default(),
+    components: defaultsDeep_default()(index_cjs_namespaceObject.futureDarkOverrides, globalPropOverrides, getGlobalVariantOverrides(apollo_core_namespaceObject.futureDarkPalette)),
+    typography: external_typography_cjs_default()
+});
+const apolloMaterialUiThemeFutureLight = (0, styles_namespaceObject.createTheme)({
+    palette: {
+        ...apollo_core_namespaceObject.futureLightPalette,
+        mode: 'light'
+    },
+    spacing: external_spacing_cjs_default(),
+    breakpoints: external_breakpoints_cjs_default(),
+    components: defaultsDeep_default()(index_cjs_namespaceObject.futureLightOverrides, globalPropOverrides, getGlobalVariantOverrides(apollo_core_namespaceObject.futureLightPalette)),
+    typography: external_typography_cjs_default()
+});
 exports.apolloMaterialUiThemeDark = __webpack_exports__.apolloMaterialUiThemeDark;
 exports.apolloMaterialUiThemeDarkHC = __webpack_exports__.apolloMaterialUiThemeDarkHC;
+exports.apolloMaterialUiThemeFutureDark = __webpack_exports__.apolloMaterialUiThemeFutureDark;
+exports.apolloMaterialUiThemeFutureLight = __webpack_exports__.apolloMaterialUiThemeFutureLight;
 exports.apolloMaterialUiThemeLight = __webpack_exports__.apolloMaterialUiThemeLight;
 exports.apolloMaterialUiThemeLightHC = __webpack_exports__.apolloMaterialUiThemeLightHC;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "apolloMaterialUiThemeDark",
     "apolloMaterialUiThemeDarkHC",
+    "apolloMaterialUiThemeFutureDark",
+    "apolloMaterialUiThemeFutureLight",
     "apolloMaterialUiThemeLight",
     "apolloMaterialUiThemeLightHC"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];

package/dist/material/theme/index.d.ts

@@ -35,5 +35,7 @@ declare const apolloMaterialUiThemeLight: Theme;
 declare const apolloMaterialUiThemeLightHC: Theme;
 declare const apolloMaterialUiThemeDark: Theme;
 declare const apolloMaterialUiThemeDarkHC: Theme;
-export { apolloMaterialUiThemeLight, apolloMaterialUiThemeLightHC, apolloMaterialUiThemeDark, apolloMaterialUiThemeDarkHC, };
+declare const apolloMaterialUiThemeFutureDark: Theme;
+declare const apolloMaterialUiThemeFutureLight: Theme;
+export { apolloMaterialUiThemeLight, apolloMaterialUiThemeLightHC, apolloMaterialUiThemeDark, apolloMaterialUiThemeDarkHC, apolloMaterialUiThemeFutureDark, apolloMaterialUiThemeFutureLight, };
 //# sourceMappingURL=index.d.ts.map

package/dist/material/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/material/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,QAAQ,EACT,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAEL,KAAK,OAAO,IAAI,QAAQ,EAEzB,MAAM,wCAAwC,CAAC;AAchD,UAAU,0BAA0B;IAClC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD;AAID,KAAK,8BAA8B,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,0BAA0B,CAAC,GACpF,0BAA0B,CAAC;AAE7B,OAAO,QAAQ,oCAAoC,CAAC;IAClD,UAAU,OAAQ,SAAQ,QAAQ;KAAG;IAErC,UAAU,cAAe,SAAQ,8BAA8B;KAAG;CACnE;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAEpC,UAAU,YAAa,SAAQ,KAAK;KAAG;CACxC;AAsCD,QAAA,MAAM,0BAA0B,OAa9B,CAAC;AAEH,QAAA,MAAM,4BAA4B,OAahC,CAAC;AAEH,QAAA,MAAM,yBAAyB,OAa7B,CAAC;AAEH,QAAA,MAAM,2BAA2B,OAa/B,CAAC;AAEH,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,yBAAyB,EACzB,2BAA2B,GAC5B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/material/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,QAAQ,EACT,MAAM,oCAAoC,CAAC;AAO5C,OAAO,EAEL,KAAK,OAAO,IAAI,QAAQ,EAEzB,MAAM,wCAAwC,CAAC;AAgBhD,UAAU,0BAA0B;IAClC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;CAClD;AAID,KAAK,8BAA8B,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,0BAA0B,CAAC,GACpF,0BAA0B,CAAC;AAE7B,OAAO,QAAQ,oCAAoC,CAAC;IAClD,UAAU,OAAQ,SAAQ,QAAQ;KAAG;IAErC,UAAU,cAAe,SAAQ,8BAA8B;KAAG;CACnE;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAEpC,UAAU,YAAa,SAAQ,KAAK;KAAG;CACxC;AAsCD,QAAA,MAAM,0BAA0B,OAa9B,CAAC;AAEH,QAAA,MAAM,4BAA4B,OAahC,CAAC;AAEH,QAAA,MAAM,yBAAyB,OAa7B,CAAC;AAEH,QAAA,MAAM,2BAA2B,OAa/B,CAAC;AAEH,QAAA,MAAM,+BAA+B,OAanC,CAAC;AAEH,QAAA,MAAM,gCAAgC,OAapC,CAAC;AAEH,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,yBAAyB,EACzB,2BAA2B,EAC3B,+BAA+B,EAC/B,gCAAgC,GACjC,CAAC"}

package/dist/material/theme/index.js

@@ -1,9 +1,9 @@
 import { createTheme } from "@mui/material/styles";
-import { darkPalette, lightPalette } from "@uipath/apollo-core";
+import { darkPalette, futureDarkPalette, futureLightPalette, lightPalette } from "@uipath/apollo-core";
 import { darkHighContrastPalette, lightHighContrastPalette } from "@uipath/apollo-core/tokens/jss/palette";
 import defaultsDeep from "lodash/defaultsDeep";
 import breakpoints from "./breakpoints.js";
-import { darkHighContrastOverrides, darkOverrides, lightHighContrastOverrides, lightOverrides } from "./overrides/index.js";
+import { darkHighContrastOverrides, darkOverrides, futureDarkOverrides, futureLightOverrides, lightHighContrastOverrides, lightOverrides } from "./overrides/index.js";
 import spacing from "./spacing.js";
 import typography from "./typography.js";
 const globalPropOverrides = {
@@ -103,4 +103,24 @@ const apolloMaterialUiThemeDarkHC = createTheme({
     components: defaultsDeep(darkHighContrastOverrides, globalPropOverrides, getGlobalVariantOverrides(darkHighContrastPalette)),
     typography: typography
 });
-export { apolloMaterialUiThemeDark, apolloMaterialUiThemeDarkHC, apolloMaterialUiThemeLight, apolloMaterialUiThemeLightHC };
+const apolloMaterialUiThemeFutureDark = createTheme({
+    palette: {
+        ...futureDarkPalette,
+        mode: 'dark'
+    },
+    spacing: spacing,
+    breakpoints: breakpoints,
+    components: defaultsDeep(futureDarkOverrides, globalPropOverrides, getGlobalVariantOverrides(futureDarkPalette)),
+    typography: typography
+});
+const apolloMaterialUiThemeFutureLight = createTheme({
+    palette: {
+        ...futureLightPalette,
+        mode: 'light'
+    },
+    spacing: spacing,
+    breakpoints: breakpoints,
+    components: defaultsDeep(futureLightOverrides, globalPropOverrides, getGlobalVariantOverrides(futureLightPalette)),
+    typography: typography
+});
+export { apolloMaterialUiThemeDark, apolloMaterialUiThemeDarkHC, apolloMaterialUiThemeFutureDark, apolloMaterialUiThemeFutureLight, apolloMaterialUiThemeLight, apolloMaterialUiThemeLightHC };

package/dist/material/theme/overrides/MuiButton.cjs

@@ -80,20 +80,20 @@ const MuiButton = (palette)=>({
         contained: {
             border: `1px solid ${palette.semantic.colorPrimary}`,
             backgroundColor: `${palette.semantic.colorPrimary}`,
-            color: `${palette.semantic.colorForegroundInverse}`,
+            color: `${palette.semantic.colorForegroundOnAccent}`,
             '&.MuiButton-containedSecondary': {
-                color: `${palette.semantic.colorForegroundInverse}`
+                color: `${palette.semantic.colorForegroundOnAccent}`
             },
             '&&:hover': {
                 backgroundColor: `${palette.semantic.colorPrimaryHover}`,
                 border: `1px solid ${palette.semantic.colorPrimaryHover}`,
-                color: `${palette.semantic.colorForegroundInverse}`,
+                color: `${palette.semantic.colorForegroundOnAccent}`,
                 boxShadow: 'none'
             },
             '&&:focus': {
                 boxShadow: 'none',
                 border: `1px solid ${palette.semantic.colorPrimaryFocused}`,
-                color: `${palette.semantic.colorForegroundInverse}`
+                color: `${palette.semantic.colorForegroundOnAccent}`
             },
             '&&:disabled': {
                 backgroundColor: `${palette.semantic.colorBackgroundDisabled}`,

package/dist/material/theme/overrides/MuiButton.js

@@ -42,20 +42,20 @@ const MuiButton = (palette)=>({
         contained: {
             border: `1px solid ${palette.semantic.colorPrimary}`,
             backgroundColor: `${palette.semantic.colorPrimary}`,
-            color: `${palette.semantic.colorForegroundInverse}`,
+            color: `${palette.semantic.colorForegroundOnAccent}`,
             '&.MuiButton-containedSecondary': {
-                color: `${palette.semantic.colorForegroundInverse}`
+                color: `${palette.semantic.colorForegroundOnAccent}`
             },
             '&&:hover': {
                 backgroundColor: `${palette.semantic.colorPrimaryHover}`,
                 border: `1px solid ${palette.semantic.colorPrimaryHover}`,
-                color: `${palette.semantic.colorForegroundInverse}`,
+                color: `${palette.semantic.colorForegroundOnAccent}`,
                 boxShadow: 'none'
             },
             '&&:focus': {
                 boxShadow: 'none',
                 border: `1px solid ${palette.semantic.colorPrimaryFocused}`,
-                color: `${palette.semantic.colorForegroundInverse}`
+                color: `${palette.semantic.colorForegroundOnAccent}`
             },
             '&&:disabled': {
                 backgroundColor: `${palette.semantic.colorBackgroundDisabled}`,

package/dist/material/theme/overrides/MuiDatepicker.cjs

@@ -139,7 +139,7 @@ const MuiDatepicker = (palette)=>({
                         },
                         '&.Mui-selected': {
                             backgroundColor: palette.semantic.colorPrimary,
-                            color: palette.semantic.colorForegroundInverse,
+                            color: palette.semantic.colorForegroundOnAccent,
                             '&:hover': {
                                 backgroundColor: palette.semantic.colorPrimary
                             }
@@ -166,7 +166,7 @@ const MuiDatepicker = (palette)=>({
                         },
                         '&.Mui-selected': {
                             backgroundColor: palette.semantic.colorPrimary,
-                            color: palette.semantic.colorForegroundInverse,
+                            color: palette.semantic.colorForegroundOnAccent,
                             '&:hover': {
                                 backgroundColor: palette.semantic.colorPrimary
                             }

package/dist/material/theme/overrides/MuiDatepicker.js

@@ -101,7 +101,7 @@ const MuiDatepicker = (palette)=>({
                         },
                         '&.Mui-selected': {
                             backgroundColor: palette.semantic.colorPrimary,
-                            color: palette.semantic.colorForegroundInverse,
+                            color: palette.semantic.colorForegroundOnAccent,
                             '&:hover': {
                                 backgroundColor: palette.semantic.colorPrimary
                             }
@@ -128,7 +128,7 @@ const MuiDatepicker = (palette)=>({
                         },
                         '&.Mui-selected': {
                             backgroundColor: palette.semantic.colorPrimary,
-                            color: palette.semantic.colorForegroundInverse,
+                            color: palette.semantic.colorForegroundOnAccent,
                             '&:hover': {
                                 backgroundColor: palette.semantic.colorPrimary
                             }

package/dist/material/theme/overrides/MuiFab.cjs

@@ -99,18 +99,18 @@ const MuiFab = (palette)=>({
         secondary: {
             backgroundColor: palette.semantic.colorPrimary,
             '& .MuiFab-label': {
-                color: palette.semantic.colorBackground
+                color: palette.semantic.colorForegroundOnAccent
             },
             '&:hover': {
                 backgroundColor: palette.semantic.colorPrimaryHover,
                 '& MuiFab-label': {
-                    color: palette.semantic.colorBackground
+                    color: palette.semantic.colorForegroundOnAccent
                 }
             },
             '&:focus': {
                 backgroundColor: palette.semantic.colorPrimaryHover,
                 '& MuiFab-label': {
-                    color: palette.semantic.colorBackground
+                    color: palette.semantic.colorForegroundOnAccent
                 }
             }
         }

package/dist/material/theme/overrides/MuiFab.js

@@ -61,18 +61,18 @@ const MuiFab = (palette)=>({
         secondary: {
             backgroundColor: palette.semantic.colorPrimary,
             '& .MuiFab-label': {
-                color: palette.semantic.colorBackground
+                color: palette.semantic.colorForegroundOnAccent
             },
             '&:hover': {
                 backgroundColor: palette.semantic.colorPrimaryHover,
                 '& MuiFab-label': {
-                    color: palette.semantic.colorBackground
+                    color: palette.semantic.colorForegroundOnAccent
                 }
             },
             '&:focus': {
                 backgroundColor: palette.semantic.colorPrimaryHover,
                 '& MuiFab-label': {
-                    color: palette.semantic.colorBackground
+                    color: palette.semantic.colorForegroundOnAccent
                 }
             }
         }

package/dist/material/theme/overrides/index.cjs

@@ -24,8 +24,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    futureDarkOverrides: ()=>futureDarkOverrides,
     darkOverrides: ()=>darkOverrides,
     darkHighContrastOverrides: ()=>darkHighContrastOverrides,
+    futureLightOverrides: ()=>futureLightOverrides,
     lightOverrides: ()=>lightOverrides,
     lightHighContrastOverrides: ()=>lightHighContrastOverrides
 });
@@ -137,13 +139,19 @@ const lightOverrides = getOverrides(apollo_core_namespaceObject.lightPalette);
 const lightHighContrastOverrides = getOverrides(palette_namespaceObject.lightHighContrastPalette);
 const darkOverrides = getOverrides(apollo_core_namespaceObject.darkPalette);
 const darkHighContrastOverrides = getOverrides(palette_namespaceObject.darkHighContrastPalette);
+const futureDarkOverrides = getOverrides(palette_namespaceObject.futureDarkPalette);
+const futureLightOverrides = getOverrides(palette_namespaceObject.futureLightPalette);
 exports.darkHighContrastOverrides = __webpack_exports__.darkHighContrastOverrides;
 exports.darkOverrides = __webpack_exports__.darkOverrides;
+exports.futureDarkOverrides = __webpack_exports__.futureDarkOverrides;
+exports.futureLightOverrides = __webpack_exports__.futureLightOverrides;
 exports.lightHighContrastOverrides = __webpack_exports__.lightHighContrastOverrides;
 exports.lightOverrides = __webpack_exports__.lightOverrides;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "darkHighContrastOverrides",
     "darkOverrides",
+    "futureDarkOverrides",
+    "futureLightOverrides",
     "lightHighContrastOverrides",
     "lightOverrides"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];

package/dist/material/theme/overrides/index.d.ts

@@ -3,4 +3,6 @@ export declare const lightOverrides: Components;
 export declare const lightHighContrastOverrides: Components;
 export declare const darkOverrides: Components;
 export declare const darkHighContrastOverrides: Components;
+export declare const futureDarkOverrides: Components;
+export declare const futureLightOverrides: Components;
 //# sourceMappingURL=index.d.ts.map

package/dist/material/theme/overrides/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/material/theme/overrides/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA0HhD,eAAO,MAAM,cAAc,EAAE,UAAuC,CAAC;AACrE,eAAO,MAAM,0BAA0B,EAAE,UAAmD,CAAC;AAC7F,eAAO,MAAM,aAAa,EAAE,UAAsC,CAAC;AACnE,eAAO,MAAM,yBAAyB,EAAE,UAAkD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/material/theme/overrides/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA4HhD,eAAO,MAAM,cAAc,EAAE,UAAuC,CAAC;AACrE,eAAO,MAAM,0BAA0B,EAAE,UAAmD,CAAC;AAC7F,eAAO,MAAM,aAAa,EAAE,UAAsC,CAAC;AACnE,eAAO,MAAM,yBAAyB,EAAE,UAAkD,CAAC;AAC3F,eAAO,MAAM,mBAAmB,EAAE,UAA4C,CAAC;AAC/E,eAAO,MAAM,oBAAoB,EAAE,UAA6C,CAAC"}

package/dist/material/theme/overrides/index.js

@@ -1,5 +1,5 @@
 import { darkPalette, lightPalette } from "@uipath/apollo-core";
-import { darkHighContrastPalette, lightHighContrastPalette } from "@uipath/apollo-core/tokens/jss/palette";
+import { darkHighContrastPalette, futureDarkPalette, futureLightPalette, lightHighContrastPalette } from "@uipath/apollo-core/tokens/jss/palette";
 import { MuiAccordion } from "./MuiAccordion.js";
 import { MuiAccordionDetails } from "./MuiAccordionDetails.js";
 import { MuiAccordionSummary } from "./MuiAccordionSummary.js";
@@ -106,4 +106,6 @@ const lightOverrides = getOverrides(lightPalette);
 const lightHighContrastOverrides = getOverrides(lightHighContrastPalette);
 const darkOverrides = getOverrides(darkPalette);
 const darkHighContrastOverrides = getOverrides(darkHighContrastPalette);
-export { darkHighContrastOverrides, darkOverrides, lightHighContrastOverrides, lightOverrides };
+const futureDarkOverrides = getOverrides(futureDarkPalette);
+const futureLightOverrides = getOverrides(futureLightPalette);
+export { darkHighContrastOverrides, darkOverrides, futureDarkOverrides, futureLightOverrides, lightHighContrastOverrides, lightOverrides };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.41.1",
+  "version": "4.43.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -216,8 +216,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-core": "5.9.1",
-    "@uipath/apollo-wind": "2.18.0"
+    "@uipath/apollo-core": "5.10.0",
+    "@uipath/apollo-wind": "2.19.0"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",
@@ -251,9 +251,10 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/sanitize-html": "^2.16.0",
     "@types/webpack-bundle-analyzer": "^4.7.0",
-    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-react": "^5.2.0",
     "@vitest/coverage-v8": "^4.1.5",
     "@vitest/ui": "^4.1.5",
+    "dayjs": "^1.11.20",
     "esbuild": "^0.27.0",
     "glob": "^13.0.0",
     "happy-dom": "^20.0.0",