@wix/entity-advanced-permissions 1.1395.0 → 1.1397.0

package/dist/cjs/components/SearchEntity/SearchReplacmentsComponents.js

@@ -10,7 +10,7 @@ var _reactScrollbarsCustom = require("react-scrollbars-custom");
 var _AvatarRole = _interopRequireDefault(require("../PermissionsList/AvatarRole"));
 var _item_remove = _interopRequireDefault(require("../../assets/icons/item_remove.svg"));
 var _SearchEntitySt = require("./SearchEntity.st.css");
-var _wixUiTpa = require("wix-ui-tpa");
+var _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _constants = require("./constants");
 var _jsxFileName = "/home/builduser/work/529538774eb649c7/packages/entity-advanced-permissions/dist/cjs/components/SearchEntity/SearchReplacmentsComponents.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -35,6 +35,7 @@ const NoOptionsMessage = props => {
   }));
 };
 exports.NoOptionsMessage = NoOptionsMessage;
+NoOptionsMessage.displayName = 'NoOptionsMessage';
 const LoadingMessage = props => {
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props.innerProps, {
     style: props.getStyles('loadingMessage', props),
@@ -42,7 +43,7 @@ const LoadingMessage = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 48,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement("span", {
@@ -50,21 +51,22 @@ const LoadingMessage = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 53,
       columnNumber: 7
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.Spinner, {
+  }, /*#__PURE__*/_react.default.createElement(_cssVars.Spinner, {
     diameter: 16,
     className: (0, _SearchEntitySt.st)(_SearchEntitySt.classes.blackSpinner),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 54,
       columnNumber: 9
     }
   })), props.children);
 };
 exports.LoadingMessage = LoadingMessage;
+LoadingMessage.displayName = 'LoadingMessage';
 function getLength(options) {
   return options.reduce((acc, curr) => {
     if (curr.options) {
@@ -74,10 +76,11 @@ function getLength(options) {
   }, 0);
 }
 const Menu = resultString => {
-  return props => {
+  const MenuComponent = props => {
     const {
       isLoading
     } = props.selectProps;
+    const innerProps = props.innerProps;
     const optionsLength = getLength(props.options) - props.getValue().length;
     const parsedResults = resultString.replace('{0}', `${optionsLength}`);
     return /*#__PURE__*/_react.default.createElement(_reactScrollbarsCustom.Scrollbar, {
@@ -85,10 +88,11 @@ const Menu = resultString => {
       translateContentSizeYToHolder: true,
       style: menuScrollbarStyle,
       noScrollX: true,
+      className: (0, _SearchEntitySt.st)(_SearchEntitySt.classes.menu_scrollbar),
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 74,
+        lineNumber: 79,
         columnNumber: 7
       }
     }, !isLoading && /*#__PURE__*/_react.default.createElement("div", {
@@ -97,28 +101,34 @@ const Menu = resultString => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 81,
+        lineNumber: 87,
         columnNumber: 11
       }
     }, parsedResults), /*#__PURE__*/_react.default.createElement(_reactSelect.components.Menu, (0, _extends2.default)({}, props, {
+      innerProps: {
+        ...innerProps,
+        className: `${innerProps.className || ''} ${(0, _SearchEntitySt.st)(_SearchEntitySt.classes.menu)}`.trim()
+      },
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 85,
+        lineNumber: 91,
         columnNumber: 9
       }
     }), props.children));
   };
+  MenuComponent.displayName = 'Menu';
+  return MenuComponent;
 };
 exports.Menu = Menu;
 const MultiValueRemove = removeMessage => {
-  return props => {
+  const MultiValueRemoveComponent = props => {
     const parsedResults = removeMessage.replace('{0}', `${props.data.label}`);
     return /*#__PURE__*/_react.default.createElement(_reactSelect.components.MultiValueRemove, (0, _extends2.default)({}, props, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 95,
+        lineNumber: 113,
         columnNumber: 7
       }
     }), /*#__PURE__*/_react.default.createElement(_item_remove.default, {
@@ -128,11 +138,13 @@ const MultiValueRemove = removeMessage => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 96,
+        lineNumber: 114,
         columnNumber: 9
       }
     }));
   };
