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

package/cjs/collapse/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "collapseItemStyle", {
+  enumerable: true,
+  get: function get() {
+    return _collapseItem.default;
+  }
+});
+Object.defineProperty(exports, "collapseStyle", {
+  enumerable: true,
+  get: function get() {
+    return _collapse.default;
+  }
+});
+exports.useCollapseStyle = exports.useCollapseItemStyle = exports.default = void 0;
+var _jssStyle = require("../jss-style");
+var _collapse = _interopRequireDefault(require("./collapse"));
+var _collapseItem = _interopRequireDefault(require("./collapse-item"));
+var useCollapseStyle = (0, _jssStyle.styled)(_collapse.default, 'collapse');
+exports.useCollapseStyle = useCollapseStyle;
+var _default = useCollapseStyle;
+exports.default = _default;
+var useCollapseItemStyle = (0, _jssStyle.styled)(_collapseItem.default, 'collapseItem');
+exports.useCollapseItemStyle = useCollapseItemStyle;

package/cjs/cssvar/checkbox.d.ts

@@ -8,3 +8,4 @@ declare const _default: {
     checkboxCheckedDisabledBgc: string;
 };
 export default _default;
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":";;;;;;;;;AAGA,wBAQE"}

package/cjs/cssvar/common.d.ts

@@ -21,3 +21,4 @@ export declare const sizeVar: {
     fontSizeLarge: string;
     commonLineHeight: string;
 };
+//# sourceMappingURL=common.d.ts.map

package/cjs/cssvar/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["common.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE,SAAU,MAAM,SAAS,MAAM,WAE7C,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;CAepB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC"}

package/cjs/cssvar/form.d.ts

@@ -4,3 +4,4 @@ declare const _default: {
     formItemTipGap: string;
 };
 export default _default;
+//# sourceMappingURL=form.d.ts.map

package/cjs/cssvar/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":";;;;;AAEA,wBAIE"}

package/cjs/cssvar/index.d.ts

@@ -73,3 +73,4 @@ declare const cssVars: {
     grey900: string;
 };
 export default cssVars;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/cjs/cssvar/innerTitle.d.ts

@@ -7,3 +7,4 @@ declare const _default: {
     innerTitlePaddingXLarge: string;
 };
 export default _default;
+//# sourceMappingURL=innerTitle.d.ts.map

package/cjs/cssvar/innerTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"innerTitle.d.ts","sourceRoot":"","sources":["innerTitle.ts"],"names":[],"mappings":";;;;;;;;AAAA,wBAOE"}

package/cjs/cssvar/input.d.ts

@@ -23,3 +23,4 @@ declare const _default: {
     inputBorderFocusColorFade25: string;
 };
 export default _default;
+//# sourceMappingURL=input.d.ts.map

package/cjs/cssvar/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAwBE"}

package/cjs/cssvar/radio.d.ts

@@ -4,3 +4,4 @@ declare const _default: {
     radioBorderWidth: string;
 };
 export default _default;
+//# sourceMappingURL=radio.d.ts.map

package/cjs/cssvar/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["radio.ts"],"names":[],"mappings":";;;;;AAEA,wBAIE"}

package/cjs/date-picker/date-picker.d.ts

@@ -1,4 +1,5 @@
 import { JsStyles } from '../jss-style';
