@wix/design-system 1.2.0 → 1.4.0

package/dist/esm/CardGalleryItem/CardGalleryItem.js

@@ -12,6 +12,8 @@ import { DataHook } from './constants';
 import { classes, st } from './CardGalleryItem.st.css.js';
 import { WixStyleReactContext } from '../WixStyleReactProvider/context';
 import { DragHandle } from './DragHandle';
+import Image from '../Image';
+import classNames from 'classnames';
 class CardGalleryItem extends React.PureComponent {
     constructor() {
         super(...arguments);
@@ -25,7 +27,7 @@ class CardGalleryItem extends React.PureComponent {
         this._onMouseLeave = () => {
             this.setState({ isHovered: false });
         };
-        this._onFocus = (e) => {
+        this._onFocus = e => {
             try {
                 if (process.env.NODE_ENV === 'test' ||
                     e.target.matches(':focus-visible')) {
@@ -41,8 +43,8 @@ class CardGalleryItem extends React.PureComponent {
         };
     }
     _hasFooter() {
-        const { title, subtitle, suffix } = this.props;
-        return !!(title || subtitle || suffix);
+        const { title, subtitle, suffix, imagePlacement } = this.props;
+        return !!(title || subtitle || suffix || imagePlacement === 'side');
     }
     _renderBadge() {
         return (React.createElement("div", { className: classes.badgeWrapper, "data-hook": DataHook.Badge }, this.props.badge));
@@ -52,35 +54,37 @@ class CardGalleryItem extends React.PureComponent {
         return (React.createElement(DragHandle, Object.assign({}, dragHandleProps, { dragging: dragging, dragDisabled: dragDisabled, "data-hook": DataHook.dragHandle })));
     }
     _renderFooter() {
-        const { title, subtitle, size, suffix, draggable } = this.props;
+        const { title, subtitle, size, suffix, draggable, imagePlacement, backgroundImageNode, backgroundImageUrl, } = this.props;
         const heading = size === 'medium' ? (React.createElement(Heading, { size: "small", ellipsis: true, dataHook: DataHook.Title }, title)) : (React.createElement(Text, { size: "small", weight: "normal", ellipsis: true, dataHook: DataHook.Title }, title));
+        const textSize = imagePlacement === 'side' ? 'tiny' : size === 'medium' ? 'small' : 'tiny';
         return (React.createElement(React.Fragment, null,
-            React.createElement(Card.Divider, null),
+            imagePlacement === 'top' && React.createElement(Card.Divider, null),
             React.createElement("div", { className: classes.footer, "data-hook": DataHook.footer },
                 draggable && (React.createElement("div", { className: classes.dragHandleWrapper }, this._renderDragHandle())),
+                imagePlacement === 'side' && (React.createElement("div", { className: classes.footerImage, "data-hook": DataHook.footerImage }, backgroundImageUrl ? (React.createElement(Image, { src: backgroundImageUrl })) : (backgroundImageNode))),
                 React.createElement("div", { className: classes.footerContent },
                     heading,
-                    React.createElement(Text, { size: size === 'medium' ? 'small' : 'tiny', secondary: true, ellipsis: true, dataHook: DataHook.Subtitle }, subtitle)),
+                    React.createElement(Text, { size: textSize, secondary: true, ellipsis: true, dataHook: DataHook.Subtitle }, subtitle)),
                 suffix && React.createElement("div", { className: classes.footerSuffix }, suffix))));
     }
     _renderActions() {
         const { primaryActionProps: { label, disabled, disabledMessage }, secondaryActionProps, draggable, } = this.props;
-        const primaryAction = (React.createElement(WixStyleReactContext.Consumer, null, ({ newColorsBranding }) => (React.createElement(Button, { dataHook: DataHook.PrimaryAction, disabled: disabled, skin: newColorsBranding ? 'light' : 'standard', onPointerDown: draggable ? (e) => e.stopPropagation() : undefined }, label))));
+        const primaryAction = (React.createElement(WixStyleReactContext.Consumer, null, ({ newColorsBranding }) => (React.createElement(Button, { dataHook: DataHook.PrimaryAction, disabled: disabled, skin: newColorsBranding ? 'light' : 'standard', onPointerDown: draggable ? e => e.stopPropagation() : undefined }, label))));
         return (React.createElement("div", { className: classes.primaryAction, "data-hook": DataHook.HoverContent },
             disabled && disabledMessage ? (React.createElement(Tooltip, { disabled: !disabled, content: disabledMessage }, primaryAction)) : (primaryAction),
             secondaryActionProps && (React.createElement("div", { className: classes.secondaryAction },
-                React.createElement(TextButton, { skin: "light", onClick: (event) => {
+                React.createElement(TextButton, { skin: "light", onClick: event => {
                         if (secondaryActionProps.onClick) {
                             secondaryActionProps.onClick(event);
                         }
                         event.stopPropagation();
-                    }, dataHook: DataHook.SecondaryAction, onPointerDown: draggable ? (e) => e.stopPropagation() : undefined }, secondaryActionProps.label)))));
+                    }, dataHook: DataHook.SecondaryAction, onPointerDown: draggable ? e => e.stopPropagation() : undefined }, secondaryActionProps.label)))));
     }
     _renderSettingsMenu() {
         return (React.createElement("div", { "data-hook": DataHook.SettingsMenu }, this.props.settingsMenu));
     }
     render() {
-        const { primaryActionProps, secondaryActionProps, dataHook, badge, backgroundImageUrl, backgroundImageNode, settingsMenu, size, draggable, dragging, droppable, tabIndex, aspectRatio, } = this.props;
+        const { primaryActionProps, secondaryActionProps, dataHook, badge, backgroundImageUrl, backgroundImageNode, settingsMenu, size, draggable, dragging, droppable, tabIndex, aspectRatio, imagePlacement, } = this.props;
         const withFooter = !!this._hasFooter();
         const showActions = !dragging && !droppable && !!(primaryActionProps || secondaryActionProps);
         const withFloatingDragHandle = !!draggable && !withFooter;
@@ -91,15 +95,16 @@ class CardGalleryItem extends React.PureComponent {
                 dragging,
                 draggable,
                 showActions,
+                imagePlacement,
             }), "data-hook": dataHook, onFocus: this._onFocus, onBlur: this._onBlur },
             React.createElement("div", { onMouseEnter: this._onMouseEnter, onMouseLeave: this._onMouseLeave, onClick: primaryActionProps.onClick, "data-hook": DataHook.Container },
                 React.createElement(Card, { stretchVertically: true, showShadow: true },
-                    React.createElement(Proportion, { aspectRatio: aspectRatio },
+                    imagePlacement === 'top' && (React.createElement(Proportion, { aspectRatio: aspectRatio },
                         React.createElement(MediaOverlay, { media: backgroundImageUrl || backgroundImageNode || '', className: classes.overlay, hoverSkin: withHover ? 'dark' : undefined, hovered: this.state.isHovered || this.state.isFocused, dataHook: DataHook.HoverComponent },
                             showActions && (React.createElement(MediaOverlay.Content, { visible: "hover" }, this._renderActions())),
                             settingsMenu && showActions && (React.createElement(MediaOverlay.Content, { visible: "hover", placement: "top-end" }, this._renderSettingsMenu()))),
                         badge && this._renderBadge(),
-                        React.createElement("div", { className: classes.dragHandleFloatingWrapper }, withFloatingDragHandle && this._renderDragHandle())),
+                        React.createElement("div", { className: classes.dragHandleFloatingWrapper }, withFloatingDragHandle && this._renderDragHandle()))),
                     withFooter && this._renderFooter()))));
     }
 }
