@sheinx/shineout-style 3.0.0-alpha.1

package/cjs/divider/index.d.ts

@@ -0,0 +1,4 @@
+import dividerStyle from './divider';
+declare const useDividerStyle: (data?: undefined) => import("jss").Classes<keyof import("./divider").DividerClasses>;
+export { dividerStyle, useDividerStyle };
+export default useDividerStyle;

package/cjs/divider/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "dividerStyle", {
+  enumerable: true,
+  get: function get() {
+    return _divider.default;
+  }
+});
+exports.useDividerStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _divider = _interopRequireDefault(require("./divider"));
+var useDividerStyle = (0, _jssStyle.styled)(_divider.default, 'divider');
+exports.useDividerStyle = useDividerStyle;
+var _default = useDividerStyle;
+exports.default = _default;

package/cjs/dropdown/dropdown.d.ts

@@ -0,0 +1,4 @@
+import { JsStyles } from '../jss-style';
+export declare type DropDownClass = 'wrapper' | 'open' | 'list' | 'listSmall' | 'listLarge' | 'boxList' | 'caret' | 'content' | 'button' | 'item' | 'itemDisabled' | 'itemActive' | 'splitButton' | 'optionGroup' | 'optionDivider';
+declare const dropdown: JsStyles<DropDownClass>;
+export default dropdown;

package/cjs/dropdown/dropdown.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var dropdown = {
+  wrapper: {
+    display: 'inline-block',
+    position: 'relative',
+    '$list &': {
+      display: 'block'
+    }
+  },
+  open: {
+    '& > $button $caret': {
+      transform: 'rotate(180deg)'
+    }
+  },
+  list: {
+    position: 'absolute',
+    fontWeight: 400,
+    minWidth: '100%',
+    zIndex: 1000,
+    textAlign: 'left',
+    fontSize: _theme.default.dropdownListFontSize,
+    border: "".concat(_theme.default.dropdownListBorderWidth, " solid ").concat(_theme.default.dropdownListBorderColor),
+    borderRadius: _theme.default.dropdownListBorderRadius,
+    padding: "".concat(_theme.default.dropdownListPaddingY, " 0"),
+    background: _theme.default.dropdownListBackgroundColor,
+    boxShadow: _theme.default.dropdownListBoxShadow,
+    width: 'max-content',
+    boxSizing: 'border-box',
+    lineHeight: _theme.default.lineHeightDynamic,
+    '$wrapper $wrapper &': {
+      minWidth: 'auto'
+    }
+  },
+  listSmall: {
+    fontSize: _theme.default.dropdownListSmallFontSize,
+    borderRadius: _theme.default.dropdownListSmallBorderRadius,
+    padding: "".concat(_theme.default.dropdownListSmallPaddingY, " 0")
+  },
+  listLarge: {
+    fontSize: _theme.default.dropdownListLargeFontSize,
+    borderRadius: _theme.default.dropdownListLargeBorderRadius,
+    padding: "".concat(_theme.default.dropdownListLargePaddingY, " 0")
+  },
+  boxList: {
+    padding: "".concat(_theme.default.dropdownColumnPaddingY, " ").concat(_theme.default.dropdownColumnPaddingX),
+    '& $item': {
+      textAlign: 'center'
+    }
+  },
+  caret: {
+    width: '1em',
+    height: '1em',
+    display: 'inline-block',
+    lineHeight: '1',
+    '$wrapper[data-position^="right"] > $button & > svg': {
+      transform: 'rotate(-90deg)'
+    },
+    '$wrapper[data-position^="left"] > $button & > svg': {
+      transform: 'rotate(90deg)'
+    },
+    '$wrapper[data-position^="top"] > $button & > svg': {
+      transform: 'rotate(180deg)'
+    }
+  },
+  content: {
+    flex: '1',
+    minWidth: '0'
+  },
+  button: {
+    '$wrapper &': {
+      display: 'inline-flex',
+      alignItems: 'center'
+    },
+    '$list &': {
+      display: 'flex'
+    }
+  },
+  item: {
+    display: 'block',
+    lineHeight: _theme.default.lineHeightDynamic,
+    color: _theme.default.dropdownOptionFontColor,
+    backgroundColor: _theme.default.dropdownOptionBackgroundColor,
+    textDecoration: 'none',
+    padding: "".concat(_theme.default.dropdownOptionPaddingY, " ").concat(_theme.default.dropdownOptionPaddingX),
+    cursor: 'pointer',
+    '&:hover': {
+      color: _theme.default.dropdownOptionHoverFontColor,
+      backgroundColor: _theme.default.dropdownOptionHoverBackgroundColor
+    },
+    '&:active': {
+      color: _theme.default.dropdownOptionActiveFontColor,
+      backgroundColor: _theme.default.dropdownOptionActiveBackgroundColor
+    },
+    '$itemDisabled&, &[disabled]': {
+      color: _theme.default.dropdownOptionDisabledFontColor,
+      backgroundColor: _theme.default.dropdownOptionDisabledBackgroundColor,
+      cursor: 'not-allowed'
+    },
+    '$itemActive&': {
+      color: _theme.default.dropdownOptionSelectFontColor,
+      backgroundColor: _theme.default.dropdownOptionSelectBackgroundColor
+    },
+    '$listSmall &': {
+      padding: "".concat(_theme.default.dropdownOptionSmallPaddingY, " ").concat(_theme.default.dropdownOptionSmallPaddingX)
+    },
+    '$listLarge &': {
+      padding: "".concat(_theme.default.dropdownOptionLargePaddingY, " ").concat(_theme.default.dropdownOptionLargePaddingX)
+    }
+  },
+  itemDisabled: {},
+  optionGroup: {
+    padding: "".concat(_theme.default.dropdownOptionGroupPaddingY, " ").concat(_theme.default.dropdownOptionGroupPaddingX),
+    fontSize: _theme.default.dropdownOptionGroupFontSize,
+    color: _theme.default.dropdownOptionGroupFontColor
+  },
+  optionDivider: {
+    padding: "".concat(_theme.default.dropdownOptionDividerPaddingY, " ").concat(_theme.default.dropdownOptionDividerPaddingX),
+    '&::before': {
+      content: '" "',
+      height: _theme.default.dropdownOptionDividerHeight,
+      display: 'block',
+      background: _theme.default.dropdownOptionDividerBackgroundColor
+    }
+  },
+  itemActive: {},
+  splitButton: {}
+};
+var _default = dropdown;
+exports.default = _default;

