@sheinx/shineout-style 3.0.0-alpha.2 → 3.0.0-alpha.3

package/cjs/cascader/cascader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AACF,oBAAY,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAqW9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -0,0 +1,411 @@
+"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;
+require("core-js/modules/es.array.concat.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _theme = _interopRequireDefault(require("@sheinx/theme"));
+var _inputBorder = _interopRequireDefault(require("../input/input-border"));
+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 inputBorderToken = {
+  lineHeight: _theme.default.lineHeightDynamic,
+  borderRadius: _theme.default.cascaderBorderRadius,
+  fontSize: _theme.default.cascaderFontSize,
+  smallFontSize: _theme.default.cascaderSmallFontSize,
+  largeFontSize: _theme.default.cascaderLargeFontSize,
+  paddingY: _theme.default.cascaderPaddingY,
+  smallPaddingY: _theme.default.cascaderSmallPaddingY,
+  largePaddingY: _theme.default.cascaderLargePaddingY,
+  paddingX: _theme.default.cascaderPaddingX,
+  smallPaddingX: _theme.default.cascaderSmallPaddingX,
+  largePaddingX: _theme.default.cascaderLargePaddingX,
+  borderColor: _theme.default.cascaderBorderColor,
+  focusBorderColor: _theme.default.cascaderFocusBorderColor,
+  hoverBorderColor: _theme.default.cascaderHoverBorderColor,
+  disabledBorderColor: _theme.default.cascaderDisabledBorderColor,
+  errorBorderColor: _theme.default.cascaderErrorBorderColor,
+  fontColor: _theme.default.cascaderFontColor,
+  disabledFontColor: _theme.default.cascaderDisabledFontColor,
+  backgroundColor: _theme.default.cascaderBackgroundColor,
+  disabledBackgroundColor: _theme.default.cascaderDisabledBackgroundColor,
+  focusShadow: _theme.default.cascaderFocusShadow,
+  errorFocusShadow: _theme.default.cascaderErrorFocusShadow,
+  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 inputBorder = (0, _inputBorder.default)('wrapper', inputBorderToken);
+var wrapper = inputBorder.wrapper,
+  wrapperDisabled = inputBorder.wrapperDisabled,
+  resetWrapper = (0, _objectWithoutProperties2.default)(inputBorder, ["wrapper", "wrapperDisabled"]);
+var cascaderStyle = _objectSpread(_objectSpread({
+  wrapper: _objectSpread(_objectSpread({
+    display: 'inline-block',
+    position: 'relative',
+    width: '100%',
+    outline: 'none'
+  }, wrapper), {}, {
+    '&$wrapperSmall': {
+      '& $tag': {
+        height: 18,
+        lineHeight: '16px',
+        marginTop: 1,
+        marginBottom: 1
+      },
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $optionInner': {
+        paddingTop: _theme.default.cascaderSmallOptionInnerPaddingY,
+        paddingBottom: _theme.default.cascaderSmallOptionInnerPaddingY,
+        paddingLeft: _theme.default.cascaderSmallOptionInnerPaddingX,
+        // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
+        fontSize: _theme.default.cascaderSmallFontSize
+      },
+      '& $clearIcon': {
+        right: _theme.default.cascaderSmallPaddingX
+      }
+    },
+    '&$wrapperLarge': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: _theme.default.cascaderLargePlaceholderMarginY,
+        marginBottom: _theme.default.cascaderLargePlaceholderMarginY
+      },
+      '& $optionInner': {
+        // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
+        paddingTop: _theme.default.cascaderLargeOptionInnerPaddingY,
+        paddingBottom: _theme.default.cascaderLargeOptionInnerPaddingY,
+        paddingLeft: _theme.default.cascaderLargeOptionInnerPaddingX,
+        fontSize: _theme.default.cascaderLargeFontSize
+      },
+      '& $clearIcon': {
+        right: _theme.default.cascaderLargePaddingX
+      }
+    }
+  }),
+  wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
+    '& $icon': {
+      color: _theme.default.cascaderDisabledFontColor
+    }
+  })
+}, resetWrapper), {}, {
+  resultWrapper: {
+    display: 'flex',
+    flex: 1,
+    minWidth: 0,
+    position: 'relative',
+    outline: 'none',
+    overflow: 'hidden',
+    '&:hover': {
+      '& $clear': {
+        display: 'inline-flex'
+      },
+      '& $clear + $icon': {
+        display: 'none'
+      }
+    }
+  },
+  result: {
+    display: 'flex',
+    flex: '1',
+    minWidth: 0,
+    alignItems: 'center',
+    lineHeight: _theme.default.lineHeightDynamic,
+    paddingRight: "calc(".concat(_theme.default.cascaderSmallFontSize, " + ").concat(_theme.default.cascaderClearPadding, ")")
+  },
+  resultTextWrapper: {
+    display: 'flex',
+    flex: '1',
+    minWidth: 0,
+    textAlign: 'left',
+    '& > input': {
+      marginTop: 2,
+      marginBottom: 2,
+      color: 'inherit',
+      padding: 0,
+      border: 0,
+      outline: 0,
+      fontSize: 'inherit',
+      lineHeight: _theme.default.lineHeightDynamic,
+      backgroundColor: 'transparent',
+      minWidth: 12,
+      maxWidth: '100%',
+      // flex: 1,
+      width: 12,
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      '&::placeholder': {
+        color: _theme.default.cascaderPlaceholderColor
+      }
+    }
+  },
+  resultAlignLeft: {
+    '& $resultTextWrapper': {
+      textAlign: 'left'
+    }
+  },
+  resultAlignRight: {
+    '& $resultTextWrapper': {
+      textAlign: 'right'
+    }
+  },
+  resultAlignCenter: {
+    '& $resultTextWrapper': {
+      textAlign: 'center'
+    }
+  },
+  resultText: {
+    lineHeight: _theme.default.lineHeightDynamic,
+    position: 'relative',
+    flex: '1',
+    minWidth: 0,
+    '&::before': {
+      content: '""',
+      display: 'inline-block'
+    }
+  },
+  resultTextPadding: {
+    position: 'absolute',
+    padding: "0 ".concat(_theme.default.cascaderResultTextPaddingX),
+    left: "calc(-1 * ".concat(_theme.default.cascaderResultTextPaddingX, ")"),
+    right: "calc(-1 * ".concat(_theme.default.cascaderResultTextPaddingX, ")"),
+    top: '0',
+    bottom: '0',
+    borderRadius: _theme.default.cascaderResultTextBorderRadius,
+    '& > input': {
+      color: 'inherit',
+      padding: '0',
+      border: '0',
+      outline: '0',
+      fontSize: 'inherit',
+      lineHeight: _theme.default.lineHeightDynamic,
+      backgroundColor: 'transparent',
+      width: '100%',
+      '&::placeholder': {
+        color: _theme.default.cascaderPlaceholderColor
+      }
+    }
+  },
+  resultTextActive: {
+    '& $resultTextPadding': {
+      backgroundColor: _theme.default.cascaderResultTextActiveBackgroundColor
+    }
+  },
+  resultTextDisabled: {
+    color: _theme.default.cascaderDisabledFontColor,
+    cursor: 'not-allowed'
+  },
+  compressedWrapper: {
+    width: 0,
+    overflow: 'hidden'
+  },
+  controlMouse: {
+    '& $optionInner:hover': {
+      backgroundColor: _theme.default.cascaderOptionHoverBackgroundColor
+    }
+  },
+  controlKeyboard: {
+    '& $optionHover': {
+      '& $optionInner': {
+        backgroundColor: _theme.default.cascaderOptionHoverBackgroundColor
+      }
+    }
+  },
+  placeholder: {
+    color: _theme.default.cascaderPlaceholderColor,
+    lineHeight: _theme.default.lineHeightDynamic,
+    marginTop: _theme.default.cascaderPlaceholderMarginY,
+    marginBottom: _theme.default.cascaderPlaceholderMarginY
+  },
+  pickerWrapper: {
+    position: 'absolute',
+    backgroundColor: _theme.default.cascaderPanelBackgroundColor,
+    boxShadow: _theme.default.cascaderPanelShadow,
+    borderRadius: _theme.default.cascaderPanelRadius,
+    transformOrigin: '0 0'
+  },
+  clearable: {},
+  clearIcon: {
+    position: 'absolute',
+    right: _theme.default.cascaderPaddingX,
+    top: "calc(50% - 1em/2)",
+    cursor: 'pointer',
+    width: _theme.default.cascaderFontSize,
+    lineHeight: 0,
+    color: _theme.default.cascaderClearColor,
+    verticalAlign: 'middle'
+  },
+  arrowIcon: {
+    position: 'absolute',
+    right: _theme.default.cascaderPaddingX,
+    top: "calc(50% - 1em/2)",
+    verticalAlign: 'middle',
+    width: _theme.default.cascaderFontSize,
+    lineHeight: 0,
+    color: _theme.default.cascaderIconColor,
+    transition: 'transform 0.3s'
+  },
+  arrowIconOpen: {
+    transform: 'rotate(180deg)',
+    color: _theme.default.cascaderHoverBorderColor
+  },
+  ellipsis: {
+    display: 'block',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    marginTop: _theme.default.cascaderPlaceholderMarginY,
+    marginBottom: _theme.default.cascaderPlaceholderMarginY
+  },
+  multiple: {
+    '& $optionInner': {
+      paddingRight: _theme.default.cascaderOptionInnerPaddingRight
+    },
+    '& $resultTextWrapper': {
+      flexWrap: 'wrap'
+    },
+    '& $compressedWrapper': {
+      flexWrap: 'nowrap'
+    },
+    '& $placeholder': {}
+  },
+  loading: {
+    padding: 10
+  },
+  checkedIcon: {
+    right: 8,
+    top: "calc(50% - 1em/2)",
+    position: 'absolute',
+    display: 'inline-flex',
+    width: _theme.default.cascaderFontSize,
+    fontSize: _theme.default.cascaderFontSize
+  },
+  listContent: {
+    display: 'flex',
+    '& > $list:not(:last-child)': {
+      // 你的样式
+      borderRight: "1px solid ".concat(_theme.default.cascaderListBorderColor)
+    }
+  },
+  list: {
+    paddingTop: 3,
+    paddingBottom: 3,
+    display: 'inline-block'
+  },
+  tag: {
+    '&$tag + &$tag': {
+      marginLeft: 0
+    },
+    maxWidth: '80%',
+    marginRight: 4,
+    marginTop: _theme.default.cascaderPlaceholderMarginY,
+    marginBottom: _theme.default.cascaderPlaceholderMarginY,
+    textWrap: 'nowrap'
+  },
+  space: {
+    marginTop: _theme.default.cascaderPlaceholderMarginY,
+    marginBottom: _theme.default.cascaderPlaceholderMarginY
+  },
+  inputMirror: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    visibility: 'hidden'
+  },
+  moreWrapper: {
+    width: 248,
+    height: 72,
+    overflow: 'auto',
+    padding: "".concat(_theme.default.cascaderMorePaddingY, " ").concat(_theme.default.cascaderMorePaddingX)
+  },
+  virtualList: {
+    margin: 0,
+    padding: 0
+  },
+  option: {
+    listStyle: 'none',
+    lineHeight: _theme.default.lineHeightDynamic,
+    padding: "".concat(_theme.default.cascaderOptionPaddingY, " ").concat(_theme.default.cascaderOptionPaddingX),
+    '&:not($optionDisabled)': {
+      cursor: 'pointer'
+    },
+    '& $optionCheckbox': {
+      marginRight: 8
+    },
+    // hover
+    '&:not($optionDisabled):hover': {
+      '& $optionInner': {
+        backgroundColor: _theme.default.cascaderOptionHoverBackgroundColor
+      }
+    }
+  },
+  activeOption: {
+    '& $optionInner': {
+      color: _theme.default.cascaderOptionActiveColor,
+      backgroundColor: _theme.default.cascaderOptionActiveBackgroundColor
+    }
+  },
+  optionCheckbox: {},
+  optionInner: {
+    position: 'relative',
+    whiteSpace: 'nowrap',
+    minWidth: 44,
+    display: 'flex',
+    fontSize: _theme.default.cascaderFontSize,
+    lineHeight: _theme.default.lineHeightDynamic,
+    padding: "".concat(_theme.default.cascaderOptionInnerPaddingY, " ").concat(_theme.default.cascaderOptionInnerPaddingX),
+    paddingRight: 30,
+    borderRadius: _theme.default.cascaderOptionInnerBorderRadius
+  },
+  optionLeaf: {
+    paddingRight: 8
+  },
+  optionIcon: {
+    position: 'absolute',
+    right: 8,
+    top: 9,
+    fontSize: _theme.default.cascaderFontSize,
+    lineHeight: 0,
+    verticalAlign: 'middle',
+    '& svg': {
+      verticalAlign: 'middle',
+      width: 14
+    }
+  },
+  optionSpin: {
+    paddingTop: 2
+  },
+  optionHover: {},
+  optionActive: {
+    color: _theme.default.cascaderOptionActiveColor,
+    backgroundColor: _theme.default.cascaderOptionActiveBackgroundColor,
+    '&>div': {
+      color: _theme.default.cascaderOptionActiveColor
+    }
+  },
+  optionDisabled: {
+    cursor: 'not-allowed',
+    color: _theme.default.cascaderOptionDisabledColor,
+    backgroundColor: _theme.default.cascaderOptionDisabledBackgroundColor,
+    '&>div': {
+      cursor: 'not-allowed',
+      color: _theme.default.cascaderOptionDisabledColor,
+      backgroundColor: _theme.default.cascaderOptionDisabledBackgroundColor
+    }
+  }
+});
+var _default = cascaderStyle;
+exports.default = _default;