-export declare type DatePickerClass = 'wrapper' | 'wrapperSmall' | 'wrapperLarge' | 'wrapperFocus' | 'wrapperDisabled' | 'wrapperError' | 'wrapperNoBorder' | 'wrapperUnderline' | 'wrapperRange' | 'wrapperPaddingBox' | 'wrapperInnerTitle' | 'wrapperInnerTitleTop' | 'wrapperInnerTitleBottom' | 'resultWrapper' | 'result' | 'resultAlignRight' | 'resultAlignLeft' | 'resultAlignCenter' | 'resultText' | 'resultTextActive' | 'resultTextDisabled' | 'resultTextWrapper' | 'resultTextPadding' | 'resultSeparator' | 'placeholder' | 'icon' | 'clear' | 'pickerWrapper' | 'pickerBox' | 'pickerWrapperOpen' | 'picker' | 'dayPicker' | 'pickerTitle' | 'pickerHeader' | 'pickerHeaderLeft' | 'pickerHeaderRight' | 'pickerHeaderMid' | 'pickerHeaderIcon' | 'pickerHeaderInfo' | 'pickerBody' | 'pickerFooter' | 'pickerFooterBtn' | 'pickerFooterLeft' | 'pickerFooterRight' | 'pickerRow' | 'pickerRowWeek' | 'pickerCell' | 'pickerCellContent' | 'pickerCellActive' | 'pickerCellDisabled' | 'pickerCellToday' | 'pickerCellInRange' | 'pickerCellInRangeStart' | 'pickerCellInRangeEnd' | 'pickerCellBound' | 'yearPicker' | 'weekPicker' | 'monthPicker' | 'quarterPicker' | 'timePicker' | 'timeList' | 'timeItem' | 'timeItemActive' | 'timeItemDisabled' | 'timeBase' | 'datetime' | 'timeBaseItem' | 'quickPicker' | 'quickPickerItem';
+export declare type DatePickerClass = 'wrapper' | 'wrapperSmall' | 'wrapperLarge' | 'wrapperFocus' | 'wrapperDisabled' | 'wrapperError' | 'wrapperNoBorder' | 'wrapperUnderline' | 'wrapperRange' | 'wrapperPaddingBox' | 'wrapperInnerTitle' | 'wrapperInnerTitleTop' | 'wrapperInnerTitleBottom' | 'resultWrapper' | 'result' | 'resultAlignRight' | 'resultAlignLeft' | 'resultAlignCenter' | 'resultText' | 'resultTextActive' | 'resultTextDisabled' | 'resultTextWrapper' | 'resultTextPadding' | 'resultSeparator' | 'placeholder' | 'icon' | 'clear' | 'pickerWrapper' | 'pickerBox' | 'pickerWrapperOpen' | 'picker' | 'dayPicker' | 'pickerTitle' | 'pickerHeader' | 'pickerHeaderLeft' | 'pickerHeaderRight' | 'pickerHeaderMid' | 'pickerHeaderIcon' | 'pickerHeaderInfo' | 'pickerBody' | 'pickerFooter' | 'pickerFooterBtn' | 'pickerFooterLeft' | 'pickerFooterRight' | 'pickerRow' | 'pickerRowWeek' | 'pickerCell' | 'pickerCellContent' | 'pickerCellActive' | 'pickerCellDisabled' | 'pickerCellToday' | 'pickerCellInRange' | 'pickerCellInRangeStart' | 'pickerCellInRangeEnd' | 'pickerCellBound' | 'yearPicker' | 'weekPicker' | 'monthPicker' | 'quarterPicker' | 'timePicker' | 'timeList' | 'timeItem' | 'timeItemActive' | 'timeItemDisabled' | 'timeItemBox' | 'datetime' | 'quickPicker' | 'quickPickerItem';
 declare const datePickerStyle: JsStyles<DatePickerClass>;
 export default datePickerStyle;
+//# sourceMappingURL=date-picker.d.ts.map

package/cjs/date-picker/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,oBAAY,eAAe,GACvB,SAAS,GACT,cAAc,GACd,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,iBAAiB,GACjB,kBAAkB,GAClB,cAAc,GACd,mBAAmB,GACnB,mBAAmB,GACnB,sBAAsB,GACtB,yBAAyB,GACzB,eAAe,GACf,QAAQ,GACR,kBAAkB,GAClB,iBAAiB,GACjB,mBAAmB,GACnB,YAAY,GACZ,kBAAkB,GAClB,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,GACnB,iBAAiB,GACjB,aAAa,GACb,MAAM,GACN,OAAO,GACP,eAAe,GACf,WAAW,GACX,mBAAmB,GACnB,QAAQ,GACR,WAAW,GACX,aAAa,GACb,cAAc,GACd,kBAAkB,GAClB,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,kBAAkB,GAClB,YAAY,GACZ,cAAc,GACd,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,GACnB,WAAW,GACX,eAAe,GACf,YAAY,GACZ,mBAAmB,GACnB,kBAAkB,GAClB,oBAAoB,GACpB,iBAAiB,GACjB,mBAAmB,GACnB,wBAAwB,GACxB,sBAAsB,GACtB,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,eAAe,GACf,YAAY,GACZ,UAAU,GACV,UAAU,GACV,gBAAgB,GAChB,kBAAkB,GAClB,aAAa,GAGb,UAAU,GACV,aAAa,GACb,iBAAiB,CAAC;AA6CtB,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,eAAe,CAmiB9C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/date-picker/date-picker.js