package/cjs/dropdown/index.d.ts

@@ -0,0 +1,4 @@
+import dropdownStyle from './dropdown';
+declare const useDropdownStyle: (data?: undefined) => import("jss").Classes<import("./dropdown").DropDownClass>;
+export { dropdownStyle, useDropdownStyle };
+export default useDropdownStyle;

package/cjs/dropdown/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "dropdownStyle", {
+  enumerable: true,
+  get: function get() {
+    return _dropdown.default;
+  }
+});
+exports.useDropdownStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _dropdown = _interopRequireDefault(require("./dropdown"));
+var useDropdownStyle = (0, _jssStyle.styled)(_dropdown.default, 'dropdown');
+exports.useDropdownStyle = useDropdownStyle;
+var _default = useDropdownStyle;
+exports.default = _default;

package/cjs/editable-area/editable-area.d.ts

@@ -0,0 +1,4 @@
+import { JsStyles } from '../jss-style';
+export declare type EditableAreaClass = 'wrapper' | 'wrapperDisabled' | 'wrapperError' | 'wrapperNoBorder' | 'wrapperSmall' | 'wrapperLarge' | 'wrapperPaddingBox' | 'wrapperInnerTitle' | 'wrapperInnerTitleTop' | 'wrapperInnerTitleBottom' | 'content' | 'clear' | 'place' | 'placeholder' | 'popup' | 'popupShow';
+declare const editableAreaStyle: JsStyles<EditableAreaClass>;
+export default editableAreaStyle;

package/cjs/editable-area/editable-area.js