package/cjs/cascader/index.d.ts

@@ -0,0 +1,6 @@
+import cascaderStyle, { CascaderClasses } from './cascader';
+declare const useCascaderStyle: (data?: undefined) => import("jss").Classes<keyof CascaderClasses>;
+export { cascaderStyle, useCascaderStyle };
+export type { CascaderClasses };
+export default useCascaderStyle;
+//# sourceMappingURL=index.d.ts.map

package/cjs/cascader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,EAAE,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE5D,QAAA,MAAM,gBAAgB,oEAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,eAAe,gBAAgB,CAAC"}

package/cjs/cascader/index.js

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

package/cjs/checkbox/checkbox.d.ts

@@ -2,3 +2,4 @@ import { JsStyles } from '../jss-style';
 export declare type CheckboxClass = 'wrapper' | 'wrapperSmall' | 'wrapperLarge' | 'wrapperDisabled' | 'wrapperChecked' | 'wrapperIndeterminate' | 'indicator' | 'indicatorWrapper' | 'darkIndicatorWrapper' | 'desc' | 'input' | 'group' | 'groupBlock';
 declare const checkboxStyle: JsStyles<CheckboxClass>;
 export default checkboxStyle;
+//# sourceMappingURL=checkbox.d.ts.map

package/cjs/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,aAAa,GACrB,SAAS,GACT,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,gBAAgB,GAChB,sBAAsB,GACtB,WAAW,GACX,kBAAkB,GAClB,sBAAsB,GACtB,MAAM,GACN,OAAO,GACP,OAAO,GACP,YAAY,CAAC;AAEjB,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAqI1C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/checkbox/index.d.ts

