@uipath/apollo-react 6.44.1 → 6.45.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "6.44.1",
+  "version": "6.45.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -222,7 +222,7 @@
     "zustand": "^5.0.9",
     "@uipath/apollo-core": "5.14.0",
     "@uipath/apollo-ui-icons": "1.0.0",
-    "@uipath/apollo-wind": "2.48.0"
+    "@uipath/apollo-wind": "2.49.0"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",

package/dist/canvas/components/Toolbox/ListView.styles.cjs

@@ -1,136 +0,0 @@
-"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__, {
-    StyledList: ()=>StyledList,
-    ListItemButton: ()=>ListItemButton,
-    IconContainer: ()=>IconContainer
-});
-const styled_namespaceObject = require("@emotion/styled");
-var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
-const react_namespaceObject = require("motion/react");
-const external_react_window_namespaceObject = require("react-window");
-const ListItemButton = styled_default()(react_namespaceObject.motion.button)`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  border: none;
-  background: transparent;
-  border-radius: 8px;
-  cursor: pointer;
-  text-align: left;
-  width: 100%;
-  // Don't rely on a consumer's global reset: the row combines width:100% + an
-  // explicit react-window height with its own padding, so content-box would
-  // overflow the slot and desync the virtualizer's row positions.
-  box-sizing: border-box;
-  // Reserve the focus ring geometry in the resting state (invisible via a
-  // transparent color) so activating a row only flips outline-color. Without
-  // this the outline falls back to UA defaults (3px / currentColor) and every
-  // sub-property jumps at once, flashing a thick dark border under transition.
-  outline: 1px solid transparent;
-  outline-offset: -1px;
-  transition: background-color 0.15s ease, opacity 0.15s ease, outline-color 0.15s ease;
-
-  &:hover,
-  &.active {
-    background: var(--canvas-background-hover);
-  }
-
-  &.active {
-    outline-color: var(--canvas-primary);
-  }
-`;
-const IconContainer = styled_default().div`
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  // Transparent unless the item declares a background (color / colorDark),
-  // so plain rows read as icon + text without a tile.
-  background: ${(props)=>props.bgColor || 'transparent'};
-  border-radius: 6px;
-  color: var(--canvas-foreground-emp);
-  opacity: 0.9;
-  flex-shrink: 0;
-  // Icons should show below the inset outline
-  z-index: -1;
-`;
-const StyledList = styled_default()(external_react_window_namespaceObject.List)`
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: var(--canvas-border-de-emp);
-    border-radius: 3px;
-  }
-
-  &::-webkit-scrollbar-thumb:hover {
-    background: var(--canvas-border);
-  }
-
-  .list-view-item-name {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .loading {
-    opacity: 0.5;
-    pointer-events: none;
-    cursor: not-allowed;
-
-    // Ensure all child elements are also greyed out
-    * {
-      opacity: 0.7;
-    }
-  }
-`;
-exports.IconContainer = __webpack_exports__.IconContainer;
-exports.ListItemButton = __webpack_exports__.ListItemButton;
-exports.StyledList = __webpack_exports__.StyledList;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "IconContainer",
-    "ListItemButton",
-    "StyledList"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/canvas/components/Toolbox/ListView.styles.d.ts

@@ -1,12 +0,0 @@
-import { List } from 'react-window';
-export declare const ListItemButton: import("@emotion/styled").StyledComponent<Omit<import("motion/react").HTMLMotionProps<"button">, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const IconContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    bgColor?: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledList: typeof List;
-//# sourceMappingURL=ListView.styles.d.ts.map

package/dist/canvas/components/Toolbox/ListView.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListView.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,eAAO,MAAM,cAAc;;UA8B1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;cAA0B,MAAM;yGAezD,CAAC;AAEF,eAAO,MAAM,UAAU,EAkClB,OAAO,IAAI,CAAC"}

package/dist/canvas/components/Toolbox/ListView.styles.js

