@wix/design-system 1.141.1 → 1.143.0

package/dist/cjs/TopBanner/TopBanner.story.js

@@ -0,0 +1,355 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.WithCustomContent = exports.InPage = exports.InModal = exports.Basic = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _TopBanner = _interopRequireDefault(require("./TopBanner"));
+var _Page = _interopRequireDefault(require("../Page"));
+var _Button = _interopRequireDefault(require("../Button"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _ = require("..");
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/TopBanner/TopBanner.story.tsx";
+var meta = {
+  title: 'TopBanner',
+  component: _TopBanner.default
+};
+var _default = exports.default = meta;
+var commonProps = {
+  dismissible: true,
+  dismissLabel: 'dismiss-label',
+  position: 'sticky',
+  dataHook: 'top-banner',
+  action: /*#__PURE__*/_react.default.createElement(_TopBanner.default.ActionButton, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 11
+    }
+  }, "Upgrade"),
+  children: 'Upgrade your site to start accepting payments.'
+};
+var Basic = () => /*#__PURE__*/_react.default.createElement(_TopBanner.default, (0, _extends2.default)({}, commonProps, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 26,
+    columnNumber: 35
+  }
+}));
+exports.Basic = Basic;
+var InPage = () => /*#__PURE__*/_react.default.createElement("div", {
+  style: {
+    height: '800px',
+    overflow: 'scroll',
+    position: 'relative'
+  },
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 29,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_TopBanner.default, (0, _extends2.default)({}, commonProps, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 30,
+    columnNumber: 5
+  }
+})), /*#__PURE__*/_react.default.createElement(_Page.default, {
+  height: "1600px",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 31,
+    columnNumber: 5
+  }
+}, /*#__PURE__*/_react.default.createElement(_Page.default.Header, {
+  title: "Page Title",
+  breadcrumbs: /*#__PURE__*/_react.default.createElement(_.Breadcrumbs, {
+    items: [{
+      id: 0,
+      value: 'Page Name'
+    }, {
+      id: 1,
+      value: 'Page title'
+    }],
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 11
+    }
+  }),
+  subtitle: "I\u2019m a relatively long subtitle to fill this space in.",
+  actionsBar: /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 6
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_.IconButton, {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 15
+    }
+  })), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    skin: "light",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 13
+    }
+  }, "Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    skin: "standard",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 13
+    }
+  }, "Button")),
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 32,
+    columnNumber: 7
+  }
+}), /*#__PURE__*/_react.default.createElement(_Page.default.Content, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 59,
+    columnNumber: 7
+  }
+}, /*#__PURE__*/_react.default.createElement(_.Text, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 60,
+    columnNumber: 9
+  }
+}, "This is text"))));
+exports.InPage = InPage;
+var InModal = () => {
+  return /*#__PURE__*/_react.default.createElement(_.Modal, {
+    isOpen: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 68,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_.Card, {
+    stretchVertically: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 69,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_.Card.Header, {
+    suffix: /*#__PURE__*/_react.default.createElement(_.CloseButton, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 71,
+        columnNumber: 19
+      }
+    }),
+    title: "Title",
+    subtitle: "I\u2019m a relatively long subtitle to fill this space in.",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_.Card.Content, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      overflow: 'scroll',
+      height: '400px'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 76,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 77,
+      columnNumber: 13
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"), /*#__PURE__*/_react.default.createElement(_TopBanner.default, (0, _extends2.default)({}, commonProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 83,
+      columnNumber: 13
+    }
+  })), /*#__PURE__*/_react.default.createElement(_.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 84,
+      columnNumber: 13
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"), /*#__PURE__*/_react.default.createElement(_.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 90,
+      columnNumber: 13
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"), /*#__PURE__*/_react.default.createElement(_.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 96,
+      columnNumber: 13
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"), /*#__PURE__*/_react.default.createElement(_.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 102,
+      columnNumber: 13
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"), /*#__PURE__*/_react.default.createElement(_.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 108,
+      columnNumber: 13
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"), /*#__PURE__*/_react.default.createElement(_.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 114,
+      columnNumber: 13
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"), /*#__PURE__*/_react.default.createElement(_.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 120,
+      columnNumber: 13
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"), /*#__PURE__*/_react.default.createElement(_.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 126,
+      columnNumber: 13
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?"), /*#__PURE__*/_react.default.createElement(_.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 132,
+      columnNumber: 13
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt modi a atque illum deleniti veniam, quibusdam ad dignissimos excepturi ex itaque incidunt corrupti earum! Laboriosam laborum eos asperiores mollitia dicta?")))));
+};
+exports.InModal = InModal;
+var WithCustomContent = () => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      backgroundColor: 'red',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 147,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TopBanner.default, (0, _extends2.default)({}, commonProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 156,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '6px',
+      width: '100%'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 157,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      backgroundColor: 'purple',
+      width: '70%',
+      padding: '3px',
+      borderRadius: '3px',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 158,
+      columnNumber: 11
+    }
+  }, "Lorem ipsum dolor, sit amet consectetur adipisicing elit."), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      backgroundColor: 'pink',
+      width: '30%',
+      padding: '3px',
+      borderRadius: '3px'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 171,
+      columnNumber: 11
+    }
+  }, "Lorem ipsum dolor, sit amet consectetur adipisicing elit."))));
+};
+exports.WithCustomContent = WithCustomContent;
+//# sourceMappingURL=TopBanner.story.js.map