@@ -0,0 +1,107 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _inputBorder = _interopRequireDefault(require("../input/input-border"));
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+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) { (0, _defineProperty2.default)(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; }
+var inputBorder = (0, _inputBorder.default)('wrapper', {
+  lineHeight: _theme.default.lineHeightDynamic,
+  borderRadius: _theme.default.textareaBorderRadius,
+  fontSize: _theme.default.textareaFontSize,
+  smallFontSize: _theme.default.textareaSmallFontSize,
+  largeFontSize: _theme.default.textareaLargeFontSize,
+  paddingY: _theme.default.textareaPaddingY,
+  smallPaddingY: _theme.default.textareaSmallPaddingY,
+  largePaddingY: _theme.default.textareaLargePaddingY,
+  paddingX: _theme.default.textareaPaddingX,
+  smallPaddingX: _theme.default.textareaSmallPaddingX,
+  largePaddingX: _theme.default.textareaLargePaddingX,
+  borderColor: _theme.default.textareaBorderColor,
+  focusBorderColor: _theme.default.textareaFocusBorderColor,
+  hoverBorderColor: _theme.default.textareaHoverBorderColor,
+  disabledBorderColor: _theme.default.textareaDisabledBorderColor,
+  errorBorderColor: _theme.default.textareaErrorBorderColor,
+  fontColor: _theme.default.textareaFontColor,
+  disabledFontColor: _theme.default.textareaDisabledFontColor,
+  backgroundColor: _theme.default.textareaBackgroundColor,
+  disabledBackgroundColor: _theme.default.textareaDisabledBackgroundColor,
+  focusShadow: _theme.default.textareaFocusShadow,
+  errorFocusShadow: _theme.default.textareaErrorFocusShadow,
+  innerTitlePaddingY: _theme.default.inputInnerPaddingY,
+  innerTitlePaddingX: _theme.default.inputInnerPaddingX,
+  smallInnerTitlePaddingY: _theme.default.inputInnerSmallPaddingY,
+  smallInnerTitlePaddingX: _theme.default.inputInnerSmallPaddingX,
+  largeInnerTitlePaddingY: _theme.default.inputInnerLargePaddingY,
+  largeInnerTitlePaddingX: _theme.default.inputInnerLargePaddingX
+});
+var wrapper = inputBorder.wrapper,
+  wrapperNoBorder = inputBorder.wrapperNoBorder,
+  _noFocus = inputBorder.wrapperFocus,
+  resetWrapper = (0, _objectWithoutProperties2.default)(inputBorder, ["wrapper", "wrapperNoBorder", "wrapperFocus"]);
+var editableAreaStyle = _objectSpread(_objectSpread({
+  wrapper: _objectSpread(_objectSpread({
+    display: 'block',
+    position: 'relative'
+  }, wrapper), {}, {
+    whiteSpace: 'nowrap'
+  }),
+  content: {
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis'
+  }
+}, resetWrapper), {}, {
+  wrapperNoBorder: {
+    '&:not(:hover)': _objectSpread({}, wrapperNoBorder)
+  },
+  place: {},
+  clear: {
+    position: 'absolute',
+    display: 'flex',
+    width: _theme.default.inputIconSize,
+    height: _theme.default.inputIconSize,
+    top: 0,
+    bottom: 0,
+    margin: 'auto',
+    right: _theme.default.textareaPaddingX,
+    backgroundColor: 'transparent',
+    cursor: 'pointer',
+    color: _theme.default.inputClearColor,
+    '&:hover': {
+      color: _theme.default.inputHoverClearColor
+    }
+    // '$wrapperSmall &': {
+    //   right: token.inputSmallPaddingX,
+    // },
+    // '$wrapperLarge &': {
+    //   right: token.inputLargePaddingX,
+    // },
+  },
+
+  placeholder: {
+    display: 'inline-block',
+    color: _theme.default.textareaPlaceholderColor
+  },
+  popup: {
+    opacity: 0,
+    pointerEvents: 'none'
+  },
+  popupShow: {
+    '&&': {
+      opacity: 1,
+      pointerEvents: 'auto'
+    }
+  }
+});
+var _default = editableAreaStyle;
+exports.default = _default;

package/cjs/editable-area/index.d.ts

@@ -0,0 +1,4 @@
+import editableAreaStyle from './editable-area';
+declare const useEditableAreaStyle: (data?: undefined) => import("jss").Classes<import("./editable-area").EditableAreaClass>;
+export { editableAreaStyle, useEditableAreaStyle };
+export default useEditableAreaStyle;

package/cjs/editable-area/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "editableAreaStyle", {
+  enumerable: true,
+  get: function get() {
+    return _editableArea.default;
+  }
+});
+exports.useEditableAreaStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _editableArea = _interopRequireDefault(require("./editable-area"));
+var useEditableAreaStyle = (0, _jssStyle.styled)(_editableArea.default, 'editableArea');
+exports.useEditableAreaStyle = useEditableAreaStyle;
+var _default = useEditableAreaStyle;
+exports.default = _default;

package/cjs/empty/empty.d.ts

@@ -0,0 +1,4 @@
+import { JsStyles } from '../jss-style';
+export declare type EmptyClass = 'empty' | 'wrapper' | 'image' | 'description';
+declare const emptyStyle: JsStyles<EmptyClass>;
+export default emptyStyle;

