@elvia/elvis-carousel - npm Package Compare versions

Comparing version 2.2.2 to 2.3.0

CHANGELOG.json

@@ -5,2 +5,16 @@ {
     {
+      "date": "09.03.23",
+      "version": "2.3.0",
+      "changelog": [
+        {
+          "type": "new_feature",
+          "changes": ["Added support for dark theme."]
+        },
+        {
+          "type": "patch",
+          "changes": ["Updated internal dependencies."]
+        }
+      ]
+    },
+    {
       "date": "23.12.22",
@@ -198,8 +212,8 @@ "version": "2.2.2",
           "fixes": [
-            "Rename prop: <span class=\"code-text\">elements</span> => <span class=\"code-text\">items</span>",
-            "New carousel-item structure in React: <span class=\"code-text\">{title: \"\", element: \"\"}</span> => <span class=\"code-text\">{heading: \"\", item: \"\"}</span>",
+            "Rename prop: <span class=\"code-text\">elements</span> to <span class=\"code-text\">items</span>",
+            "New carousel-item structure in React: <span class=\"code-text\">{title: \"\", element: \"\"}</span> to <span class=\"code-text\">{heading: \"\", item: \"\"}</span>",
             "New carousel-item slot-names in Web Component: Name the slots \"item-1\", \"heading-1\", \"item-2\", \"heading-2\" and so on.",
-            "Rename prop: <span class=\"code-text\">hideArrows</span> => <span class=\"code-text\">loop</span>. Make sure to invert the boolean.",
-            "Rename prop: <span class=\"code-text\">useOnboardingCheckmark</span> => <span class=\"code-text\">hasConfirmationCheckmark</span>",
-            "Rename prop: <span class=\"code-text\">onHide</span> => <span class=\"code-text\">onFinish</span>"
+            "Rename prop: <span class=\"code-text\">hideArrows</span> to <span class=\"code-text\">loop</span>. Make sure to invert the boolean.",
+            "Rename prop: <span class=\"code-text\">useOnboardingCheckmark</span> to <span class=\"code-text\">hasConfirmationCheckmark</span>",
+            "Rename prop: <span class=\"code-text\">onHide</span> to <span class=\"code-text\">onFinish</span>"
           ]
@@ -206,0 +220,0 @@ }

dist/react/js/elvia-carousel.d.ts

@@ -15,3 +15,3 @@ import { FC, CSSProperties } from 'react';
 }