package/dist/cjs/TopBanner/TopBanner.story.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_TopBanner","_Page","_Button","_wixUiIconsCommon","_","_jsxFileName","meta","title","component","TopBanner","_default","exports","default","commonProps","dismissible","dismissLabel","position","dataHook","action","createElement","ActionButton","__self","__source","fileName","lineNumber","columnNumber","children","Basic","_extends2","InPage","style","height","overflow","Header","breadcrumbs","Breadcrumbs","items","id","value","subtitle","actionsBar","display","gap","IconButton","justifyContent","alignItems","More","skin","Content","Text","InModal","Modal","isOpen","Card","stretchVertically","suffix","CloseButton","WithCustomContent","flexDirection","backgroundColor","width","padding","borderRadius"],"sources":["../../../src/TopBanner/TopBanner.story.tsx"],"sourcesContent":["import React from 'react';\nimport type { Meta, Story } from '@storybook/react';\nimport TopBanner from './TopBanner';\nimport type { TopBannerProps } from './TopBanner.types';\nimport Page from '../Page';\nimport Button from '../Button';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { Breadcrumbs, Card, CloseButton, IconButton, Modal, Text } from '..';\n\nconst meta: Meta<typeof TopBanner> = {\n  title: 'TopBanner',\n  component: TopBanner,\n};\n\nexport default meta;\n\nconst commonProps: TopBannerProps = {\n  dismissible: true,\n  dismissLabel: 'dismiss-label',\n  position: 'sticky',\n  dataHook: 'top-banner',\n  action: <TopBanner.ActionButton>Upgrade</TopBanner.ActionButton>,\n  children: 'Upgrade your site to start accepting payments.',\n};\n\nexport const Basic: Story = () => <TopBanner {...commonProps} />;\n\nexport const InPage: Story = () => (\n  <div style={{ height: '800px', overflow: 'scroll', position: 'relative' }}>\n    <TopBanner {...commonProps}></TopBanner>\n    <Page height=\"1600px\">\n      <Page.Header\n        title=\"Page Title\"\n        breadcrumbs={\n          <Breadcrumbs\n            items={[\n              { id: 0, value: 'Page Name' },\n              { id: 1, value: 'Page title' },\n            ]}\n          />\n        }\n        subtitle=\"I’m a relatively long subtitle to fill this space in.\"\n        actionsBar={\n          <div style={{ display: 'flex', gap: 6 }}>\n            <IconButton\n              style={{\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n              }}\n            >\n              <More />\n            </IconButton>\n            <Button skin=\"light\">Button</Button>\n            <Button skin=\"standard\">Button</Button>\n          </div>\n        }\n      />\n      <Page.Content>\n        <Text>This is text</Text>\n      </Page.Content>\n    </Page>\n  </div>\n);\n\nexport const InModal: Story = () => {\n  return (\n    <Modal isOpen={true}>\n      <Card stretchVertically>\n        <Card.Header\n          suffix={<CloseButton />}\n          title=\"Title\"\n          subtitle=\"I’m a relatively long subtitle to fill this space in.\"\n        />\n        <Card.Content>\n          <div style={{ overflow: 'scroll', height: '400px' }}>\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt\n              modi a atque illum deleniti veniam, quibusdam ad dignissimos\n              excepturi ex itaque incidunt corrupti earum! Laboriosam laborum\n              eos asperiores mollitia dicta?\n            </Text>\n            <TopBanner {...commonProps}></TopBanner>\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt\n              modi a atque illum deleniti veniam, quibusdam ad dignissimos\n              excepturi ex itaque incidunt corrupti earum! Laboriosam laborum\n              eos asperiores mollitia dicta?\n            </Text>\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt\n              modi a atque illum deleniti veniam, quibusdam ad dignissimos\n              excepturi ex itaque incidunt corrupti earum! Laboriosam laborum\n              eos asperiores mollitia dicta?\n            </Text>\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt\n              modi a atque illum deleniti veniam, quibusdam ad dignissimos\n              excepturi ex itaque incidunt corrupti earum! Laboriosam laborum\n              eos asperiores mollitia dicta?\n            </Text>\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt\n              modi a atque illum deleniti veniam, quibusdam ad dignissimos\n              excepturi ex itaque incidunt corrupti earum! Laboriosam laborum\n              eos asperiores mollitia dicta?\n            </Text>\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt\n              modi a atque illum deleniti veniam, quibusdam ad dignissimos\n              excepturi ex itaque incidunt corrupti earum! Laboriosam laborum\n              eos asperiores mollitia dicta?\n            </Text>\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt\n              modi a atque illum deleniti veniam, quibusdam ad dignissimos\n              excepturi ex itaque incidunt corrupti earum! Laboriosam laborum\n              eos asperiores mollitia dicta?\n            </Text>\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt\n              modi a atque illum deleniti veniam, quibusdam ad dignissimos\n              excepturi ex itaque incidunt corrupti earum! Laboriosam laborum\n              eos asperiores mollitia dicta?\n            </Text>\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt\n              modi a atque illum deleniti veniam, quibusdam ad dignissimos\n              excepturi ex itaque incidunt corrupti earum! Laboriosam laborum\n              eos asperiores mollitia dicta?\n            </Text>\n            <Text>\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt\n              modi a atque illum deleniti veniam, quibusdam ad dignissimos\n              excepturi ex itaque incidunt corrupti earum! Laboriosam laborum\n              eos asperiores mollitia dicta?\n            </Text>\n          </div>\n        </Card.Content>\n      </Card>\n    </Modal>\n  );\n};\n\nexport const WithCustomContent: Story = () => {\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        backgroundColor: 'red',\n        alignItems: 'center',\n        justifyContent: 'center',\n      }}\n    >\n      <TopBanner {...commonProps}>\n        <div style={{ display: 'flex', gap: '6px', width: '100%' }}>\n          <div\n            style={{\n              backgroundColor: 'purple',\n              width: '70%',\n              padding: '3px',\n              borderRadius: '3px',\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n            }}\n          >\n            Lorem ipsum dolor, sit amet consectetur adipisicing elit.\n          </div>\n          <div\n            style={{\n              backgroundColor: 'pink',\n              width: '30%',\n              padding: '3px',\n              borderRadius: '3px',\n            }}\n          >\n            Lorem ipsum dolor, sit amet consectetur adipisicing elit.\n          </div>\n        </div>\n      </TopBanner>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/TopBanner/TopBanner.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=TopBanner.types.js.map

package/dist/cjs/TopBanner/TopBanner.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/TopBanner/TopBanner.types.ts"],"sourcesContent":["type TopBannerPosition = 'static' | 'sticky';\n\nexport type TopBannerProps = {\n  /** Applies a data-hook HTML attribute that can be used in tests. */\n  dataHook?: string;\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   *  @internal\n   */\n  className?: string;\n\n  /** Controls z-index of component\n   *  @default 1\n   */\n  zIndex?: number;\n\n  /** Specifies whether component sticks to top of container or not.\n   *  @default static\n   */\n  position?: TopBannerPosition;\n\n  /**\n   * Specifies whether the TopBanner should render the dismiss button.\n   * @default true\n   */\n  dismissible?: boolean;\n\n  /** Aria label for the dismiss button. */\n  dismissLabel?: string;\n\n  /**\n   * Specifies action component.\n   * Can be either:\n   * - `<TopBanner.ActionButton/>`\n   * - `<TopBanner.ActionTextButton/>`\n   * - custom\n   * */\n  action?: React.ReactNode;\n\n  /** Callback function called whenever the user clicks the dismiss button.*/\n  onDismiss?: (event: React.MouseEvent) => void;\n\n  /** Specifies main content of top banner. */\n  children?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/TopBanner/TopBanner.uni.driver.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.topBannerDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../utils/test-utils/unidriver");
+var _TopBanner = require("./TopBanner.constants");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var topBannerDriverFactory = base => {
+  var dismissButton = (0, _unidriver.findByHook)(base, _TopBanner.dataHooks.dismissButton);
+  var content = (0, _unidriver.findByHook)(base, _TopBanner.dataHooks.content);
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    /** Gets the content of top banner. */
+    getContent: () => content.text(),
+    /** Checks if the dismiss button exists. */
+    hasDismissButton: () => dismissButton.exists(),
+    /** Clicks the dismiss button */
+    clickDismissButton: () => dismissButton.click()
+  });
+};
+exports.topBannerDriverFactory = topBannerDriverFactory;
+//# sourceMappingURL=TopBanner.uni.driver.js.map

