@sendoutcards/quantum-design-ui 1.8.26 → 1.8.28

package/dist/index.es.js

@@ -13,6 +13,7 @@ import { HexColorPicker } from 'react-colorful';
 import { EyeDropper } from 'react-eyedrop';
 import { useDropzone } from 'react-dropzone';
 import InfiniteScroll$1 from 'react-infinite-scroll-component';
+import Tilt from 'react-parallax-tilt';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -12935,7 +12936,7 @@ var Flex = function (props) {
   }), props.children);
 };
 
-var _emotionSourceMap$N = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmdTcGlubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ3NFIiwiZmlsZSI6ImxvYWRpbmdTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHsgdXNlRW50aXRpZXMgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlRW50aXRpZXNcIjtcclxuaW1wb3J0IHsgRGl2IH0gZnJvbSAnLi4vZGl2L2Rpdic7XHJcbmV4cG9ydCB2YXIgTG9hZGluZ1NwaW5uZXIgPSBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBzaXplID0gX2Euc2l6ZSwgX2IgPSBfYS5oYXNOb0NvbG9yLCBoYXNOb0NvbG9yID0gX2IgPT09IHZvaWQgMCA/IGZhbHNlIDogX2I7XHJcbiAgICB2YXIgX2MgPSB1c2VFbnRpdGllcygpLCBsb2FkaW5nU3Bpbm5lciA9IF9jLmxvYWRpbmdTcGlubmVyLCBob2NzID0gX2MuaG9jcztcclxuICAgIHZhciBjaXJjbGVWYXJpYW50cyA9IHtcclxuICAgICAgICBpc0xvYWRpbmc6IHtcclxuICAgICAgICAgICAgc3Ryb2tlRGFzaG9mZnNldDogWzE4NywgMTg3IC8gNCwgMTg3XSxcclxuICAgICAgICAgICAgcm90YXRlOiBbMCwgMTM1LCA0NTBdLFxyXG4gICAgICAgICAgICBzdHJva2U6IGhhc05vQ29sb3JcclxuICAgICAgICAgICAgICAgID8gW1xyXG4gICAgICAgICAgICAgICAgICAgIGhvY3MudGV4dENvbG9ycy5pbnZlcnNlSGVhZGluZyxcclxuICAgICAgICAgICAgICAgICAgICBob2NzLnRleHRDb2xvcnMuaW52ZXJzZUhlYWRpbmcsXHJcbiAgICAgICAgICAgICAgICAgICAgaG9jcy50ZXh0Q29sb3JzLmludmVyc2VIZWFkaW5nLFxyXG4gICAgICAgICAgICAgICAgICAgIGhvY3MudGV4dENvbG9ycy5pbnZlcnNlSGVhZGluZyxcclxuICAgICAgICAgICAgICAgICAgICBob2NzLnRleHRDb2xvcnMuaW52ZXJzZUhlYWRpbmcsXHJcbiAgICAgICAgICAgICAgICBdXHJcbiAgICAgICAgICAgICAgICA6IFtcclxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nU3Bpbm5lci5jb2xvcnMucHJpbWFyeSxcclxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nU3Bpbm5lci5jb2xvcnMuc2Vjb25kYXJ5LFxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdTcGlubmVyLmNvbG9ycy5zdWNjZXNzLFxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdTcGlubmVyLmNvbG9ycy53YXJuaW5nLFxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdTcGlubmVyLmNvbG9ycy5kYW5nZXIsXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiB7XHJcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMS40LFxyXG4gICAgICAgICAgICAgICAgcmVwZWF0OiBJbmZpbml0eSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICB9LFxyXG4gICAgfTtcclxuICAgIHZhciByb3RhdGVWYXJpYW50cyA9IHtcclxuICAgICAgICBpc0xvYWRpbmc6IHtcclxuICAgICAgICAgICAgcm90YXRlOiBbMCwgMjcwXSxcclxuICAgICAgICAgICAgdHJhbnNpdGlvbjoge1xyXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDEuNCxcclxuICAgICAgICAgICAgICAgIHJlcGVhdDogSW5maW5pdHksXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSxcclxuICAgIH07XHJcbiAgICByZXR1cm4gKDxEaXYgYW5pbWF0ZT17J2lzTG9hZGluZyd9IHZhcmlhbnRzPXtyb3RhdGVWYXJpYW50c30gY3NzPXtjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgICAgZGlzcGxheTogZmxleDtcXG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgICBcIl0sIFtcIlxcbiAgICAgICAgZGlzcGxheTogZmxleDtcXG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgICBcIl0pKSl9PlxuICAgICAgPG1vdGlvbi5zdmcgd2lkdGg9e2xvYWRpbmdTcGlubmVyLnNpemVbc2l6ZV0gKyBcInB4XCJ9IGhlaWdodD17bG9hZGluZ1NwaW5uZXIuc2l6ZVtzaXplXSArIFwicHhcIn0gdmlld0JveD1cIjAgMCA2NiA2NlwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgPG1vdGlvbi5jaXJjbGUgc3Ryb2tlRGFzaGFycmF5PXsxODd9IHZhcmlhbnRzPXtjaXJjbGVWYXJpYW50c30gZmlsbD1cIm5vbmVcIiBzdHJva2VXaWR0aD1cIjRcIiBzdHJva2VMaW5lY2FwPVwicm91bmRcIiBjeD1cIjMzXCIgY3k9XCIzM1wiIHI9XCIzMFwiLz5cbiAgICAgIDwvbW90aW9uLnN2Zz5cbiAgICA8L0Rpdj4pO1xyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9bG9hZGluZ1NwaW5uZXIuanN4Lm1hcCJdfQ== */";
+var _emotionSourceMap$N = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmdTcGlubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ3NFIiwiZmlsZSI6ImxvYWRpbmdTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHsgdXNlRW50aXRpZXMgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlRW50aXRpZXNcIjtcclxuaW1wb3J0IHsgRGl2IH0gZnJvbSAnLi4vZGl2L2Rpdic7XHJcbmV4cG9ydCB2YXIgTG9hZGluZ1NwaW5uZXIgPSBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBzaXplID0gX2Euc2l6ZSwgX2IgPSBfYS5oYXNOb0NvbG9yLCBoYXNOb0NvbG9yID0gX2IgPT09IHZvaWQgMCA/IGZhbHNlIDogX2I7XHJcbiAgICB2YXIgX2MgPSB1c2VFbnRpdGllcygpLCBsb2FkaW5nU3Bpbm5lciA9IF9jLmxvYWRpbmdTcGlubmVyLCBob2NzID0gX2MuaG9jcztcclxuICAgIHZhciBjaXJjbGVWYXJpYW50cyA9IHtcclxuICAgICAgICBpc0xvYWRpbmc6IHtcclxuICAgICAgICAgICAgc3Ryb2tlRGFzaG9mZnNldDogWzE4NywgMTg3IC8gNCwgMTg3XSxcclxuICAgICAgICAgICAgcm90YXRlOiBbMCwgMTM1LCA0NTBdLFxyXG4gICAgICAgICAgICBzdHJva2U6IGhhc05vQ29sb3JcclxuICAgICAgICAgICAgICAgID8gW1xyXG4gICAgICAgICAgICAgICAgICAgIGhvY3MudGV4dENvbG9ycy5pbnZlcnNlSGVhZGluZyxcclxuICAgICAgICAgICAgICAgICAgICBob2NzLnRleHRDb2xvcnMuaW52ZXJzZUhlYWRpbmcsXHJcbiAgICAgICAgICAgICAgICAgICAgaG9jcy50ZXh0Q29sb3JzLmludmVyc2VIZWFkaW5nLFxyXG4gICAgICAgICAgICAgICAgICAgIGhvY3MudGV4dENvbG9ycy5pbnZlcnNlSGVhZGluZyxcclxuICAgICAgICAgICAgICAgICAgICBob2NzLnRleHRDb2xvcnMuaW52ZXJzZUhlYWRpbmcsXHJcbiAgICAgICAgICAgICAgICBdXHJcbiAgICAgICAgICAgICAgICA6IFtcclxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nU3Bpbm5lci5jb2xvcnMucHJpbWFyeSxcclxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nU3Bpbm5lci5jb2xvcnMuc2Vjb25kYXJ5LFxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdTcGlubmVyLmNvbG9ycy5zdWNjZXNzLFxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdTcGlubmVyLmNvbG9ycy53YXJuaW5nLFxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdTcGlubmVyLmNvbG9ycy5kYW5nZXIsXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiB7XHJcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMS40LFxyXG4gICAgICAgICAgICAgICAgcmVwZWF0OiBJbmZpbml0eSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICB9LFxyXG4gICAgfTtcclxuICAgIHZhciByb3RhdGVWYXJpYW50cyA9IHtcclxuICAgICAgICBpc0xvYWRpbmc6IHtcclxuICAgICAgICAgICAgcm90YXRlOiBbMCwgMjcwXSxcclxuICAgICAgICAgICAgdHJhbnNpdGlvbjoge1xyXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDEuNCxcclxuICAgICAgICAgICAgICAgIHJlcGVhdDogSW5maW5pdHksXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSxcclxuICAgIH07XHJcbiAgICByZXR1cm4gKDxEaXYgYW5pbWF0ZT17J2lzTG9hZGluZyd9IHZhcmlhbnRzPXtyb3RhdGVWYXJpYW50c30gY3NzPXtjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgICAgZGlzcGxheTogZmxleDtcXG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgICBcIl0sIFtcIlxcbiAgICAgICAgZGlzcGxheTogZmxleDtcXG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcXG4gICAgICBcIl0pKSl9PlxuICAgICAgPG1vdGlvbi5zdmcgd2lkdGg9e2xvYWRpbmdTcGlubmVyLnNpemVbc2l6ZV0gKyBcInB4XCJ9IGhlaWdodD17bG9hZGluZ1NwaW5uZXIuc2l6ZVtzaXplXSArIFwicHhcIn0gdmlld0JveD1cIjAgMCA2NiA2NlwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgPG1vdGlvbi5jaXJjbGUgc3Ryb2tlRGFzaGFycmF5PXsxODd9IHZhcmlhbnRzPXtjaXJjbGVWYXJpYW50c30gZmlsbD1cIm5vbmVcIiBzdHJva2VXaWR0aD1cIjRcIiBzdHJva2VMaW5lY2FwPVwicm91bmRcIiBjeD1cIjMzXCIgY3k9XCIzM1wiIHI9XCIzMFwiIFxyXG4gICAgLy8gV29ya2Fyb3VuZCBmb3IgZnJhbWVyLW1vdGlvbiBjYWxjdWxhdGluZyB3cm9uZyB0cmFuc2Zvcm0tb3JpZ2luIG9uIGZpcnN0IG1vdW50LFxyXG4gICAgLy8gaW4gY2VydGFpbiBjb25kaXRpb25zLlxyXG4gICAgc3R5bGU9e3sgb3JpZ2luWDogJzMzcHgnLCBvcmlnaW5ZOiAnMzNweCcgfX0vPlxuICAgICAgPC9tb3Rpb24uc3ZnPlxuICAgIDwvRGl2Pik7XHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1sb2FkaW5nU3Bpbm5lci5qc3gubWFwIl19 */";
 var LoadingSpinner = function (_a) {
   var size = _a.size,
     _b = _a.hasNoColor,
@@ -12981,6 +12982,13 @@ var LoadingSpinner = function (_a) {
     cx: "33",
     cy: "33",
     r: "30"
+    // Workaround for framer-motion calculating wrong transform-origin on first mount,
+    // in certain conditions.
+    ,
+    style: {
+      originX: '33px',
+      originY: '33px'
+    }
   })));
 };
 var templateObject_1$N;
