rbro-tat-uds 2.2.16 → 2.2.18

package/build/esm/assets/icons/docs.svg.js

@@ -0,0 +1,20 @@
+import * as React from '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.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M3 1a1 1 0 0 0-1 1v16h2V3h13V1z"
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M10 9h8v2h-8z"
+  })), _path3 || (_path3 = /*#__PURE__*/React.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"
+  })));
+};
+
+export { SvgDocs as default };

package/build/esm/assets/icons/tractor.svg.js

@@ -0,0 +1,16 @@
+import * as React from '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.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.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"
+  })));
+};
+
+export { SvgTractor as default };

package/build/esm/components/Accordion/Accordion.js

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

package/build/esm/components/Button/Button.js

@@ -151,6 +151,8 @@ import '../../assets/icons/house-wap.svg.js';
 import '../../assets/icons/bulb.svg.js';
 import '../../assets/icons/face-neutral.svg.js';
 import '../../assets/icons/face-sad.svg.js';
+import '../../assets/icons/docs.svg.js';
+import '../../assets/icons/tractor.svg.js';
 import Icon from '../Icon/Icon.js';
 import Spinner from '../Spinner/Spinner.js';
 import { colors } from '../../utils';

package/build/esm/components/ConfigurationStickyBar/ConfigurationStickyBar.js

@@ -0,0 +1,62 @@
+"use strict";
+"use client";
+
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import styled from 'styled-components';
+import { colors } from '../../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 ${colors.gray_300};
+      border-left: 1px solid ${colors.gray_300};
+      border-right: 1px solid ${colors.gray_300};
+      background-color: ${colors.white};
+    }
+  }
+`;
+const ConfigurationStickyBar = ({
+  referenceContent,
+  children,
+  threshold = 0.6,
+  ...rest
+}) => {
+  const [isVisible, setIsVisible] = useState(false);
+  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__ */ jsx(ConfigurationStickyBarStyled, { $visible: isVisible, ...rest, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { children }) }) });
+};
+
+export { ConfigurationStickyBar as default };

package/build/esm/components/ConfigurationStickyBar/index.js

@@ -0,0 +1,8 @@
+"use strict";
+"use client";
+
+import ConfigurationStickyBar from './ConfigurationStickyBar.js';
+
+
+
+export { ConfigurationStickyBar as default };

package/build/esm/components/Content/Content.js

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

package/build/esm/components/Flex/Flex.js

@@ -2,7 +2,7 @@
 "use client";
 
 import { jsx } from 'react/jsx-runtime';
-import 'react';
+import React__default from 'react';
 import styled, { css } from 'styled-components';
 import { colors } from '../../utils';
 
@@ -65,60 +65,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__ */ 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__default.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__ */ 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";
 
 export { Flex as default };

package/build/esm/components/Icon/IconsList.js

@@ -148,6 +148,8 @@ import HouseWapIcon from '../../assets/icons/house-wap.svg.js';
 import BulbIcon from '../../assets/icons/bulb.svg.js';
 import FaceNeutralIcon from '../../assets/icons/face-neutral.svg.js';
 import FaceSadIcon from '../../assets/icons/face-sad.svg.js';
+import DocsIcon from '../../assets/icons/docs.svg.js';
+import TractorIcon from '../../assets/icons/tractor.svg.js';
 
 const IconsList = {
   asterix: AsterixIcon,
@@ -296,7 +298,9 @@ const IconsList = {
   "house-wap": HouseWapIcon,
   bulb: BulbIcon,
   "face-neutral": FaceNeutralIcon,
-  "face-sad": FaceSadIcon
+  "face-sad": FaceSadIcon,
+  docs: DocsIcon,
+  tractor: TractorIcon
 };
 
 export { IconsList as default };

package/build/esm/components/IconButton/IconButton.js

@@ -150,6 +150,8 @@ import '../../assets/icons/house-wap.svg.js';
 import '../../assets/icons/bulb.svg.js';
 import '../../assets/icons/face-neutral.svg.js';
 import '../../assets/icons/face-sad.svg.js';
+import '../../assets/icons/docs.svg.js';
+import '../../assets/icons/tractor.svg.js';
 import styled, { css } from 'styled-components';
 import Icon from '../Icon/Icon.js';
 import Spinner from '../Spinner/Spinner.js';

package/build/esm/components/PageMessage/PageMessage.js

@@ -150,6 +150,8 @@ import '../../assets/icons/house-wap.svg.js';
 import '../../assets/icons/bulb.svg.js';
 import '../../assets/icons/face-neutral.svg.js';
 import '../../assets/icons/face-sad.svg.js';
+import '../../assets/icons/docs.svg.js';
+import '../../assets/icons/tractor.svg.js';
 import styled from 'styled-components';
 import Icon from '../Icon/Icon.js';
 import { colors } from '../../utils';