@@ -172,6 +177,8 @@ CardGalleryItem.propTypes = {
      * - Custom number (e.g. 1.5)
      */
     aspectRatio: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    /** Sets placement of background image. */
+    imagePlacement: PropTypes.oneOf(['top', 'side']),
 };
 CardGalleryItem.defaultProps = {
     aspectRatio: 1.6,
@@ -179,6 +186,7 @@ CardGalleryItem.defaultProps = {
         onClick: () => { },
     },
     size: 'medium',
+    imagePlacement: 'top',
 };
 export default CardGalleryItem;
 //# sourceMappingURL=CardGalleryItem.js.map

package/dist/esm/CardGalleryItem/CardGalleryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardGalleryItem.js","sourceRoot":"","sources":["../../../src/CardGalleryItem/CardGalleryItem.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"CardGalleryItem.js","sourceRoot":"","sources":["../../../src/CardGalleryItem/CardGalleryItem.js"],"names":[],"mappings":"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"}

package/dist/esm/CardGalleryItem/CardGalleryItem.st.css

@@ -1,3 +1,5 @@
+@st-import [card] from '../Card/Card.st.css';
+
 :import {
   -st-from: '../Foundation/stylable/colors.st.css';
   -st-named: F00, B10;
@@ -8,8 +10,13 @@
   -st-default: DragHandle;
 }
 
