@wix/design-system 1.149.0 → 1.149.2

package/dist/esm/Badge/Badge.js

@@ -2,61 +2,64 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { withFocusable } from '../common/Focusable';
 import { generateDataAttr } from '../utils/generateDataAttr';
-import { SKIN, TYPE, SIZE } from './constants';
+import { SKIN, TYPE, SIZE } from './Badge.constants';
 import { st, classes } from './Badge.st.css.js';
 import Caption from '../Text/Caption';
 import { WixDesignSystemContext } from '../WixDesignSystemProvider/context';
-class Badge extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.getProps = () => {
-            // that's what you pay for using HOCs...
-            const { focusableOnFocus, focusableOnBlur, ...rest } = this.props;
-            return rest;
-        };
-        this._getFocusableProps = () => {
-            // add focusable hooks only when badge is clickable
-            const { onClick, focusableOnFocus, focusableOnBlur } = this.props;
-            return onClick
-                ? {
-                    onFocus: focusableOnFocus,
-                    onBlur: focusableOnBlur,
-                    tabIndex: 0,
-                }
-                : {};
-        };
-    }
-    render() {
-        const { children, prefixIcon, suffixIcon, onClick, dataHook, className, showTooltip, display = 'inline', ...rest } = this.getProps();
-        return (React.createElement(WixDesignSystemContext.Consumer, null, ({ newColorsBranding }) => (React.createElement("div", { "data-hook": dataHook, onClick: onClick, ...this._getFocusableProps(), className: st(classes.root, { clickable: !!onClick, newColorsBranding, display, ...rest }, className), ...generateDataAttr(this.props, [
-                'type',
-                'skin',
-                'size',
-                'uppercase',
-            ]), "data-clickable": !!onClick, "data-is-inverted": rest['data-is-inverted'] },
-            prefixIcon &&
-                React.cloneElement(prefixIcon, {
-                    className: classes.prefix,
-                    'data-prefix-icon': true,
-                }),
-            React.createElement(Caption, { className: classes.text, caption: this.getProps().size === 'tiny' ? 'c2' : 'c1', ellipsis: true, showTooltip: showTooltip }, children),
-            suffixIcon &&
-                React.cloneElement(suffixIcon, {
-                    className: classes.suffix,
-                    'data-suffix-icon': true,
-                })))));
-    }
+const getProps = (props) => {
+    // that's what you pay for using HOCs...
+    const { focusableOnFocus, focusableOnBlur, ...rest } = props;
+    return rest;
+};
+const getFocusableProps = (props) => {
+    // add focusable hooks only when badge is clickable
+    const { onClick, focusableOnFocus, focusableOnBlur } = props;
+    return onClick
+        ? {
+            onFocus: focusableOnFocus,
+            onBlur: focusableOnBlur,
+            tabIndex: 0,
+        }
+        : {};
+};
+function Badge(props) {
+    const { children, prefixIcon, suffixIcon, onClick, dataHook, className, showTooltip = true, display = 'inline', ...rest } = getProps(props);
+    const defaultedRest = {
+        type: TYPE.solid,
+        skin: SKIN.general,
+        size: SIZE.medium,
+        uppercase: true,
+        noPadding: false,
+        ...rest,
+    };
+    return (React.createElement(WixDesignSystemContext.Consumer, null, ({ newColorsBranding }) => (React.createElement("div", { "data-hook": dataHook, onClick: onClick, ...getFocusableProps(props), className: st(classes.root, {
+            clickable: !!onClick,
+            newColorsBranding,
+            display,
+            ...defaultedRest,
+        }, className), ...generateDataAttr(defaultedRest, [
+            'type',
+            'skin',
+            'size',
+            'uppercase',
+        ]), "data-clickable": !!onClick, "data-is-inverted": rest['data-is-inverted'] },
+        prefixIcon &&
+            React.cloneElement(prefixIcon, {
+                className: classes.prefix,
+                'data-prefix-icon': true,
+            }),
+        React.createElement(Caption, { className: classes.text, caption: getProps(props).size === 'tiny' ? 'c2' : 'c1', ellipsis: true, showTooltip: showTooltip }, children),
+        suffixIcon &&
+            React.cloneElement(suffixIcon, {
+                className: classes.suffix,
+                'data-suffix-icon': true,
+            })))));
 }
