rbro-tat-uds 2.2.16 → 2.2.18

package/build/cjs/assets/icons/docs.svg.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _path, _path2, _path3;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgDocs = function SvgDocs(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M3 1a1 1 0 0 0-1 1v16h2V3h13V1z"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10 9h8v2h-8z"
+  })), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7 5a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm1 16V7h12v14z",
+    clipRule: "evenodd"
+  })));
+};
+
+module.exports = SvgDocs;

package/build/cjs/assets/icons/tractor.svg.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgTractor = function SvgTractor(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 4a1 1 0 0 0-.928.629L9.323 9H7V6h1V4H4v2h1v3H4a1 1 0 0 0-1 1v5.05A3.5 3.5 0 1 0 8.663 19H13a5 5 0 1 0 8-6V5a1 1 0 0 0-1-1zM5 14.035V11h5a1 1 0 0 0 .928-.629L12.678 6H19v5.416A5 5 0 0 0 12.1 17H8.965A3.5 3.5 0 0 0 5 14.035M14 16a3 3 0 1 1 6 0 3 3 0 0 1-6 0M4 17.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m13-.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
+    clipRule: "evenodd"
+  })));
+};
+
+module.exports = SvgTractor;

package/build/cjs/components/Accordion/Accordion.cjs

@@ -78,7 +78,7 @@ const Accordion = ({ open = false, children, ...rest }) => {
         {
           icon: open ? "select-hide" : "select-open-down",
           size: 18,
-          color: utils.colors.info_800
+          color: utils.colors.info_600
         }
       )
     ] }),

package/build/cjs/components/Button/Button.cjs

@@ -155,6 +155,8 @@ require('../../assets/icons/house-wap.svg.cjs');
 require('../../assets/icons/bulb.svg.cjs');
 require('../../assets/icons/face-neutral.svg.cjs');
 require('../../assets/icons/face-sad.svg.cjs');
+require('../../assets/icons/docs.svg.cjs');
+require('../../assets/icons/tractor.svg.cjs');
 var Icon = require('../Icon/Icon.cjs');
 var Spinner = require('../Spinner/Spinner.cjs');
 var utils = require('../../utils');

package/build/cjs/components/ConfigurationStickyBar/ConfigurationStickyBar.cjs

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var styled = require('styled-components');
+var utils = require('../../utils');
+
+const ConfigurationStickyBarStyled = styled.div`
+  position: fixed;
+  width: 100%;
+  left: 0;
+  bottom: 0;
+  z-index: 9999;
+  padding-left: 110px;
+  display: ${({ $visible }) => $visible ? "flex" : "none"};
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+
+  & > div {
+    width: 100%;
+    padding: 0px 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    max-width: 1220px;
+
+    & > div {
+      width: 100%;
+      border-top: 1px solid ${utils.colors.gray_300};
+      border-left: 1px solid ${utils.colors.gray_300};
+      border-right: 1px solid ${utils.colors.gray_300};
+      background-color: ${utils.colors.white};
+    }
+  }
+`;
+const ConfigurationStickyBar = ({
+  referenceContent,
+  children,
+  threshold = 0.6,
+  ...rest
+}) => {
+  const [isVisible, setIsVisible] = React.useState(false);
+  React.useEffect(() => {
+    if (!referenceContent?.current) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        setIsVisible(entry.intersectionRatio < threshold);
+      },
+      {
+        threshold: [threshold],
+        root: null
+      }
+    );
+    observer.observe(referenceContent.current);
+    return () => observer.disconnect();
+  }, [referenceContent, threshold]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ConfigurationStickyBarStyled, { $visible: isVisible, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { children }) }) });
+};
+
+exports.default = ConfigurationStickyBar;

package/build/cjs/components/ConfigurationStickyBar/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ConfigurationStickyBar = require('./ConfigurationStickyBar.cjs');
+
+
+
+exports.default = ConfigurationStickyBar.default;

package/build/cjs/components/Content/Content.cjs