@@ -2,3 +2,4 @@ import checkboxStyle from './checkbox';
 declare const useCheckboxStyle: (data?: undefined) => import("jss").Classes<import("./checkbox").CheckboxClass>;
 export { checkboxStyle, useCheckboxStyle };
 export default useCheckboxStyle;
+//# sourceMappingURL=index.d.ts.map

package/cjs/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,YAAY,CAAC;AAEvC,QAAA,MAAM,gBAAgB,iFAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AAC3C,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,5 @@
+import { JsStyles } from '../jss-style';
+export declare type CollapseItemClass = 'wrapper' | 'header' | 'active' | 'icon' | 'noIcon' | 'title' | 'extra' | 'content' | 'contentMain' | 'disabled' | 'activeTransform' | 'activeTransformRight' | 'expanded' | 'borderLess' | 'region';
+declare const collapseItemStyle: JsStyles<CollapseItemClass>;
+export default collapseItemStyle;
+//# sourceMappingURL=collapse-item.d.ts.map

package/cjs/collapse/collapse-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse-item.d.ts","sourceRoot":"","sources":["collapse-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,iBAAiB,GACzB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,OAAO,GACP,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,iBAAiB,GACjB,sBAAsB,GACtB,UAAU,GACV,YAAY,GACZ,QAAQ,CAAC;AAEb,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,CA6HlD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/collapse/collapse-item.js

