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

package/dist/esm/Range.js

@@ -1,407 +0,0 @@
-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

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

package/dist/esm/Rate.js

@@ -1,123 +0,0 @@
-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

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

package/dist/esm/Row.js

@@ -1,50 +0,0 @@
-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

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