@@ -33,7 +33,15 @@ const Content = ({
   gap = 32,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledContentOutside, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(StyledContentInside, { $padding: padding, $gap: gap, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledContentOutside, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(
+    StyledContentInside,
+    {
+      className: "uds-inner-content-component",
+      $padding: padding,
+      $gap: gap,
+      children
+    }
+  ) });
 };
 
 exports.default = Content;

package/build/cjs/components/Flex/Flex.cjs

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var styled = require('styled-components');
 var utils = require('../../utils');
 
@@ -69,60 +69,64 @@ const StyledFlex = styled.div`
     ${props.$css}
   `}
 `;
-const Flex = ({
-  children,
-  element = "div",
-  width,
-  height,
-  background,
-  gap,
-  direction,
-  wrap,
-  grow,
-  shrink,
-  basis,
-  justify,
-  items,
-  content,
-  padding,
-  margin,
-  radius,
-  border,
-  css: css2,
-  ...rest
-}) => {
-  const limitedAs = {
-    div: "div",
-    main: "main",
-    article: "article",
-    p: "p",
-    span: "span"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    StyledFlex,
-    {
-      $width: width,
-      $height: height,
-      $background: background,
-      $gap: gap,
-      $wrap: wrap,
-      $grow: grow,
-      $shrink: shrink,
-      $basis: basis,
-      $justify: justify,
-      $items: items,
-      $content: content,
-      $padding: padding,
-      $margin: margin,
-      $radius: radius,
-      $border: border,
-      $css: css2,
-      $direction: direction,
-      as: limitedAs[element],
-      ...rest,
-      children
-    }
-  );
-};
+const Flex = React.forwardRef(
+  ({
+    children,
+    element = "div",
+    width,
+    height,
+    background,
+    gap,
+    direction,
+    wrap,
+    grow,
+    shrink,
+    basis,
+    justify,
+    items,
+    content,
+    padding,
+    margin,
+    radius,
+    border,
+    css: css2,
+    ...rest
+  }, ref) => {
+    const limitedAs = {
+      div: "div",
+      main: "main",
+      article: "article",
+      p: "p",
+      span: "span"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      StyledFlex,
+      {
+        ref,
+        $width: width,
+        $height: height,
+        $background: background,
+        $gap: gap,
+        $wrap: wrap,
+        $grow: grow,
+        $shrink: shrink,
+        $basis: basis,
+        $justify: justify,
+        $items: items,
+        $content: content,
+        $padding: padding,
+        $margin: margin,
+        $radius: radius,
+        $border: border,
+        $css: css2,
+        $direction: direction,
+        as: limitedAs[element],
+        ...rest,
+        children
+      }
+    );
+  }
+);
+Flex.displayName = "Flex";
 
 exports.default = Flex;

package/build/cjs/components/Icon/IconsList.cjs

@@ -152,6 +152,8 @@ var HouseWapIcon = require('../../assets/icons/house-wap.svg.cjs');
 var BulbIcon = require('../../assets/icons/bulb.svg.cjs');
 var FaceNeutralIcon = require('../../assets/icons/face-neutral.svg.cjs');
 var FaceSadIcon = require('../../assets/icons/face-sad.svg.cjs');
+var DocsIcon = require('../../assets/icons/docs.svg.cjs');
+var TractorIcon = require('../../assets/icons/tractor.svg.cjs');
 
 const IconsList = {
   asterix: AsterixIcon,
@@ -300,7 +302,9 @@ const IconsList = {
   "house-wap": HouseWapIcon,
   bulb: BulbIcon,
   "face-neutral": FaceNeutralIcon,
-  "face-sad": FaceSadIcon
+  "face-sad": FaceSadIcon,
+  docs: DocsIcon,
+  tractor: TractorIcon
 };
 
 exports.default = IconsList;

package/build/cjs/components/IconButton/IconButton.cjs

@@ -154,6 +154,8 @@ require('../../assets/icons/house-wap.svg.cjs');
 require('../../assets/icons/bulb.svg.cjs');
 require('../../assets/icons/face-neutral.svg.cjs');
 require('../../assets/icons/face-sad.svg.cjs');
+require('../../assets/icons/docs.svg.cjs');
+require('../../assets/icons/tractor.svg.cjs');
 var styled = require('styled-components');
 var Icon = require('../Icon/Icon.cjs');
 var Spinner = require('../Spinner/Spinner.cjs');

package/build/cjs/components/PageMessage/PageMessage.cjs

@@ -154,6 +154,8 @@ require('../../assets/icons/house-wap.svg.cjs');
 require('../../assets/icons/bulb.svg.cjs');
 require('../../assets/icons/face-neutral.svg.cjs');
 require('../../assets/icons/face-sad.svg.cjs');
+require('../../assets/icons/docs.svg.cjs');
+require('../../assets/icons/tractor.svg.cjs');
 var styled = require('styled-components');
 var Icon = require('../Icon/Icon.cjs');
 var utils = require('../../utils');