-export declare type SlideDirection = 'left' | 'right';
+export type SlideDirection = 'left' | 'right';
 export interface CarouselProps {
@@ -18,0 +18,0 @@ items: CarouselItem[] | number;

dist/react/js/elvia-carousel.js

@@ -13,3 +13,3 @@ /*
 // This is to prevent the carousel from animating on page load.
-if(!(c&&a===z)){E(!1);var d="left"===b?"right":"left";Q(d),M(!1),setTimeout(function(){c?ia(a):"left"===b?ia((a-1+v)%v):ia((a+1)%v),Q(b),M(!0)},k?480:0)}},ka=function(){n?n.triggerEvent("onFinish"):e&&e()};/** Handles mobile events */return/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselContainer,_extends({className:null!==l&&void 0!==l?l:"",style:m,"data-testid":"carousel-container",id:_},o),/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselElements,null,"object"===_typeof(r)&&/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselElementContainer,{slideDirection:P,enterAnimation:k&&L,exitAnimation:k&&!L},"string"==typeof r[z].heading&&/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselHeading,{"data-testid":"carousel-item-heading"},r[z].heading),"object"===_typeof(r[z].heading)&&/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselHeading,null,r[z].heading),/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselElement,{ref:aa,onMouseDown:function onMouseDown(a){return ga(a)},onMouseUp:function onMouseUp(){return E(!1)},onMouseLeave:function onMouseLeave(){return E(!1)},onMouseMove:function onMouseMove(a){return ha(a)},onTouchStart:function onTouchStart(a){return ga(a)},onTouchMove:function onTouchMove(a){return ha(a)},onTouchEnd:function onTouchEnd(){return E(!1)},"data-testid":"carousel-item"},r[z].item))),/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselNavigationRow,{ref:ca},/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselLeftButton,{"aria-controls":_,"aria-hidden":da,"aria-label":"G\xE5 til forrige side",hidden:da,onClick:function onClick(){return ja(z,"left")},onMouseEnter:function onMouseEnter(){return Y(!0)},onMouseLeave:function onMouseLeave(){return Y(!1)},"data-testid":"carousel-left-arrow"},/*#__PURE__*/_react.default.createElement(_elvisToolbox.IconWrapper,{icon:X?_arrowLeftCircleFilledColor.default:_arrowLeftCircleColor.default,size:"md"})),/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselListOfDots,null,Array.from(Array(v),function(a,b){return/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselDot,{"data-testid":"carousel-dot",key:b,isSelected:b===z,tabIndex:0,"aria-label":b===z?"Du er p\xE5 side ".concat(b+1):"G\xE5 til side ".concat(b+1),onClick:function onClick(){return b!==z&&ja(b,b>z?"right":"left",!0)}})})),ea&&f?/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselCheckButton,{"aria-label":"Fullf\xF8r og lukk.",onClick:function onClick(){return ka()},onMouseEnter:function onMouseEnter(){return U(!0)},onMouseLeave:function onMouseLeave(){return U(!1)},"data-testid":"carousel-onboarding-checkmark"},/*#__PURE__*/_react.default.createElement(_elvisToolbox.IconWrapper,{icon:T?_checkCircleFilledColor.default:_checkCircleColor.default,size:"md"})):/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselRightButton,{"aria-controls":_,"aria-hidden":ea,"aria-label":"G\xE5 til neste side",hidden:ea,onClick:function onClick(){return ja(z,"right")},onMouseEnter:function onMouseEnter(){return U(!0)},onMouseLeave:function onMouseLeave(){return U(!1)},"data-testid":"carousel-right-arrow"},/*#__PURE__*/_react.default.createElement(_elvisToolbox.IconWrapper,{icon:T?_arrowRightCircleFilledColor.default:_arrowRightCircleColor.default,size:"md"}))))};exports.Carousel=Carousel;var _default=Carousel;exports.default=_default;
+if(!(c&&a===z)){E(!1);var d="left"===b?"right":"left";Q(d),M(!1),setTimeout(function(){c?ia(a):"left"===b?ia((a-1+v)%v):ia((a+1)%v),Q(b),M(!0)},k?480:0)}},ka=function(){n?n.triggerEvent("onFinish"):e&&e()};/** Handles mobile events */return/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselContainer,_extends({className:null!==l&&void 0!==l?l:"",style:m,"aria-roledescription":"carousel","aria-live":"polite",role:"group",id:_},o),/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselElements,null,"object"===_typeof(r)&&/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselElementContainer,{slideDirection:P,enterAnimation:k&&L,exitAnimation:k&&!L},"string"==typeof r[z].heading&&/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselHeading,{"data-testid":"carousel-item-heading"},r[z].heading),"object"===_typeof(r[z].heading)&&/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselHeading,null,r[z].heading),/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselElement,{ref:aa,onMouseDown:function onMouseDown(a){return ga(a)},onMouseUp:function onMouseUp(){return E(!1)},onMouseLeave:function onMouseLeave(){return E(!1)},onMouseMove:function onMouseMove(a){return ha(a)},onTouchStart:function onTouchStart(a){return ga(a)},onTouchMove:function onTouchMove(a){return ha(a)},onTouchEnd:function onTouchEnd(){return E(!1)},"data-testid":"carousel-item"},r[z].item))),/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselNavigationRow,{ref:ca},/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselLeftButton,{"aria-controls":_,"aria-hidden":da,"aria-label":"G\xE5 til forrige side",hidden:da,onClick:function onClick(){return ja(z,"left")},onMouseEnter:function onMouseEnter(){return Y(!0)},onMouseLeave:function onMouseLeave(){return Y(!1)},"data-testid":"carousel-left-arrow"},/*#__PURE__*/_react.default.createElement(_elvisToolbox.IconWrapper,{icon:X?_arrowLeftCircleFilledColor.default:_arrowLeftCircleColor.default,size:"md"})),/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselListOfDots,null,Array.from(Array(v),function(a,b){return/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselDot,{"data-testid":"carousel-dot",key:b,isSelected:b===z,tabIndex:0,"aria-label":b===z?"Du er p\xE5 side ".concat(b+1):"G\xE5 til side ".concat(b+1),onClick:function onClick(){return b!==z&&ja(b,b>z?"right":"left",!0)}})})),ea&&f?/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselCheckButton,{"aria-label":"Fullf\xF8r og lukk.",onClick:function onClick(){return ka()},onMouseEnter:function onMouseEnter(){return U(!0)},onMouseLeave:function onMouseLeave(){return U(!1)},"data-testid":"carousel-onboarding-checkmark"},/*#__PURE__*/_react.default.createElement(_elvisToolbox.IconWrapper,{icon:T?_checkCircleFilledColor.default:_checkCircleColor.default,size:"md"})):/*#__PURE__*/_react.default.createElement(_StyledComponents.CarouselRightButton,{"aria-controls":_,"aria-hidden":ea,"aria-label":"G\xE5 til neste side",hidden:ea,onClick:function onClick(){return ja(z,"right")},onMouseEnter:function onMouseEnter(){return U(!0)},onMouseLeave:function onMouseLeave(){return U(!1)},"data-testid":"carousel-right-arrow"},/*#__PURE__*/_react.default.createElement(_elvisToolbox.IconWrapper,{icon:T?_arrowRightCircleFilledColor.default:_arrowRightCircleColor.default,size:"md"}))))};exports.Carousel=Carousel;var _default=Carousel;exports.default=_default;
 //# sourceMappingURL=elvia-carousel.js.map