package/dist/cjs/TopBanner/TopBanner.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_TopBanner","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","topBannerDriverFactory","base","dismissButton","findByHook","dataHooks","content","baseUniDriverFactory","getContent","text","hasDismissButton","exists","clickDismissButton","click","exports"],"sources":["../../../src/TopBanner/TopBanner.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { dataHooks } from './TopBanner.constants';\n\nexport const topBannerDriverFactory = (base: UniDriver) => {\n  const dismissButton = findByHook(base, dataHooks.dismissButton);\n  const content = findByHook(base, dataHooks.content);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** Gets the content of top banner. */\n    getContent: () => content.text(),\n\n    /** Checks if the dismiss button exists. */\n    hasDismissButton: () => dismissButton.exists(),\n\n    /** Clicks the dismiss button */\n    clickDismissButton: () => dismissButton.click(),\n  };\n};\n\nexport type TopBannerUniDriver = ReturnType<typeof topBannerDriverFactory>;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAD,OAAA;AAAkD,SAAAE,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE3C,IAAMqB,sBAAsB,GAAIC,IAAe,IAAK;EACzD,IAAMC,aAAa,GAAG,IAAAC,qBAAU,EAACF,IAAI,EAAEG,oBAAS,CAACF,aAAa,CAAC;EAC/D,IAAMG,OAAO,GAAG,IAAAF,qBAAU,EAACF,IAAI,EAAEG,oBAAS,CAACC,OAAO,CAAC;EAEnD,OAAAd,aAAA,CAAAA,aAAA,KACK,IAAAe,+BAAoB,EAACL,IAAI,CAAC;IAC7B;IACAM,UAAU,EAAEA,CAAA,KAAMF,OAAO,CAACG,IAAI,CAAC,CAAC;IAEhC;IACAC,gBAAgB,EAAEA,CAAA,KAAMP,aAAa,CAACQ,MAAM,CAAC,CAAC;IAE9C;IACAC,kBAAkB,EAAEA,CAAA,KAAMT,aAAa,CAACU,KAAK,CAAC;EAAC;AAEnD,CAAC;AAACC,OAAA,CAAAb,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/cjs/TopBanner/components/ActionButton/ActionButton.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ActionButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Button = _interopRequireDefault(require("../../../Button"));
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/TopBanner/components/ActionButton/ActionButton.tsx";
+var ActionButton = _ref => {
+  var {
+    dataHook,
+    onClick,
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Button.default, {
+    skin: "transparent",
+    dataHook: dataHook,
+    size: "small",
+    onClick: onClick,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 10,
+      columnNumber: 3
+    }
+  }, children);
+};
+exports.ActionButton = ActionButton;
+//# sourceMappingURL=ActionButton.js.map