package/cjs/empty/empty.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var emptyStyle = {
+  empty: {
+    width: '100%',
+    boxSizing: 'border-box'
+  },
+  wrapper: {
+    width: '100%',
+    boxSizing: 'border-box',
+    textAlign: 'center'
+  },
+  image: {
+    marginBottom: 6,
+    lineHeight: 1,
+    '& img': {
+      width: 100,
+      height: 75,
+      borderStyle: 'none'
+    }
+  },
+  description: {
+    fontSize: _theme.default.emptyFontSize,
+    color: _theme.default.emptyFontColor,
+    lineHeight: _theme.default.lineHeightDynamic
+  }
+};
+var _default = emptyStyle;
+exports.default = _default;

package/cjs/empty/index.d.ts

@@ -0,0 +1,4 @@
+import emptyStyle from './empty';
+declare const useEmptyStyle: (data?: undefined) => import("jss").Classes<import("./empty").EmptyClass>;
+export { emptyStyle, useEmptyStyle };
+export default useEmptyStyle;

package/cjs/empty/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "emptyStyle", {
+  enumerable: true,
+  get: function get() {
+    return _empty.default;
+  }
+});
+exports.useEmptyStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _empty = _interopRequireDefault(require("./empty"));
+var useEmptyStyle = (0, _jssStyle.styled)(_empty.default, 'empty');
+exports.useEmptyStyle = useEmptyStyle;
+var _default = useEmptyStyle;
+exports.default = _default;

package/cjs/form/form-item.d.ts

@@ -0,0 +1,4 @@
+import { JsStyles } from '../jss-style';
+declare type FormItemClass = 'wrapper' | 'wrapperTip' | 'label' | 'labelLeft' | 'wrapperInline' | 'wrapperLabelTop' | 'wrapperLabelVerticalMiddle' | 'wrapperLabelVerticalBottom' | 'wrapperRequired' | 'wrapperKeepHeight' | 'control' | 'error' | 'tip';
+declare const formItemStyle: JsStyles<FormItemClass>;
+export default formItemStyle;

package/cjs/form/form-item.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var formItemStyle = {
+  wrapper: {
+    display: 'flex',
+    alignItems: 'flex-start',
+    marginBottom: _theme.default.formItemMarginYEnd,
+    fontSize: _theme.default.formItemFontSize,
+    color: _theme.default.formItemFontColor,
+    boxSizing: 'border-box',
+    '$control > &:not($wrapperInline)': {
+      minWidth: '100%'
+    }
+  },
+  wrapperTip: {},
+  label: {
+    width: _theme.default.formItemLabelWidth,
+    padding: "".concat(_theme.default.formItemLabelPaddingY, " 0"),
+    lineHeight: _theme.default.lineHeightDynamic,
+    marginRight: _theme.default.formItemLabelMarginXEnd,
+    wordBreak: 'break-word',
+    textAlign: 'end',
+    boxSizing: 'border-box',
+    '&:empty::before': {
+      content: '" "',
+      display: 'inline-block'
+    }
+  },
+  labelLeft: {
+    textAlign: 'start'
+  },
+  wrapperInline: {
+    display: 'inline-flex',
+    marginRight: _theme.default.formItemMarginXEnd
+  },
+  wrapperLabelTop: {
+    flexFlow: 'column nowrap',
+    alignItems: 'stretch',
+    '& $label': {
+      textAlign: 'start',
+      width: 'auto',
+      paddingTop: '0',
+      margin: '0'
+    }
+  },
+  wrapperLabelVerticalMiddle: {
+    alignItems: 'center',
+    '& $label': {
+      lineHeight: 1,
+      padding: 0,
+      marginTop: 0
+    }
+  },
+  wrapperLabelVerticalBottom: {
+    alignItems: 'flex-end'
+  },
+  wrapperRequired: {
+    '& $label::before': {
+      marginRight: '4px',
+      color: _theme.default.formItemDangerColor,
+      content: '"*"',
+      fontFamily: 'SimSun',
+      position: 'relative',
+      top: '2px'
+    }
+  },
+  wrapperKeepHeight: {
+    marginBottom: _theme.default.formItemTipMinHeight,
+    '&$wrapperTip': {
+      marginBottom: '0'
+    }
+  },
+  control: {
+    minWidth: '0',
+    fontSize: _theme.default.formItemFontSize,
+    minHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + ").concat(_theme.default.formItemLabelPaddingY, " * 2)"),
+    display: 'flex',
+    flexFlow: 'row wrap',
+    alignItems: 'center',
+    flex: '1',
+    lineHeight: _theme.default.lineHeightDynamic,
+    '$wrapperInline &': {
+      padding: 0
+    }
+  },
+  error: {
+    color: _theme.default.formItemDangerColor,
+    lineHeight: _theme.default.lineHeightDynamic,
+    minHeight: _theme.default.formItemTipMinHeight,
+    fontSize: _theme.default.formItemTipFontSize,
+    width: '100%'
+  },
+  tip: {
+    color: _theme.default.formItemTipFontColor,
+    fontSize: _theme.default.formItemTipFontSize,
+    lineHeight: _theme.default.lineHeightDynamic,
+    minHeight: _theme.default.formItemTipMinHeight,
+    width: '100%'
+  }
+};
+var _default = formItemStyle;
+exports.default = _default;

