@conveyorhq/arrow-ds 1.31.0 → 1.32.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {
@@ -25,7 +25,6 @@
     "@popperjs/core": "^2.4.2",
     "@reach/auto-id": "^0.6.1",
     "@reach/portal": "^0.6.1",
-    "@react-spring/web": "^9.4.2",
     "@rehooks/component-size": "^1.0.3",
     "@types/date-fns": "^2.6.0",
     "classnames": "^2.2.6",
@@ -56,7 +55,7 @@
     "build:css": "yarn run postcss -c postcss.config.js -o public/css/styles.css src/css/styles.css",
     "build:copy-files": "yarn run build:copy-svg && yarn run build:copy-style-dictionary",
     "build:copy-svg": "copyfiles -u 1 src/**/*.svg public/",
-    "build:copy-style-dictionary": "copyfiles style-dictionary/dist/* style-dictionary/tailwind.config.js public/",
+    "build:copy-style-dictionary": "copyfiles src/style-dictionary/dist/* src/style-dictionary/tailwind.config.js public/",
     "minify:css": "csso public/css/styles.css --output public/css/styles.min.css --comments none --source-map file",
     "storybook": "yarn run build && start-storybook --docs -p 9002 -c .storybook -s .storybook",
     "build-storybook": "yarn run build && build-storybook --docs -c .storybook -s .storybook -o storybook-static",
@@ -104,11 +103,11 @@
     "@babel/preset-typescript": "^7.7.2",
     "@commitlint/cli": "^13.0.0",
     "@commitlint/config-conventional": "^13.0.0",
-    "@storybook/addon-actions": "^6.4.8",
-    "@storybook/addon-docs": "^6.4.8",
+    "@storybook/addon-actions": "^6.4.18",
+    "@storybook/addon-docs": "^6.4.18",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/react": "^6.4.8",
-    "@storybook/theming": "^6.4.8",
+    "@storybook/react": "^6.4.18",
+    "@storybook/theming": "^6.4.18",
     "@types/classnames": "^2.2.9",
     "@types/codemirror": "^0.0.91",
     "@types/d3-ease": "^1.0.9",
@@ -138,7 +137,7 @@
     "eslint-import-resolver-typescript": "^2.4.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-mdx": "^1.11.1",
+    "eslint-plugin-mdx": "^1.16.0",
     "eslint-plugin-prettier": "^3.3.1",
     "eslint-plugin-react": "^7.22.0",
     "eslint-plugin-react-hooks": "^4.2.0",
@@ -155,9 +154,9 @@
     "react-dom": "^16.11.0",
     "react-is": "^16.12.0",
     "regenerator-runtime": "^0.13.3",
-    "semantic-release": "^18.0.1",
+    "semantic-release": "^19.0.2",
     "style-dictionary": "^3.1.1",
-    "tailwindcss": "^3.0.7",
+    "tailwindcss": "^3.0.18",
     "ts-loader": "^6.2.1",
     "typescript": "^4.2.3",
     "webpack": "^5.0.0",

package/public/components/Accordion/Accordion.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = exports.AccordionContent = exports.AccordionButton = exports.AccordionItem = exports.AccordionGroup = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const web_1 = require("@react-spring/web");
+const renderprops_1 = require("react-spring/renderprops");
 const component_size_1 = __importDefault(require("@rehooks/component-size"));
 const auto_id_1 = require("@reach/auto-id");
 const react_merge_refs_1 = __importDefault(require("react-merge-refs"));
@@ -69,19 +69,17 @@ const AccordionContent = ({ children, maxHeight, style, className, ...rest }) =>
             setChildrenRef({ current: node });
         }
     }, []);
-    const { height: componentHeight } = component_size_1.default(childrenRef);
+    const { height } = component_size_1.default(childrenRef);
+    const heightObj = { height };
     const [enableTransition, setEnableTransition] = react_1.default.useState(!defaultIsOpen);
