@openedx/paragon 22.0.0-alpha.24 → 22.0.0

package/dist/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","BaseCard","PropTypes","classNames","CardContext","CardContextProvider","CardHeader","CardDivider","CardSection","CardFooter","CardImageCap","CardBody","CardStatus","withDeprecatedProps","DeprTypes","CARD_VARIANTS","Card","forwardRef","_ref","ref","orientation","isLoading","className","isClickable","muted","variant","props","_objectWithoutProperties","_excluded","resolvedVariant","createElement","_extends","horizontal","clickable","tabIndex","default","CardColumns","CardDeck","CardCarousel","CardImg","CardGroup","CardGrid","propTypes","string","oneOf","bool","defaultProps","_objectSpread","undefined","CardWithDeprecatedProp","deprType","REMOVED","message","Status","Header","Divider","Section","Footer","ImageCap","Context","Body"],"sources":["../../src/Card/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseCard from 'react-bootstrap/Card';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport CardContext, { CardContextProvider } from './CardContext';\nimport CardHeader from './CardHeader';\nimport CardDivider from './CardDivider';\nimport CardSection from './CardSection';\nimport CardFooter from './CardFooter';\nimport CardImageCap from './CardImageCap';\nimport CardBody from './CardBody';\nimport CardStatus from './CardStatus';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const CARD_VARIANTS = ['light', 'dark', 'muted'];\n\nconst Card = React.forwardRef(({\n  orientation,\n  isLoading,\n  className,\n  isClickable,\n  muted,\n  variant,\n  ...props\n}, ref) => {\n  const resolvedVariant = muted ? 'muted' : variant;\n\n  return (\n    <CardContextProvider\n      orientation={orientation}\n      isLoading={isLoading}\n      variant={resolvedVariant}\n    >\n      <BaseCard\n        {...props}\n        className={classNames(className, 'pgn__card', {\n          horizontal: orientation === 'horizontal',\n          clickable: isClickable,\n          [`pgn__card-${resolvedVariant}`]: resolvedVariant,\n        })}\n        ref={ref}\n        tabIndex={isClickable ? 0 : -1}\n      />\n    </CardContextProvider>\n  );\n});\n\nexport { default as CardColumns } from 'react-bootstrap/CardColumns';\nexport { default as CardDeck } from './CardDeck';\nexport { default as CardCarousel } from './CardCarousel/CardCarousel';\nexport { default as CardImg } from 'react-bootstrap/CardImg';\nexport { default as CardGroup } from 'react-bootstrap/CardGroup';\nexport { default as CardGrid } from './CardGrid';\n\nCard.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies which orientation to use. */\n  orientation: PropTypes.oneOf(['vertical', 'horizontal']),\n  /** Specifies whether the `Card` is clickable, if `true` appropriate `hover` and `focus` styling will be added. */\n  isClickable: PropTypes.bool,\n  /** Specifies loading state. */\n  isLoading: PropTypes.bool,\n  /** Specifies `Card` style variant. */\n  variant: PropTypes.oneOf(CARD_VARIANTS),\n  /** **Deprecated**. Specifies whether `Card` uses `muted` variant. Use `variant=\"muted\"` instead. */\n  muted: PropTypes.bool,\n};\n\nCard.defaultProps = {\n  ...BaseCard.defaultProps,\n  className: undefined,\n  orientation: 'vertical',\n  isClickable: false,\n  variant: 'light',\n  isLoading: false,\n};\n\nconst CardWithDeprecatedProp = withDeprecatedProps(Card, 'Card', {\n  muted: {\n    deprType: DeprTypes.REMOVED,\n    message: 'Use \"variant\" prop instead, i.e. variant=\"muted\"',\n  },\n});\n\nCardWithDeprecatedProp.Status = CardStatus;\nCardWithDeprecatedProp.Header = CardHeader;\nCardWithDeprecatedProp.Divider = CardDivider;\nCardWithDeprecatedProp.Section = CardSection;\nCardWithDeprecatedProp.Footer = CardFooter;\nCardWithDeprecatedProp.ImageCap = CardImageCap;\nCardWithDeprecatedProp.Context = CardContext;\nCardWithDeprecatedProp.Body = CardBody;\n\nexport default CardWithDeprecatedProp;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","BaseCard","PropTypes","classNames","CardContext","CardContextProvider","CardHeader","CardDivider","CardSection","CardFooter","CardImageCap","CardBody","CardStatus","withDeprecatedProps","DeprTypes","CARD_VARIANTS","Card","forwardRef","_ref","ref","orientation","isLoading","className","isClickable","muted","variant","props","_objectWithoutProperties","_excluded","resolvedVariant","createElement","_extends","_defineProperty","horizontal","clickable","concat","tabIndex","default","CardColumns","CardDeck","CardCarousel","CardImg","CardGroup","CardGrid","propTypes","string","oneOf","bool","defaultProps","_objectSpread","undefined","CardWithDeprecatedProp","deprType","REMOVED","message","Status","Header","Divider","Section","Footer","ImageCap","Context","Body"],"sources":["../../src/Card/index.jsx"],"sourcesContent":["import React from 'react';\nimport BaseCard from 'react-bootstrap/Card';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport CardContext, { CardContextProvider } from './CardContext';\nimport CardHeader from './CardHeader';\nimport CardDivider from './CardDivider';\nimport CardSection from './CardSection';\nimport CardFooter from './CardFooter';\nimport CardImageCap from './CardImageCap';\nimport CardBody from './CardBody';\nimport CardStatus from './CardStatus';\nimport withDeprecatedProps, { DeprTypes } from '../withDeprecatedProps';\n\nexport const CARD_VARIANTS = ['light', 'dark', 'muted'];\n\nconst Card = React.forwardRef(({\n  orientation,\n  isLoading,\n  className,\n  isClickable,\n  muted,\n  variant,\n  ...props\n}, ref) => {\n  const resolvedVariant = muted ? 'muted' : variant;\n\n  return (\n    <CardContextProvider\n      orientation={orientation}\n      isLoading={isLoading}\n      variant={resolvedVariant}\n    >\n      <BaseCard\n        {...props}\n        className={classNames(className, 'pgn__card', {\n          horizontal: orientation === 'horizontal',\n          clickable: isClickable,\n          [`pgn__card-${resolvedVariant}`]: resolvedVariant,\n        })}\n        ref={ref}\n        tabIndex={isClickable ? 0 : -1}\n      />\n    </CardContextProvider>\n  );\n});\n\nexport { default as CardColumns } from 'react-bootstrap/CardColumns';\nexport { default as CardDeck } from './CardDeck';\nexport { default as CardCarousel } from './CardCarousel/CardCarousel';\nexport { default as CardImg } from 'react-bootstrap/CardImg';\nexport { default as CardGroup } from 'react-bootstrap/CardGroup';\nexport { default as CardGrid } from './CardGrid';\n\nCard.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies which orientation to use. */\n  orientation: PropTypes.oneOf(['vertical', 'horizontal']),\n  /** Specifies whether the `Card` is clickable, if `true` appropriate `hover` and `focus` styling will be added. */\n  isClickable: PropTypes.bool,\n  /** Specifies loading state. */\n  isLoading: PropTypes.bool,\n  /** Specifies `Card` style variant. */\n  variant: PropTypes.oneOf(CARD_VARIANTS),\n  /** **Deprecated**. Specifies whether `Card` uses `muted` variant. Use `variant=\"muted\"` instead. */\n  muted: PropTypes.bool,\n};\n\nCard.defaultProps = {\n  ...BaseCard.defaultProps,\n  className: undefined,\n  orientation: 'vertical',\n  isClickable: false,\n  variant: 'light',\n  isLoading: false,\n};\n\nconst CardWithDeprecatedProp = withDeprecatedProps(Card, 'Card', {\n  muted: {\n    deprType: DeprTypes.REMOVED,\n    message: 'Use \"variant\" prop instead, i.e. variant=\"muted\"',\n  },\n});\n\nCardWithDeprecatedProp.Status = CardStatus;\nCardWithDeprecatedProp.Header = CardHeader;\nCardWithDeprecatedProp.Divider = CardDivider;\nCardWithDeprecatedProp.Section = CardSection;\nCardWithDeprecatedProp.Footer = CardFooter;\nCardWithDeprecatedProp.ImageCap = CardImageCap;\nCardWithDeprecatedProp.Context = CardContext;\nCardWithDeprecatedProp.Body = CardBody;\n\nexport default CardWithDeprecatedProp;\n"],"mappings":"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"}