+:import {
+  -st-from: "../Foundation/stylable/shadows.st.css";
+  -st-named: shadow30;
+}
+
 .root {
-  -st-states: withFooter, showActions, draggable, dragging, size(enum(small, medium));
+  -st-states: withFooter, showActions, draggable, dragging, size(enum(small, medium)), imagePlacement(enum(top, side));
   position: relative;
   flex: 1 0;
   min-width: 0;
@@ -62,6 +69,10 @@
   padding: 18px 24px;
 }
 
+.root:imagePlacement(side) .card:hover {
+  box-shadow: value(shadow30);
+}
+
 .root:size(medium):draggable .footer {
   padding: 18px 24px 18px 18px;
 }
@@ -74,6 +85,7 @@
   padding: 12px 18px 12px 12px;
 }
 
+
 .footerContent {
   display: flex;
   flex-direction: column;
@@ -81,6 +93,12 @@
   min-width: 0;
 }
 
+.footerImage {
+  margin-right: 12px;
+  height: 40px;
+  width: 40px;
+}
+
 .footerSuffix {
   flex: 0 1;
   padding-left: 24px;

package/dist/esm/CardGalleryItem/CardGalleryItem.st.css.js

@@ -1,11 +1,13 @@
 
+import "../Card/Card.st.css.js";
 import "../Foundation/stylable/colors.st.css.js";
 import "./DragHandle.st.css.js";
+import "../Foundation/stylable/shadows.st.css.js";
 import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_CardGalleryItem";
+var _namespace_ = "wds_1_4_0_CardGalleryItem";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +15,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_CardGalleryItem__root","overlay":"wds_1_2_0_CardGalleryItem__overlay","primaryAction":"wds_1_2_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_2_0_CardGalleryItem__secondaryAction","footer":"wds_1_2_0_CardGalleryItem__footer","footerContent":"wds_1_2_0_CardGalleryItem__footerContent","footerSuffix":"wds_1_2_0_CardGalleryItem__footerSuffix","badgeWrapper":"wds_1_2_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_2_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_2_0_CardGalleryItem__dragHandleFloatingWrapper"};
+export var classes = {"root":"wds_1_4_0_CardGalleryItem__root","card":"wds_1_4_0_Card__card","overlay":"wds_1_4_0_CardGalleryItem__overlay","primaryAction":"wds_1_4_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_4_0_CardGalleryItem__secondaryAction","footer":"wds_1_4_0_CardGalleryItem__footer","footerContent":"wds_1_4_0_CardGalleryItem__footerContent","footerImage":"wds_1_4_0_CardGalleryItem__footerImage","footerSuffix":"wds_1_4_0_CardGalleryItem__footerSuffix","badgeWrapper":"wds_1_4_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_4_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_4_0_CardGalleryItem__dragHandleFloatingWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/CardGalleryItem/CardGalleryItem.uni.driver.js

@@ -7,6 +7,7 @@ const getBadge = base => byHook(base, DataHook.Badge);
 const getSettingsMenu = base => byHook(base, DataHook.SettingsMenu);
 const getSubtitle = base => byHook(base, DataHook.Subtitle);
 const getContainer = base => byHook(base, DataHook.Container);
+const getFooter = base => byHook(base, DataHook.footer);
 const getOverlayDriver = base => {
     const hoverComponent = byHook(base, DataHook.HoverComponent);
     return mediaOverlayDriverFactory(hoverComponent);
@@ -56,6 +57,11 @@ const cardGalleryItemDriverFactory = base => (Object.assign(Object.assign({}, ba
      * @returns {Promise<void>}
      */
     click: async () => (await getPrimaryAction(base)).click(), 
+    /**
+     * Clicks on the footer.
+     * @returns {Promise<void>}
+     */
+    clickFooter: async () => (await getFooter(base)).click(), 
     /**
      * Gets the primary action label.
      * @returns {Promise<string>}

package/dist/esm/CardGalleryItem/CardGalleryItem.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardGalleryItem.uni.driver.js","sourceRoot":"","sources":["../../../src/CardGalleryItem/CardGalleryItem.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,MAAM,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,IAAI,CAAC,CAAC;AACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtD,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;AACpE,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC5D,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;AAC9D,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE;IAC9B,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC7D,OAAO,yBAAyB,CAAC,cAAc,CAAC,CAAC;AACnD,CAAC,CAAC;AACF,MAAM,KAAK,GAAG,KAAK,EAAC,IAAI,EAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;AACvD,MAAM,gBAAgB,GAAG,KAAK,EAAC,IAAI,EAAC,EAAE;IACpC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC;IAClB,OAAO,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;AAC9C,CAAC,CAAC;AACF,MAAM,kBAAkB,GAAG,KAAK,EAAC,IAAI,EAAC,EAAE;IACtC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC;IAClB,OAAO,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,CAAC,UAAU,IAAI,CAAC,CAAC;AAE7E,MAAM,4BAA4B,GAAG,IAAI,CAAC,EAAE,CAAC,iCACxC,oBAAoB,CAAC,IAAI,CAAC;IAC7B;;;OAGG;IACH,QAAQ,EAAE,KAAK,IAAI,EAAE;QACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7B,OAAO,CAAC,MAAM,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,CAAC;IACD;;;OAGG;IACH,QAAQ,EAAE,KAAK,IAAI,EAAE;QACnB,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7B,OAAO,CAAC,MAAM,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnE,CAAC;IACD;;;OAGG;IACH,WAAW,EAAE,KAAK,IAAI,EAAE;QACtB,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QACnC,OAAO,CAAC,MAAM,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,CAAC;IACD;;;OAGG;IACH,qBAAqB,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE;IAC7E;;;OAGG;IACH,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE;IACzD;;;OAGG;IACH,qBAAqB,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;IACxE;;;OAGG;IACH,uBAAuB,EAAE,KAAK,IAAI,EAAE,CAClC,CAAC,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC;IAClD;;;OAGG;IACH,oBAAoB,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE;IACxE;;;OAGG;IACH,uBAAuB,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;IAC5E;;;OAGG;IACH,sBAAsB,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE;IAC5E;;;OAGG;IACH,eAAe,EAAE,KAAK,IAAI,EAAE;QAC1B,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC;QAClB,MAAM,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;QAC3C,OAAO,CAAC,MAAM,YAAY,CAAC,MAAM,EAAE,CAAC;YAClC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC;YAClC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IACD;;;OAGG;IACH,sBAAsB,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE;IACzE;;;OAGG;IACH,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAEpD,eAAe,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,IAClD,CAAC;AAEH,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"CardGalleryItem.uni.driver.js","sourceRoot":"","sources":["../../../src/CardGalleryItem/CardGalleryItem.uni.driver.js"],"names":[],"mappings":"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"}

package/dist/esm/CardGalleryItem/DragHandle.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_DragHandle";
+var _namespace_ = "wds_1_4_0_DragHandle";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_DragHandle__root"};
+export var classes = {"root":"wds_1_4_0_DragHandle__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/CardGalleryItem/constants.js

@@ -10,6 +10,7 @@ export const DataHook = {
     Container: 'container',
     footer: 'footer',
     dragHandle: 'drag-handle',
+    footerImage: 'footer-image',
 };
 export const SIZES = {
     small: 'small',

package/dist/esm/CardGalleryItem/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/CardGalleryItem/constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,gBAAgB;IAC/B,eAAe,EAAE,kBAAkB;IACnC,YAAY,EAAE,eAAe;IAC7B,cAAc,EAAE,iBAAiB;IACjC,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACjB,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/CardGalleryItem/constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,gBAAgB;IAC/B,eAAe,EAAE,kBAAkB;IACnC,YAAY,EAAE,eAAe;IAC7B,cAAc,EAAE,iBAAiB;IACjC,YAAY,EAAE,eAAe;IAC7B,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,aAAa;IACzB,WAAW,EAAE,cAAc;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACjB,CAAC"}

package/dist/esm/Carousel/Carousel.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_Carousel";
+var _namespace_ = "wds_1_4_0_Carousel";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_Carousel__root","controls":"wds_1_2_0_Carousel__controls","imageContainer":"wds_1_2_0_Carousel__imageContainer","image":"wds_1_2_0_Carousel__image","loader":"wds_1_2_0_Carousel__loader","pagination":"wds_1_2_0_Carousel__pagination","pageNavigation":"wds_1_2_0_Carousel__pageNavigation"};
+export var classes = {"root":"wds_1_4_0_Carousel__root","controls":"wds_1_4_0_Carousel__controls","imageContainer":"wds_1_4_0_Carousel__imageContainer","image":"wds_1_4_0_Carousel__image","loader":"wds_1_4_0_Carousel__loader","pagination":"wds_1_4_0_Carousel__pagination","pageNavigation":"wds_1_4_0_Carousel__pageNavigation"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"horizontalSpacingSize":"50px","verticalSpacingSize":"7px"}; 
-export var vars = {"arrow-size":"--wds_1_2_0_Carousel-arrow-size"}; 
+export var vars = {"arrow-size":"--wds_1_4_0_Carousel-arrow-size"}; 
 
 
 

package/dist/esm/Carousel/Pagination/Pagination.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_CarouselPagination";
+var _namespace_ = "wds_1_4_0_CarouselPagination";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_CarouselPagination__root","dot":"wds_1_2_0_CarouselPagination__dot"};
+export var classes = {"root":"wds_1_4_0_CarouselPagination__root","dot":"wds_1_4_0_CarouselPagination__dot"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/CarouselWIP/CarouselWIP.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_CarouselWIP";
+var _namespace_ = "wds_1_4_0_CarouselWIP";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_CarouselWIP__root","carousel":"wds_1_2_0_CarouselWIP__carousel","control":"wds_1_2_0_CarouselWIP__control","prev":"wds_1_2_0_CarouselWIP__prev","next":"wds_1_2_0_CarouselWIP__next","start":"wds_1_2_0_CarouselWIP__start","end":"wds_1_2_0_CarouselWIP__end","dots":"wds_1_2_0_CarouselWIP__dots","dot":"wds_1_2_0_CarouselWIP__dot","loader":"wds_1_2_0_CarouselWIP__loader"};
+export var classes = {"root":"wds_1_4_0_CarouselWIP__root","carousel":"wds_1_4_0_CarouselWIP__carousel","control":"wds_1_4_0_CarouselWIP__control","prev":"wds_1_4_0_CarouselWIP__prev","next":"wds_1_4_0_CarouselWIP__next","start":"wds_1_4_0_CarouselWIP__start","end":"wds_1_4_0_CarouselWIP__end","dots":"wds_1_4_0_CarouselWIP__dots","dot":"wds_1_4_0_CarouselWIP__dot","loader":"wds_1_4_0_CarouselWIP__loader"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"horizontalSpacingSize":"50px","verticalSpacingSize":"7px"}; 
-export var vars = {"arrow-size":"--wds_1_2_0_CarouselWIP-arrow-size","sidesGradientColor":"--wds_1_2_0_CarouselWIP-sidesGradientColor"}; 
+export var vars = {"arrow-size":"--wds_1_4_0_CarouselWIP-arrow-size","sidesGradientColor":"--wds_1_4_0_CarouselWIP-sidesGradientColor"}; 
 
 
 

package/dist/esm/CheckToggle/CheckToggle.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_CheckToggle";
+var _namespace_ = "wds_1_4_0_CheckToggle";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_CheckToggle__root","input":"wds_1_2_0_CheckToggle__input","toggle":"wds_1_2_0_CheckToggle__toggle"};
+export var classes = {"root":"wds_1_4_0_CheckToggle__root","input":"wds_1_4_0_CheckToggle__input","toggle":"wds_1_4_0_CheckToggle__toggle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Checkbox/Checkbox.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_Checkbox";
+var _namespace_ = "wds_1_4_0_Checkbox";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_Checkbox__root","label":"wds_1_2_0_Checkbox__label","labelInner":"wds_1_2_0_Checkbox__labelInner","children":"wds_1_2_0_Checkbox__children","checkbox":"wds_1_2_0_Checkbox__checkbox","inner":"wds_1_2_0_Checkbox__inner","outer":"wds_1_2_0_Checkbox__outer"};
+export var classes = {"root":"wds_1_4_0_Checkbox__root","label":"wds_1_4_0_Checkbox__label","labelInner":"wds_1_4_0_Checkbox__labelInner","children":"wds_1_4_0_Checkbox__children","checkbox":"wds_1_4_0_Checkbox__checkbox","inner":"wds_1_4_0_Checkbox__inner","outer":"wds_1_4_0_Checkbox__outer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/CircularProgressBar/CircularProgressBar.st.css.js

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_CircularProgressBar";
+var _namespace_ = "wds_1_4_0_CircularProgressBar";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_CircularProgressBar__root","heading-h6":"wds_1_2_0_StylableTypography__heading-h6","progressBar":"wds_1_2_0_CircularProgressBar__progressBar","tooltip":"wds_1_2_0_CircularProgressBar__tooltip"};
+export var classes = {"root":"wds_1_4_0_CircularProgressBar__root","heading-h6":"wds_1_4_0_StylableTypography__heading-h6","progressBar":"wds_1_4_0_CircularProgressBar__progressBar","tooltip":"wds_1_4_0_CircularProgressBar__tooltip"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/CircularProgressBar/CircularProgressBarCore/CircularProgressBarCore.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_CircularProgressBarCore";
+var _namespace_ = "wds_1_4_0_CircularProgressBarCore";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_CircularProgressBarCore__root","label":"wds_1_2_0_CircularProgressBarCore__label","progressIndicator":"wds_1_2_0_CircularProgressBarCore__progressIndicator","indicationIconContainer":"wds_1_2_0_CircularProgressBarCore__indicationIconContainer","statusIndicator":"wds_1_2_0_CircularProgressBarCore__statusIndicator","arcsContainer":"wds_1_2_0_CircularProgressBarCore__arcsContainer","foreArc":"wds_1_2_0_CircularProgressBarCore__foreArc","backArc":"wds_1_2_0_CircularProgressBarCore__backArc"};
+export var classes = {"root":"wds_1_4_0_CircularProgressBarCore__root","label":"wds_1_4_0_CircularProgressBarCore__label","progressIndicator":"wds_1_4_0_CircularProgressBarCore__progressIndicator","indicationIconContainer":"wds_1_4_0_CircularProgressBarCore__indicationIconContainer","statusIndicator":"wds_1_4_0_CircularProgressBarCore__statusIndicator","arcsContainer":"wds_1_4_0_CircularProgressBarCore__arcsContainer","foreArc":"wds_1_4_0_CircularProgressBarCore__foreArc","backArc":"wds_1_4_0_CircularProgressBarCore__backArc"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/CloseButton/CloseButton.st.css.js

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_CloseButton";
+var _namespace_ = "wds_1_4_0_CloseButton";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_CloseButton__root"};
+export var classes = {"root":"wds_1_4_0_CloseButton__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ColorInput/components/ColorViewer.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_ColorViewer";
+var _namespace_ = "wds_1_4_0_ColorViewer";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_ColorViewer__root","line":"wds_1_2_0_ColorViewer__line"};
+export var classes = {"root":"wds_1_4_0_ColorViewer__root","line":"wds_1_4_0_ColorViewer__line"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ColorInput/components/Hash.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_Hash";
+var _namespace_ = "wds_1_4_0_Hash";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_Hash__root","text-medium-normal":"wds_1_2_0_StylableTypography__text-medium-normal"};
+export var classes = {"root":"wds_1_4_0_Hash__root","text-medium-normal":"wds_1_4_0_StylableTypography__text-medium-normal"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ColorPicker/ColorPicker.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_ColorPicker";
+var _namespace_ = "wds_1_4_0_ColorPicker";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_ColorPicker__root","children":"wds_1_2_0_ColorPicker__children"};
+export var classes = {"root":"wds_1_4_0_ColorPicker__root","children":"wds_1_4_0_ColorPicker__children"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ColorPicker/ColorPickerActions.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_ColorPickerActions";
+var _namespace_ = "wds_1_4_0_ColorPickerActions";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_ColorPickerActions__root"};
+export var classes = {"root":"wds_1_4_0_ColorPickerActions__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ColorPicker/ColorPickerConverter.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_ColorPickerConverter";
+var _namespace_ = "wds_1_4_0_ColorPickerConverter";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_ColorPickerConverter__root","colorInput":"wds_1_2_0_ColorPickerConverter__colorInput","preview":"wds_1_2_0_ColorPickerConverter__preview","distribute":"wds_1_2_0_ColorPickerConverter__distribute","distributedItem":"wds_1_2_0_ColorPickerConverter__distributedItem"};
+export var classes = {"root":"wds_1_4_0_ColorPickerConverter__root","colorInput":"wds_1_4_0_ColorPickerConverter__colorInput","preview":"wds_1_4_0_ColorPickerConverter__preview","distribute":"wds_1_4_0_ColorPickerConverter__distribute","distributedItem":"wds_1_4_0_ColorPickerConverter__distributedItem"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ColorPicker/ColorPickerHistory.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_ColorPickerHistory";
+var _namespace_ = "wds_1_4_0_ColorPickerHistory";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_ColorPickerHistory__root"};
+export var classes = {"root":"wds_1_4_0_ColorPickerHistory__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ColorPicker/ColorPickerHsb.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_ColorPickerHsb";
+var _namespace_ = "wds_1_4_0_ColorPickerHsb";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_ColorPickerHsb__root","sticky":"wds_1_2_0_ColorPickerHsb__sticky","saturation":"wds_1_2_0_ColorPickerHsb__saturation","brightness":"wds_1_2_0_ColorPickerHsb__brightness","hue":"wds_1_2_0_ColorPickerHsb__hue","handle":"wds_1_2_0_ColorPickerHsb__handle"};
+export var classes = {"root":"wds_1_4_0_ColorPickerHsb__root","sticky":"wds_1_4_0_ColorPickerHsb__sticky","saturation":"wds_1_4_0_ColorPickerHsb__saturation","brightness":"wds_1_4_0_ColorPickerHsb__brightness","hue":"wds_1_4_0_ColorPickerHsb__hue","handle":"wds_1_4_0_ColorPickerHsb__handle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ColorPicker/ColorPickerHue.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_2_0_ColorPickerHue";
+var _namespace_ = "wds_1_4_0_ColorPickerHue";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = /*#__PURE__*/ _style_;
 export var st = /*#__PURE__*/ _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_2_0_ColorPickerHue__root","handle":"wds_1_2_0_ColorPickerHue__handle"};
+export var classes = {"root":"wds_1_4_0_ColorPickerHue__root","handle":"wds_1_4_0_ColorPickerHue__handle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};