dist/react/js/StyledComponents.d.ts

@@ -1,6 +0,2 @@
-export declare const CarouselContainer: import("styled-components").StyledComponent<"section", any, {
-    'aria-roledescription': "carousel";
-    'aria-live': "polite";
-    role: "group";
-}, "role" | "aria-live" | "aria-roledescription">;
+export declare const CarouselContainer: import("styled-components").StyledComponent<"section", any, {}, never>;
 export declare const CarouselElements: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -7,0 +3,0 @@ interface CarouselElementContainerProps {

dist/react/js/StyledComponents.js

@@ -5,3 +5,3 @@ /*
  */
-"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselRightButton=exports.CarouselNavigationRow=exports.CarouselListOfDots=exports.CarouselLeftButton=exports.CarouselHeading=exports.CarouselElements=exports.CarouselElementContainer=exports.CarouselElement=exports.CarouselDot=exports.CarouselContainer=exports.CarouselCheckButton=void 0;var _styledComponents=_interopRequireWildcard(require("styled-components")),_elvisColors=require("@elvia/elvis-colors"),_elvisTypography=require("@elvia/elvis-typography");function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var colors={elviaCharge:(0,_elvisColors.getColor)("elvia-charge"),white:(0,_elvisColors.getColor)("elvia-on"),black:(0,_elvisColors.getColor)("elvia-off")},typography={textMd:(0,_elvisTypography.getTypographyCss)("text-md")},mobileMax="767px",exitLeft=(0,_styledComponents.keyframes)(["from{transform:translateX(0);}to{transform:translateX(-100%);}"]),exitRight=(0,_styledComponents.keyframes)(["from{transform:translateX(0);}to{transform:translateX(100%);}"]),fadeInOpacity=(0,_styledComponents.keyframes)(["from{opacity:0;}to{opacity:1;}"]),CarouselContainer=_styledComponents.default.section.attrs(function(){return{"aria-roledescription":"carousel","aria-live":"polite",role:"group"}}).withConfig({displayName:"StyledComponents__CarouselContainer",componentId:"sc-1925xqb-0"})(["display:flex;justify-content:center;flex-direction:column;"]);exports.CarouselContainer=CarouselContainer;var CarouselElements=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselElements",componentId:"sc-1925xqb-1"})(["overflow:hidden;"]);exports.CarouselElements=CarouselElements;var CarouselElementContainer=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselElementContainer",componentId:"sc-1925xqb-2"})(["margin-bottom:24px;img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;}&:active{cursor:grabbing;cursor:-webkit-grabbing;user-select:none;@media (hover:none){transform:scale(0.98);}}",""],function(a){return(0,_styledComponents.css)([""," ",""],a.exitAnimation&&(0,_styledComponents.css)(["animation:"," 500ms ease-in;"],"left"===a.slideDirection?exitLeft:exitRight),a.enterAnimation&&(0,_styledComponents.css)(["animation:"," 0.5s ease-in;"],fadeInOpacity))});exports.CarouselElementContainer=CarouselElementContainer;var CarouselElement=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselElement",componentId:"sc-1925xqb-3"})(["display:flex;align-items:center;flex-direction:column;"," padding-bottom:'10px';*{margin:0px;","}"],typography.textMd,typography.textMd);exports.CarouselElement=CarouselElement;var CarouselHeading=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselHeading",componentId:"sc-1925xqb-4"})(["margin:0 0 16px 0;h1,h2,h3,h4,h5,h6{margin:0;padding:0;}"]);exports.CarouselHeading=CarouselHeading;var CarouselNavigationRow=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselNavigationRow",componentId:"sc-1925xqb-5"})(["display:flex;align-items:center;justify-content:center;width:100%;@media (max-width:","){justify-content:space-between;}"],mobileMax);exports.CarouselNavigationRow=CarouselNavigationRow;var CarouselListOfDots=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselListOfDots",componentId:"sc-1925xqb-6"})(["display:flex;flex-direction:row;align-items:center;padding:0px 24px;"]);exports.CarouselListOfDots=CarouselListOfDots;var CarouselDot=_styledComponents.default.button.withConfig({displayName:"StyledComponents__CarouselDot",componentId:"sc-1925xqb-7"})(["border:1px solid ",";height:",";width:",";@media (max-width:767px){border:1px solid ",";height:",";width:",";}border-radius:50%;background-color:",";margin:",";cursor:pointer;padding:0;&:hover{background-color:",";}"],function(a){return a.isSelected?colors.elviaCharge:colors.black},function(a){return a.isSelected?"9px":"8px"},function(a){return a.isSelected?"9px":"8px"},function(a){return a.isSelected?colors.elviaCharge:colors.black},function(a){return a.isSelected?"13px":"12px"},function(a){return a.isSelected?"13px":"12px"},function(a){return a.isSelected?colors.elviaCharge:colors.white},function(a){return a.isSelected?"7.5px":"8px"},colors.elviaCharge);exports.CarouselDot=CarouselDot;var CarouselLeftButton=_styledComponents.default.button.withConfig({displayName:"StyledComponents__CarouselLeftButton",componentId:"sc-1925xqb-8"})(["border:none;background:transparent;display:flex;padding:0px;visibility:",";cursor:pointer;i{background-color:",";display:inline-block;}"],function(a){return a.hidden?"hidden":"visible"},colors.white);exports.CarouselLeftButton=CarouselLeftButton;var CarouselRightButton=_styledComponents.default.button.withConfig({displayName:"StyledComponents__CarouselRightButton",componentId:"sc-1925xqb-9"})(["margin-left:0;border:none;background:transparent;display:flex;padding:0px;visibility:",";cursor:pointer;i{background-color:",";display:inline-block;}"],function(a){return a.hidden?"hidden":"visible"},colors.white);exports.CarouselRightButton=CarouselRightButton;var CarouselCheckButton=_styledComponents.default.button.withConfig({displayName:"StyledComponents__CarouselCheckButton",componentId:"sc-1925xqb-10"})(["margin-left:0;border:none;background:transparent;display:flex;padding:0px;cursor:pointer;i{background-color:",";display:inline-block;}"],colors.white);exports.CarouselCheckButton=CarouselCheckButton;
+"use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselRightButton=exports.CarouselNavigationRow=exports.CarouselListOfDots=exports.CarouselLeftButton=exports.CarouselHeading=exports.CarouselElements=exports.CarouselElementContainer=exports.CarouselElement=exports.CarouselDot=exports.CarouselContainer=exports.CarouselCheckButton=void 0;var _styledComponents=_interopRequireWildcard(require("styled-components")),_elvisColors=require("@elvia/elvis-colors"),_elvisTypography=require("@elvia/elvis-typography");function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var typography={textMd:(0,_elvisTypography.getTypographyCss)("text-md")},mobileMax="767px",exitLeft=(0,_styledComponents.keyframes)(["from{transform:translateX(0);}to{transform:translateX(-100%);}"]),exitRight=(0,_styledComponents.keyframes)(["from{transform:translateX(0);}to{transform:translateX(100%);}"]),fadeInOpacity=(0,_styledComponents.keyframes)(["from{opacity:0;}to{opacity:1;}"]),CarouselContainer=_styledComponents.default.section.withConfig({displayName:"StyledComponents__CarouselContainer",componentId:"sc-1925xqb-0"})(["display:flex;justify-content:center;flex-direction:column;"]);exports.CarouselContainer=CarouselContainer;var CarouselElements=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselElements",componentId:"sc-1925xqb-1"})(["overflow:hidden;"]);exports.CarouselElements=CarouselElements;var CarouselElementContainer=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselElementContainer",componentId:"sc-1925xqb-2"})(["margin-bottom:24px;img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;}&:active{cursor:grabbing;cursor:-webkit-grabbing;user-select:none;@media (hover:none){transform:scale(0.98);}}",""],function(a){return(0,_styledComponents.css)([""," ",""],a.exitAnimation&&(0,_styledComponents.css)(["animation:"," 500ms ease-in;"],"left"===a.slideDirection?exitLeft:exitRight),a.enterAnimation&&(0,_styledComponents.css)(["animation:"," 0.5s ease-in;"],fadeInOpacity))});exports.CarouselElementContainer=CarouselElementContainer;var CarouselElement=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselElement",componentId:"sc-1925xqb-3"})(["display:flex;align-items:center;flex-direction:column;"," padding-bottom:'10px';*{margin:0;","}"],typography.textMd,typography.textMd);exports.CarouselElement=CarouselElement;var CarouselHeading=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselHeading",componentId:"sc-1925xqb-4"})(["margin:0 0 16px 0;h1,h2,h3,h4,h5,h6{margin:0;padding:0;}"]);exports.CarouselHeading=CarouselHeading;var CarouselNavigationRow=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselNavigationRow",componentId:"sc-1925xqb-5"})(["display:flex;align-items:center;justify-content:center;width:100%;@media (max-width:","){justify-content:space-between;}"],mobileMax);exports.CarouselNavigationRow=CarouselNavigationRow;var CarouselListOfDots=_styledComponents.default.div.withConfig({displayName:"StyledComponents__CarouselListOfDots",componentId:"sc-1925xqb-6"})(["display:flex;flex-direction:row;align-items:center;padding:0 24px;"]);exports.CarouselListOfDots=CarouselListOfDots;var CarouselDot=_styledComponents.default.button.withConfig({displayName:"StyledComponents__CarouselDot",componentId:"sc-1925xqb-7"})(["border:1px solid ",";height:",";width:",";@media (max-width:767px){height:",";width:",";}border-radius:50%;background-color:",";margin:",";cursor:pointer;padding:0;&:hover{background-color:",";}"],function(a){var b=a.isSelected;return(0,_elvisColors.getThemeColor)(b?"state-on":"text-primary")},function(a){var b=a.isSelected;return b?"9px":"8px"},function(a){var b=a.isSelected;return b?"9px":"8px"},function(a){var b=a.isSelected;return b?"13px":"12px"},function(a){var b=a.isSelected;return b?"13px":"12px"},function(a){var b=a.isSelected;return(0,_elvisColors.getThemeColor)(b?"state-on":"background-primary")},function(a){var b=a.isSelected;return b?"7.5px":"8px"},(0,_elvisColors.getThemeColor)("state-hover-green"));exports.CarouselDot=CarouselDot;var CarouselButtonBase=_styledComponents.default.button.withConfig({displayName:"StyledComponents__CarouselButtonBase",componentId:"sc-1925xqb-8"})(["border:none;background:transparent;display:flex;padding:0;cursor:pointer;visibility:",";i{display:inline-block;}"],function(a){var b=a.hidden;return b?"hidden":"visible"}),CarouselLeftButton=(0,_styledComponents.default)(CarouselButtonBase).withConfig({displayName:"StyledComponents__CarouselLeftButton",componentId:"sc-1925xqb-9"})([""]);exports.CarouselLeftButton=CarouselLeftButton;var CarouselRightButton=(0,_styledComponents.default)(CarouselButtonBase).withConfig({displayName:"StyledComponents__CarouselRightButton",componentId:"sc-1925xqb-10"})(["margin-left:0;"]);exports.CarouselRightButton=CarouselRightButton;var CarouselCheckButton=(0,_styledComponents.default)(CarouselButtonBase).withConfig({displayName:"StyledComponents__CarouselCheckButton",componentId:"sc-1925xqb-11"})(["margin-left:0;"]);exports.CarouselCheckButton=CarouselCheckButton;
 //# sourceMappingURL=StyledComponents.js.map