package/cjs/form/form.d.ts

@@ -0,0 +1,4 @@
+import { JsStyles } from '../jss-style';
+export declare type FormClass = 'wrapper' | 'wrapperInline';
+declare const form: JsStyles<FormClass>;
+export default form;

package/cjs/form/form.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _cssvar = _interopRequireDefault(require("../cssvar"));
+var form = {
+  wrapper: {
+    display: 'block'
+  },
+  wrapperInline: {
+    '& [data-soui-type="input"]': {
+      width: 'auto'
+    },
+    '& > [data-soui-type="input"]': {
+      marginRight: _cssvar.default.formItemMarginRight
+    }
+  }
+};
+var _default = form;
+exports.default = _default;

package/cjs/form/index.d.ts

@@ -0,0 +1,6 @@
+import formItemStyle from './form-item';
+import formStyle from './form';
+declare const useFormStyle: (data?: undefined) => import("jss").Classes<import("./form").FormClass>;
+declare const useFormItemStyle: (data?: undefined) => import("jss").Classes<"label" | "wrapper" | "wrapperTip" | "labelLeft" | "wrapperInline" | "wrapperLabelTop" | "wrapperLabelVerticalMiddle" | "wrapperLabelVerticalBottom" | "wrapperRequired" | "wrapperKeepHeight" | "control" | "error" | "tip">;
+export { formStyle, formItemStyle, useFormStyle, useFormItemStyle };
+export default useFormStyle;

package/cjs/form/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "formItemStyle", {
+  enumerable: true,
+  get: function get() {
+    return _formItem.default;
+  }
+});
+Object.defineProperty(exports, "formStyle", {
+  enumerable: true,
+  get: function get() {
+    return _form.default;
+  }
+});
+exports.useFormStyle = exports.useFormItemStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _formItem = _interopRequireDefault(require("./form-item"));
+var _form = _interopRequireDefault(require("./form"));
+var useFormStyle = (0, _jssStyle.styled)(_form.default, 'form');
+exports.useFormStyle = useFormStyle;
+var useFormItemStyle = (0, _jssStyle.styled)(_formItem.default, 'form-item');
+exports.useFormItemStyle = useFormItemStyle;
+var _default = useFormStyle;
+exports.default = _default;

package/cjs/icon/icon.d.ts

@@ -0,0 +1,4 @@
+import { JsStyles } from '../jss-style';
+export declare type FormClass = 'wrapper' | 'small' | 'large' | 'primary' | 'success' | 'secondary' | 'info' | 'warning' | 'danger' | 'svg';
+declare const form: JsStyles<FormClass>;
+export default form;

package/cjs/icon/icon.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var form = {
+  wrapper: {
+    display: 'inline-block',
+    fontSize: 'inherit',
+    lineHeight: '1',
+    webkitFontSmoothing: 'antialiased',
+    mozOsxFontSmoothing: 'grayscale',
+    fontStyle: 'normal',
+    textRendering: 'auto'
+  },
+  small: {
+    fontSize: _theme.default.iconSmallFontSize
+  },
+  large: {
+    fontSize: _theme.default.iconLargeFontSize
+  },
+  primary: {
+    color: _theme.default.iconPrimaryFontColor
+  },
+  success: {
+    color: _theme.default.iconSuccessFontColor
+  },
+  secondary: {
+    color: _theme.default.iconSecondaryFontColor
+  },
+  info: {
+    color: _theme.default.iconInfoFontColor
+  },
+  warning: {
+    color: _theme.default.iconWarningFontColor
+  },
+  danger: {
+    color: _theme.default.iconDangerFontColor
+  },
+  svg: {
+    width: '1em',
+    height: '1em',
+    verticalAlign: '-0.15em',
+    fill: 'currentColor',
+    overflow: 'hidden'
+  }
+};
+var _default = form;
+exports.default = _default;

package/cjs/icon/index.d.ts

@@ -0,0 +1,4 @@
+import iconStyle from './icon';
+declare const useIconStyle: (data?: undefined) => import("jss").Classes<import("./icon").FormClass>;
+export { iconStyle, useIconStyle };
+export default useIconStyle;