@@ -1,86 +0,0 @@
-import styled from "@emotion/styled";
-import { motion } from "motion/react";
-import { List } from "react-window";
-const ListItemButton = styled(motion.button)`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  border: none;
-  background: transparent;
-  border-radius: 8px;
-  cursor: pointer;
-  text-align: left;
-  width: 100%;
-  // Don't rely on a consumer's global reset: the row combines width:100% + an
-  // explicit react-window height with its own padding, so content-box would
-  // overflow the slot and desync the virtualizer's row positions.
-  box-sizing: border-box;
-  // Reserve the focus ring geometry in the resting state (invisible via a
-  // transparent color) so activating a row only flips outline-color. Without
-  // this the outline falls back to UA defaults (3px / currentColor) and every
-  // sub-property jumps at once, flashing a thick dark border under transition.
-  outline: 1px solid transparent;
-  outline-offset: -1px;
-  transition: background-color 0.15s ease, opacity 0.15s ease, outline-color 0.15s ease;
-
-  &:hover,
-  &.active {
-    background: var(--canvas-background-hover);
-  }
-
-  &.active {
-    outline-color: var(--canvas-primary);
-  }
-`;
-const IconContainer = styled.div`
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  // Transparent unless the item declares a background (color / colorDark),
-  // so plain rows read as icon + text without a tile.
-  background: ${(props)=>props.bgColor || 'transparent'};
-  border-radius: 6px;
-  color: var(--canvas-foreground-emp);
-  opacity: 0.9;
-  flex-shrink: 0;
-  // Icons should show below the inset outline
-  z-index: -1;
-`;
-const StyledList = styled(List)`
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: var(--canvas-border-de-emp);
-    border-radius: 3px;
-  }
-
-  &::-webkit-scrollbar-thumb:hover {
-    background: var(--canvas-border);
-  }
-
-  .list-view-item-name {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .loading {
-    opacity: 0.5;
-    pointer-events: none;
-    cursor: not-allowed;
-
-    // Ensure all child elements are also greyed out
-    * {
-      opacity: 0.7;
-    }
-  }
-`;
-export { IconContainer, ListItemButton, StyledList };

package/dist/canvas/components/Toolbox/SearchBox.styles.cjs

@@ -1,114 +0,0 @@
-"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__, {
-    StyledSearchForm: ()=>StyledSearchForm
-});
-const styled_namespaceObject = require("@emotion/styled");
-var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
-const StyledSearchForm = styled_default().form`
-  width: 100%;
-
-  .searchbox-container {
-    display: flex;
-    align-items: center;
-    background: var(--canvas-background);
-    border: 1px solid var(--canvas-border-de-emp);
-    border-radius: 8px;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-    padding: 0 12px;
-    height: 32px;
-    transition:
-      border-color 0.2s,
-      box-shadow 0.2s;
-    position: relative;
-  }
-
-  .searchbox-container:focus-within {
-    border: 2px solid var(--canvas-primary);
-  }
-
-  .searchbox-container.has-value .searchbox-clear {
-    visibility: visible;
-  }
-
-  .searchbox-icon {
-    display: flex;
-    align-items: center;
-    margin-right: 8px;
-    color: var(--canvas-foreground);
-  }
-
-  .searchbox-input {
-    flex: 1;
-    border: none;
-    outline: none;
-    font-size: 14px;
-    background: transparent;
-    color: var(--canvas-foreground);
-    padding: 6px 0;
-  }
-
-  .searchbox-input::placeholder {
-    font-size: 14px;
-    font-family:
-      Noto Sans,
-      sans-serif;
-    line-height: 20px;
-    color: var(--canvas-foreground-de-emp);
-  }
-
-  .searchbox-clear {
-    display: flex;
-    align-items: center;
-    margin-left: 8px;
-    color: var(--canvas-foreground-de-emp);
-    cursor: pointer;
-    transition: color 0.2s;
-    visibility: hidden;
-    border: none;
-    background: transparent;
-  }
-
-  .searchbox-clear:hover {
-    color: var(--canvas-primary);
-  }
-`;
-exports.StyledSearchForm = __webpack_exports__.StyledSearchForm;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "StyledSearchForm"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/canvas/components/Toolbox/SearchBox.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const StyledSearchForm: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;
-//# sourceMappingURL=SearchBox.styles.d.ts.map

package/dist/canvas/components/Toolbox/SearchBox.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBox.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/SearchBox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;+GAmE5B,CAAC"}

package/dist/canvas/components/Toolbox/SearchBox.styles.js