package.json

 {
   "name": "@elvia/elvis-carousel",
-  "version": "2.2.2",
+  "version": "2.3.0",
   "description": "",
   "license": "MIT",
+  "homepage": "https://design.elvia.io/components/carousel",
   "author": "",
@@ -17,7 +18,7 @@ "main": "web_component.js",
   "dependencies": {
-    "@elvia/elvis-assets-icons": "^2.6.1",
-    "@elvia/elvis-colors": "^1.4.2",
+    "@elvia/elvis-assets-icons": "^2.11.0",
+    "@elvia/elvis-colors": "^1.7.0",
     "@elvia/elvis-component-wrapper": "^4.0.0",
-    "@elvia/elvis-toolbox": "^7.4.0",
-    "@elvia/elvis-typography": "^2.3.1",
+    "@elvia/elvis-toolbox": "^7.8.0",
+    "@elvia/elvis-typography": "^2.3.2",
     "styled-components": "^5.3.3"
@@ -29,3 +30,14 @@ },
     "react-is": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "react-is": {
+      "optional": true
+    }
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Lines of code

800

increased by1.14%

Number of low quality alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

69008

decreased by-1.31%

Dependency changes

• + Addedcaniuse-lite@1.0.30001660(transitive)

• - Removedcaniuse-lite@1.0.30001662(transitive)

• Updated@elvia/elvis-assets-icons@^2.11.0

• Updated@elvia/elvis-colors@^1.7.0

• Updated@elvia/elvis-toolbox@^7.8.0

• Updated@elvia/elvis-typography@^2.3.2