@@ -0,0 +1,136 @@
+"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 collapseItemStyle = {
+  wrapper: {
+    boxSizing: 'border-box',
+    borderBottom: "".concat(_theme.default.collapseWrapperBorderSize, " solid ").concat(_theme.default.collapseWrapperBorderColor),
+    '&:last-child': {
+      borderBottom: 0
+    },
+    gap: _theme.default.collapseWrapperGap,
+    backgroundColor: _theme.default.collapseWrapperBackgroundColor,
+    color: _theme.default.collapseWrapperColor,
+    height: 'auto',
+    width: 'auto'
+  },
+  borderLess: {
+    borderBottom: 'none'
+  },
+  header: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    boxSizing: 'border-box',
+    overflow: 'hidden',
+    gap: _theme.default.collapseHeaderGap,
+    fontSize: _theme.default.collapseHeaderFontSize,
+    fontWeight: _theme.default.collapseHeaderWeight,
+    color: _theme.default.collapseHeaderColor,
+    padding: "".concat(_theme.default.collapseWrapperPaddingY, " ").concat(_theme.default.collapseWrapperPaddingX)
+  },
+  active: {
+    '& > header > $title': {
+      fontWeight: 500
+    },
+    '& > $header $activeTransform': {
+      '& svg': {
+        transform: 'rotate(90deg)'
+      }
+    },
+    '& > $header $activeTransformRight': {
+      '& svg': {
+        transform: 'rotate(-90deg)'
+      }
+    }
+  },
+  activeTransform: {},
+  activeTransformRight: {},
+  noIcon: {
+    '& > $icon': {
+      display: 'none'
+    }
+  },
+  icon: {
+    display: 'flex',
+    alignItems: 'center',
+    cursor: 'pointer',
+    position: 'relative',
+    color: _theme.default.collapseIconColor,
+    lineHeight: _theme.default.lineHeightDynamic,
+    zIndex: 0,
+    '& svg': {
+      zIndex: 1,
+      width: _theme.default.collapseHeaderIconWidth
+    },
+    '&:hover': {
+      '&:after': {
+        content: '""',
+        position: 'absolute',
+        top: -4,
+        right: 0,
+        bottom: 0,
+        left: -4,
+        width: 22,
+        height: 22,
+        borderRadius: '50%',
+        background: _theme.default.collapseIconHoverBackgroundColor
+      }
+    }
+  },
+  title: {
+    flex: 1,
+    lineHeight: _theme.default.lineHeightDynamic
+  },
+  extra: {
+    cursor: 'pointer',
+    gap: _theme.default.collapseHeaderExtraGap,
+    lineHeight: _theme.default.lineHeightDynamic,
+    display: 'flex',
+    marginLeft: _theme.default.collapseExtraMargin,
+    alignItems: 'center'
+  },
+  content: {
+    overflow: 'hidden',
+    fontSize: _theme.default.collapseContentFontSize
+  },
+  contentMain: {
+    color: _theme.default.collapseContentColor,
+    fontWeight: _theme.default.collapseContentWeight,
+    lineHeight: _theme.default.lineHeightDynamic,
+    padding: "".concat(_theme.default.collapseContentPaddingY, " ").concat(_theme.default.collapseContentPaddingRight, " ").concat(_theme.default.collapseContentPaddingY, " ").concat(_theme.default.collapseContentPaddingLeft),
+    backgroundColor: _theme.default.collapseContentBackgroundColor,
+    gap: _theme.default.collapseContentGap
+  },
+  disabled: {
+    '& $header, $content, $extra, $icon': {
+      cursor: 'not-allowed',
+      color: _theme.default.collapseDisabledColor
+    },
+    '& $icon': {
+      '& svg > path': {
+        fill: _theme.default.collapseDisabledColor
+      },
+      '&:after': {
+        display: 'none'
+      }
+    }
+  },
+  expanded: {},
+  region: {
+    cursor: 'pointer',
+    '& $icon': {
+      '&:after': {
+        display: 'none'
+      }
+    }
+  }
+};
+var _default = collapseItemStyle;
+exports.default = _default;

