@sheinx/shineout-style 3.1.8 → 3.2.0-rc.2

package/cjs/alert/alert.js

@@ -19,6 +19,7 @@ var alertStyle = {
     borderRadius: _theme.default.alertBorderRadius,
     borderWidth: 1,
     borderStyle: 'solid',
+    fontWeight: _theme.default.alertFontWeight,
     opacity: 1,
     transformOrigin: '0 0',
     transform: 'scaleY(1) translateZ(0)',
@@ -75,8 +76,8 @@ var alertStyle = {
   },
   title: {
     fontSize: _theme.default.alertTitleFontSize,
-    fontWeight: 500,
-    marginBottom: 4,
+    fontWeight: _theme.default.alertTitleFontWeight,
+    marginBottom: _theme.default.alertTitleMarginY,
     overflowWrap: 'anywhere',
     lineHeight: _theme.default.alertTitleFontSize
   },

package/cjs/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAwFlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA4FlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/breadcrumb/breadcrumb.js

@@ -34,7 +34,7 @@ var breadcrumbStyle = {
     top: '-3px'
   },
   itemWrapper: {
-    padding: "0 ".concat(_theme.default.breadcrumbListItemWrapperPaddingX)
+    // padding: `0 ${token.breadcrumbListItemWrapperPaddingX}`,
   },
   item: {
     display: 'flex',
@@ -67,23 +67,27 @@ var breadcrumbStyle = {
     transform: 'rotate(180deg)'
   },
   dropdown: {
-    backgroundColor: _theme.default.breadcrumbListBackgroundColor,
-    boxShadow: _theme.default.breadcrumbListShadow,
-    border: "1px solid ".concat(_theme.default.breadcrumbListBorderColor),
-    padding: "".concat(_theme.default.breadcrumbListPaddingY, " 0"),
+    borderRadius: _theme.default.dropdownListBorderRadius,
+    backgroundColor: _theme.default.dropdownListBackgroundColor,
+    boxShadow: _theme.default.dropdownListBoxShadow,
+    border: "1px solid ".concat(_theme.default.dropdownListBorderColor),
+    // padding: `${token.breadcrumbListPaddingY} 0`,
+    padding: "".concat(_theme.default.dropdownListPaddingY, " ").concat(_theme.default.dropdownListPaddingX),
     color: _theme.default.breadcrumbLinkColor
   },
   dropdownItem: {
     lineHeight: _theme.default.lineHeightDynamic,
-    fontSize: _theme.default.breadcrumbFontSize,
+    fontSize: _theme.default.dropdownListFontSize,
+    fontWeight: _theme.default.breadcrumbFontWieght,
     cursor: 'pointer',
-    color: _theme.default.breadcrumbFontColor,
-    borderRadius: _theme.default.breadcrumbListItemBorderRadius,
+    color: _theme.default.dropdownOptionFontColor,
+    borderRadius: _theme.default.dropdownOptionBorderRadius,
     '&:hover': {
-      backgroundColor: _theme.default.breadcrumbListItemHoverBackgroundColor
+      color: _theme.default.dropdownOptionHoverFontColor,
+      backgroundColor: _theme.default.dropdownOptionHoverBackgroundColor
     },
     '& $content, &  a': {
-      padding: "".concat(_theme.default.breadcrumbListItemPaddingY, " ").concat(_theme.default.breadcrumbListItemPaddingX),
+      padding: "".concat(_theme.default.dropdownOptionPaddingY, " ").concat(_theme.default.dropdownOptionPaddingX),
       display: 'inline-block',
       textDecoration: 'none',
       color: 'inherit',

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

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAic9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAic9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -17,27 +17,36 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = 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,
+  borderRadius: _theme.default.inputBorderRadius,
+  fontSize: _theme.default.inputFontSize,
+  fontWeight: _theme.default.inputFontWeight,
+  smallFontSize: _theme.default.inputSmallFontSize,
+  largeFontSize: _theme.default.inputLargeFontSize,
+  paddingY: _theme.default.selectPaddingY,
+  smallPaddingY: _theme.default.selectSmallPaddingY,
+  largePaddingY: _theme.default.selectLargePaddingY,
+  paddingX: _theme.default.selectPaddingX,
+  smallPaddingX: _theme.default.selectSmallPaddingX,
+  largePaddingX: _theme.default.selectLargePaddingX,
+  borderColor: _theme.default.inputBorderColor,
+  borderWidth: _theme.default.inputBorderWidth,
+  focusBorderColor: _theme.default.inputFocusBorderColor,
+  hoverBorderColor: _theme.default.inputHoverBorderColor,
+  disabledBorderColor: _theme.default.inputDisabledBorderColor,
+  errorBorderColor: _theme.default.inputErrorBorderColor,
+  errorHoverBorderColor: _theme.default.inputErrorHoverBorderColor,
+  errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
+  fontColor: _theme.default.inputFontColor,
+  disabledFontColor: _theme.default.inputDisabledFontColor,
+  backgroundColor: _theme.default.inputBackgroundColor,
+  hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
+  focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
+  disabledBackgroundColor: _theme.default.inputDisabledBackgroundColor,
+  errorBackgroundColor: _theme.default.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: _theme.default.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: _theme.default.inputErrorHoverBackgroundColor,
+  focusShadow: _theme.default.inputFocusShadow,
+  errorFocusShadow: _theme.default.inputErrorFocusShadow,
   innerTitlePaddingY: _theme.default.inputInnerPaddingY,
   innerTitlePaddingX: _theme.default.inputInnerPaddingX,
   smallInnerTitlePaddingY: _theme.default.inputInnerSmallPaddingY,

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA6C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAwmBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAwmBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -17,27 +17,36 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var inputBorderToken = {
   lineHeight: _theme.default.lineHeightDynamic,
-  borderRadius: _theme.default.datePickerBorderRadius,
-  fontSize: _theme.default.datePickerFontSize,
-  smallFontSize: _theme.default.datePickerSmallFontSize,
-  largeFontSize: _theme.default.datePickerLargeFontSize,
-  paddingY: _theme.default.datePickerPaddingY,
-  smallPaddingY: _theme.default.datePickerSmallPaddingY,
-  largePaddingY: _theme.default.datePickerLargePaddingY,
-  paddingX: _theme.default.datePickerPaddingX,
-  smallPaddingX: _theme.default.datePickerSmallPaddingX,
-  largePaddingX: _theme.default.datePickerLargePaddingX,
-  borderColor: _theme.default.datePickerBorderColor,
-  focusBorderColor: _theme.default.datePickerFocusBorderColor,
-  hoverBorderColor: _theme.default.datePickerHoverBorderColor,
-  disabledBorderColor: _theme.default.datePickerDisabledBorderColor,
-  errorBorderColor: _theme.default.datePickerErrorBorderColor,
-  fontColor: _theme.default.datePickerFontColor,
-  disabledFontColor: _theme.default.datePickerDisabledFontColor,
-  backgroundColor: _theme.default.datePickerBackgroundColor,
-  disabledBackgroundColor: _theme.default.datePickerDisabledBackgroundColor,
-  focusShadow: _theme.default.datePickerFocusShadow,
-  errorFocusShadow: _theme.default.datePickerErrorFocusShadow,
+  borderRadius: _theme.default.inputBorderRadius,
+  fontSize: _theme.default.inputFontSize,
+  fontWeight: _theme.default.inputFontWeight,
+  smallFontSize: _theme.default.inputSmallFontSize,
+  largeFontSize: _theme.default.inputLargeFontSize,
+  paddingY: _theme.default.inputPaddingY,
+  smallPaddingY: _theme.default.inputSmallPaddingY,
+  largePaddingY: _theme.default.inputLargePaddingY,
+  paddingX: _theme.default.inputPaddingX,
+  smallPaddingX: _theme.default.inputSmallPaddingX,
+  largePaddingX: _theme.default.inputLargePaddingX,
+  borderColor: _theme.default.inputBorderColor,
+  borderWidth: _theme.default.inputBorderWidth,
+  focusBorderColor: _theme.default.inputFocusBorderColor,
+  hoverBorderColor: _theme.default.inputHoverBorderColor,
+  disabledBorderColor: _theme.default.inputDisabledBorderColor,
+  errorBorderColor: _theme.default.inputErrorBorderColor,
+  errorHoverBorderColor: _theme.default.inputErrorHoverBorderColor,
+  errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
+  fontColor: _theme.default.inputFontColor,
+  disabledFontColor: _theme.default.inputDisabledFontColor,
+  backgroundColor: _theme.default.inputBackgroundColor,
+  hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
+  focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
+  disabledBackgroundColor: _theme.default.inputDisabledBackgroundColor,
+  errorBackgroundColor: _theme.default.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: _theme.default.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: _theme.default.inputErrorHoverBackgroundColor,
+  focusShadow: _theme.default.inputFocusShadow,
+  errorFocusShadow: _theme.default.inputErrorFocusShadow,
   innerTitlePaddingY: _theme.default.inputInnerPaddingY,
   innerTitlePaddingX: _theme.default.inputInnerPaddingX,
   smallInnerTitlePaddingY: _theme.default.inputInnerSmallPaddingY,

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

@@ -1 +1 @@
-{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAkJtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["descriptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAE9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAoKtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/descriptions/descriptions.js

@@ -52,7 +52,13 @@ var descriptionsStyle = {
     borderCollapse: 'collapse',
     lineHeight: _theme.default.lineHeightDynamic
   },
-  row: {},
+  row: {
+    // '&>td': {
+    //   '&:not(:last-child)': {
+    //     paddingRight: token.descriptionsCellGap,
+    //   },
+    // },
+  },
   label: {
     paddingRight: _theme.default.descriptionsLabelPaddingRight,
     paddingBottom: _theme.default.descriptionsLabelPaddingBottom,
@@ -71,7 +77,7 @@ var descriptionsStyle = {
       paddingRight: 0
     }
   },
-  inlineTable: {
+  cell: {
     textAlign: 'left',
     boxSizing: 'border-box',
     verticalAlign: 'top'
@@ -97,13 +103,25 @@ var descriptionsStyle = {
       width: '1px'
     }
   },
+  vertical: {
+    '& $label': {
+      paddingBottom: _theme.default.descriptionsVerticalPaddingBottom
+    }
+  },
   inlineHorizontal: {
     '& $item': {
       display: 'flex',
       alignItems: 'center'
     },
-    '& $inlineTable': {
+    '& $cell': {
       verticalAlign: 'middle'
+    },
+    '& $row': {
+      '&>td': {
+        '&:not(:last-child)': {
+          paddingRight: _theme.default.descriptionsCellGap
+        }
+      }
     }
   },
   tableLayoutFixed: {
@@ -118,20 +136,20 @@ var descriptionsStyle = {
     border: "".concat(_theme.default.descriptionsBorderDefaultSize, " solid ").concat(_theme.default.descriptionsBorderColor),
     borderRadius: _theme.default.descriptionsBorderRadius,
     '& $row:not(:last-child)': {
-      borderBottom: "".concat(_theme.default.descriptionsBorderBottomSize, " solid ").concat(_theme.default.descriptionsBorderColor)
+      borderBottom: "".concat(_theme.default.descriptionsBorderDefaultSize, " solid ").concat(_theme.default.descriptionsBorderColor)
     },
     '& $label': {
       padding: "".concat(_theme.default.descriptionsBorderPaddingX, " ").concat(_theme.default.descriptionsBorderPaddingY),
       backgroundColor: _theme.default.descriptionsBackgroundColor,
-      borderRight: "".concat(_theme.default.descriptionsBorderRightSize, " solid ").concat(_theme.default.descriptionsBorderColor)
+      borderRight: "".concat(_theme.default.descriptionsBorderDefaultSize, " solid ").concat(_theme.default.descriptionsBorderColor)
     },
     '& $value': {
       padding: "".concat(_theme.default.descriptionsBorderPaddingX, " ").concat(_theme.default.descriptionsBorderPaddingY),
-      borderRight: "".concat(_theme.default.descriptionsBorderRightSize, " solid ").concat(_theme.default.descriptionsBorderColor)
+      borderRight: "".concat(_theme.default.descriptionsBorderDefaultSize, " solid ").concat(_theme.default.descriptionsBorderColor)
     },
-    '& $inlineTable': {
+    '& $cell': {
       padding: "".concat(_theme.default.descriptionsInlineBorderPaddingX, " ").concat(_theme.default.descriptionsInlineBorderPaddingY),
-      borderRight: "".concat(_theme.default.descriptionsBorderRightSize, " solid ").concat(_theme.default.descriptionsBorderColor)
+      borderRight: "".concat(_theme.default.descriptionsBorderDefaultSize, " solid ").concat(_theme.default.descriptionsBorderColor)
     },
     '& $labelInline': {
       paddingRight: _theme.default.descriptionsLabelPaddingRight

package/cjs/dropdown/dropdown.js

@@ -133,7 +133,7 @@ var dropdown = {
   itemWrapper: {},
   item: {
     display: 'block',
-    borderRadius: 4,
+    borderRadius: _theme.default.dropdownOptionBorderRadius,
     lineHeight: _theme.default.lineHeightDynamic,
     color: _theme.default.dropdownOptionFontColor,
     backgroundColor: _theme.default.dropdownOptionBackgroundColor,

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

@@ -1 +1 @@
-{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AA4C9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAwDtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,mBAAmB,CAAC;AAuD9D,QAAA,MAAM,iBAAiB,EAAE,QAAQ,CAAC,qBAAqB,CAwDtD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -15,36 +15,46 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var inputBorder = (0, _inputBorder.default)('wrapper', {
+var inputBorderToken = {
   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,
+  borderRadius: _theme.default.inputBorderRadius,
+  fontSize: _theme.default.inputFontSize,
+  fontWeight: _theme.default.inputFontWeight,
+  smallFontSize: _theme.default.inputSmallFontSize,
+  largeFontSize: _theme.default.inputLargeFontSize,
+  paddingY: _theme.default.inputPaddingY,
+  smallPaddingY: _theme.default.inputSmallPaddingY,
+  largePaddingY: _theme.default.inputLargePaddingY,
+  paddingX: _theme.default.inputPaddingX,
+  smallPaddingX: _theme.default.inputSmallPaddingX,
+  largePaddingX: _theme.default.inputLargePaddingX,
+  borderColor: _theme.default.inputBorderColor,
+  borderWidth: _theme.default.inputBorderWidth,
+  focusBorderColor: _theme.default.inputFocusBorderColor,
+  hoverBorderColor: _theme.default.inputHoverBorderColor,
+  disabledBorderColor: _theme.default.inputDisabledBorderColor,
+  errorBorderColor: _theme.default.inputErrorBorderColor,
+  errorHoverBorderColor: _theme.default.inputErrorHoverBorderColor,
+  errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
+  fontColor: _theme.default.inputFontColor,
+  disabledFontColor: _theme.default.inputDisabledFontColor,
+  backgroundColor: _theme.default.inputBackgroundColor,
+  hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
+  focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
+  disabledBackgroundColor: _theme.default.inputDisabledBackgroundColor,
+  errorBackgroundColor: _theme.default.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: _theme.default.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: _theme.default.inputErrorHoverBackgroundColor,
+  focusShadow: _theme.default.inputFocusShadow,
+  errorFocusShadow: _theme.default.inputErrorFocusShadow,
   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,
   wrapperNoBorder = inputBorder.wrapperNoBorder,
   _noFocus = inputBorder.wrapperFocus,

package/cjs/inner-title/inner-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAwBjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CAqEjD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAwBjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CA4EjD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/inner-title/inner-title.js

@@ -63,6 +63,13 @@ var innerTitle = _objectSpread(_objectSpread({}, animation), {}, {
   },
   top: {
     opacity: '0',
+    fontSize: _theme.default.inputInnerTopFontSize,
+    '$wrapperSmall &': {
+      fontSize: _theme.default.inputInnerTopSmallFontSize
+    },
+    '$wrapperLarge &': {
+      fontSize: _theme.default.inputInnerTopLargeFontSize
+    },
     '$wrapperOpen &': {
       opacity: '1',
       transition: "opacity 0s ease-in ".concat(moveTime)

package/cjs/input/input-border.d.ts

@@ -2,6 +2,7 @@ interface Token {
     lineHeight: string;
     borderRadius: string;
     fontSize: string;
+    fontWeight: string;
     smallFontSize: string;
     largeFontSize: string;
     paddingY: string;
@@ -11,14 +12,22 @@ interface Token {
     smallPaddingX: string;
     largePaddingX: string;
     borderColor: string;
+    borderWidth: string;
     focusBorderColor: string;
     hoverBorderColor: string;
     disabledBorderColor: string;
     errorBorderColor: string;
+    errorHoverBorderColor: string;
+    errorFocusBorderColor: string;
     fontColor: string;
     disabledFontColor: string;
     backgroundColor: string;
+    hoverBackgroundColor: string;
+    focusBackgroundColor: string;
     disabledBackgroundColor: string;
+    errorBackgroundColor: string;
+    errorFocusBackgroundColor: string;
+    errorHoverBackgroundColor: string;
     focusShadow: string;
     errorFocusShadow: string;
     innerTitlePaddingY: string;

package/cjs/input/input-border.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IAEzB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAEhC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBA4IE"}
+{"version":3,"file":"input-border.d.ts","sourceRoot":"","sources":["input-border.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAErB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,yBAAyB,EAAE,MAAM,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAElC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;IAChC,uBAAuB,EAAE,MAAM,CAAC;CACjC;4DACiD,KAAK;AAAvD,wBAqJE"}

package/cjs/input/input-border.js

@@ -15,15 +15,18 @@ var _default = exports.default = function _default(name) {
     boxSizing: 'border-box',
     borderRadius: token.borderRadius,
     background: token.backgroundColor,
-    border: "1px solid ".concat(token.borderColor),
+    border: "".concat(token.borderWidth, " solid ").concat(token.borderColor),
     color: token.fontColor,
     lineHeight: token.lineHeight,
     fontSize: token.fontSize,
+    fontWeight: token.fontWeight,
     verticalAlign: 'top',
     transition: "border-color .15s ease-in-out,box-shadow .15s ease-in-out;",
-    '&:hover': {
+    '&:hover': _defineProperty({
       borderColor: token.hoverBorderColor
-    },
+    }, "&:not($".concat(name, "Disabled):not($").concat(name, "Error)"), {
+      backgroundColor: token.hoverBackgroundColor
+    }),
     '[data-soui-role="input-group"] &': {
       borderWidth: 0,
       borderRadius: 0,
@@ -74,16 +77,21 @@ var _default = exports.default = function _default(name) {
   }), "".concat(name, "Focus"), {
     borderColor: token.focusBorderColor,
     boxShadow: "0 0 0 2px ".concat(token.focusShadow),
+    background: token.focusBackgroundColor,
     '&:hover': {
       borderColor: token.focusBorderColor
     }
   }), "".concat(name, "Error"), _defineProperty({
     borderColor: token.errorBorderColor,
+    background: token.errorBackgroundColor,
     '&:hover': {
-      borderColor: token.errorBorderColor
+      backgroundColor: token.errorHoverBackgroundColor,
+      borderColor: token.errorHoverBorderColor
     }
   }, "&$".concat(name, "Focus"), {
-    boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow)
+    boxShadow: "0 0 0 2px ".concat(token.errorFocusShadow),
+    borderColor: token.errorFocusBorderColor,
+    background: token.errorFocusBackgroundColor
   })), "".concat(name, "Disabled"), {
     color: token.disabledFontColor,
     backgroundColor: token.disabledBackgroundColor,

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AA8F5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAsMvC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAuG5C,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,YAAY,CAsMvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/input/input.js

@@ -19,6 +19,7 @@ var inputBorderToken = {
   lineHeight: _theme.default.lineHeightDynamic,
   borderRadius: _theme.default.inputBorderRadius,
   fontSize: _theme.default.inputFontSize,
+  fontWeight: _theme.default.inputFontWeight,
   smallFontSize: _theme.default.inputSmallFontSize,
   largeFontSize: _theme.default.inputLargeFontSize,
   paddingY: _theme.default.inputPaddingY,
@@ -28,14 +29,22 @@ var inputBorderToken = {
   smallPaddingX: _theme.default.inputSmallPaddingX,
   largePaddingX: _theme.default.inputLargePaddingX,
   borderColor: _theme.default.inputBorderColor,
+  borderWidth: _theme.default.inputBorderWidth,
   focusBorderColor: _theme.default.inputFocusBorderColor,
   hoverBorderColor: _theme.default.inputHoverBorderColor,
   disabledBorderColor: _theme.default.inputDisabledBorderColor,
   errorBorderColor: _theme.default.inputErrorBorderColor,
+  errorHoverBorderColor: _theme.default.inputErrorHoverBorderColor,
+  errorFocusBorderColor: _theme.default.inputErrorFocusBorderColor,
   fontColor: _theme.default.inputFontColor,
   disabledFontColor: _theme.default.inputDisabledFontColor,
   backgroundColor: _theme.default.inputBackgroundColor,
+  hoverBackgroundColor: _theme.default.inputHoverBackgroundColor,
+  focusBackgroundColor: _theme.default.inputFocusBackgroundColor,
   disabledBackgroundColor: _theme.default.inputDisabledBackgroundColor,
+  errorBackgroundColor: _theme.default.inputErrorBackgroundColor,
+  errorFocusBackgroundColor: _theme.default.inputErrorFocusBackgroundColor,
+  errorHoverBackgroundColor: _theme.default.inputErrorHoverBackgroundColor,
   focusShadow: _theme.default.inputFocusShadow,
   errorFocusShadow: _theme.default.inputErrorFocusShadow,
   innerTitlePaddingY: _theme.default.inputInnerPaddingY,

package/cjs/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAmHtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAsHtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/list/list.js

@@ -56,7 +56,7 @@ var listStyle = {
     alignItems: 'center',
     boxSizing: 'border-box',
     '&:not(:last-child)': {
-      borderBottom: "1px solid ".concat(_theme.default.listBorderColor)
+      borderBottom: "".concat(_theme.default.listBorderWidth, " solid ").concat(_theme.default.listBorderColor)
     }
   },
   item: {
@@ -65,13 +65,16 @@ var listStyle = {
     color: _theme.default.listFontColor,
     display: 'flex',
     flexWrap: 'nowrap',
+    background: _theme.default.listItemBackgroundColor,
     boxSizing: 'border-box',
     padding: "".concat(_theme.default.listItemPaddingY, " ").concat(_theme.default.listItemPaddingX),
     '$wrapperSmall &': {
-      padding: "".concat(_theme.default.listSmallItemPaddingY, " ").concat(_theme.default.listSmallItemPaddingX)
+      padding: "".concat(_theme.default.listSmallItemPaddingY, " ").concat(_theme.default.listSmallItemPaddingX),
+      fontSize: _theme.default.listSmallFontSize
     },
     '$wrapperLarge &': {
-      padding: "".concat(_theme.default.listLargeItemPaddingY, " ").concat(_theme.default.listLargeItemPaddingY)
+      padding: "".concat(_theme.default.listLargeItemPaddingY, " ").concat(_theme.default.listLargeItemPaddingY),
+      fontSize: _theme.default.listLargeFontSize
     }
   },
   checkContent: {

package/cjs/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA6WtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAY9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CAydtC,CAAC;AAEF,eAAe,SAAS,CAAC"}