+Badge.displayName = 'Badge';
 Badge.propTypes = {
-    /** Applies a data-hook HTML attribute to be used in the tests */
     dataHook: PropTypes.string,
-    /** Specifies a CSS class name to be appended to the component’s root element.
-     * @internal
-     */
     className: PropTypes.string,
-    /** Controls the appearance of a notification */
     type: PropTypes.oneOf(['solid', 'outlined', 'transparent']),
-    /** Controls the appearance of a notification */
     skin: PropTypes.oneOf([
         'general',
         'standard',
@@ -72,35 +75,17 @@ Badge.propTypes = {
         'premium',
         'warningLight',
     ]),
-    /** Controls the size of the component */
     size: PropTypes.oneOf(['medium', 'small', 'tiny']),
-    /** Pass an icon or a component to display in front of the content */
     prefixIcon: PropTypes.node,
-    /** Pass an icon or a component to display at the end of the content */
     suffixIcon: PropTypes.node,
-    /** Defines a click handler */
     onClick: PropTypes.func,
-    /** Forces uppercase letters */
     uppercase: PropTypes.bool,
-    /** Removes paddings from the component */
     noPadding: PropTypes.bool,
-    /** Controls whether ellipsis tooltip is enabled. */
     showTooltip: PropTypes.bool,
     focusableOnFocus: PropTypes.func,
     focusableOnBlur: PropTypes.func,
-    /** Accepts any component as a child item. Usually it is a text string. */
     children: PropTypes.node,
-    /** Defines the display property of the component */
     display: PropTypes.any,
 };
-Badge.displayName = 'Badge';
-Badge.defaultProps = {
-    type: TYPE.solid,
-    skin: SKIN.general,
-    size: SIZE.medium,
-    uppercase: true,
-    noPadding: false,
-    showTooltip: true,
-};
 export default withFocusable(Badge);
 //# sourceMappingURL=Badge.js.map

package/dist/esm/Badge/Badge.js.map

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

package/dist/esm/Badge/Badge.spec.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import Badge from '.';
+import { SKIN, TYPE, SIZE } from './Badge.constants';
+import { createRendererWithUniDriver, cleanup } from '../utils/test-utils/unit';
+import { badgeUniDriverFactory } from './Badge.uni.driver';
+describe('Badge', () => {
+    const render = createRendererWithUniDriver(badgeUniDriverFactory);
+    const createDriver = (jsx) => render(jsx).driver;
+    afterEach(() => cleanup());
+    describe('type prop', () => {
+        it('should be solid by default', async () => {
+            const driver = createDriver(React.createElement(Badge, null, "Hello"));
+            expect(await driver.getType()).toBe(TYPE.solid);
+        });
+        Object.keys(TYPE).forEach(type => {
+            it(`should be ${type}`, async () => {
+                const driver = createDriver(React.createElement(Badge, { type: type }, "Hello"));
+                expect(await driver.getType()).toBe(type);
+            });
+        });
+    });
+    describe('skin prop', () => {
+        it('should be general by default', async () => {
+            const driver = createDriver(React.createElement(Badge, null, "Hello"));
+            expect(await driver.getSkin()).toBe(SKIN.general);
+        });
+        Object.keys(SKIN).forEach(skin => {
+            it(`should be ${skin}`, async () => {
+                const driver = createDriver(React.createElement(Badge, { skin: skin }, "Hello"));
+                expect(await driver.getSkin()).toBe(skin);
+            });
+        });
+    });
+    describe('uppercase prop', () => {
+        it('should be uppercase by default', async () => {
+            const driver = createDriver(React.createElement(Badge, null, "Hello"));
+            expect(await driver.isUppercase()).toBe(true);
+        });
+        it('should be free-case when value is false', async () => {
+            const driver = createDriver(React.createElement(Badge, { uppercase: false }, "Hello"));
+            expect(await driver.isUppercase()).toBe(false);
+        });
+    });
+    describe('size prop', () => {
+        it('should be medium by default', async () => {
+            const driver = createDriver(React.createElement(Badge, null, "Hello"));
+            expect(await driver.getSize()).toBe(SIZE.medium);
+        });
+        Object.keys(SIZE).forEach(size => {
+            it(`should be ${size}`, async () => {
+                const driver = createDriver(React.createElement(Badge, { size: size }, "Hello"));
+                expect(await driver.getSize()).toBe(size);
+            });
+        });
+    });
+    describe('onClick prop', () => {
+        it('cursor should be default when no onClick', async () => {
+            const driver = createDriver(React.createElement(Badge, null, "Hello"));
+            expect(await driver.hasClickCursor()).toBe(false);
+        });
+        it('cursor should be pointer when onClick set', async () => {
+            const driver = createDriver(React.createElement(Badge, { onClick: (e) => e }, "Hello"));
+            expect(await driver.hasClickCursor()).toBe(true);
+        });
+        it('should call event handler on badge click', async () => {
+            const handler = jest.fn();
+            const driver = createDriver(React.createElement(Badge, { onClick: () => handler() }, "Hello"));
+            await driver.click();
+            expect(handler).toHaveBeenCalled();
+        });
+    });
+    describe('children prop', () => {
+        it('should render the text given as a children prop', async () => {
+            const driver = createDriver(React.createElement(Badge, null, "Hello"));
+            expect(await driver.text()).toBe('Hello');
+        });
+    });
+});
+//# sourceMappingURL=Badge.spec.js.map

package/dist/esm/Badge/Badge.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.spec.js","sourceRoot":"","sources":["../../../src/Badge/Badge.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,MAAM,GAAG,CAAC;AACtB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,2BAA2B,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,MAAM,MAAM,GAAG,2BAA2B,CAAC,qBAAqB,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,CAAC,GAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;IAE3B,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;YAC1C,MAAM,MAAM,GAAG,YAAY,CAAC,oBAAC,KAAK,gBAAc,CAAC,CAAC;YAClD,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC/B,EAAE,CAAC,aAAa,IAAI,EAAE,EAAE,KAAK,IAAI,EAAE;gBACjC,MAAM,MAAM,GAAG,YAAY,CACzB,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAiB,YAAe,CAC9C,CAAC;gBACF,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;YAC5C,MAAM,MAAM,GAAG,YAAY,CAAC,oBAAC,KAAK,gBAAc,CAAC,CAAC;YAClD,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC/B,EAAE,CAAC,aAAa,IAAI,EAAE,EAAE,KAAK,IAAI,EAAE;gBACjC,MAAM,MAAM,GAAG,YAAY,CACzB,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAiB,YAAe,CAC9C,CAAC;gBACF,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;QAC9B,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;YAC9C,MAAM,MAAM,GAAG,YAAY,CAAC,oBAAC,KAAK,gBAAc,CAAC,CAAC;YAClD,MAAM,CAAC,MAAM,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;YACvD,MAAM,MAAM,GAAG,YAAY,CAAC,oBAAC,KAAK,IAAC,SAAS,EAAE,KAAK,YAAe,CAAC,CAAC;YACpE,MAAM,CAAC,MAAM,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;YAC3C,MAAM,MAAM,GAAG,YAAY,CAAC,oBAAC,KAAK,gBAAc,CAAC,CAAC;YAClD,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC/B,EAAE,CAAC,aAAa,IAAI,EAAE,EAAE,KAAK,IAAI,EAAE;gBACjC,MAAM,MAAM,GAAG,YAAY,CACzB,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAiB,YAAe,CAC9C,CAAC;gBACF,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;QAC5B,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;YACxD,MAAM,MAAM,GAAG,YAAY,CAAC,oBAAC,KAAK,gBAAc,CAAC,CAAC;YAClD,MAAM,CAAC,MAAM,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;YACzD,MAAM,MAAM,GAAG,YAAY,CAAC,oBAAC,KAAK,IAAC,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,YAAe,CAAC,CAAC;YAC1E,MAAM,CAAC,MAAM,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;YACxD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAC1B,MAAM,MAAM,GAAG,YAAY,CACzB,oBAAC,KAAK,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,YAAe,CAC/C,CAAC;YACF,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;YACrB,MAAM,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC7B,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;YAC/D,MAAM,MAAM,GAAG,YAAY,CAAC,oBAAC,KAAK,gBAAc,CAAC,CAAC;YAClD,MAAM,CAAC,MAAM,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -8,7 +8,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_0_Badge";
+var _namespace_ = "wds_1_149_2_Badge";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_Badge__root","text-tiny-bold":"wds_1_149_0_StylableTypography__text-tiny-bold","prefix":"wds_1_149_0_Badge__prefix","suffix":"wds_1_149_0_Badge__suffix","BadgeStyle":"wds_1_149_0_Badge__BadgeStyle","text":"wds_1_149_0_Badge__text"};
+export var classes = {"root":"wds_1_149_2_Badge__root","text-tiny-bold":"wds_1_149_2_StylableTypography__text-tiny-bold","prefix":"wds_1_149_2_Badge__prefix","suffix":"wds_1_149_2_Badge__suffix","BadgeStyle":"wds_1_149_2_Badge__BadgeStyle","text":"wds_1_149_2_Badge__text"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Badge/Badge.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Badge.types.js.map

package/dist/esm/Badge/Badge.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.js","sourceRoot":"","sources":["../../../src/Badge/Badge.types.ts"],"names":[],"mappings":""}

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

@@ -1,34 +1,28 @@
 import { baseUniDriverFactory } from '../utils/test-utils/unidriver';
-export const badgeUniDriverFactory = base => ({
+export const badgeUniDriverFactory = (base) => ({
     ...baseUniDriverFactory(base),
     /**
      * Gets badge text
-     * @return {Promise<string>}
      */
     text: () => base.text(),
     /**
      * Gets badge type
-     * @return {Promise<'solid' | 'outlined' | 'transparent'>}
      */
     getType: () => base.attr('data-type'),
     /**
      * Gets badge type
-     * @return {Promise<'general' | 'standard' | 'danger' | 'success' | 'neutral' | 'neutralLight' | 'warning' | 'warningLight' | 'urgent' | 'neutralStandard' | 'neutralSuccess' | 'neutralDanger' | 'premium'>}
      */
     getSkin: () => base.attr('data-skin'),
     /**
      * Gets badge size
-     * @return {Promise<'medium' | 'small' | 'tiny'>}
      */
     getSize: () => base.attr('data-size'),
     /**
      * Checks whether the text is uppercase
-     * @return {Promise<boolean>}
      */
     isUppercase: async () => (await base.attr('data-uppercase')) === 'true',
     /**
      * Checks whether badge is clickable
-     * @return {Promise<boolean>}
      */
     hasClickCursor: async () => (await base.attr('data-clickable')) === 'true',
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.uni.driver.js","sourceRoot":"","sources":["../../../src/Badge/Badge.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC5C,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE7B;;;OAGG;IACH,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;IAEvB;;;OAGG;IACH,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;IAErC;;;OAGG;IACH,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;IAErC;;;OAGG;IACH,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;IAErC;;;OAGG;IACH,WAAW,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,MAAM;IAEvE;;;OAGG;IACH,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,MAAM;CAC3E,CAAC,CAAC"}
+{"version":3,"file":"Badge.uni.driver.js","sourceRoot":"","sources":["../../../src/Badge/Badge.uni.driver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAYrE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAe,EAAkB,EAAE,CAAC,CAAC;IACzE,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE7B;;OAEG;IACH,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;IAEvB;;OAEG;IACH,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAuB;IAE3D;;OAEG;IACH,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAuB;IAE3D;;OAEG;IACH,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAuB;IAE3D;;OAEG;IACH,WAAW,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,MAAM;IAEvE;;OAEG;IACH,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,MAAM;CAC3E,CAAC,CAAC"}

package/dist/esm/Badge/index.js

@@ -1,3 +1,4 @@
 export { default } from './Badge';
-export * from './constants';
+export * from './Badge.types';
+export * from './Badge.constants';
 //# sourceMappingURL=index.js.map

package/dist/esm/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Badge/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_0_BadgeSelect";
+var _namespace_ = "wds_1_149_2_BadgeSelect";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_BadgeSelect__root"};
+export var classes = {"root":"wds_1_149_2_BadgeSelect__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_0_BadgeSelectItem";
+var _namespace_ = "wds_1_149_2_BadgeSelectItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_BadgeSelectItem__root","marker":"wds_1_149_0_BadgeSelectItem__marker"};
+export var classes = {"root":"wds_1_149_2_BadgeSelectItem__root","marker":"wds_1_149_2_BadgeSelectItem__marker"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_0_BarChart";
+var _namespace_ = "wds_1_149_2_BarChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_BarChart__root","wrapper":"wds_1_149_0_BarChart__wrapper","item":"wds_1_149_0_BarChart__item","value":"wds_1_149_0_BarChart__value","description":"wds_1_149_0_BarChart__description"};
+export var classes = {"root":"wds_1_149_2_BarChart__root","wrapper":"wds_1_149_2_BarChart__wrapper","item":"wds_1_149_2_BarChart__item","value":"wds_1_149_2_BarChart__value","description":"wds_1_149_2_BarChart__description"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"height":"72px"}; 
-export var vars = {"barValue":"--wds_1_149_0_BarChart-barValue"}; 
+export var vars = {"barValue":"--wds_1_149_2_BarChart-barValue"}; 
 
 
 

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

@@ -13,7 +13,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_0_BaseModalLayout";
+var _namespace_ = "wds_1_149_2_BaseModalLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -21,7 +21,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_BaseModalLayout__root","controlButtons":"wds_1_149_0_BaseModalLayout__controlButtons","helpButton":"wds_1_149_0_BaseModalLayout__helpButton","closeButton":"wds_1_149_0_BaseModalLayout__closeButton","helpIcon":"wds_1_149_0_BaseModalLayout__helpIcon","header":"wds_1_149_0_BaseModalLayout__header","content":"wds_1_149_0_BaseModalLayout__content","footer":"wds_1_149_0_BaseModalLayout__footer","footnote":"wds_1_149_0_BaseModalLayout__footnote","illustration":"wds_1_149_0_BaseModalLayout__illustration"};
+export var classes = {"root":"wds_1_149_2_BaseModalLayout__root","controlButtons":"wds_1_149_2_BaseModalLayout__controlButtons","helpButton":"wds_1_149_2_BaseModalLayout__helpButton","closeButton":"wds_1_149_2_BaseModalLayout__closeButton","helpIcon":"wds_1_149_2_BaseModalLayout__helpIcon","header":"wds_1_149_2_BaseModalLayout__header","content":"wds_1_149_2_BaseModalLayout__content","footer":"wds_1_149_2_BaseModalLayout__footer","footnote":"wds_1_149_2_BaseModalLayout__footnote","illustration":"wds_1_149_2_BaseModalLayout__illustration"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/BaseModalLayout/LayoutBlocks/Content/Content.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_149_0_LayoutBlocksContent";
+var _namespace_ = "wds_1_149_2_LayoutBlocksContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_LayoutBlocksContent__root","defaultScrollBar":"wds_1_149_0_defaultscrollbar__defaultScrollBar","innerContent":"wds_1_149_0_LayoutBlocksContent__innerContent","topDivider":"wds_1_149_0_LayoutBlocksContent__topDivider","bottomDivider":"wds_1_149_0_LayoutBlocksContent__bottomDivider"};
+export var classes = {"root":"wds_1_149_2_LayoutBlocksContent__root","defaultScrollBar":"wds_1_149_2_defaultscrollbar__defaultScrollBar","innerContent":"wds_1_149_2_LayoutBlocksContent__innerContent","topDivider":"wds_1_149_2_LayoutBlocksContent__topDivider","bottomDivider":"wds_1_149_2_LayoutBlocksContent__bottomDivider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/BaseModalLayout/LayoutBlocks/Footer/Footer.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_149_0_LayoutBlocksFooter";
+var _namespace_ = "wds_1_149_2_LayoutBlocksFooter";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_LayoutBlocksFooter__root","innerContent":"wds_1_149_0_LayoutBlocksFooter__innerContent","divider":"wds_1_149_0_LayoutBlocksFooter__divider","actions":"wds_1_149_0_LayoutBlocksFooter__actions","sideActions":"wds_1_149_0_LayoutBlocksFooter__sideActions"};
+export var classes = {"root":"wds_1_149_2_LayoutBlocksFooter__root","innerContent":"wds_1_149_2_LayoutBlocksFooter__innerContent","divider":"wds_1_149_2_LayoutBlocksFooter__divider","actions":"wds_1_149_2_LayoutBlocksFooter__actions","sideActions":"wds_1_149_2_LayoutBlocksFooter__sideActions"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/BaseModalLayout/LayoutBlocks/Footnote/Footnote.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_149_0_Footnote";
+var _namespace_ = "wds_1_149_2_Footnote";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_Footnote__root","innerContent":"wds_1_149_0_Footnote__innerContent"};
+export var classes = {"root":"wds_1_149_2_Footnote__root","innerContent":"wds_1_149_2_Footnote__innerContent"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/BaseModalLayout/LayoutBlocks/Header/Header.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_149_0_LayoutBlocksHeader";
+var _namespace_ = "wds_1_149_2_LayoutBlocksHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_LayoutBlocksHeader__root","innerContent":"wds_1_149_0_LayoutBlocksHeader__innerContent","title":"wds_1_149_0_LayoutBlocksHeader__title","subtitle":"wds_1_149_0_LayoutBlocksHeader__subtitle"};
+export var classes = {"root":"wds_1_149_2_LayoutBlocksHeader__root","innerContent":"wds_1_149_2_LayoutBlocksHeader__innerContent","title":"wds_1_149_2_LayoutBlocksHeader__title","subtitle":"wds_1_149_2_LayoutBlocksHeader__subtitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/BaseModalLayout/LayoutBlocks/Illustration/Illustration.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_149_0_Illustration";
+var _namespace_ = "wds_1_149_2_Illustration";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_Illustration__root","image":"wds_1_149_0_Illustration__image"};
+export var classes = {"root":"wds_1_149_2_Illustration__root","image":"wds_1_149_2_Illustration__image"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_0_BounceAnimation";
+var _namespace_ = "wds_1_149_2_BounceAnimation";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,8 +12,8 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_BounceAnimation__root"};
-export var keyframes = {"easeOutElasticSmall":"wds_1_149_0_BounceAnimation__easeOutElasticSmall","easeOutElasticMedium":"wds_1_149_0_BounceAnimation__easeOutElasticMedium","easeOutElasticSmallLoop":"wds_1_149_0_BounceAnimation__easeOutElasticSmallLoop","easeOutElasticMediumLoop":"wds_1_149_0_BounceAnimation__easeOutElasticMediumLoop"}; 
+export var classes = {"root":"wds_1_149_2_BounceAnimation__root"};
+export var keyframes = {"easeOutElasticSmall":"wds_1_149_2_BounceAnimation__easeOutElasticSmall","easeOutElasticMedium":"wds_1_149_2_BounceAnimation__easeOutElasticMedium","easeOutElasticSmallLoop":"wds_1_149_2_BounceAnimation__easeOutElasticSmallLoop","easeOutElasticMediumLoop":"wds_1_149_2_BounceAnimation__easeOutElasticMediumLoop"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"iterationDely":"700ms","loopDuration":"1000ms"}; 

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_149_0_Box";
+var _namespace_ = "wds_1_149_2_Box";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_149_0_Box__root","defaultScrollBar":"wds_1_149_0_defaultscrollbar__defaultScrollBar"};
+export var classes = {"root":"wds_1_149_2_Box__root","defaultScrollBar":"wds_1_149_2_defaultscrollbar__defaultScrollBar"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"gap":"--wds_1_149_0_Box-gap"}; 
+export var vars = {"gap":"--wds_1_149_2_Box-gap"}; 
 
 
 

package/dist/esm/Breadcrumbs/Breadcrumbs.driver.js

@@ -22,6 +22,8 @@ const breadcrumbsDriverFactory = ({ element }) => {
         isLarge: () => element.getAttribute(DATA_ATTRIBUTES.DATA_SIZE) === SIZES.large,
         /** fulfilled if breadcrumbs component is medium */
         isMedium: () => element.getAttribute(DATA_ATTRIBUTES.DATA_SIZE) === SIZES.medium,
+        /** fulfilled if breadcrumbs component is small */
+        isSmall: () => element.getAttribute(DATA_ATTRIBUTES.DATA_SIZE) === SIZES.small,
         /** fulfilled if breadcrumbs component is on white background */
         isOnWhiteBackground: () => element.getAttribute(DATA_ATTRIBUTES.DATA_THEME) ===
             THEMES.onWhiteBackground,

package/dist/esm/Breadcrumbs/Breadcrumbs.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.driver.js","sourceRoot":"","sources":["../../../src/Breadcrumbs/Breadcrumbs.driver.js"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEzE,MAAM,wBAAwB,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE1D,OAAO;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO;QAEvB,wDAAwD;QACxD,iBAAiB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM;QAElD,sDAAsD;QACtD,mBAAmB,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,WAAW;QAE/D,2CAA2C;QAC3C,iBAAiB,EAAE,QAAQ,CAAC,EAAE,CAC5B,cAAc,CAAC,QAAQ,CAAC,KAAK,CAC3B,QAAQ,CAAC,QAAQ,CAAC,CAAC,aAAa,CAC9B,gBAAgB,UAAU,CAAC,oBAAoB,IAAI,CACpD,CACF;QAEH,yFAAyF;QACzF,eAAe,EAAE,GAAG,EAAE;YACpB,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CACtC,IAAI,eAAe,CAAC,WAAW,UAAU,CAC1C,CAAC;YAEF,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACxE,CAAC;QAED,kDAAkD;QAClD,OAAO,EAAE,GAAG,EAAE,CACZ,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC,KAAK;QAEjE,mDAAmD;QACnD,QAAQ,EAAE,GAAG,EAAE,CACb,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC,MAAM;QAElE,gEAAgE;QAChE,mBAAmB,EAAE,GAAG,EAAE,CACxB,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC;YAChD,MAAM,CAAC,iBAAiB;QAE1B,+DAA+D;QAC/D,kBAAkB,EAAE,GAAG,EAAE,CACvB,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC;YAChD,MAAM,CAAC,gBAAgB;QAEzB,+DAA+D;QAC/D,kBAAkB,EAAE,GAAG,EAAE,CACvB,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC;YAChD,MAAM,CAAC,gBAAgB;QAEzB,yCAAyC;QACzC,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"Breadcrumbs.driver.js","sourceRoot":"","sources":["../../../src/Breadcrumbs/Breadcrumbs.driver.js"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEzE,MAAM,wBAAwB,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE1D,OAAO;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO;QAEvB,wDAAwD;QACxD,iBAAiB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM;QAElD,sDAAsD;QACtD,mBAAmB,EAAE,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,WAAW;QAE/D,2CAA2C;QAC3C,iBAAiB,EAAE,QAAQ,CAAC,EAAE,CAC5B,cAAc,CAAC,QAAQ,CAAC,KAAK,CAC3B,QAAQ,CAAC,QAAQ,CAAC,CAAC,aAAa,CAC9B,gBAAgB,UAAU,CAAC,oBAAoB,IAAI,CACpD,CACF;QAEH,yFAAyF;QACzF,eAAe,EAAE,GAAG,EAAE;YACpB,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CACtC,IAAI,eAAe,CAAC,WAAW,UAAU,CAC1C,CAAC;YAEF,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACxE,CAAC;QAED,kDAAkD;QAClD,OAAO,EAAE,GAAG,EAAE,CACZ,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC,KAAK;QAEjE,mDAAmD;QACnD,QAAQ,EAAE,GAAG,EAAE,CACb,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC,MAAM;QAElE,kDAAkD;QAClD,OAAO,EAAE,GAAG,EAAE,CACZ,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC,KAAK;QAEjE,gEAAgE;QAChE,mBAAmB,EAAE,GAAG,EAAE,CACxB,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC;YAChD,MAAM,CAAC,iBAAiB;QAE1B,+DAA+D;QAC/D,kBAAkB,EAAE,GAAG,EAAE,CACvB,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC;YAChD,MAAM,CAAC,gBAAgB;QAEzB,+DAA+D;QAC/D,kBAAkB,EAAE,GAAG,EAAE,CACvB,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC;YAChD,MAAM,CAAC,gBAAgB;QAEzB,yCAAyC;QACzC,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/esm/Breadcrumbs/Breadcrumbs.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Text from '../Text';
 import { BreadcrumbsChevronRight } from '@wix/wix-ui-icons-common/system';
-import { DATA_HOOKS, DATA_ATTRIBUTES, THEMES } from './constnats';
+import { DATA_HOOKS, DATA_ATTRIBUTES, THEMES, TEXT_SIZES } from './constnats';
 import { st, classes } from './Breadcrumbs.st.css.js';
 /**
  * a way to visualise current navigation path
@@ -24,8 +24,7 @@ class Breadcrumbs extends React.PureComponent {
         const active = isActive;
         const breadcrumbText = value => {
             const { theme, size } = this.props;
-            const isSmallSize = size === 'medium';
-            return (React.createElement(Text, { dataHook: DATA_HOOKS.BREADCRUMBS_ITEM, weight: isActive ? 'normal' : 'thin', light: theme === THEMES.onDarkBackground, size: isSmallSize ? 'small' : 'medium', ellipsis: true }, value));
+            return (React.createElement(Text, { dataHook: DATA_HOOKS.BREADCRUMBS_ITEM, weight: isActive ? 'normal' : 'thin', light: theme === THEMES.onDarkBackground, size: TEXT_SIZES[size], ellipsis: true }, value));
         };
         const defaultBreadcrumb = id => {
             const { disabled } = item;
@@ -95,7 +94,7 @@ Breadcrumbs.propTypes = {
     /** Defines which breadcrumbs item is currently active */
     activeId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     /** Controls the component size */
-    size: PropTypes.oneOf(['medium', 'large']),
+    size: PropTypes.oneOf(['small', 'medium', 'large']),
     /** Sets the maximum width of each item value in px. Longer items get truncated with ellipsis. */
     itemMaxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     /** Controls the component appearance */