@@ -23039,6 +23047,58 @@ var ImageGrid = function (_a) {
   }))))));
 };
 
+var scaleFactors = {
+  small: 0.5,
+  medium: 0.8,
+  large: 1
+};
+var AnimatedTiltCard = function (_a) {
+  var selectableOptions = _a.selectableOptions,
+    _b = _a.dimensionScale,
+    dimensionScale = _b === void 0 ? 'medium' : _b;
+  var _c = useState(null),
+    imageDimensions = _c[0],
+    setImageDimensions = _c[1];
+  useEffect(function () {
+    var img = new Image();
+    img.src = selectableOptions.thumbnail;
+    img.onload = function () {
+      setImageDimensions({
+        width: img.width,
+        height: img.height
+      });
+    };
+  }, [selectableOptions.thumbnail]);
+  var glareColor = selectableOptions.glare === 'standard' ? '#ffffff00' : selectableOptions.glare === 'pearl' ? '#EAE0C8' : selectableOptions.glare === 'satin' ? '#E5E6DE' : undefined;
+  var cardWidth = imageDimensions ? imageDimensions.width * scaleFactors[dimensionScale] : 300;
+  var cardHeight = imageDimensions ? imageDimensions.height * scaleFactors[dimensionScale] : 450;
+  return jsx(Flex, {
+    justifyContent: "center",
+    alignItems: "center",
+    width: "100%",
+    height: "100%",
+    position: "relative",
+    flexDirection: "column",
+    inset: "x2"
+  }, jsx(Tilt, {
+    reset: false,
+    tiltReverse: true,
+    glareEnable: true,
+    glareColor: glareColor,
+    glarePosition: "all",
+    glareBorderRadius: "12px",
+    transitionEasing: "cubic-bezier(.03,.98,.52,.99)",
+    gyroscope: true
+  }, jsx(Card, {
+    backgroundImage: selectableOptions.thumbnail,
+    backgroundPosition: "center",
+    backgroundRepeat: "no-repeat",
+    backgroundSize: "cover",
+    width: cardWidth + "px",
+    height: cardHeight + "px"
+  })));
+};
+
 var QuantitySlider = function (_a) {
   var quantity = _a.quantity,
     min = _a.min,
@@ -24925,4 +24985,4 @@ var useColorSwatch = function () {
   };
 };
 
