@nutui/nutui-react 1.5.2-beta.0 → 1.5.2-beta.2

package/dist/esm/Range.js

@@ -0,0 +1,407 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default, { useState, useRef, useEffect, useCallback } from 'react';
+import { u as useTouch } from './useTouch-cf73a407.js';
+import { g as getRect } from './useClientRect-56bb675b.js';
+import Toast from './Toast.js';
+import { useConfig } from './ConfigProvider.js';
+var defaultProps = {
+  range: false,
+  hiddenRange: false,
+  hiddenTag: false,
+  min: 0,
+  max: 100,
+  step: 1,
+  modelValue: 0,
+  vertical: false,
+  marks: {}
+};
+var startValue;
+var currentValue;
+var Range = function Range(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    range = _defaultProps$props.range,
+    disabled = _defaultProps$props.disabled,
+    activeColor = _defaultProps$props.activeColor,
+    inactiveColor = _defaultProps$props.inactiveColor,
+    buttonColor = _defaultProps$props.buttonColor,
+    hiddenRange = _defaultProps$props.hiddenRange,
+    hiddenTag = _defaultProps$props.hiddenTag,
+    modelValue = _defaultProps$props.modelValue,
+    button = _defaultProps$props.button,
+    vertical = _defaultProps$props.vertical,
+    marks = _defaultProps$props.marks,
+    dragStart = _defaultProps$props.dragStart,
+    dragEnd = _defaultProps$props.dragEnd,
+    onChange = _defaultProps$props.onChange,
+    onDragStart = _defaultProps$props.onDragStart,
+    onDragEnd = _defaultProps$props.onDragEnd,
+    minDesc = _defaultProps$props.minDesc,
+    maxDesc = _defaultProps$props.maxDesc,
+    curValueDesc = _defaultProps$props.curValueDesc;
+  var _defaultProps$props2 = _objectSpread(_objectSpread({}, defaultProps), props),
+    min = _defaultProps$props2.min,
+    max = _defaultProps$props2.max,
+    step = _defaultProps$props2.step;
+  min = Number(min);
+  max = Number(max);
+  step = Number(step);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    buttonIndex = _useState2[0],
+    SetButtonIndex = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    initValue = _useState4[0],
+    SetInitValue = _useState4[1];
+  var _useState5 = useState('start'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dragStatus = _useState6[0],
+    SetDragStatus = _useState6[1];
+  var touch = useTouch();
+  var root = useRef(null);
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    marksList = _useState8[0],
+    SetMarksList = _useState8[1];
+  useEffect(function () {
+    if (typeof modelValue === 'number') {
+      if (!range && (modelValue < min || modelValue > max)) {
+        SetInitValue(0);
+        Toast.text("".concat(modelValue, " ").concat(locale.range.rangeText));
+        return;
+      }
+      SetInitValue(modelValue);
+    }
+  }, [modelValue]);
+  useEffect(function () {
+    if (marks) {
+      var marksKeys = Object.keys(marks);
+      var list = marksKeys.map(parseFloat).sort(function (a, b) {
+        return a - b;
+      }).filter(function (point) {
+        return point >= min && point <= max;
+      });
+      SetMarksList(list);
+    }
+  }, [marks]);
+  var scope = function scope() {
+    return Number(max) - Number(min);
+  };
+  var classes = useCallback(function () {
+    var prefixCls = 'nut-range';
+    return [prefixCls, "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(vertical ? "".concat(prefixCls, "-vertical") : ''), "".concat(!hiddenRange ? "".concat(prefixCls, "-show-number") : '')].filter(Boolean).join(' ');
+  }, [disabled, vertical, hiddenRange]);
+  var containerClasses = useCallback(function () {
+    var prefixCls = 'nut-range-container';
+    return [prefixCls, "".concat(vertical ? "".concat(prefixCls, "-vertical") : ''), className].filter(Boolean).join(' ');
+  }, [vertical, className]);
+  var markClassName = useCallback(function (mark) {
+    var classPrefix = 'nut-range-mark';
+    var lowerBound = Number(min);
+    var upperBound = Number(max);
+    if (range) {
+      var _modelValue = _slicedToArray(modelValue, 2),
+        left = _modelValue[0],
+        right = _modelValue[1];
+      lowerBound = left;
+      upperBound = right;
+    } else {
+      upperBound = modelValue;
+    }
+    var isActive = mark <= upperBound && mark >= lowerBound;
+    return ["".concat(classPrefix, "-text"), "".concat(isActive ? "".concat(classPrefix, "-text-active") : '')].filter(Boolean).join(' ');
+  }, [range, modelValue, min, max]);
+  var _useState9 = useState(classes()),
+    _useState10 = _slicedToArray(_useState9, 2),
+    rangeName = _useState10[0],
+    setRangeName = _useState10[1];
+  var _useState11 = useState(containerClasses()),
+    _useState12 = _slicedToArray(_useState11, 2),
+    containerName = _useState12[0],
+    setContainerName = _useState12[1];
+  useEffect(function () {
+    setRangeName(classes());
+    setContainerName(containerClasses());
+  }, [classes, containerClasses]);
+  var wrapperStyle = function wrapperStyle() {
+    return {
+      background: inactiveColor
+    };
+  };
+  var buttonStyle = function buttonStyle() {
+    return {
+      borderColor: buttonColor
+    };
+  };
+  var isRange = function isRange(val) {
+    return !!range && Array.isArray(val);
+  };
+  var calcMainAxis = function calcMainAxis() {
+    var modelVal = initValue || initValue === 0 ? initValue : modelValue;
+    if (isRange(modelVal)) {
+      return "".concat((modelVal[1] - modelVal[0]) * 100 / scope(), "%");
+    }
+    return "".concat((modelVal - Number(min)) * 100 / scope(), "%");
+  };
+  var calcOffset = function calcOffset() {
+    var modelVal = initValue || initValue === 0 ? initValue : modelValue;
+    if (isRange(modelVal)) {
+      return "".concat((modelVal[0] - Number(min)) * 100 / scope(), "%");
+    }
+    return "0%";
+  };
+  var barStyle = function barStyle() {
+    if (vertical) {
+      return {
+        height: calcMainAxis(),
+        top: calcOffset(),
+        background: activeColor,
+        transition: dragStatus ? 'none' : undefined
+      };
+    }
+    return {
+      width: calcMainAxis(),
+      left: calcOffset(),
+      background: activeColor,
+      transition: dragStatus ? 'none' : undefined
+    };
+  };
+  var marksStyle = function marksStyle(mark) {
+    var style = {
+      left: "".concat((mark - Number(min)) / scope() * 100, "%")
+    };
+    if (vertical) {
+      style = {
+        top: "".concat((mark - Number(min)) / scope() * 100, "%")
+      };
+    }
+    return style;
+  };
+  var tickStyle = function tickStyle(mark) {
+    var lowerBound = Number(min);
+    var upperBound = Number(max);
+    if (range) {
+      var _modelValue2 = _slicedToArray(modelValue, 2),
+        left = _modelValue2[0],
+        right = _modelValue2[1];
+      lowerBound = left;
+      upperBound = right;
+    }
+    var isActive = mark <= upperBound && mark >= lowerBound;
+    var style = {
+      background: !isActive ? inactiveColor : activeColor
+    };
+    return style;
+  };
+  var format = function format(value) {
+    value = Math.max(+min, Math.min(value, +max));
+    return Math.round(value / +step) * +step;
+  };
+  var isSameValue = function isSameValue(newValue, oldValue) {
+    return JSON.stringify(newValue) === JSON.stringify(oldValue);
+  };
+  var handleOverlap = function handleOverlap(value) {
+    if (value[0] > value[1]) {
+      return value.slice(0).reverse();
+    }
+    return value;
+  };
+  var updateValue = function updateValue(value, end) {
+    if (isRange(value)) {
+      value = handleOverlap(value).map(format);
+    } else {
+      value = format(value);
+    }
+    var modelVal = initValue || initValue === 0 ? initValue : modelValue;
+    if (!isSameValue(value, modelVal)) {
+      SetInitValue(value);
+    }
+    if ((marks || end) && !isSameValue(value, startValue)) {
+      onChange && onChange(value);
+    }
+  };
+  var click = function click(event) {
+    if (disabled || !root.current) {
+      return;
+    }
+    SetDragStatus('');
+    var rect = getRect(root.current);
+    var delta = event.clientX - rect.left;
+    var total = rect.width;
+    if (vertical) {
+      delta = event.clientY - rect.top;
+      total = rect.height;
+    }
+    var value = Number(min) + delta / total * scope();
+    currentValue = initValue || initValue === 0 ? initValue : modelValue;
+    if (isRange(currentValue)) {
+      var _currentValue = currentValue,
+        _currentValue2 = _slicedToArray(_currentValue, 2),
+        left = _currentValue2[0],
+        right = _currentValue2[1];
+      var middle = (left + right) / 2;
+      if (value <= middle) {
+        updateValue([value, right], true);
+      } else {
+        updateValue([left, value], true);
+      }
+    } else {
+      updateValue(value, true);
+    }
+  };
+  var _onTouchStart = function onTouchStart(event) {
+    if (disabled) {
+      return;
+    }
+    touch.start(event);
+    currentValue = initValue || initValue === 0 ? initValue : modelValue;
+    if (isRange(currentValue)) {
+      startValue = currentValue.map(format);
+    } else {
+      startValue = format(currentValue);
+    }
+    SetDragStatus('start');
+  };
+  var _onTouchMove = function onTouchMove(event) {
+    if (disabled || !root.current) {
+      return;
+    }
+    if (dragStatus === 'start') {
+      dragStart && dragStart();
+      onDragStart && onDragStart();
+    }
+    touch.move(event);
+    SetDragStatus('draging');
+    var rect = getRect(root.current);
+    var delta = touch.deltaX;
+    var total = rect.width;
+    var diff = delta / total * scope();
+    if (vertical) {
+      delta = touch.deltaY;
+      total = rect.height;
+      diff = delta / total * scope();
+    }
+    if (isRange(startValue)) {
+      currentValue[buttonIndex] = startValue[buttonIndex] + diff;
+    } else {
+      currentValue = startValue + diff;
+    }
+    updateValue(currentValue);
+  };
+  var _onTouchEnd = function onTouchEnd(event) {
+    if (disabled) {
+      return;
+    }
+    if (dragStatus === 'draging') {
+      updateValue(currentValue, true);
+      dragEnd && dragEnd();
+      onDragEnd && onDragEnd();
+    }
+    SetDragStatus('');
+  };
+  var curValue = function curValue(idx) {
+    var modelVal = initValue || initValue === 0 ? initValue : modelValue;
+    var value = typeof idx === 'number' ? modelVal[idx] : modelVal;
+    return value;
+  };
+  return React__default.createElement("div", {
+    className: "".concat(containerName)
+  }, !hiddenRange ? React__default.createElement("div", {
+    className: "min"
+  }, minDesc || +min) : null, React__default.createElement("div", {
+    ref: root,
+    style: wrapperStyle(),
+    className: "".concat(rangeName),
+    onClick: function onClick(e) {
+      click(e);
+    }
+  }, marksList.length > 0 ? React__default.createElement("div", {
+    className: "nut-range-mark"
+  }, marksList.map(function (marks) {
+    return React__default.createElement("span", {
+      key: marks,
+      className: markClassName(marks),
+      style: marksStyle(marks)
+    }, marks, React__default.createElement("span", {
+      className: "nut-range-tick",
+      style: tickStyle(marks)
+    }));
+  })) : null, React__default.createElement("div", {
+    className: "nut-range-bar",
+    style: barStyle()
+  }, range ? [0, 1].map(function (item, index) {
+    return React__default.createElement("div", {
+      role: "slider",
+      key: index,
+      className: "".concat(index === 0 ? 'nut-range-button-wrapper-left' : '', "\n                  ").concat(index === 1 ? 'nut-range-button-wrapper-right' : ''),
+      tabIndex: disabled ? -1 : 0,
+      "aria-valuemin": +min,
+      "aria-valuenow": curValue(index),
+      "aria-valuemax": +max,
+      "aria-orientation": vertical ? 'vertical' : 'horizontal',
+      onTouchStart: function onTouchStart(e) {
+        if (typeof index === 'number') {
+          // 实时更新当前拖动的按钮索引
+          SetButtonIndex(index);
+        }
+        _onTouchStart(e);
+      },
+      onTouchMove: function onTouchMove(e) {
+        _onTouchMove(e);
+      },
+      onTouchEnd: function onTouchEnd(e) {
+        _onTouchEnd();
+      },
+      onTouchCancel: function onTouchCancel(e) {
+        _onTouchEnd();
+      },
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      }
+    }, button || React__default.createElement("div", {
+      className: "nut-range-button",
+      style: buttonStyle()
+    }, !hiddenTag ? React__default.createElement("div", {
+      className: "number"
+    }, curValueDesc || curValue(index)) : null));
+  }) : React__default.createElement("div", {
+    role: "slider",
+    className: "nut-range-button-wrapper",
+    tabIndex: disabled ? -1 : 0,
+    "aria-valuemin": +min,
+    "aria-valuenow": curValue(),
+    "aria-valuemax": +max,
+    "aria-orientation": vertical ? 'vertical' : 'horizontal',
+    onTouchStart: function onTouchStart(e) {
+      _onTouchStart(e);
+    },
+    onTouchMove: function onTouchMove(e) {
+      _onTouchMove(e);
+    },
+    onTouchEnd: function onTouchEnd(e) {
+      _onTouchEnd();
+    },
+    onTouchCancel: function onTouchCancel(e) {
+      _onTouchEnd();
+    },
+    onClick: function onClick(e) {
+      e.stopPropagation();
+    }
+  }, button || React__default.createElement("div", {
+    className: "nut-range-button",
+    style: buttonStyle()
+  }, !hiddenTag ? React__default.createElement("div", {
+    className: "number"
+  }, curValueDesc || curValue()) : null)))), !hiddenRange ? React__default.createElement("div", {
+    className: "max"
+  }, maxDesc || +max) : null);
+};
+Range.defaultProps = defaultProps;
+Range.displayName = 'NutRange';
+export { Range as default };

package/dist/esm/Rate/style/index.js

@@ -0,0 +1,2 @@
+import '../../Icon/style'
+import '../../../packages/rate/rate.scss'

package/dist/esm/Rate.js

@@ -0,0 +1,123 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default, { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-3b438e61.js';
+import Icon from './Icon.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+import '@bem-react/classname';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  count: 5,
+  modelValue: 0,
+  minimizeValue: 0,
+  iconSize: 18,
+  activeColor: '',
+  voidColor: '',
+  checkedIcon: 'star-fill-n',
+  uncheckedIcon: 'star-n',
+  disabled: false,
+  readonly: false,
+  allowHalf: false,
+  spacing: 14
+});
+var Rate = function Rate(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    count = _defaultProps$props.count,
+    modelValue = _defaultProps$props.modelValue,
+    minimizeValue = _defaultProps$props.minimizeValue,
+    iconSize = _defaultProps$props.iconSize,
+    activeColor = _defaultProps$props.activeColor,
+    voidColor = _defaultProps$props.voidColor,
+    checkedIcon = _defaultProps$props.checkedIcon,
+    uncheckedIcon = _defaultProps$props.uncheckedIcon,
+    disabled = _defaultProps$props.disabled,
+    readonly = _defaultProps$props.readonly,
+    allowHalf = _defaultProps$props.allowHalf,
+    spacing = _defaultProps$props.spacing,
+    onChange = _defaultProps$props.onChange,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName;
+  var b = cn('rate');
+  var bi = cn('rate-item');
+  var _useState = useState([1, 2, 3, 4, 5]),
+    _useState2 = _slicedToArray(_useState, 2),
+    countArray = _useState2[0],
+    setCountArray = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    score = _useState4[0],
+    setScore = _useState4[1];
+  useEffect(function () {
+    var tmp = [];
+    for (var i = 1; i <= Number(count); i++) {
+      tmp.push(i);
+    }
+    setCountArray(tmp);
+  }, [count]);
+  useEffect(function () {
+    setScore(Math.max(Number(modelValue), Number(minimizeValue)));
+  }, [modelValue]);
+  var pxCheck = function pxCheck(value) {
+    return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+  };
+  var _onClick = function onClick(e, index) {
+    e.preventDefault();
+    e.stopPropagation();
+    if (disabled || readonly) return;
+    var value = 0;
+    if (!(index === 1 && score === index)) {
+      value = index;
+      if (allowHalf) {
+        if ((e === null || e === void 0 ? void 0 : e.target).className.includes('__icon--half')) {
+          value -= 0.5;
+        }
+      }
+    }
+    value = Math.max(value, Number(minimizeValue));
+    setScore(value);
+    onChange && onChange(value);
+  };
+  return React__default.createElement("div", {
+    className: classNames(b(), className),
+    style: style
+  }, countArray.map(function (n) {
+    return React__default.createElement("div", {
+      className: bi(),
+      key: n,
+      onClick: function onClick(event) {
+        return _onClick(event, n);
+      },
+      style: {
+        marginRight: pxCheck(spacing)
+      }
+    }, React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      size: iconSize,
+      className: classNames(bi('icon'), _defineProperty({}, bi('icon--disabled'), disabled || n > score)),
+      name: n <= score ? checkedIcon : uncheckedIcon,
+      color: n <= score ? activeColor : voidColor
+    }), allowHalf && score > n - 1 && React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      className: "".concat(bi('icon'), " ").concat(bi('icon--half')),
+      color: n <= score ? activeColor : voidColor,
+      size: iconSize,
+      name: checkedIcon
+    }), allowHalf && score < n - 1 && React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      className: "".concat(bi('icon'), " ").concat(bi('icon--disabled'), " ").concat(bi('icon--half')),
+      color: voidColor,
+      size: iconSize,
+      name: uncheckedIcon
+    }));
+  }));
+};
+Rate.defaultProps = defaultProps;
+Rate.displayName = 'NutRate';
+export { Rate as default };