@@ -190,7 +190,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
     display: 'flex'
   },
   picker: {
-    '&:not(:first-child):last-child': {
+    '&:not(:first-child):not(:nth-child(2)):last-child': {
       '& $pickerHeader,& $pickerBody,& $pickerFooter, & $pickerTitle': {
         marginLeft: _theme.default.datePickerPanelMargin
       },
@@ -344,7 +344,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
         backgroundColor: _theme.default.datePickerCellActiveHoverBackgroundColor
       },
       '& :not($pickerCellDisabled)$pickerCellActive $pickerCellContent': {
-        backgroundColor: _theme.default.datePickerCellActiveHoverBackgroundColor
+        // backgroundColor: token.datePickerCellActiveHoverBackgroundColor,
       }
     }
   },
@@ -364,7 +364,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
         backgroundColor: _theme.default.datePickerCellActiveHoverBackgroundColor
       }
     },
-    '&$pickerCellActive:not($pickerCellDisabled):hover $pickerCellContent': {
+    '&$pickerCellActive$pickerCellInRange:not($pickerCellDisabled):hover $pickerCellContent': {
       backgroundColor: _theme.default.datePickerCellActiveHoverBackgroundColor
     }
   },
@@ -455,6 +455,9 @@ var datePickerStyle = _objectSpread(_objectSpread({
     },
     '& $pickerCellContent span': {
       minWidth: _theme.default.datePickerQuarterCellHotWidth
+    },
+    '& $pickerCellContent': {
+      marginTop: 0
     }
   },
   weekPicker: {
@@ -475,12 +478,13 @@ var datePickerStyle = _objectSpread(_objectSpread({
     '&:not(:first-child)': {
       marginLeft: _theme.default.datePickerTimeListGap
     },
+    userSelect: 'none',
     display: 'flex',
     flex: '1',
     flexDirection: 'column',
     height: "calc(".concat(_theme.default.datePickerTimeItemHeight, " * 9)"),
-    paddingTop: "calc(".concat(_theme.default.datePickerTimeItemHeight, " * 4)"),
-    paddingBottom: "calc(".concat(_theme.default.datePickerTimeItemHeight, " * 4)"),
+    // paddingTop: `calc(${token.datePickerTimeItemHeight} * 4)`,
+    paddingBottom: "calc(".concat(_theme.default.datePickerTimeItemHeight, " * 8)"),
     overflow: 'auto',
     boxSizing: 'border-box',
     textAlign: 'center',
@@ -489,39 +493,55 @@ var datePickerStyle = _objectSpread(_objectSpread({
       display: 'none'
     }
   },
-  timeItem: {
-    position: 'relative',
-    minHeight: _theme.default.datePickerTimeItemHeight,
+  timeItemBox: {
+    padding: "".concat(_theme.default.datePickerTimeItemPaddingY, " 0"),
     boxSizing: 'border-box',
-    lineHeight: _theme.default.datePickerTimeItemHeight,
-    cursor: 'pointer'
-  },
-  timeItemActive: {
-    fontWeight: 'bold'
-  },
-  timeItemDisabled: {
-    color: _theme.default.datePickerTimeItemDisabledColor,
-    cursor: 'not-allowed'
-  },
-  timeBase: {
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    left: _theme.default.datePickerTimePanelPaddingX,
-    right: _theme.default.datePickerTimePanelPaddingX,
-    margin: 'auto',
+    height: _theme.default.datePickerTimeItemHeight,
     display: 'flex',
-    height: _theme.default.datePickerTimeItemHeight
+    flexShrink: 0
   },
-  timeBaseItem: {
-    '&:not(:first-child)': {
-      marginLeft: _theme.default.datePickerTimeListGap
-    },
+  timeItem: {
+    cursor: 'pointer',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    textAlign: 'center',
     flex: '1',
-    height: '100%',
-    background: _theme.default.datePickerTimeItemActiveBackgroundColor,
-    borderRadius: '4px'
-  },
+    position: 'relative',
+    borderRadius: _theme.default.datePickerTimeItemBorderRadius,
+    '&:not($timeItemDisabled):hover': {
+      backgroundColor: _theme.default.datePickerTimeItemHoverBackgroundColor
+    },
+    '$timeItemDisabled&': {
+      color: _theme.default.datePickerTimeItemDisabledColor,
+      cursor: 'not-allowed'
+    },
+    '$timeItemActive&': {
+      color: _theme.default.datePickerTimeItemActiveColor,
+      backgroundColor: _theme.default.datePickerTimeItemActiveBackgroundColor
+    }
+  },
+  timeItemDisabled: {},
+  timeItemActive: {},
+  // timeBase: {
+  //   position: 'absolute',
+  //   top: 0,
+  //   bottom: 0,
+  //   left: token.datePickerTimePanelPaddingX,
+  //   right: token.datePickerTimePanelPaddingX,
+  //   margin: 'auto',
+  //   display: 'flex',
+  //   height: token.datePickerTimeItemHeight,
+  // },
+  // timeBaseItem: {
+  //   '&:not(:first-child)': {
+  //     marginLeft: token.datePickerTimeListGap,
+  //   },
+  //   flex: '1',
+  //   height: '100%',
+  //   background: token.datePickerTimeItemActiveBackgroundColor,
+  //   borderRadius: '4px',
+  // },
   datetime: {
     fontSize: _theme.default.datePickerPanelBodyFontSize,
     position: 'relative',

package/cjs/date-picker/index.d.ts

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

package/cjs/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,kBAAkB,sFAAwC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC;AAC/C,eAAe,kBAAkB,CAAC"}

package/cjs/descriptions/descriptions.d.ts

@@ -0,0 +1,5 @@
+import { JsStyles } from '../jss-style';
+export declare type DescriptionsClass = 'wrapper' | 'header' | 'title' | 'extra' | 'body' | 'table' | 'row' | 'label' | 'value' | 'tableLayoutFixed' | 'border' | 'small' | 'large' | 'item' | 'labelInline' | 'valueInline' | 'inlineHorizontal' | 'horizontal' | 'inlineTable';
+declare const descriptionsStyle: JsStyles<DescriptionsClass>;
+export default descriptionsStyle;
+//# sourceMappingURL=descriptions.d.ts.map

package/cjs/descriptions/descriptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,iBAAiB,GACzB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,KAAK,GACL,OAAO,GACP,OAAO,GACP,kBAAkB,GAClB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,aAAa,GACb,aAAa,GACb,kBAAkB,GAClB,YAAY,GACZ,aAAa,CAAC;AAElB,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,CA6IlD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/descriptions/descriptions.js

@@ -0,0 +1,153 @@
+"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 descriptionsStyle = {
+  wrapper: {
+    display: 'block'
+  },
+  small: {
+    '& $title': {
+      fontSize: _theme.default.descriptionsTitleSmallSize
+    },
+    '& $table': {
+      fontSize: _theme.default.descriptionsTableSmallSize
+    }
+  },
+  large: {
+    '& $title': {
+      fontSize: _theme.default.descriptionsTitleLargeSize
+    },
+    '& $table': {
+      fontSize: _theme.default.descriptionsTableLargeSize
+    }
+  },
+  header: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: "0 0 ".concat(_theme.default.descriptionsTitlePaddingBottom, " 0"),
+    fontSize: _theme.default.descriptionsTitleDefaultSize
+  },
+  title: {
+    lineHeight: _theme.default.lineHeightDynamic,
+    color: _theme.default.descriptionsTitleColor,
+    fontWeight: _theme.default.descriptionsTitleFontWeight,
+    gap: _theme.default.descriptionsTitleGap,
+    flex: 1
+  },
+  extra: {
+    lineHeight: _theme.default.lineHeightDynamic
+  },
+  body: {
+    fontSize: _theme.default.descriptionsTableDefaultSize
+  },
+  table: {
+    width: '100%',
+    borderCollapse: 'collapse',
+    lineHeight: _theme.default.lineHeightDynamic
+  },
+  row: {},
+  label: {
+    padding: "0 ".concat(_theme.default.descriptionsLabelPaddingRight, " ").concat(_theme.default.descriptionsLabelPaddingBottom, " 0"),
+    textAlign: 'left',
+    boxSizing: 'border-box',
+    color: _theme.default.descriptionsLabelColor,
+    whiteSpace: 'nowrap'
+  },
+  value: {
+    padding: "0 ".concat(_theme.default.descriptionsLabelPaddingRight, " ").concat(_theme.default.descriptionsLabelPaddingBottom, " 0"),
+    textAlign: 'left',
+    boxSizing: 'border-box',
+    color: _theme.default.descriptionsValueColor
+  },
+  inlineTable: {
+    textAlign: 'left',
+    boxSizing: 'border-box',
+    verticalAlign: 'top'
+  },
+  item: {
+    paddingBottom: _theme.default.descriptionsLabelPaddingBottom
+  },
+  labelInline: {
+    padding: "0 ".concat(_theme.default.descriptionsLabelPaddingRight, " 0 0"),
+    textAlign: 'left',
+    boxSizing: 'border-box',
+    color: _theme.default.descriptionsLabelColor,
+    whiteSpace: 'nowrap'
+  },
+  valueInline: {
+    padding: "0 ".concat(_theme.default.descriptionsLabelPaddingRight, " 0 0"),
+    textAlign: 'left',
+    boxSizing: 'border-box',
+    color: _theme.default.descriptionsValueColor
+  },
+  horizontal: {
+    '& $label': {
+      width: '1px'
+    }
+  },
+  inlineHorizontal: {
+    '& $item': {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    '& $inlineTable': {
+      verticalAlign: 'middle'
+    }
+  },
+  tableLayoutFixed: {
+    '& $table': {
+      tableLayout: 'fixed'
+    },
+    '& $label': {
+      width: 'auto'
+    }
+  },
+  border: {
+    border: "".concat(_theme.default.descriptionsBorderDefaultSize, " solid ").concat(_theme.default.descriptionsBorderColor),
+    borderRadius: _theme.default.descriptionsBorderRadius,
+    overflow: 'hidden',
+    '& $row:not(:last-child)': {
+      borderBottom: "".concat(_theme.default.descriptionsBorderBottomSize, " solid ").concat(_theme.default.descriptionsBorderColor)
+    },
+    '& $label': {
+      padding: "".concat(_theme.default.descriptionsBorderPaddingLeft, " ").concat(_theme.default.descriptionsBorderPaddingTop),
+      backgroundColor: _theme.default.descriptionsBackgroundColor,
+      borderRight: "".concat(_theme.default.descriptionsBorderRightSize, " solid ").concat(_theme.default.descriptionsBorderColor)
+    },
+    '& $value': {
+      padding: "".concat(_theme.default.descriptionsBorderPaddingLeft, " ").concat(_theme.default.descriptionsBorderPaddingTop),
+      borderRight: "".concat(_theme.default.descriptionsBorderRightSize, " solid ").concat(_theme.default.descriptionsBorderColor)
+    },
+    '& $inlineTable': {
+      padding: "".concat(_theme.default.descriptionsInlineBorderPaddingX, " ").concat(_theme.default.descriptionsInlineBorderPaddingY),
+      borderRight: "".concat(_theme.default.descriptionsBorderRightSize, " solid ").concat(_theme.default.descriptionsBorderColor)
+    },
+    '& $labelInline': {
+      padding: "0 ".concat(_theme.default.descriptionsLabelPaddingRight, " 0 0")
+    },
+    '& $valueInline': {
+      padding: 0
+    },
+    '& $label:last-child': {
+      borderRight: 'none'
+    },
+    '& $value:last-child': {
+      borderRight: 'none'
+    },
+    '& $item:last-child': {
+      borderRight: 'none'
+    },
+    '& $item': {
+      paddingBottom: 0
+    }
+  }
+};
+var _default = descriptionsStyle;
+exports.default = _default;

package/cjs/descriptions/index.d.ts

@@ -0,0 +1,5 @@
+import descriptionsStyle from './descriptions';
+declare const useDescriptionsStyle: (data?: undefined) => import("jss").Classes<import("./descriptions").DescriptionsClass>;
+export { descriptionsStyle, useDescriptionsStyle };
+export default useDescriptionsStyle;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,iBAAiB,MAAM,gBAAgB,CAAC;AAE/C,QAAA,MAAM,oBAAoB,yFAA4C,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAC;AACnD,eAAe,oBAAoB,CAAC"}

package/cjs/descriptions/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, "descriptionsStyle", {
+  enumerable: true,
+  get: function get() {
+    return _descriptions.default;
+  }
+});
+exports.useDescriptionsStyle = void 0;
+var _jssStyle = require("../jss-style");
+var _descriptions = _interopRequireDefault(require("./descriptions"));
+var useDescriptionsStyle = (0, _jssStyle.styled)(_descriptions.default, 'descriptions');
+exports.useDescriptionsStyle = useDescriptionsStyle;
+var _default = useDescriptionsStyle;
+exports.default = _default;

package/cjs/divider/divider.d.ts

@@ -1,6 +1,7 @@
 import { JsStyles } from '../jss-style';
 export interface DividerClasses {
     wrapper: string;
+    wrapperDashed: string;
     vertical: string;
     horizontal: string;
     withText: string;
@@ -12,3 +13,4 @@ export interface DividerClasses {
 export declare type DividerClassesKeys = keyof DividerClasses;
 declare const dividerStyle: JsStyles<DividerClassesKeys>;
 export default dividerStyle;
+//# sourceMappingURL=divider.d.ts.map

package/cjs/divider/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AACD,oBAAY,kBAAkB,GAAG,MAAM,cAAc,CAAC;AAEtD,QAAA,MAAM,YAAY,EAAE,QAAQ,CAAC,kBAAkB,CAgF9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/divider/divider.js

@@ -11,8 +11,12 @@ var dividerStyle = {
   wrapper: {
     margin: 0,
     padding: 0,
-    borderTop: "".concat(_theme.default.dividerBorderWidth, " solid ").concat(_theme.default.dividerBorderColor)
+    borderTop: "".concat(_theme.default.dividerBorderWidth, " solid ").concat(_theme.default.dividerBorderColor),
+    '$wrapperDashed&': {
+      borderTopStyle: 'dashed'
+    }
   },
+  wrapperDashed: {},
   vertical: {
     position: 'relative',
     top: '-0.06em',
@@ -21,7 +25,10 @@ var dividerStyle = {
     margin: "0 ".concat(_theme.default.dividerVerticalMarginX),
     verticalAlign: 'middle',
     borderTop: 0,
-    borderLeft: "".concat(_theme.default.dividerBorderWidth, " solid ").concat(_theme.default.dividerBorderColor)
+    borderLeft: "".concat(_theme.default.dividerBorderWidth, " solid ").concat(_theme.default.dividerBorderColor),
+    '$wrapperDashed&': {
+      borderLeftStyle: 'dashed'
+    }
   },
   horizontal: {
     display: 'flex',
@@ -44,7 +51,10 @@ var dividerStyle = {
       borderTopColor: 'inherit',
       borderBottom: 0,
       transform: 'translateY(50%)',
-      content: '""'
+      content: '""',
+      '$wrapperDashed&': {
+        borderTopStyle: 'dashed'
+      }
     }
   },
   withTextCenter: {

package/cjs/divider/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,WAAW,CAAC;AAErC,QAAA,MAAM,eAAe,uFAAkC,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AACzC,eAAe,eAAe,CAAC"}

package/cjs/dropdown/dropdown.d.ts

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

package/cjs/dropdown/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,aAAa,GACrB,SAAS,GACT,MAAM,GACN,MAAM,GACN,WAAW,GACX,WAAW,GACX,SAAS,GACT,OAAO,GACP,SAAS,GACT,QAAQ,GACR,aAAa,GACb,MAAM,GACN,cAAc,GACd,YAAY,GACZ,aAAa,GACb,aAAa,GACb,eAAe,CAAC;AAEpB,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,aAAa,CAmIrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/dropdown/dropdown.js

@@ -60,6 +60,7 @@ var dropdown = {
     height: '1em',
     display: 'inline-block',
     lineHeight: '1',
+    marginLeft: _theme.default.dropdownCaretMarginLeft,
     '$wrapper[data-position^="right"] > $button & > svg': {
       transform: 'rotate(-90deg)'
     },
@@ -83,8 +84,12 @@ var dropdown = {
       display: 'flex'
     }
   },
+  itemWrapper: {
+    padding: '0 4px'
+  },
   item: {
     display: 'block',
+    borderRadius: 4,
     lineHeight: _theme.default.lineHeightDynamic,
     color: _theme.default.dropdownOptionFontColor,
     backgroundColor: _theme.default.dropdownOptionBackgroundColor,

package/cjs/dropdown/index.d.ts

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

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

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

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

@@ -2,3 +2,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;
+//# sourceMappingURL=editable-area.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIxC,oBAAY,iBAAiB,GACzB,SAAS,GACT,iBAAiB,GACjB,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,cAAc,GACd,mBAAmB,GACnB,mBAAmB,GACnB,sBAAsB,GACtB,yBAAyB,GACzB,SAAS,GACT,OAAO,GACP,OAAO,GACP,aAAa,GACb,OAAO,GACP,WAAW,CAAC;AA4ChB,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,iBAAiB,CAwDlD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -94,7 +94,8 @@ var editableAreaStyle = _objectSpread(_objectSpread({
   },
   popup: {
     opacity: 0,
-    pointerEvents: 'none'
+    pointerEvents: 'none',
+    width: '1px'
   },
   popupShow: {
     '&&': {

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

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

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

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

package/cjs/empty/empty.d.ts

@@ -2,3 +2,4 @@ import { JsStyles } from '../jss-style';
 export declare type EmptyClass = 'empty' | 'wrapper' | 'image' | 'description';
 declare const emptyStyle: JsStyles<EmptyClass>;
 export default emptyStyle;
+//# sourceMappingURL=empty.d.ts.map

package/cjs/empty/empty.d.ts.map

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

package/cjs/empty/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,MAAM,SAAS,CAAC;AAEjC,QAAA,MAAM,aAAa,2EAA8B,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC;AACrC,eAAe,aAAa,CAAC"}

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

@@ -2,3 +2,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;
+//# sourceMappingURL=form-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,aAAK,aAAa,GACd,SAAS,GACT,YAAY,GACZ,OAAO,GACP,WAAW,GACX,eAAe,GACf,iBAAiB,GACjB,4BAA4B,GAC5B,4BAA4B,GAC5B,iBAAiB,GACjB,mBAAmB,GACnB,SAAS,GACT,OAAO,GACP,KAAK,CAAC;AAEV,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CAiG1C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/form/form.d.ts

@@ -2,3 +2,4 @@ import { JsStyles } from '../jss-style';
 export declare type FormClass = 'wrapper' | 'wrapperInline';
 declare const form: JsStyles<FormClass>;
 export default form;
+//# sourceMappingURL=form.d.ts.map