-export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, Anchor, AnimatedCheckMark, AnimatedGrid, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, BulkSend, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, CardQuantitySlider, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ColorThumbnail, ComparisonIncludesList, ComparisonItem, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, DisplayCard, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureAnnouncement, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image$1 as Image, ImageGrid, ImageThumbnail, ImageUploadWidget, ImageUploader, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PaperTypeModal, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, ReleaseNote, ReleaseNoteDialog, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, SettingInput, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, SubscriptionUpsaleDialog, Tab, Table, TableRow, Tabs, Text, TitledList, Todo, Toggle, Tooltip, Transition, UploadButton, UpsaleDialog, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Zoom, entities$6 as bellaCadaeuxTheme, entities$5 as blue42Theme, getSize, entities$7 as greenerStillTheme, entities$4 as promptingUTheme, entities as promptingsTheme, entities$1 as sendOutCardsTheme, entities$8 as sendogoTheme, entities$3 as streamMarketingTheme, entities$2 as streamVATheme, useColorSwatch };
+export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, Anchor, AnimatedCheckMark, AnimatedGrid, AnimatedTiltCard, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, BulkSend, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, CardQuantitySlider, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ColorThumbnail, ComparisonIncludesList, ComparisonItem, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, DisplayCard, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureAnnouncement, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image$1 as Image, ImageGrid, ImageThumbnail, ImageUploadWidget, ImageUploader, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PaperTypeModal, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, ReleaseNote, ReleaseNoteDialog, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, SettingInput, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, SubscriptionUpsaleDialog, Tab, Table, TableRow, Tabs, Text, TitledList, Todo, Toggle, Tooltip, Transition, UploadButton, UpsaleDialog, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Zoom, entities$6 as bellaCadaeuxTheme, entities$5 as blue42Theme, getSize, entities$7 as greenerStillTheme, entities$4 as promptingUTheme, entities as promptingsTheme, entities$1 as sendOutCardsTheme, entities$8 as sendogoTheme, entities$3 as streamMarketingTheme, entities$2 as streamVATheme, useColorSwatch };