package/dist/cjs/TopBanner/components/ActionButton/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_jsxFileName","ActionButton","_ref","dataHook","onClick","children","default","createElement","skin","size","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../src/TopBanner/components/ActionButton/ActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport Button from '../../../Button';\nimport type { ActionButtonProps } from './ActionButton.types';\n\nexport const ActionButton: React.FC<ActionButtonProps> = ({\n  dataHook,\n  onClick,\n  children,\n}) => (\n  <Button skin=\"transparent\" dataHook={dataHook} size=\"small\" onClick={onClick}>\n    {children}\n  </Button>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAqC,IAAAE,YAAA;AAG9B,IAAMC,YAAyC,GAAGC,IAAA;EAAA,IAAC;IACxDC,QAAQ;IACRC,OAAO;IACPC;EACF,CAAC,GAAAH,IAAA;EAAA,oBACCN,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAO,OAAM;IAACE,IAAI,EAAC,aAAa;IAACL,QAAQ,EAAEA,QAAS;IAACM,IAAI,EAAC,OAAO;IAACL,OAAO,EAAEA,OAAQ;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC1ET,QACK,CAAC;AAAA,CACV;AAACU,OAAA,CAAAd,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/cjs/TopBanner/components/ActionButton/ActionButton.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ActionButton.types.js.map

package/dist/cjs/TopBanner/components/ActionButton/ActionButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/TopBanner/components/ActionButton/ActionButton.types.ts"],"sourcesContent":["export type ActionButtonProps = {\n  dataHook?: string;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  children?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/TopBanner/components/ActionButton/ActionButton.uni.driver.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.actionButtonDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../../../utils/test-utils/unidriver");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var actionButtonDriverFactory = base => {
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    /** Returns button label */
+    getLabel: () => base.text()
+  });
+};
+exports.actionButtonDriverFactory = actionButtonDriverFactory;
+//# sourceMappingURL=ActionButton.uni.driver.js.map