@@ -1,70 +0,0 @@
-import styled from "@emotion/styled";
-const StyledSearchForm = styled.form`
-  width: 100%;
-
-  .searchbox-container {
-    display: flex;
-    align-items: center;
-    background: var(--canvas-background);
-    border: 1px solid var(--canvas-border-de-emp);
-    border-radius: 8px;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-    padding: 0 12px;
-    height: 32px;
-    transition:
-      border-color 0.2s,
-      box-shadow 0.2s;
-    position: relative;
-  }
-
-  .searchbox-container:focus-within {
-    border: 2px solid var(--canvas-primary);
-  }
-
-  .searchbox-container.has-value .searchbox-clear {
-    visibility: visible;
-  }
-
-  .searchbox-icon {
-    display: flex;
-    align-items: center;
-    margin-right: 8px;
-    color: var(--canvas-foreground);
-  }
-
-  .searchbox-input {
-    flex: 1;
-    border: none;
-    outline: none;
-    font-size: 14px;
-    background: transparent;
-    color: var(--canvas-foreground);
-    padding: 6px 0;
-  }
-
-  .searchbox-input::placeholder {
-    font-size: 14px;
-    font-family:
-      Noto Sans,
-      sans-serif;
-    line-height: 20px;
-    color: var(--canvas-foreground-de-emp);
-  }
-
-  .searchbox-clear {
-    display: flex;
-    align-items: center;
-    margin-left: 8px;
-    color: var(--canvas-foreground-de-emp);
-    cursor: pointer;
-    transition: color 0.2s;
-    visibility: hidden;
-    border: none;
-    background: transparent;
-  }
-
-  .searchbox-clear:hover {
-    color: var(--canvas-primary);
-  }
-`;
-export { StyledSearchForm };

package/dist/canvas/components/Toolbox/Toolbox.styles.cjs

@@ -1,115 +0,0 @@
-"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__, {
-    AnimatedContainer: ()=>AnimatedContainer,
-    ScrollableList: ()=>ScrollableList,
-    AnimatedContent: ()=>AnimatedContent
-});
-const styled_namespaceObject = require("@emotion/styled");
-var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
-const ScrollableList = styled_default().div`
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  min-height: 250px;
-
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: var(--canvas-border-de-emp);
-    border-radius: 3px;
-  }
-
-  &::-webkit-scrollbar-thumb:hover {
-    background: var(--canvas-border);
-  }
-`;
-const AnimatedContainer = styled_default().div`
-  position: relative;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  min-height: 50px;
-`;
-const AnimatedContent = styled_default().div`
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  animation: ${(props)=>props.entering ? `slideIn-${props.direction}` : 'none'} 0.15s ease-out;
-  min-height: 50px;
-
-  @keyframes slideIn-forward {
-    from {
-      opacity: 0;
-      transform: translateX(20px);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes slideIn-back {
-    from {
-      opacity: 0;
-      transform: translateX(-20px);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-`;
-exports.AnimatedContainer = __webpack_exports__.AnimatedContainer;
-exports.AnimatedContent = __webpack_exports__.AnimatedContent;
-exports.ScrollableList = __webpack_exports__.ScrollableList;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "AnimatedContainer",
-    "AnimatedContent",
-    "ScrollableList"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/canvas/components/Toolbox/Toolbox.styles.d.ts

@@ -1,16 +0,0 @@
-export declare const ScrollableList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AnimatedContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AnimatedContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    entering?: boolean;
-    direction?: "forward" | "back";
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=Toolbox.styles.d.ts.map

package/dist/canvas/components/Toolbox/Toolbox.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;yGAyB1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAO7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;eAA2B,OAAO;gBAAc,SAAS,GAAG,MAAM;yGA4B7F,CAAC"}

package/dist/canvas/components/Toolbox/Toolbox.styles.js

@@ -1,65 +0,0 @@
-import styled from "@emotion/styled";
-const ScrollableList = styled.div`
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  min-height: 250px;
-
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: var(--canvas-border-de-emp);
-    border-radius: 3px;
-  }
-
-  &::-webkit-scrollbar-thumb:hover {
-    background: var(--canvas-border);
-  }
-`;
-const AnimatedContainer = styled.div`
-  position: relative;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  min-height: 50px;
-`;
-const AnimatedContent = styled.div`
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  animation: ${(props)=>props.entering ? `slideIn-${props.direction}` : 'none'} 0.15s ease-out;
-  min-height: 50px;
-
-  @keyframes slideIn-forward {
-    from {
-      opacity: 0;
-      transform: translateX(20px);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes slideIn-back {
-    from {
-      opacity: 0;
-      transform: translateX(-20px);
-    }
-    to {
-      opacity: 1;
-      transform: translateX(0);
-    }
-  }
-`;
-export { AnimatedContainer, AnimatedContent, ScrollableList };