package/dist/Card/index.scss

@@ -1,15 +1,16 @@
-@import "card-bootstrap";
+@import "variables";
+@import "~bootstrap/scss/card";
 
 a .pgn__card,
 a.pgn__card {
-  color: var(--pgn-color-gray-700);
+  color: $gray-700;
   display: inline-block;
   text-decoration: none;
 }
 
 .pgn__card-grid {
   .row > div[class*="col-"] {
-    margin-bottom: var(--pgn-spacing-card-margin-grid-bottom);
+    margin-bottom: $card-grid-margin-bottom;
   }
 }
 
@@ -27,7 +28,7 @@ a.pgn__card {
 
 .pgn__card-deck {
   position: relative;
-  margin-bottom: var(--pgn-spacing-card-margin-deck-bottom);
+  margin-bottom: $card-deck-margin-bottom;
 
   &.pgn__card-deck-has-horizontal-scroll {
     .pgn__card-deck-row {
@@ -38,12 +39,12 @@ a.pgn__card {
   .pgn__card-deck-row {
     overflow: hidden;
     flex-wrap: nowrap;
-    padding-top: var(--pgn-spacing-card-focus-border-offset);
-    padding-bottom: var(--pgn-spacing-card-focus-border-offset);
+    padding-top: $card-focus-border-offset;
+    padding-bottom: $card-focus-border-offset;
 
     &:focus-visible {
-      outline: var(--pgn-size-card-focus-border-width) solid var(--pgn-color-card-border-focus-base);
-      border-radius: var(--pgn-size-card-focus-border-radius);
+      outline: $card-focus-border-width solid $card-border-focus-color;
+      border-radius: $card-focus-border-radius;
     }
   }
 }
@@ -54,7 +55,7 @@ a.pgn__card {
   }
 
   .pgn__card-carousel-subtitle {
-    font-size: var(--pgn-typography-font-size-sm);
+    font-size: $font-size-sm;
     margin-bottom: map-get($spacers, 2);
   }
 
@@ -72,16 +73,16 @@ a.pgn__card {
   &::before {
     content: "";
     position: absolute;
-    top: calc(-1 * var(--pgn-spacing-card-focus-border-offset));
-    right: calc(-1 * var(--pgn-spacing-card-focus-border-offset));
-    bottom: calc(-1 * var(--pgn-spacing-card-focus-border-offset));
-    left: calc(-1 * var(--pgn-spacing-card-focus-border-offset));
-    border: solid var(--pgn-size-card-focus-border-width) var(--pgn-color-card-border-focus-base);
-    border-radius: var(--pgn-size-card-focus-border-radius);
+    top: calc(-1 * #{$card-focus-border-offset});
+    right: calc(-1 * #{$card-focus-border-offset});
+    bottom: calc(-1 * #{$card-focus-border-offset});
+    left: calc(-1 * #{$card-focus-border-offset});
+    border: solid $card-focus-border-width $card-border-focus-color;
+    border-radius: $card-focus-border-radius;
   }
 
   &.pgn__card-dark::before {
-    border: solid var(--pgn-size-card-focus-border-width) var(--pgn-color-card-border-focus-dark);
+    border: solid $card-focus-border-width $card-border-focus-color-dark;
   }
 }
 
@@ -110,7 +111,7 @@ a.pgn__card {
   }
 
   .pgn__card-header {
-    padding: 0 var(--pgn-spacing-card-spacer-x);
+    padding: 0 $card-spacer-x;
     display: flex;
     justify-content: space-between;
 
@@ -124,8 +125,8 @@ a.pgn__card {
     }
 
     %header-title {
-      color: var(--pgn-color-black);
-      font-weight: var(--pgn-typography-font-weight-bold);
+      color: $black;
+      font-weight: $font-weight-bold;
       text-align: start;
     }
 
@@ -136,15 +137,15 @@ a.pgn__card {
     }
 
     .pgn__card-header-title-sm {
-      font-size: var(--pgn-typography-font-size-h4);
+      font-size: $h4-font-size;
     }
 
     .pgn__card-header-title-md {
-      font-size: var(--pgn-typography-font-size-h3);
+      font-size: $h3-font-size;
     }
 
     %header-subtitle {
-      color: var(--pgn-color-gray-700);
+      color: $gray-700;
       margin-top: map_get($spacers, 1);
     }
 
@@ -155,16 +156,16 @@ a.pgn__card {
     }
 
     .pgn__card-header-subtitle-sm {
-      font-size: var(--pgn-typography-font-size-h5);
+      font-size: $h5-font-size;
     }
 
     .pgn__card-header-subtitle-md {
-      font-size: var(--pgn-typography-font-size-h4);
+      font-size: $h4-font-size;
     }
 
     .pgn__card-header-actions {
-      margin-top: var(--pgn-spacing-spacer-base);
-      margin-inline-start: var(--pgn-spacing-spacer-base);
+      margin-top: $spacer;
+      margin-inline-start: $spacer;
       flex-shrink: 0;
     }
 
@@ -179,7 +180,7 @@ a.pgn__card {
 
   .pgn__card-footer {
     width: 100%;
-    padding: var(--pgn-spacing-card-spacer-x);
+    padding: $card-spacer-x;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -189,7 +190,7 @@ a.pgn__card {
       padding-top: 0;
 
       & > * + * {
-        margin-inline-start: var(--pgn-spacing-card-footer-action-gap);
+        margin-inline-start: $card-footer-actions-gap;
       }
     }
 
@@ -200,11 +201,11 @@ a.pgn__card {
 
     &.vertical-stacked {
       flex-direction: column-reverse;
-      padding-top: var(--pgn-spacing-card-spacer-x) - var(--pgn-spacing-card-footer-action-gap);
+      padding-top: $card-spacer-x - $card-footer-actions-gap;
 
       & > * {
         width: 100%;
-        margin-top: var(--pgn-spacing-card-footer-action-gap);
+        margin-top: $card-footer-actions-gap;
       }
     }
 
@@ -212,23 +213,23 @@ a.pgn__card {
       flex-wrap: wrap;
 
       & > :not(:last-child) {
-        margin-inline-end: var(--pgn-spacing-card-footer-action-gap);
+        margin-inline-end: $card-footer-actions-gap;
       }
     }
 
     &.horizontal-stacked {
       flex-direction: column-reverse;
-      padding-top: var(--pgn-spacing-card-spacer-x) - var(--pgn-spacing-card-footer-action-gap);
+      padding-top: $card-spacer-x - $card-footer-actions-gap;
 
       & > * {
-        margin-top: var(--pgn-spacing-card-footer-action-gap);
+        margin-top: $card-footer-actions-gap;
       }
     }
 
     .pgn__card-footer-text {
-      color: var(--pgn-color-gray-700);
+      color: $gray-700;
       order: 1;
-      font-size: var(--pgn-typography-footer-text-font-size);
+      font-size: $card-footer-text-font-size;
 
       &.vertical {
         margin-inline-end: auto;
@@ -240,13 +241,13 @@ a.pgn__card {
       }
 
       &.horizontal {
-        margin-top: var(--pgn-spacing-card-spacer-x);
+        margin-top: $card-spacer-x;
         width: 100%;
         text-align: center;
       }
 
       &.horizontal-stacked {
-        margin-top: var(--pgn-spacing-card-spacer-x);
+        margin-top: $card-spacer-x;
         width: 100%;
         text-align: center;
         order: -1;
@@ -255,30 +256,30 @@ a.pgn__card {
   }
 
   .pgn__card-divider {
-    border-top: 1px solid var(--pgn-color-card-divider-bg);
+    border-top: 1px solid $card-divider-bg;
     height: 0;
   }
 
   .pgn__card-section {
-    padding: var(--pgn-spacing-card-spacer-x);
+    padding: $card-spacer-x;
     flex-grow: 1;
     text-align: start;
 
     &.is-muted {
-      background-color: var(--pgn-color-light-200);
+      background-color: $light-200;
     }
 
     .pgn__card-section-title {
-      color: var(--pgn-color-black);
-      font-weight: var(--pgn-typography-font-weight-bold);
-      font-size: var(--pgn-typography-font-size-h5);
-      margin-bottom: var(--pgn-spacing-card-spacer-y);
+      color: $black;
+      font-weight: $font-weight-bold;
+      font-size: $h5-font-size;
+      margin-bottom: $card-spacer-y;
     }
 
     .pgn__card-section-actions {
       display: flex;
       justify-content: flex-end;
-      margin-top: var(--pgn-spacing-card-spacer-y);
+      margin-top: $card-spacer-y;
     }
 
     dd {
@@ -293,8 +294,8 @@ a.pgn__card {
     object-fit: cover;
     max-height: inherit;
     width: 100%;
-    border-top-left-radius: var(--pgn-size-card-image-border-radius);
-    border-top-right-radius: var(--pgn-size-card-image-border-radius);
+    border-top-left-radius: $card-image-border-radius;
+    border-top-right-radius: $card-image-border-radius;
     display: none;
 
     &.show {
@@ -306,21 +307,21 @@ a.pgn__card {
     position: relative;
 
     &.horizontal {
-      max-width: var(--pgn-size-card-image-horizontal-width-max);
-      min-width: var(--pgn-size-card-image-horizontal-width-min);
+      max-width: $card-image-horizontal-max-width;
+      min-width: $card-image-horizontal-min-width;
       overflow: hidden;
 
       .pgn__card-image-cap {
         height: 100%;
         max-width: inherit;
-        border-radius: var(--pgn-size-card-image-border-radius) 0 0 var(--pgn-size-card-image-border-radius);
+        border-radius: $card-image-border-radius 0 0 $card-image-border-radius;
         width: auto;
         object-fit: cover;
       }
 
       .pgn__card-logo-cap {
-        inset-inline-start: var(--pgn-spacing-card-logo-left-offset-horizontal);
-        bottom: var(--pgn-spacing-card-logo-bottom-offset-horizontal);
+        inset-inline-start: $card-logo-left-offset-horizontal;
+        bottom: $card-logo-bottom-offset-horizontal;
       }
 
       .pgn__card-image-cap-loader {
@@ -332,14 +333,14 @@ a.pgn__card {
     }
 
     &.vertical {
-      max-height: var(--pgn-size-card-image-vertical-max-height);
+      max-height: $card-image-vertical-max-height;
     }
 
     .pgn__card-image-cap-loader {
       .react-loading-skeleton {
-        margin-bottom: calc(-1 * var(--pgn-spacing-card-loading-skeleton-spacer));
+        margin-bottom: -$loading-skeleton-spacer;
         position: relative;
-        top: calc(-1 * var(--pgn-spacing-card-loading-skeleton-spacer));
+        top: -$loading-skeleton-spacer;
         height: 100%;
         border-bottom-right-radius: 0;
         border-bottom-left-radius: 0;
@@ -348,14 +349,14 @@ a.pgn__card {
 
     .pgn__card-logo-cap {
       position: absolute;
-      inset-inline-start: var(--pgn-spacing-card-logo-left-offset-base);
-      bottom: calc(-1 * var(--pgn-spacing-card-logo-bottom-offset-base));
-      width: var(--pgn-size-card-logo-width);
-      height: var(--pgn-size-card-logo-height);
-      border-radius: var(--pgn-size-card-border-radius-logo);
-      box-shadow: var(--pgn-elevation-box-shadow-level-1);
+      inset-inline-start: $card-logo-left-offset;
+      bottom: #{-$card-logo-bottom-offset};
+      width: $card-logo-width;
+      height: $card-logo-height;
+      border-radius: $card-logo-border-radius;
+      box-shadow: $level-1-box-shadow;
       padding: map_get($spacers, 2);
-      background-color: var(--pgn-color-white);
+      background-color: $white;
       display: none;
 
       &.show {
@@ -367,13 +368,13 @@ a.pgn__card {
   .pgn__card-status {
     box-shadow: none;
     margin-bottom: 0;
-    font-size: var(--pgn-typography-font-size-sm);
+    font-size: $font-size-sm;
     line-height: 1.5rem;
     text-align: start;
     position: relative;
-    padding: var(--pgn-spacing-card-spacer-y) var(--pgn-spacing-card-spacer-x);
+    padding: $card-spacer-y $card-spacer-x;
     border: 0 solid transparent;
-    border-radius: 0 0 var(--pgn-size-card-border-radius-base) var(--pgn-size-card-border-radius-base);
+    border-radius: 0 0 $card-border-radius $card-border-radius;
 
     .pgn__card-status__content {
       display: flex;
@@ -392,10 +393,10 @@ a.pgn__card {
     }
 
     .pgn__card-status__heading {
-      font-size: var(--pgn-typography-font-size-h4);
-      color: var(--pgn-color-black);
+      font-size: $h4-font-size;
+      color: $black;
       display: flex;
-      font-weight: var(--pgn-typography-font-weight-bold);
+      font-weight: $font-weight-bold;
       line-height: 1.5rem;
       margin-bottom: .5rem;
     }
@@ -420,13 +421,13 @@ a.pgn__card {
     }
 
     &.pgn__card-status__primary {
-      color: var(--pgn-color-white);
-      background-color: var(--pgn-color-primary-500);
-      border-color: var(--pgn-color-primary-500);
-      box-shadow: 0 0 0 1px var(--pgn-color-primary-500);
+      color: $white;
+      background-color: $primary-500;
+      border-color: $primary-500;
+      box-shadow: 0 0 0 1px $primary-500;
 
       .pgn__card-status__content-icon {
-        color: var(--pgn-color-white);
+        color: $white;
       }
     }
   }
@@ -438,15 +439,15 @@ a.pgn__card {
   border: 0;
 
   %dark-variant-content {
-    color: var(--pgn-color-white);
+    color: $white;
 
     a {
-      color: var(--pgn-color-white);
+      color: $white;
     }
   }
 
   &.pgn__card-dark {
-    background-color: var(--pgn-color-card-bg-dark);
+    background-color: $card-bg-dark;
 
     @extend %dark-variant-content;
 
@@ -478,11 +479,11 @@ a.pgn__card {
   }
 
   &.pgn__card-muted {
-    background-color: var(--pgn-color-card-bg-muted);
+    background-color: $card-bg-muted;
   }
 }
 
-@media (--pgn-size-breakpoint-max-width-xs) {
+@media (max-width: map-get($grid-breakpoints, "sm")) {
   .pgn__card-footer {
     &.horizontal > :not(:last-child) {
       margin-inline-end: 0;

package/dist/Carousel/_variables.scss

@@ -0,0 +1,27 @@
+// Carousel
+
+$carousel-control-color:             $white !default;
+$carousel-control-width:             15% !default;
+$carousel-control-opacity:           .5 !default;
+$carousel-control-hover-opacity:     .9 !default;
+$carousel-control-transition:        opacity .15s ease !default;
+
+$carousel-indicator-width:           30px !default;
+$carousel-indicator-height:          3px !default;
+$carousel-indicator-hit-area-height: 10px !default;
+$carousel-indicator-spacer:          3px !default;
+$carousel-indicator-active-bg:       $white !default;
+$carousel-indicator-transition:      opacity .6s ease !default;
+
+$carousel-caption-width:             70% !default;
+$carousel-caption-color:             $white !default;
+
+$carousel-control-icon-width:        20px !default;
+
+$carousel-control-prev-icon-bg:      str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"), "#", "%23") !default;
+$carousel-control-next-icon-bg:      str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"), "#", "%23") !default;
+
+$carousel-transition-duration:       .6s !default;
+
+// Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
+$carousel-transition:                transform $carousel-transition-duration ease-in-out !default;

package/dist/Carousel/index.js

@@ -4,17 +4,23 @@ import PropTypes from 'prop-types';
 import BaseCarousel from 'react-bootstrap/Carousel';
 import BaseCarouselItem from 'react-bootstrap/CarouselItem';
 import BaseCarouselCaption from 'react-bootstrap/CarouselCaption';
-export const CAROUSEL_NEXT_LABEL_TEXT = 'Next';
-export const CAROUSEL_PREV_LABEL_TEXT = 'Previous';
-const Carousel = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(BaseCarousel, _extends({}, props, {
-  ref: ref
-})));
-const CarouselItem = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(BaseCarouselItem, _extends({}, props, {
-  ref: ref
-})));
-const CarouselCaption = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(BaseCarouselCaption, _extends({}, props, {
-  ref: ref
-})));
+export var CAROUSEL_NEXT_LABEL_TEXT = 'Next';
+export var CAROUSEL_PREV_LABEL_TEXT = 'Previous';
+var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseCarousel, _extends({}, props, {
+    ref: ref
+  }));
+});
+var CarouselItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseCarouselItem, _extends({}, props, {
+    ref: ref
+  }));
+});
+var CarouselCaption = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(BaseCarouselCaption, _extends({}, props, {
+    ref: ref
+  }));
+});
 Carousel.propTypes = {
   /** Specifies element type for this component. */
   as: PropTypes.elementType,

package/dist/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","BaseCarousel","BaseCarouselItem","BaseCarouselCaption","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","Carousel","forwardRef","props","ref","createElement","_extends","CarouselItem","CarouselCaption","propTypes","as","elementType","activeIndex","number","defaultActiveIndex","controls","bool","fade","indicators","interval","keyboard","nextIcon","node","nextLabel","string","onSelect","func","onSlid","onSlide","pause","oneOf","prevIcon","prevLabel","slide","touch","wrap","bsPrefix","defaultProps","undefined","className","Item","Caption"],"sources":["../../src/Carousel/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseCarousel from 'react-bootstrap/Carousel';\nimport BaseCarouselItem from 'react-bootstrap/CarouselItem';\nimport BaseCarouselCaption from 'react-bootstrap/CarouselCaption';\n\nexport const CAROUSEL_NEXT_LABEL_TEXT = 'Next';\nexport const CAROUSEL_PREV_LABEL_TEXT = 'Previous';\n\nconst Carousel = React.forwardRef((props, ref) => <BaseCarousel {...props} ref={ref} />);\n\nconst CarouselItem = React.forwardRef((props, ref) => <BaseCarouselItem {...props} ref={ref} />);\n\nconst CarouselCaption = React.forwardRef((props, ref) => <BaseCarouselCaption {...props} ref={ref} />);\n\nCarousel.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** Controls the current visible slide. Defaults to `defaultActiveIndex` prop */\n  activeIndex: PropTypes.number,\n  /** Specifies default active index prop */\n  defaultActiveIndex: PropTypes.number,\n  /** Show the `Carousel's` previous and next arrows for changing the current slide. */\n  controls: PropTypes.bool,\n  /** Animates slides with a crossfade animation instead of the default slide animation. */\n  fade: PropTypes.bool,\n  /** Show a set of slide position indicators. */\n  indicators: PropTypes.bool,\n  /** The amount of time to delay between automatically cycling an item. */\n  interval: PropTypes.number,\n  /** Specifies whether the `Carousel` should react to keyboard events. */\n  keyboard: PropTypes.bool,\n  /** Override the default button icon for the \"next\" control */\n  nextIcon: PropTypes.node,\n  /** Label shown to screen readers only, can be used to show the next element in the `Carousel` */\n  nextLabel: PropTypes.string,\n  /** Callback fired when the active item changes. */\n  onSelect: PropTypes.func,\n  /** Callback fired when a slide transition ends. */\n  onSlid: PropTypes.func,\n  /** Callback fired when a slide transition starts. */\n  onSlide: PropTypes.func,\n  /** If set to \"hover\", pauses the cycling of the `Carousel` on mouseenter and\n   * resumes the cycling of the carousel on mouseleave.\n   * If set to false, hovering over the `Carousel` won't pause it.\n   *\n   * On touch-enabled devices, when set to \"hover\", cycling will pause on touchend\n   * (once the user finished interacting with the `Carousel`) for two intervals,\n   * before automatically resuming. Note that this is in addition to the above mouse behavior.\n   */\n  pause: PropTypes.oneOf(['hover', false]),\n  /** Override the default button icon for the \"previous\" control */\n  prevIcon: PropTypes.node,\n  /** Label shown to screen readers only, can be used to show the\n   * previous element in the `Carousel`. Set to null to deactivate. */\n  prevLabel: PropTypes.string,\n  /** Enables animation on the Carousel as it transitions between slides. */\n  slide: PropTypes.bool,\n  /** Whether the `Carousel` should support left/right swipe interactions on touchscreen devices. */\n  touch: PropTypes.bool,\n  /** Whether the `Carousel` should cycle continuously or have hard stops */\n  wrap: PropTypes.bool,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarouselItem.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** The amount of time to delay between automatically cycling this specific item.\n   * Will default to the `Carousel's` interval prop value if none is specified.\n   */\n  interval: PropTypes.number,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarouselCaption.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarousel.defaultProps = {\n  as: 'div',\n  activeIndex: undefined,\n  defaultActiveIndex: 0,\n  controls: true,\n  fade: false,\n  indicators: true,\n  interval: 5000,\n  keyboard: true,\n  nextIcon: <span aria-hidden=\"true\" className=\"carousel-control-next-icon\" />,\n  nextLabel: CAROUSEL_NEXT_LABEL_TEXT,\n  onSelect: undefined,\n  onSlid: undefined,\n  onSlide: undefined,\n  pause: 'hover',\n  prevIcon: <span aria-hidden=\"true\" className=\"carousel-control-prev-icon\" />,\n  prevLabel: CAROUSEL_PREV_LABEL_TEXT,\n  slide: true,\n  touch: true,\n  wrap: true,\n  bsPrefix: 'carousel',\n};\n\nCarouselItem.defaultProps = {\n  as: 'div',\n  interval: undefined,\n  bsPrefix: 'carousel-item',\n};\n\nCarouselCaption.defaultProps = {\n  as: 'div',\n  bsPrefix: 'carousel-caption',\n};\n\nCarousel.Item = CarouselItem;\nCarousel.Caption = CarouselCaption;\n\nexport { CarouselItem };\nexport default Carousel;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","BaseCarousel","BaseCarouselItem","BaseCarouselCaption","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","Carousel","forwardRef","props","ref","createElement","_extends","CarouselItem","CarouselCaption","propTypes","as","elementType","activeIndex","number","defaultActiveIndex","controls","bool","fade","indicators","interval","keyboard","nextIcon","node","nextLabel","string","onSelect","func","onSlid","onSlide","pause","oneOf","prevIcon","prevLabel","slide","touch","wrap","bsPrefix","defaultProps","undefined","className","Item","Caption"],"sources":["../../src/Carousel/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport BaseCarousel from 'react-bootstrap/Carousel';\nimport BaseCarouselItem from 'react-bootstrap/CarouselItem';\nimport BaseCarouselCaption from 'react-bootstrap/CarouselCaption';\n\nexport const CAROUSEL_NEXT_LABEL_TEXT = 'Next';\nexport const CAROUSEL_PREV_LABEL_TEXT = 'Previous';\n\nconst Carousel = React.forwardRef((props, ref) => <BaseCarousel {...props} ref={ref} />);\n\nconst CarouselItem = React.forwardRef((props, ref) => <BaseCarouselItem {...props} ref={ref} />);\n\nconst CarouselCaption = React.forwardRef((props, ref) => <BaseCarouselCaption {...props} ref={ref} />);\n\nCarousel.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** Controls the current visible slide. Defaults to `defaultActiveIndex` prop */\n  activeIndex: PropTypes.number,\n  /** Specifies default active index prop */\n  defaultActiveIndex: PropTypes.number,\n  /** Show the `Carousel's` previous and next arrows for changing the current slide. */\n  controls: PropTypes.bool,\n  /** Animates slides with a crossfade animation instead of the default slide animation. */\n  fade: PropTypes.bool,\n  /** Show a set of slide position indicators. */\n  indicators: PropTypes.bool,\n  /** The amount of time to delay between automatically cycling an item. */\n  interval: PropTypes.number,\n  /** Specifies whether the `Carousel` should react to keyboard events. */\n  keyboard: PropTypes.bool,\n  /** Override the default button icon for the \"next\" control */\n  nextIcon: PropTypes.node,\n  /** Label shown to screen readers only, can be used to show the next element in the `Carousel` */\n  nextLabel: PropTypes.string,\n  /** Callback fired when the active item changes. */\n  onSelect: PropTypes.func,\n  /** Callback fired when a slide transition ends. */\n  onSlid: PropTypes.func,\n  /** Callback fired when a slide transition starts. */\n  onSlide: PropTypes.func,\n  /** If set to \"hover\", pauses the cycling of the `Carousel` on mouseenter and\n   * resumes the cycling of the carousel on mouseleave.\n   * If set to false, hovering over the `Carousel` won't pause it.\n   *\n   * On touch-enabled devices, when set to \"hover\", cycling will pause on touchend\n   * (once the user finished interacting with the `Carousel`) for two intervals,\n   * before automatically resuming. Note that this is in addition to the above mouse behavior.\n   */\n  pause: PropTypes.oneOf(['hover', false]),\n  /** Override the default button icon for the \"previous\" control */\n  prevIcon: PropTypes.node,\n  /** Label shown to screen readers only, can be used to show the\n   * previous element in the `Carousel`. Set to null to deactivate. */\n  prevLabel: PropTypes.string,\n  /** Enables animation on the Carousel as it transitions between slides. */\n  slide: PropTypes.bool,\n  /** Whether the `Carousel` should support left/right swipe interactions on touchscreen devices. */\n  touch: PropTypes.bool,\n  /** Whether the `Carousel` should cycle continuously or have hard stops */\n  wrap: PropTypes.bool,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarouselItem.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** The amount of time to delay between automatically cycling this specific item.\n   * Will default to the `Carousel's` interval prop value if none is specified.\n   */\n  interval: PropTypes.number,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarouselCaption.propTypes = {\n  /** Specifies element type for this component. */\n  as: PropTypes.elementType,\n  /** Overrides underlying component base CSS class name */\n  bsPrefix: PropTypes.string,\n};\n\nCarousel.defaultProps = {\n  as: 'div',\n  activeIndex: undefined,\n  defaultActiveIndex: 0,\n  controls: true,\n  fade: false,\n  indicators: true,\n  interval: 5000,\n  keyboard: true,\n  nextIcon: <span aria-hidden=\"true\" className=\"carousel-control-next-icon\" />,\n  nextLabel: CAROUSEL_NEXT_LABEL_TEXT,\n  onSelect: undefined,\n  onSlid: undefined,\n  onSlide: undefined,\n  pause: 'hover',\n  prevIcon: <span aria-hidden=\"true\" className=\"carousel-control-prev-icon\" />,\n  prevLabel: CAROUSEL_PREV_LABEL_TEXT,\n  slide: true,\n  touch: true,\n  wrap: true,\n  bsPrefix: 'carousel',\n};\n\nCarouselItem.defaultProps = {\n  as: 'div',\n  interval: undefined,\n  bsPrefix: 'carousel-item',\n};\n\nCarouselCaption.defaultProps = {\n  as: 'div',\n  bsPrefix: 'carousel-caption',\n};\n\nCarousel.Item = CarouselItem;\nCarousel.Caption = CarouselCaption;\n\nexport { CarouselItem };\nexport default Carousel;\n"],"mappings":"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"}