package/dist/cjs/TopBanner/components/ActionButton/ActionButton.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","actionButtonDriverFactory","base","baseUniDriverFactory","getLabel","text","exports"],"sources":["../../../../../src/TopBanner/components/ActionButton/ActionButton.uni.driver.ts"],"sourcesContent":["import type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../utils/test-utils/unidriver';\n\nexport const actionButtonDriverFactory = (base: UniDriver) =>\n{\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Returns button label */\n    getLabel: () => base.text(),\n  };\n}\n\nexport type ActionButtonDriver = ReturnType<typeof actionButtonDriverFactory>;\n"],"mappings":";;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAA2E,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEpE,IAAMqB,yBAAyB,GAAIC,IAAe,IACzD;EACE,OAAAV,aAAA,CAAAA,aAAA,KACK,IAAAW,+BAAoB,EAACD,IAAI,CAAC;IAE7B;IACAE,QAAQ,EAAEA,CAAA,KAAMF,IAAI,CAACG,IAAI,CAAC;EAAC;AAE/B,CAAC;AAAAC,OAAA,CAAAL,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/cjs/TopBanner/components/ActionLink/ActionLink.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ActionLink = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _TextButton = _interopRequireDefault(require("../../../TextButton"));
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/TopBanner/components/ActionLink/ActionLink.tsx";
+var ActionLink = _ref => {
+  var {
+    dataHook,
+    as,
+    onClick,
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_TextButton.default, {
+    skin: "light",
+    underline: "always",
+    dataHook: dataHook,
+    as: as,
+    onClick: onClick,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 11,
+      columnNumber: 3
+    }
+  }, children);
+};
+exports.ActionLink = ActionLink;
+//# sourceMappingURL=ActionLink.js.map