package/dist/esm/Row/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/row/row.scss'

package/dist/esm/Row.js

@@ -0,0 +1,50 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default from 'react';
+import classNames from 'classnames';
+import { D as DataContext } from './UserContext-101ad4a4.js';
+var defaultProps = {
+  type: '',
+  justify: 'start',
+  align: 'flex-start',
+  wrap: 'nowrap',
+  gutter: '0'
+};
+var Row = function Row(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    _defaultProps$props$s = _defaultProps$props.style,
+    style = _defaultProps$props$s === void 0 ? {} : _defaultProps$props$s,
+    children = _defaultProps$props.children,
+    type = _defaultProps$props.type,
+    justify = _defaultProps$props.justify,
+    align = _defaultProps$props.align,
+    wrap = _defaultProps$props.wrap,
+    gutter = _defaultProps$props.gutter,
+    _onClick = _defaultProps$props.onClick;
+  var prefixCls = 'nut-row';
+  var getClass = function getClass(prefix, type) {
+    var classType = type ? "nut-row-".concat(prefix, "-").concat(type) : '';
+    var className = prefix ? classType : "nut-row-".concat(type);
+    return className;
+  };
+  var getClasses = function getClasses() {
+    return "\n    ".concat(getClass('', type), "\n    ").concat(getClass('justify', justify), "\n    ").concat(getClass('align', align), "\n    ").concat(getClass('flex', wrap), "\n    ").concat(prefixCls, "\n   ");
+  };
+  var parentRow = {
+    gutter: gutter
+  };
+  return React__default.createElement(DataContext.Provider, {
+    value: parentRow
+  }, React__default.createElement('div', {
+    className: classNames(getClasses(), className),
+    style: style,
+    onClick: function onClick(e) {
+      _onClick && _onClick(e, 'row');
+    }
+  }, children));
+};
+Row.defaultProps = defaultProps;
+Row.displayName = 'NutRow';
+export { Row as default };

package/dist/esm/SearchBar/style/index.js

@@ -0,0 +1,2 @@
+import '../../Icon/style'
+import '../../../packages/searchbar/searchbar.scss'