-    const { height } = web_1.useSpring({
-        height: isOpen ? componentHeight : 0,
-        immediate: !enableTransition,
-        onRest: () => {
+    return (react_1.default.createElement(renderprops_1.Transition, { items: isOpen, from: { height: 0 }, enter: { height }, leave: { height: 0 }, update: heightObj, onRest: () => {
             if (defaultIsOpen && isOpen) {
                 setEnableTransition(true);
             }
-        },
-    });
-    return (react_1.default.createElement(web_1.animated.div, Object.assign({ className: classnames_1.default("overflow-hidden box-content", className), style: { ...style, height }, "aria-labelledby": buttonId, id: contentId, role: "region" }, rest),
-        react_1.default.createElement(Box_1.Box, { ref: onRefChange, className: classnames_1.default(maxHeight && "overflow-y-auto"), style: maxHeight ? { maxHeight } : undefined }, children)));
+        }, immediate: !enableTransition }, (show) => show
+        ? (styles) => (react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("overflow-hidden box-content", className), style: { ...styles, ...style }, "aria-labelledby": buttonId, id: contentId, role: "region" }, rest),
+            react_1.default.createElement(Box_1.Box, { ref: onRefChange, className: classnames_1.default(maxHeight && "overflow-y-auto"), style: maxHeight ? { maxHeight } : undefined }, children)))
+        : null));
 };
 exports.AccordionContent = AccordionContent;
 const Accordion = (props) => {

package/public/components/Avatar/Avatar.js

@@ -27,7 +27,7 @@ const react_1 = __importStar(require("react"));
 const md5_1 = __importDefault(require("md5"));
 const classnames_1 = __importDefault(require("classnames"));
 const bem_1 = require("../../utilities/bem");
-const tokens_1 = require("../../../style-dictionary/dist/tokens");
+const tokens_1 = require("../../style-dictionary/dist/tokens");
 const Box_1 = require("../Box");
 const Icon_1 = require("../Icon");
 const Flex_1 = require("../Flex");

package/public/components/ConveyorLogo/ConveyorLogo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConveyorLogo = void 0;
 const react_1 = __importDefault(require("react"));
 const types_1 = require("../../types");
-const tokens_1 = require("../../../style-dictionary/dist/tokens");
+const tokens_1 = require("../../style-dictionary/dist/tokens");
 const Svg_1 = require("../Svg");
 const WIDTH = 165;
 const HEIGHT = 32;

package/public/components/Drawer/Drawer.js

@@ -24,7 +24,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drawer = exports.WithDrawer = void 0;
 const react_1 = __importStar(require("react"));
-const web_1 = require("@react-spring/web");
+const react_spring_1 = require("react-spring");
 const classnames_1 = __importDefault(require("classnames"));
 const d3_ease_1 = require("d3-ease");
 const bem_1 = require("../../utilities/bem");
@@ -46,7 +46,7 @@ const calculateTransformValue = (isOpen, drawerOnRight, drawerWidth) => {
 const WithDrawer = ({ drawerSlot, onClose, isOpen = false, fixedSlotTop, fixedSlotBottom, scrollableSlot, drawerSide = "left", noAnimation = false, drawerWidth = DEFAULT_DRAWER_WIDTH, }) => {
     const drawerOnRight = drawerSide === "right";
     const [isClosedAtRest, setIsClosedAtRest] = react_1.useState(false);
-    const { transform, paddingLeft, paddingRight } = web_1.useSpring({
+    const { transform, paddingLeft, paddingRight } = react_spring_1.useSpring({
         transform: calculateTransformValue(isOpen, drawerOnRight, drawerWidth),
         paddingLeft: isOpen && !drawerOnRight ? drawerWidth : 0,
         paddingRight: isOpen && drawerOnRight ? drawerWidth : 0,
@@ -64,7 +64,7 @@ const WithDrawer = ({ drawerSlot, onClose, isOpen = false, fixedSlotTop, fixedSl
             easing: d3_ease_1.easeCubicInOut,
         },
     });
-    const { transform: transformReverse } = web_1.useSpring({
+    const { transform: transformReverse } = react_spring_1.useSpring({
         transform: isOpen && !drawerOnRight
             ? `translateX(${drawerWidth}px)`
             : "translateX(0px)",
@@ -80,16 +80,16 @@ const WithDrawer = ({ drawerSlot, onClose, isOpen = false, fixedSlotTop, fixedSl
         react_1.default.createElement(Box_1.Box, { className: classnames_1.default(cn(), {
                 [cn({ m: "isOpen" })]: isOpen,
             }) },
-            react_1.default.createElement(web_1.animated.div, { className: classnames_1.default(cn({ e: "wrapper" }), { drawerOnRight }), style: wrapperCombinedStyle }, drawerSlot),
+            react_1.default.createElement(react_spring_1.animated.div, { className: classnames_1.default(cn({ e: "wrapper" }), { drawerOnRight }), style: wrapperCombinedStyle }, drawerSlot),
             react_1.default.createElement(Flex_1.Flex, { className: classnames_1.default(cn({ e: "onScreenContent" }), {
                     drawerOnRight,
                 }) },
-                fixedSlotTop && (react_1.default.createElement(web_1.animated.div, { style: { paddingLeft, paddingRight }, className: cn({ e: "fixedSlot" }) }, fixedSlotTop)),
-                scrollableSlot && (react_1.default.createElement(web_1.animated.div, { style: {
+                fixedSlotTop && (react_1.default.createElement(react_spring_1.animated.div, { style: { paddingLeft, paddingRight }, className: cn({ e: "fixedSlot" }) }, fixedSlotTop)),
+                scrollableSlot && (react_1.default.createElement(react_spring_1.animated.div, { style: {
                         transform: transformReverse,
                         width: scrollableSlotPaddingToInterpolate.interpolate((w) => `calc(100% - ${w}px)`),
                     }, className: cn({ e: "scrollableSlot" }) }, scrollableSlot)),
-                fixedSlotBottom && (react_1.default.createElement(web_1.animated.div, { style: { paddingLeft, paddingRight }, className: cn({ e: "fixedSlot" }) }, fixedSlotBottom))))));
+                fixedSlotBottom && (react_1.default.createElement(react_spring_1.animated.div, { style: { paddingLeft, paddingRight }, className: cn({ e: "fixedSlot" }) }, fixedSlotBottom))))));
 };
 exports.WithDrawer = WithDrawer;
 const Drawer = ({ children, headingSlot, footerSlot, className, drawerSide, ...rest }) => {

package/public/components/Icon/Icon.d.ts

@@ -107,6 +107,7 @@ export declare enum ICON_TYPE {
     THUMBS_DOWN = "thumbs-down",
     THUMBS_UP = "thumbs-up",
     TRASH = "trash",
+    UNLOCK = "unlock",
     USER = "user",
     USER_ASTRONAUT = "user-astronaut",
     USER_PLUS = "user-plus",

package/public/components/Icon/Icon.js

@@ -132,6 +132,7 @@ const faThumbsUp_2 = require("@fortawesome/free-solid-svg-icons/faThumbsUp");
 const faTicketAlt_1 = require("@fortawesome/free-solid-svg-icons/faTicketAlt");
 const faTimes_1 = require("@fortawesome/free-solid-svg-icons/faTimes");
 const faTrash_1 = require("@fortawesome/free-solid-svg-icons/faTrash");
+const faUnlock_1 = require("@fortawesome/free-solid-svg-icons/faUnlock");
 const faUser_2 = require("@fortawesome/free-solid-svg-icons/faUser");
 const faUserAstronaut_1 = require("@fortawesome/free-solid-svg-icons/faUserAstronaut");
 const faUserPlus_1 = require("@fortawesome/free-solid-svg-icons/faUserPlus");
@@ -142,7 +143,7 @@ const status_1 = require("../../contexts/status");
 const types_1 = require("../../types");
 const utilities_1 = require("../../utilities");
 const cn = utilities_1.bemHOF("Icon");
-fontawesome_svg_core_1.library.add(faArchive_1.faArchive, faArrowDown_1.faArrowDown, faArrowLeft_1.faArrowLeft, faArrowRight_1.faArrowRight, faArrowUp_1.faArrowUp, faBackward_1.faBackward, faBan_1.faBan, faBatteryHalf_1.faBatteryHalf, faBed_1.faBed, faBell_1.faBell, faBolt_1.faBolt, faCalculator_1.faCalculator, faCalendar_1.faCalendar, faCaretDown_1.faCaretDown, faCaretUp_1.faCaretUp, faChartLine_1.faChartLine, faCheck_1.faCheck, faCheckCircle_2.faCheckCircle, faCheckCircle_1.faCheckCircle, faChevronDown_1.faChevronDown, faChevronLeft_1.faChevronLeft, faChevronRight_1.faChevronRight, faChevronUp_1.faChevronUp, faCircle_2.faCircle, faCircleNotch_1.faCircleNotch, faCircle_1.faCircle, faClipboard_1.faClipboard, faClock_1.faClock, faClock_2.faClock, faCog_1.faCog, faColumns_1.faColumns, faCommentAlt_1.faCommentAlt, faCompress_1.faCompress, faCrown_1.faCrown, faEllipsisH_1.faEllipsisH, faEllipsisV_1.faEllipsisV, faEnvelope_1.faEnvelope, faExclamationCircle_1.faExclamationCircle, faExclamationTriangle_1.faExclamationTriangle, faExpand_1.faExpand, faExternalLinkAlt_1.faExternalLinkAlt, faExternalLinkSquareAlt_1.faExternalLinkSquareAlt, faEye_1.faEye, faEyeSlash_1.faEyeSlash, faFastBackward_1.faFastBackward, faFastForward_1.faFastForward, faFileAlt_1.faFileAlt, faFileAlt_2.faFileAlt, faFileImport_1.faFileImport, faFileSignature_1.faFileSignature, faFilter_1.faFilter, faFlag_1.faFlag, faFolder_1.faFolder, faForward_1.faForward, faGripLines_1.faGripLines, faGripLinesVertical_1.faGripLinesVertical, faHashtag_1.faHashtag, faInfoCircle_1.faInfoCircle, faKey_1.faKey, faKeyboard_1.faKeyboard, faLayerGroup_1.faLayerGroup, faLevelUpAlt_1.faLevelUpAlt, faListUl_1.faListUl, faLock_1.faLock, faLongArrowAltRight_1.faLongArrowAltRight, faMagic_1.faMagic, faMapSigns_1.faMapSigns, faMinus_1.faMinus, faMousePointer_1.faMousePointer, faPaperclip_1.faPaperclip, faPause_1.faPause, faPen_1.faPen, faPlay_1.faPlay, faPlus_1.faPlus, faPlusCircle_1.faPlusCircle, faPooStorm_1.faPooStorm, faQuestion_1.faQuestion, faQuestionCircle_2.faQuestionCircle, faQuestionCircle_1.faQuestionCircle, faScroll_1.faScroll, faSearch_1.faSearch, faShareAlt_1.faShareAlt, faShieldAlt_1.faShieldAlt, faSignOutAlt_1.faSignOutAlt, faSignature_1.faSignature, faSlidersH_1.faSlidersH, faSort_1.faSort, faSortDown_1.faSortDown, faSortUp_1.faSortUp, faSpinner_1.faSpinner, faSquare_1.faSquare, faStar_1.faStar, faStar_2.faStar, faSync_1.faSync, faTasks_1.faTasks, faThLarge_1.faThLarge, faThumbsDown_1.faThumbsDown, faThumbsDown_2.faThumbsDown, faThumbsUp_1.faThumbsUp, faThumbsUp_2.faThumbsUp, faTicketAlt_1.faTicketAlt, faTimes_1.faTimes, faTimesCircle_1.faTimesCircle, faTrash_1.faTrash, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, faUserPlus_1.faUserPlus, faUser_1.faUser, faUsers_1.faUsers, faUserFriends_1.faUserFriends);
+fontawesome_svg_core_1.library.add(faArchive_1.faArchive, faArrowDown_1.faArrowDown, faArrowLeft_1.faArrowLeft, faArrowRight_1.faArrowRight, faArrowUp_1.faArrowUp, faBackward_1.faBackward, faBan_1.faBan, faBatteryHalf_1.faBatteryHalf, faBed_1.faBed, faBell_1.faBell, faBolt_1.faBolt, faCalculator_1.faCalculator, faCalendar_1.faCalendar, faCaretDown_1.faCaretDown, faCaretUp_1.faCaretUp, faChartLine_1.faChartLine, faCheck_1.faCheck, faCheckCircle_2.faCheckCircle, faCheckCircle_1.faCheckCircle, faChevronDown_1.faChevronDown, faChevronLeft_1.faChevronLeft, faChevronRight_1.faChevronRight, faChevronUp_1.faChevronUp, faCircle_2.faCircle, faCircleNotch_1.faCircleNotch, faCircle_1.faCircle, faClipboard_1.faClipboard, faClock_1.faClock, faClock_2.faClock, faCog_1.faCog, faColumns_1.faColumns, faCommentAlt_1.faCommentAlt, faCompress_1.faCompress, faCrown_1.faCrown, faEllipsisH_1.faEllipsisH, faEllipsisV_1.faEllipsisV, faEnvelope_1.faEnvelope, faExclamationCircle_1.faExclamationCircle, faExclamationTriangle_1.faExclamationTriangle, faExpand_1.faExpand, faExternalLinkAlt_1.faExternalLinkAlt, faExternalLinkSquareAlt_1.faExternalLinkSquareAlt, faEye_1.faEye, faEyeSlash_1.faEyeSlash, faFastBackward_1.faFastBackward, faFastForward_1.faFastForward, faFileAlt_1.faFileAlt, faFileAlt_2.faFileAlt, faFileImport_1.faFileImport, faFileSignature_1.faFileSignature, faFilter_1.faFilter, faFlag_1.faFlag, faFolder_1.faFolder, faForward_1.faForward, faGripLines_1.faGripLines, faGripLinesVertical_1.faGripLinesVertical, faHashtag_1.faHashtag, faInfoCircle_1.faInfoCircle, faKey_1.faKey, faKeyboard_1.faKeyboard, faLayerGroup_1.faLayerGroup, faLevelUpAlt_1.faLevelUpAlt, faListUl_1.faListUl, faLock_1.faLock, faLongArrowAltRight_1.faLongArrowAltRight, faMagic_1.faMagic, faMapSigns_1.faMapSigns, faMinus_1.faMinus, faMousePointer_1.faMousePointer, faPaperclip_1.faPaperclip, faPause_1.faPause, faPen_1.faPen, faPlay_1.faPlay, faPlus_1.faPlus, faPlusCircle_1.faPlusCircle, faPooStorm_1.faPooStorm, faQuestion_1.faQuestion, faQuestionCircle_2.faQuestionCircle, faQuestionCircle_1.faQuestionCircle, faScroll_1.faScroll, faSearch_1.faSearch, faShareAlt_1.faShareAlt, faShieldAlt_1.faShieldAlt, faSignOutAlt_1.faSignOutAlt, faSignature_1.faSignature, faSlidersH_1.faSlidersH, faSort_1.faSort, faSortDown_1.faSortDown, faSortUp_1.faSortUp, faSpinner_1.faSpinner, faSquare_1.faSquare, faStar_1.faStar, faStar_2.faStar, faSync_1.faSync, faTasks_1.faTasks, faThLarge_1.faThLarge, faThumbsDown_1.faThumbsDown, faThumbsDown_2.faThumbsDown, faThumbsUp_1.faThumbsUp, faThumbsUp_2.faThumbsUp, faTicketAlt_1.faTicketAlt, faTimes_1.faTimes, faTimesCircle_1.faTimesCircle, faTrash_1.faTrash, faUnlock_1.faUnlock, faUser_2.faUser, faUserAstronaut_1.faUserAstronaut, faUserPlus_1.faUserPlus, faUser_1.faUser, faUsers_1.faUsers, faUserFriends_1.faUserFriends);
 var CUSTOM_ICON_TYPE;
 (function (CUSTOM_ICON_TYPE) {
     CUSTOM_ICON_TYPE["ARROW_TO_BOTTOM"] = "arrow-to-bottom";
@@ -260,6 +261,7 @@ var ICON_TYPE;
     ICON_TYPE["THUMBS_DOWN"] = "thumbs-down";
     ICON_TYPE["THUMBS_UP"] = "thumbs-up";
     ICON_TYPE["TRASH"] = "trash";
+    ICON_TYPE["UNLOCK"] = "unlock";
     ICON_TYPE["USER"] = "user";
     ICON_TYPE["USER_ASTRONAUT"] = "user-astronaut";
     ICON_TYPE["USER_PLUS"] = "user-plus";

package/public/components/MenuRenderer/MenuRenderer.js

@@ -27,7 +27,7 @@ const react_1 = __importStar(require("react"));
 const auto_id_1 = require("@reach/auto-id");
 const react_focus_lock_1 = __importDefault(require("react-focus-lock"));
 const react_popper_2_1 = require("react-popper-2");
-const web_1 = require("@react-spring/web");
+const react_spring_1 = require("react-spring");
 const d3_ease_1 = require("d3-ease");
 const hooks_1 = require("../../hooks");
 const types_1 = require("../../types");
@@ -128,7 +128,7 @@ const MenuRenderer = ({ children, className, placement = "bottom-start", positio
         }
     }, [children, update]);
     const PortalComponent = hasPortal ? Portal_1.Portal : react_1.Fragment;
-    const transitions = web_1.useTransition(isOpen, {
+    const transitions = react_spring_1.useTransition(isOpen, null, {
         from: TRANSITION_START,
         enter: TRANSITION_END,
         leave: TRANSITION_START,
@@ -139,14 +139,11 @@ const MenuRenderer = ({ children, className, placement = "bottom-start", positio
     });
     return (react_1.default.createElement(Box_1.Box, Object.assign({ className: className, ref: menuElement }, rest),
         react_1.default.createElement(Box_1.Box, { ref: setReferenceElement }, trigger(triggerProps, triggerState)),
-        transitions(({ opacity, transform }, item) => item && (react_1.default.createElement(PortalComponent, null,
+        transitions.map(({ item, key, props: transitionProps }) => item && (react_1.default.createElement(PortalComponent, { key: key },
             react_1.default.createElement(context_1.MenuContext.Provider, { value: context },
                 react_1.default.createElement(Box_1.Box, Object.assign({ className: hasPortal ? "z-toast" : "z-menu", ref: setPopperElement, style: { minWidth: `${minWidth}px`, ...styles.popper } }, attributes.popper),
                     react_1.default.createElement(react_focus_lock_1.default, { autoFocus: autoFocus },
-                        react_1.default.createElement(web_1.animated.div, { style: {
-                                opacity,
-                                transform,
-                            }, ref: menuListElement }, typeof children === "function"
+                        react_1.default.createElement(react_spring_1.animated.div, { key: key, style: transitionProps, ref: menuListElement }, typeof children === "function"
                             ? children(renderProps)
                             : children)))))))));
 };

package/public/components/Select/Select.js

@@ -28,7 +28,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const react_select_1 = __importStar(require("react-select"));
 const creatable_1 = __importDefault(require("react-select/creatable"));
 const async_1 = __importDefault(require("react-select/async"));
-const tokens_1 = require("../../../style-dictionary/dist/tokens");
+const tokens_1 = require("../../style-dictionary/dist/tokens");
 const types_1 = require("../../types");
 const utilities_1 = require("../../utilities");
 const Box_1 = require("../Box");

package/public/components/Select/SelectPopover.js

@@ -26,7 +26,7 @@ exports.SelectPopover = void 0;
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const react_focus_lock_1 = __importDefault(require("react-focus-lock"));
-const tokens_1 = require("../../../style-dictionary/dist/tokens");
+const tokens_1 = require("../../style-dictionary/dist/tokens");
 const hooks_1 = require("../../hooks");
 const Box_1 = require("../Box");
 const Flex_1 = require("../Flex");

package/public/components/Select/theme.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.adsTheme = void 0;
-const tokens_1 = require("../../../style-dictionary/dist/tokens");
+const tokens_1 = require("../../style-dictionary/dist/tokens");
 const toNumber_1 = require("../../utilities/toNumber");
 exports.adsTheme = {
     borderRadius: toNumber_1.toNumber(tokens_1.tokens.borderRadius.DEFAULT),

package/public/components/Tooltip/Tooltip.js

@@ -111,6 +111,6 @@ const Tooltip = (props) => {
             tabIndex: 0,
         })
         : referenceElement;
-    return (react_1.default.createElement(Popover_1.Popover, Object.assign({ showArrow: true, isVisible: isOpen, referenceElement: referenceElementWithMouseHandlers, placement: placement, className: classnames_1.default(bem_1.bem(cn), className), onMouseEnter: !isVisibleProp ? handlePopoverMouseEnter : undefined, onMouseLeave: !isVisibleProp ? handlePopoverMouseLeave : undefined, style: style }, rest), children));
+    return children ? (react_1.default.createElement(Popover_1.Popover, Object.assign({ showArrow: true, isVisible: isOpen, referenceElement: referenceElementWithMouseHandlers, placement: placement, className: classnames_1.default(bem_1.bem(cn), className), onMouseEnter: !isVisibleProp ? handlePopoverMouseEnter : undefined, onMouseLeave: !isVisibleProp ? handlePopoverMouseLeave : undefined, style: style }, rest), children)) : (referenceElement);
 };
 exports.Tooltip = Tooltip;

package/public/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare const VisuallyHidden: React.ForwardRefExoticComponent<Pick<BoxProps, "as" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css"> & React.RefAttributes<HTMLDivElement>>;
+export declare const VisuallyHidden: React.FunctionComponent<BoxProps>;

package/public/css/styles.css

@@ -38,7 +38,7 @@
 }
 
 /*
-! tailwindcss v3.0.12 | MIT License | https://tailwindcss.com
+! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com
 */
 
 /*