package/dist/cjs/TopBanner/components/ActionLink/ActionLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_TextButton","_jsxFileName","ActionLink","_ref","dataHook","as","onClick","children","default","createElement","skin","underline","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../src/TopBanner/components/ActionLink/ActionLink.tsx"],"sourcesContent":["import React from 'react';\nimport TextButton from '../../../TextButton';\nimport type { ActionLinkProps } from './ActionLink.types';\n\nexport const ActionLink: React.FC<ActionLinkProps> = ({\n  dataHook,\n  as,\n  onClick,\n  children,\n}) => (\n  <TextButton\n    skin=\"light\"\n    underline=\"always\"\n    dataHook={dataHook}\n    as={as}\n    onClick={onClick}\n  >\n    {children}\n  </TextButton>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,IAAAE,YAAA;AAGtC,IAAMC,UAAqC,GAAGC,IAAA;EAAA,IAAC;IACpDC,QAAQ;IACRC,EAAE;IACFC,OAAO;IACPC;EACF,CAAC,GAAAJ,IAAA;EAAA,oBACCN,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,WAAA,CAAAQ,OAAU;IACTE,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,QAAQ;IAClBP,QAAQ,EAAEA,QAAS;IACnBC,EAAE,EAAEA,EAAG;IACPC,OAAO,EAAEA,OAAQ;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBT,QACS,CAAC;AAAA,CACd;AAACU,OAAA,CAAAf,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/cjs/TopBanner/components/ActionLink/ActionLink.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ActionLink.types.js.map

package/dist/cjs/TopBanner/components/ActionLink/ActionLink.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/TopBanner/components/ActionLink/ActionLink.types.ts"],"sourcesContent":["export type ActionLinkProps = {\n  dataHook?: string;\n  as?: React.ComponentType<any>;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  children?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/TopBanner/components/ActionLink/ActionLink.uni.driver.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.actionLinkDriverFactory = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../../../utils/test-utils/unidriver");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var actionLinkDriverFactory = base => {
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    /** Returns link label */
+    getLabel: () => base.text()
+  });
+};
+exports.actionLinkDriverFactory = actionLinkDriverFactory;
+//# sourceMappingURL=ActionLink.uni.driver.js.map

package/dist/cjs/TopBanner/components/ActionLink/ActionLink.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","actionLinkDriverFactory","base","baseUniDriverFactory","getLabel","text","exports"],"sources":["../../../../../src/TopBanner/components/ActionLink/ActionLink.uni.driver.ts"],"sourcesContent":["import type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../utils/test-utils/unidriver';\n\nexport const actionLinkDriverFactory = (base: UniDriver) => {\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Returns link label */\n    getLabel: () => base.text(),\n  };\n};\n\nexport type ActionLinkDriver = ReturnType<typeof actionLinkDriverFactory>;\n"],"mappings":";;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAA2E,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEpE,IAAMqB,uBAAuB,GAAIC,IAAe,IAAK;EAC1D,OAAAV,aAAA,CAAAA,aAAA,KACK,IAAAW,+BAAoB,EAACD,IAAI,CAAC;IAE7B;IACAE,QAAQ,EAAEA,CAAA,KAAMF,IAAI,CAACG,IAAI,CAAC;EAAC;AAE/B,CAAC;AAACC,OAAA,CAAAL,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/dist/cjs/TopBanner/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = exports.TopBannerProps = exports.ActionLinkProps = exports.ActionButtonProps = void 0;
+var _TopBanner = _interopRequireDefault(require("./TopBanner"));
+exports.default = _TopBanner.default;
+var _TopBanner2 = require("./TopBanner.types");
+exports.TopBannerProps = _TopBanner2.TopBannerProps;
+var _ActionButton = require("./components/ActionButton/ActionButton.types");
+exports.ActionButtonProps = _ActionButton.ActionButtonProps;
+var _ActionLink = require("./components/ActionLink/ActionLink.types");
+exports.ActionLinkProps = _ActionLink.ActionLinkProps;
+//# sourceMappingURL=index.js.map