package/cjs/collapse/collapse.d.ts

@@ -0,0 +1,5 @@
+import { JsStyles } from '../jss-style';
+export declare type CollapseClass = 'wrapper' | 'borderLess';
+declare const collapseStyle: JsStyles<CollapseClass>;
+export default collapseStyle;
+//# sourceMappingURL=collapse.d.ts.map

package/cjs/collapse/collapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.d.ts","sourceRoot":"","sources":["collapse.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,aAAa,GAAG,SAAS,GAAG,YAAY,CAAC;AAErD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAU1C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/collapse/collapse.js

@@ -0,0 +1,22 @@
+"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 collapseStyle = {
+  wrapper: {
+    overflow: 'hidden',
+    borderRadius: _theme.default.collapseWrapperBorderRadius,
+    border: "".concat(_theme.default.collapseWrapperBorderSize, " solid ").concat(_theme.default.collapseWrapperBorderColor),
+    color: _theme.default.collapseWrapperColor
+  },
+  borderLess: {
+    border: 'none'
+  }
+};
+var _default = collapseStyle;
+exports.default = _default;

package/cjs/collapse/index.d.ts

@@ -0,0 +1,8 @@
+import collapseStyle from './collapse';
+import collapseItemStyle from './collapse-item';
+declare const useCollapseStyle: (data?: undefined) => import("jss").Classes<import("./collapse").CollapseClass>;
+export { collapseStyle, useCollapseStyle };
+export default useCollapseStyle;
+declare const useCollapseItemStyle: (data?: undefined) => import("jss").Classes<import("./collapse-item").CollapseItemClass>;
+export { collapseItemStyle, useCollapseItemStyle };
+//# sourceMappingURL=index.d.ts.map

package/cjs/collapse/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,YAAY,CAAC;AACvC,OAAO,iBAAiB,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,gBAAgB,iFAAoC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC;AAC3C,eAAe,gBAAgB,CAAC;AAEhC,QAAA,MAAM,oBAAoB,0FAA4C,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAC"}