package/dist/src/atoms/companion/companion.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { HOCBaseProps } from "../../helpers/hoc-types/hocBasePropTypes";
+import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
+export declare type DivProps = {
+    children?: React.ReactNode;
+    outsideClick?: () => void;
+    clickElementBypass?: string;
+} & HOCBaseProps & HOCMotionProps;
+export declare const Companion: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    outsideClick?: (() => void) | undefined;
+    clickElementBypass?: string | undefined;
+} & HOCBaseProps & {
+    className?: string | undefined;
+    motionKey?: string | number | undefined;
+    id?: string | undefined;
+} & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/exports/organisms.d.ts

@@ -44,3 +44,4 @@ export * from "../organisms/imageUploadWidget/imageUploadWidget";
 export * from "../organisms/configurationCard/configurationCard";
 export * from "../organisms/comparisonIncludesList/comparisonIncludesList";
 export * from "../organisms/imageGrid/imageGrid";
+export * from "../organisms/animatedTiltCard/animatedTiltCard";

package/dist/src/organisms/animatedTiltCard/animatedTiltCard.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+declare type GlareType = 'standard' | 'satin' | 'pearl';
+export declare type DimensionScale = 'small' | 'medium' | 'large';
+export declare type SelectableOptions = {
+    title: string;
+    thumbnail: string;
+    glare: GlareType;
+};
+export declare type AnimatedTiltCardProps = {
+    containerHeight?: string;
+    containerWidth?: string;
+    childHeight?: string;
+    childWidth?: string;
+    selectableOptions: SelectableOptions;
+    dimensionScale?: DimensionScale;
+};
+export declare const AnimatedTiltCard: FC<AnimatedTiltCardProps>;
+export {};

package/dist/src/organisms/animatedTiltCard/styles.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    animatedTiltCardContainer: import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/stories/organisms/AnimatedTiltCard.stories.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Interactive: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.8.26",
+  "version": "1.8.28",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",
@@ -63,6 +63,7 @@
     "react-eyedrop": "^5.1.3",
     "react-infinite-scroll-component": "^6.1.0",
     "react-infinite-scroller": "^1.2.4",
+    "react-parallax-tilt": "^1.7.228",
     "react-use-dimensions": "^1.2.1",
     "ttypescript": "^1.5.12",
     "use-callback-ref": "^1.2.4",