package/dist/cjs/TopBanner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TopBanner","_interopRequireDefault","require","exports","default","_TopBanner2","TopBannerProps","_ActionButton","ActionButtonProps","_ActionLink","ActionLinkProps"],"sources":["../../../src/TopBanner/index.ts"],"sourcesContent":["export { default } from './TopBanner';\nexport { TopBannerProps } from './TopBanner.types';\nexport { ActionButtonProps } from './components/ActionButton/ActionButton.types';\nexport { ActionLinkProps } from './components/ActionLink/ActionLink.types';\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAsCC,OAAA,CAAAC,OAAA,GAAAJ,UAAA,CAAAI,OAAA;AACtC,IAAAC,WAAA,GAAAH,OAAA;AAAmDC,OAAA,CAAAG,cAAA,GAAAD,WAAA,CAAAC,cAAA;AACnD,IAAAC,aAAA,GAAAL,OAAA;AAAiFC,OAAA,CAAAK,iBAAA,GAAAD,aAAA,CAAAC,iBAAA;AACjF,IAAAC,WAAA,GAAAP,OAAA;AAA2EC,OAAA,CAAAO,eAAA,GAAAD,WAAA,CAAAC,eAAA","ignoreList":[]}

package/dist/cjs/TrendIndicator/TrendIndicator.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_141_1_TrendIndicator";
+var _namespace_ = "wds_1_143_0_TrendIndicator";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_141_1_TrendIndicator__root","caption":"wds_1_141_1_TrendIndicator__caption","icon":"wds_1_141_1_TrendIndicator__icon"};
+module.exports.classes = {"root":"wds_1_143_0_TrendIndicator__root","caption":"wds_1_143_0_TrendIndicator__caption","icon":"wds_1_143_0_TrendIndicator__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/VariableInput/VariableInput.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_141_1_VariableInput";
+var _namespace_ = "wds_1_143_0_VariableInput";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_141_1_VariableInput__root","text-small-normal":"wds_1_141_1_StylableTypography__text-small-normal","text-small-thin":"wds_1_141_1_StylableTypography__text-small-thin","text-medium-normal":"wds_1_141_1_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_141_1_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_141_1_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_141_1_VariableInput__tagWrapper","textWrapper":"wds_1_141_1_VariableInput__textWrapper","indicatorWrapper":"wds_1_141_1_VariableInput__indicatorWrapper"};
+module.exports.classes = {"root":"wds_1_143_0_VariableInput__root","text-small-normal":"wds_1_143_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_143_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_143_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_143_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_143_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_143_0_VariableInput__tagWrapper","textWrapper":"wds_1_143_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_143_0_VariableInput__indicatorWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","rows":"--wds_1_141_1_VariableInput-rows","rowHeight":"--wds_1_141_1_VariableInput-rowHeight","contentHeight":"--wds_1_141_1_VariableInput-contentHeight"}; 
+module.exports.vars = {"wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","rows":"--wds_1_143_0_VariableInput-rows","rowHeight":"--wds_1_143_0_VariableInput-rowHeight","contentHeight":"--wds_1_143_0_VariableInput-contentHeight"};