+  MultiValueRemoveComponent.displayName = 'MultiValueRemove';
+  return MultiValueRemoveComponent;
 };
 exports.MultiValueRemove = MultiValueRemove;
 const ValueContainer = props => {
@@ -149,14 +161,14 @@ const ValueContainer = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 134,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_reactSelect.components.ValueContainer, (0, _extends2.default)({}, props, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 120,
+        lineNumber: 140,
         columnNumber: 9
       }
     }), props.children));
@@ -165,12 +177,13 @@ const ValueContainer = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 147,
       columnNumber: 5
     }
   }), props.children);
 };
 exports.ValueContainer = ValueContainer;
+ValueContainer.displayName = 'ValueContainer';
 const Option = props => {
   const {
     role,
@@ -192,17 +205,18 @@ const Option = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 167,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_AvatarRole.default, (0, _extends2.default)({}, avatarData, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 173,
       columnNumber: 7
     }
   })));
 };
 exports.Option = Option;
+Option.displayName = 'Option';
 //# sourceMappingURL=SearchReplacmentsComponents.js.map

package/dist/cjs/components/SearchEntity/SearchReplacmentsComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactSelect","_reactScrollbarsCustom","_AvatarRole","_interopRequireDefault","_item_remove","_SearchEntitySt","_wixUiTpa","_constants","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","menuScrollbarStyle","width","maxHeight","MENU_SCROLLBAR_HEIGHT","valueContainerScrollbarStyle","SPACED_ROW_HEIGHT","DEFAULT_ROWS_NUMBER","SPACING","NoOptionsMessage","props","createElement","components","_extends2","className","st","classes","no_options","__self","__source","fileName","lineNumber","columnNumber","exports","LoadingMessage","innerProps","style","getStyles","loading_message","spinner","Spinner","diameter","blackSpinner","children","getLength","options","reduce","acc","curr","Menu","resultString","isLoading","selectProps","optionsLength","getValue","length","parsedResults","replace","Scrollbar","native","translateContentSizeYToHolder","noScrollX","role","MultiValueRemove","removeMessage","data","label","item_remove","tabIndex","ValueContainer","scrollComponent","useRef","useEffect","current","scrollToBottom","hasValue","ref","Option","description","icon","avatarData","displayDescription","roleID","id","isFocused","focusedOption","unfocusedOption"],"sources":["../../../../src/components/SearchEntity/SearchReplacmentsComponents.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport {\n  components,\n  OptionProps,\n  MenuProps,\n  MultiValueProps,\n  ValueContainerProps,\n  OptionsType,\n} from 'react-select';\n\nimport { Scrollbar } from 'react-scrollbars-custom';\nimport AvatarRole, { AvatarRoleProps } from '../PermissionsList/AvatarRole';\nimport Remove from '../../assets/icons/item_remove.svg';\nimport { st, classes } from './SearchEntity.st.css';\nimport { Spinner } from 'wix-ui-tpa';\n\nimport {\n  DEFAULT_ROWS_NUMBER,\n  MENU_SCROLLBAR_HEIGHT,\n  SPACED_ROW_HEIGHT,\n  SPACING,\n} from './constants';\nimport { LoadingIconProps } from 'react-select/src/components/indicators';\nimport { MenuOptions } from 'react-select/src/Select';\n\nconst menuScrollbarStyle = {\n  width: '100%',\n  maxHeight: `${MENU_SCROLLBAR_HEIGHT}px`,\n};\n\nconst valueContainerScrollbarStyle = {\n  width: '120%',\n  maxHeight: `${SPACED_ROW_HEIGHT * DEFAULT_ROWS_NUMBER + SPACING}px`,\n};\nexport const NoOptionsMessage = (props: any) => {\n  return (\n    <components.NoOptionsMessage\n      {...props}\n      className={st(classes.no_options)}\n    />\n  );\n};\n\nexport const LoadingMessage = (props: any) => {\n  return (\n    <div\n      {...props.innerProps}\n      style={props.getStyles('loadingMessage', props)}\n      className={st(classes.loading_message)}\n    >\n      <span className={st(classes.spinner)}>\n        <Spinner diameter={16} className={st(classes.blackSpinner)} />\n      </span>\n      {props.children}\n    </div>\n  );\n};\nfunction getLength(options: OptionsType<any>): number {\n  return options.reduce((acc: number, curr) => {\n    if (curr.options) {\n      return acc + getLength(curr.options);\n    }\n    return acc + 1;\n  }, 0);\n}\n\nexport const Menu = (resultString: string) => {\n  return (props: MenuProps<any, any>) => {\n    const { isLoading } = props.selectProps;\n    const optionsLength: number =\n      getLength(props.options) - props.getValue().length;\n    const parsedResults = resultString.replace('{0}', `${optionsLength}`);\n    return (\n      <Scrollbar\n        native\n        translateContentSizeYToHolder={true}\n        style={menuScrollbarStyle}\n        noScrollX={true}\n      >\n        {!isLoading && (\n          <div role=\"alert\" className=\"sr-only\">\n            {parsedResults}\n          </div>\n        )}\n        <components.Menu {...props}>{props.children}</components.Menu>\n      </Scrollbar>\n    );\n  };\n};\n\nexport const MultiValueRemove = (removeMessage: string) => {\n  return (props: MultiValueProps<any>) => {\n    const parsedResults = removeMessage.replace('{0}', `${props.data.label}`);\n    return (\n      <components.MultiValueRemove {...props}>\n        <Remove\n          className={st(classes.item_remove)}\n          aria-label={parsedResults}\n          tabIndex={0}\n        />\n      </components.MultiValueRemove>\n    );\n  };\n};\n\nexport const ValueContainer = (props: ValueContainerProps<any, any>) => {\n  const scrollComponent: React.MutableRefObject<any> = useRef(null);\n  useEffect(() => {\n    scrollComponent.current && scrollComponent.current.scrollToBottom();\n  });\n\n  if (props.hasValue) {\n    return (\n      <Scrollbar\n        translateContentSizeYToHolder={true}\n        style={valueContainerScrollbarStyle}\n        noScrollX={true}\n        ref={scrollComponent}\n      >\n        <components.ValueContainer {...props}>\n          {props.children}\n        </components.ValueContainer>\n      </Scrollbar>\n    );\n  }\n  return (\n    <components.ValueContainer {...props}>\n      {props.children}\n    </components.ValueContainer>\n  );\n};\n\nexport const Option = (props: OptionProps<any, any>) => {\n  const { role, description, icon } = props.data;\n  const avatarData: AvatarRoleProps = {\n    role,\n    description,\n    icon,\n    displayDescription: true,\n    roleID: props.data.id,\n  };\n  const { isFocused } = props;\n\n  return (\n    <components.Option\n      {...props}\n      className={st(\n        isFocused ? classes.focusedOption : classes.unfocusedOption,\n      )}\n    >\n      <AvatarRole {...avatarData} />\n    </components.Option>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactSelect","_reactScrollbarsCustom","_AvatarRole","_interopRequireDefault","_item_remove","_SearchEntitySt","_cssVars","_constants","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","menuScrollbarStyle","width","maxHeight","MENU_SCROLLBAR_HEIGHT","valueContainerScrollbarStyle","SPACED_ROW_HEIGHT","DEFAULT_ROWS_NUMBER","SPACING","NoOptionsMessage","props","createElement","components","_extends2","className","st","classes","no_options","__self","__source","fileName","lineNumber","columnNumber","exports","displayName","LoadingMessage","innerProps","style","getStyles","loading_message","spinner","Spinner","diameter","blackSpinner","children","getLength","options","reduce","acc","curr","Menu","resultString","MenuComponent","isLoading","selectProps","optionsLength","getValue","length","parsedResults","replace","Scrollbar","native","translateContentSizeYToHolder","noScrollX","menu_scrollbar","role","menu","trim","MultiValueRemove","removeMessage","MultiValueRemoveComponent","data","label","item_remove","tabIndex","ValueContainer","scrollComponent","useRef","useEffect","current","scrollToBottom","hasValue","ref","Option","description","icon","avatarData","displayDescription","roleID","id","isFocused","focusedOption","unfocusedOption"],"sources":["../../../../src/components/SearchEntity/SearchReplacmentsComponents.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport {\n  components,\n  OptionProps,\n  MenuProps,\n  MultiValueProps,\n  ValueContainerProps,\n  OptionsType,\n} from 'react-select';\n\nimport { Scrollbar } from 'react-scrollbars-custom';\nimport AvatarRole, { AvatarRoleProps } from '../PermissionsList/AvatarRole';\nimport Remove from '../../assets/icons/item_remove.svg';\nimport { st, classes } from './SearchEntity.st.css';\nimport { Spinner } from '@wix/wix-ui-tpa/cssVars';\n\nimport {\n  DEFAULT_ROWS_NUMBER,\n  MENU_SCROLLBAR_HEIGHT,\n  SPACED_ROW_HEIGHT,\n  SPACING,\n} from './constants';\nimport { LoadingIconProps } from 'react-select/src/components/indicators';\nimport { MenuOptions } from 'react-select/src/Select';\n\nconst menuScrollbarStyle = {\n  width: '100%',\n  maxHeight: `${MENU_SCROLLBAR_HEIGHT}px`,\n};\n\nconst valueContainerScrollbarStyle = {\n  width: '120%',\n  maxHeight: `${SPACED_ROW_HEIGHT * DEFAULT_ROWS_NUMBER + SPACING}px`,\n};\nexport const NoOptionsMessage = (props: any) => {\n  return (\n    <components.NoOptionsMessage\n      {...props}\n      className={st(classes.no_options)}\n    />\n  );\n};\n\nNoOptionsMessage.displayName = 'NoOptionsMessage';\n\nexport const LoadingMessage = (props: any) => {\n  return (\n    <div\n      {...props.innerProps}\n      style={props.getStyles('loadingMessage', props)}\n      className={st(classes.loading_message)}\n    >\n      <span className={st(classes.spinner)}>\n        <Spinner diameter={16} className={st(classes.blackSpinner)} />\n      </span>\n      {props.children}\n    </div>\n  );\n};\n\nLoadingMessage.displayName = 'LoadingMessage';\nfunction getLength(options: OptionsType<any>): number {\n  return options.reduce((acc: number, curr) => {\n    if (curr.options) {\n      return acc + getLength(curr.options);\n    }\n    return acc + 1;\n  }, 0);\n}\n\nexport const Menu = (resultString: string) => {\n  const MenuComponent = (props: MenuProps<any, any>) => {\n    const { isLoading } = props.selectProps;\n    const innerProps = props.innerProps as { className?: string };\n    const optionsLength: number =\n      getLength(props.options) - props.getValue().length;\n    const parsedResults = resultString.replace('{0}', `${optionsLength}`);\n    return (\n      <Scrollbar\n        native\n        translateContentSizeYToHolder={true}\n        style={menuScrollbarStyle}\n        noScrollX={true}\n        className={st(classes.menu_scrollbar)}\n      >\n        {!isLoading && (\n          <div role=\"alert\" className=\"sr-only\">\n            {parsedResults}\n          </div>\n        )}\n        <components.Menu\n          {...props}\n          innerProps={{\n            ...innerProps,\n            className: `${innerProps.className || ''} ${st(\n              classes.menu,\n            )}`.trim(),\n          }}\n        >\n          {props.children}\n        </components.Menu>\n      </Scrollbar>\n    );\n  };\n  MenuComponent.displayName = 'Menu';\n  return MenuComponent;\n};\n\nexport const MultiValueRemove = (removeMessage: string) => {\n  const MultiValueRemoveComponent = (props: MultiValueProps<any>) => {\n    const parsedResults = removeMessage.replace('{0}', `${props.data.label}`);\n    return (\n      <components.MultiValueRemove {...props}>\n        <Remove\n          className={st(classes.item_remove)}\n          aria-label={parsedResults}\n          tabIndex={0}\n        />\n        </components.MultiValueRemove>\n    );\n  };\n  MultiValueRemoveComponent.displayName = 'MultiValueRemove';\n  return MultiValueRemoveComponent;\n};\n\nexport const ValueContainer = (props: ValueContainerProps<any, any>) => {\n  const scrollComponent: React.MutableRefObject<any> = useRef(null);\n  useEffect(() => {\n    scrollComponent.current && scrollComponent.current.scrollToBottom();\n  });\n\n  if (props.hasValue) {\n    return (\n      <Scrollbar\n        translateContentSizeYToHolder={true}\n        style={valueContainerScrollbarStyle}\n        noScrollX={true}\n        ref={scrollComponent}\n      >\n        <components.ValueContainer {...props}>\n          {props.children}\n        </components.ValueContainer>\n      </Scrollbar>\n    );\n  }\n  return (\n    <components.ValueContainer {...props}>\n      {props.children}\n    </components.ValueContainer>\n  );\n};\n\nValueContainer.displayName = 'ValueContainer';\n\nexport const Option = (props: OptionProps<any, any>) => {\n  const { role, description, icon } = props.data;\n  const avatarData: AvatarRoleProps = {\n    role,\n    description,\n    icon,\n    displayDescription: true,\n    roleID: props.data.id,\n  };\n  const { isFocused } = props;\n\n  return (\n    <components.Option\n      {...props}\n      className={st(\n        isFocused ? classes.focusedOption : classes.unfocusedOption,\n      )}\n    >\n      <AvatarRole {...avatarData} />\n    </components.Option>\n  );\n};\n\nOption.displayName = 'Option';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/example/BasicExample.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _wixUiTpa = require("wix-ui-tpa");
+var _cssVars = require("@wix/wix-ui-tpa/cssVars");
 var _Close = _interopRequireDefault(require("wix-ui-icons-common/on-stage/Close"));
 var _BasicExampleSt = require("./BasicExample.st.css");
 var _jsxFileName = "/home/builduser/work/529538774eb649c7/packages/entity-advanced-permissions/dist/cjs/example/BasicExample.tsx"; // @ts-ignore
@@ -14,7 +14,7 @@ class BasicExample extends _react.default.Component {
     // const { mobile, rtl } = this.props;
     const mobile = false;
     const rtl = false;
-    return /*#__PURE__*/_react.default.createElement(_wixUiTpa.TPAComponentsProvider, {
+    return /*#__PURE__*/_react.default.createElement(_cssVars.TPAComponentsProvider, {
       value: {
         mobile,
         rtl
@@ -25,7 +25,7 @@ class BasicExample extends _react.default.Component {
         lineNumber: 26,
         columnNumber: 7
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiTpa.FloatingDropdown, {
+    }, /*#__PURE__*/_react.default.createElement(_cssVars.FloatingDropdown, {
       removeElementMinWidth: true,
       label: "Sort by:",
       options: [{
@@ -153,8 +153,8 @@ class BasicExample extends _react.default.Component {
         lineNumber: 27,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
-      typography: _wixUiTpa.TextTypography.largeTitle,
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.Text, {
+      typography: _cssVars.TextTypography.largeTitle,
       className: (0, _BasicExampleSt.st)(_BasicExampleSt.classes.enhancedText),
       __self: this,
       __source: {
@@ -176,8 +176,8 @@ class BasicExample extends _react.default.Component {
         lineNumber: 99,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Text, {
-      typography: _wixUiTpa.TextTypography.largeTitle,
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.Text, {
+      typography: _cssVars.TextTypography.largeTitle,
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -198,9 +198,10 @@ class BasicExample extends _react.default.Component {
         lineNumber: 102,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Button, {
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.Button, {
       upgrade: true,
-      priority: _wixUiTpa.ButtonPriority.primary,
+      priority: _cssVars.ButtonPriority.primary,
+      hoverStyle: _cssVars.HoverStyles.colorChange,
       style: {
         marginLeft: '10px'
       },
@@ -214,17 +215,17 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
+        lineNumber: 111,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111,
+        lineNumber: 112,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Dropdown, {
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.Dropdown, {
       placeholder: "Placeholder Text",
       options: [{
         id: '0',
@@ -250,45 +251,45 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 112,
+        lineNumber: 113,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 122,
+        lineNumber: 123,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 123,
+        lineNumber: 124,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Divider, {
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.Divider, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 124,
+        lineNumber: 125,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 125,
+        lineNumber: 126,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 126,
+        lineNumber: 127,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Tags, {
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.Tags, {
       onClick: console.log,
       items: [{
         title: 'ele 1',
@@ -301,177 +302,177 @@ class BasicExample extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127,
+        lineNumber: 128,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 135,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135,
+        lineNumber: 136,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Tooltip, {
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.Tooltip, {
       content: "Hello World",
       placement: "top",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 136,
+        lineNumber: 137,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement("span", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 137,
+        lineNumber: 138,
         columnNumber: 11
       }
     }, "Hover me for a tooltip!")), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 139,
+        lineNumber: 140,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 141,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.IconButton, {
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.IconButton, {
       icon: /*#__PURE__*/_react.default.createElement(_Close.default, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 141,
+          lineNumber: 142,
           columnNumber: 27
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 141,
+        lineNumber: 142,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 142,
+        lineNumber: 143,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 143,
+        lineNumber: 144,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.TextButton, {
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.TextButton, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144,
+        lineNumber: 145,
         columnNumber: 9
       }
     }, "Text Button - scss style"), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 145,
+        lineNumber: 146,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 146,
+        lineNumber: 147,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.TextButton, {
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.TextButton, {
       className: (0, _BasicExampleSt.st)(_BasicExampleSt.classes.enhancedButtonExtend),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 147,
+        lineNumber: 148,
         columnNumber: 9
       }
     }, "Text Button - stylable extend"), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 150,
+        lineNumber: 151,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 152,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.TextButton, {
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.TextButton, {
       className: (0, _BasicExampleSt.st)(_BasicExampleSt.classes.enhancedButtonMixin),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 152,
+        lineNumber: 153,
         columnNumber: 9
       }
     }, "Text Button - stylable mixin"), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 155,
+        lineNumber: 156,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 156,
+        lineNumber: 157,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Checkbox, {
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.Checkbox, {
       label: "i'm a checkbox",
       onChange: () => {},
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 157,
+        lineNumber: 158,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 158,
+        lineNumber: 159,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement("br", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159,
+        lineNumber: 160,
         columnNumber: 9
       }
-    }), /*#__PURE__*/_react.default.createElement(_wixUiTpa.Avatar, {
-      size: _wixUiTpa.AvatarSize.xLarge,
+    }), /*#__PURE__*/_react.default.createElement(_cssVars.Avatar, {
+      size: _cssVars.AvatarSize.xLarge,
       src: "https://randomuser.me/api/portraits/men/65.jpg",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 160,
+        lineNumber: 161,
         columnNumber: 9
       }
     }));