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

package/cjs/select/select.js

@@ -50,14 +50,67 @@ var wrapper = inputBorder.wrapper,
   wrapperDisabled = inputBorder.wrapperDisabled,
   resetWrapper = (0, _objectWithoutProperties2.default)(inputBorder, ["wrapper", "wrapperDisabled"]);
 var selectStyle = _objectSpread(_objectSpread({
-  wrapper: _objectSpread({
+  wrapper: _objectSpread(_objectSpread({
     display: 'inline-block',
     position: 'relative',
-    width: _theme.default.datePickerDateWidth
-  }, wrapper),
+    width: '100%',
+    outline: 'none',
+    cursor: 'pointer'
+  }, wrapper), {}, {
+    '&$wrapperInnerTitle': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      }
+    },
+    '&$wrapperSmall': {
+      '& $tag': {
+        height: 18,
+        lineHeight: '16px',
+        marginTop: 1,
+        marginBottom: 1
+      },
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $optionInner': {
+        paddingTop: _theme.default.selectSmallOptionInnerPaddingY,
+        paddingBottom: _theme.default.selectSmallOptionInnerPaddingY,
+        paddingLeft: _theme.default.selectSmallOptionInnerPaddingX,
+        // padding: `${token.selectSmallOptionInnerPaddingY} ${token.selectSmallOptionInnerPaddingX}`,
+        fontSize: _theme.default.selectSmallFontSize
+      },
+      '& $clearIcon': {
+        right: _theme.default.selectSmallPaddingX
+      }
+    },
+    '&$wrapperLarge': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: _theme.default.selectLargePlaceholderMarginY,
+        marginBottom: _theme.default.selectLargePlaceholderMarginY
+      },
+      '& $optionInner': {
+        // padding: `${token.selectLargeOptionInnerPaddingY} ${token.selectLargeOptionInnerPaddingX}`,
+        paddingTop: _theme.default.selectLargeOptionInnerPaddingY,
+        paddingBottom: _theme.default.selectLargeOptionInnerPaddingY,
+        paddingLeft: _theme.default.selectLargeOptionInnerPaddingX,
+        fontSize: _theme.default.selectLargeFontSize
+      },
+      '& $clearIcon': {
+        right: _theme.default.selectLargePaddingX
+      }
+    },
+    '&:hover': {
+      cursor: 'pointer'
+    }
+  }),
   wrapperDisabled: _objectSpread(_objectSpread({}, wrapperDisabled), {}, {
     '& $icon': {
-      color: _theme.default.datePickerDisabledFontColor
+      color: _theme.default.selectDisabledFontColor
+    },
+    '& $arrowIcon': {
+      color: _theme.default.selectDisabledIconColor
     }
   })
 }, resetWrapper), {}, {
@@ -67,6 +120,7 @@ var selectStyle = _objectSpread(_objectSpread({
     minWidth: 0,
     position: 'relative',
     outline: 'none',
+    overflow: 'hidden',
     '&:hover': {
       '& $clear': {
         display: 'inline-flex'
@@ -81,13 +135,38 @@ var selectStyle = _objectSpread(_objectSpread({
     flex: '1',
     minWidth: 0,
     alignItems: 'center',
-    lineHeight: _theme.default.lineHeightDynamic
+    lineHeight: _theme.default.lineHeightDynamic,
+    paddingRight: "calc(".concat(_theme.default.selectSmallFontSize, " + ").concat(_theme.default.selectClearPadding, ")")
   },
   resultTextWrapper: {
     display: 'flex',
     flex: '1',
     minWidth: 0,
-    textAlign: 'left'
+    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.selectPlaceholderColor
+      }
+    }
+  },
+  multipleResultWrapper: {
+    flexWrap: 'wrap'
   },
   resultAlignLeft: {
     '& $resultTextWrapper': {
@@ -116,12 +195,12 @@ var selectStyle = _objectSpread(_objectSpread({
   },
   resultTextPadding: {
     position: 'absolute',
-    padding: "0 ".concat(_theme.default.datePickerResultTextPaddingX),
-    left: "calc(-1 * ".concat(_theme.default.datePickerResultTextPaddingX, ")"),
-    right: "calc(-1 * ".concat(_theme.default.datePickerResultTextPaddingX, ")"),
+    padding: "0 ".concat(_theme.default.selectResultTextPaddingX),
+    left: "calc(-1 * ".concat(_theme.default.selectResultTextPaddingX, ")"),
+    right: "calc(-1 * ".concat(_theme.default.selectResultTextPaddingX, ")"),
     top: '0',
     bottom: '0',
-    borderRadius: _theme.default.datePickerResultTextBorderRadius,
+    borderRadius: _theme.default.selectResultTextBorderRadius,
     '& > input': {
       color: 'inherit',
       padding: '0',
@@ -132,42 +211,99 @@ var selectStyle = _objectSpread(_objectSpread({
       backgroundColor: 'transparent',
       width: '100%',
       '&::placeholder': {
-        color: _theme.default.datePickerPlaceholderColor
+        color: _theme.default.selectPlaceholderColor
       }
     }
   },
   resultTextActive: {
     '& $resultTextPadding': {
-      backgroundColor: _theme.default.datePickerResultTextActiveBackgroundColor
+      backgroundColor: _theme.default.selectResultTextActiveBackgroundColor
     }
   },
   resultTextDisabled: {
-    color: _theme.default.datePickerDisabledFontColor,
+    color: _theme.default.selectDisabledFontColor,
     cursor: 'not-allowed'
   },
+  compressedWrapper: {
+    width: 0,
+    overflow: 'hidden'
+  },
+  controlMouse: {
+    '& $optionInner:hover': {
+      backgroundColor: _theme.default.selectOptionHoverBackgroundColor
+    }
+  },
+  controlKeyboard: {
+    '& $optionHover': {
+      '& $optionInner': {
+        backgroundColor: _theme.default.selectOptionHoverBackgroundColor
+      }
+    }
+  },
   placeholder: {
-    color: _theme.default.datePickerPlaceholderColor
+    color: _theme.default.selectPlaceholderColor,
+    lineHeight: _theme.default.lineHeightDynamic,
+    marginTop: _theme.default.selectPlaceholderMarginY,
+    marginBottom: _theme.default.selectPlaceholderMarginY
   },
   pickerWrapper: {
     position: 'absolute',
     backgroundColor: _theme.default.selectPanelBackgroundColor,
     boxShadow: _theme.default.selectPanelShadow,
-    borderRadius: _theme.default.selectPanelRadius
+    borderRadius: _theme.default.selectPanelRadius,
+    transformOrigin: '0 0'
+  },
+  clearable: {},
+  clearIcon: {
+    position: 'absolute',
+    right: _theme.default.selectPaddingX,
+    top: "calc(50% - 1em/2)",
+    cursor: 'pointer',
+    width: _theme.default.selectFontSize,
+    lineHeight: 0,
+    color: _theme.default.selectClearColor,
+    verticalAlign: 'middle'
+  },
+  arrowIcon: {
+    position: 'absolute',
+    right: _theme.default.selectPaddingX,
+    top: "calc(50% - 1em/2)",
+    verticalAlign: 'middle',
+    width: _theme.default.selectFontSize,
+    lineHeight: 0,
+    color: _theme.default.selectIconColor,
+    transition: 'transform 0.3s'
+  },
+  arrowIconOpen: {
+    transform: 'rotate(180deg)',
+    color: _theme.default.selectHoverBorderColor
   },
   ellipsis: {
     display: 'block',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap'
+    whiteSpace: 'nowrap',
+    marginTop: _theme.default.selectPlaceholderMarginY,
+    marginBottom: _theme.default.selectPlaceholderMarginY
   },
   multiple: {
     '& $optionInner': {
       paddingRight: _theme.default.selectOptionInnerPaddingRight
-    }
+    },
+    '& $compressedWrapper': {
+      flexWrap: 'nowrap'
+    },
+    '& $placeholder': {}
+  },
+  multipleCompressedWrapper: {
+    flexWrap: 'nowrap'
+  },
+  loading: {
+    padding: 10
   },
   checkedIcon: {
     right: 8,
-    top: 9,
+    top: "calc(50% - 1em/2)",
     position: 'absolute',
     display: 'inline-flex',
     width: _theme.default.selectFontSize,
@@ -177,42 +313,156 @@ var selectStyle = _objectSpread(_objectSpread({
     paddingTop: 3,
     paddingBottom: 3
   },
+  tree: {
+    padding: 4,
+    overflow: 'auto'
+  },
+  treeOption: {
+    '& $optionDisabled': {
+      cursor: 'not-allowed',
+      '&:hover:not([data-active="true"])': {
+        backgroundColor: "".concat(_theme.default.selectOptionDisabledBackgroundColor)
+      }
+    }
+  },
+  tag: {
+    '&$tag + &$tag': {
+      marginLeft: 0
+    },
+    maxWidth: '80%',
+    marginRight: 4,
+    marginTop: _theme.default.selectPlaceholderMarginY,
+    marginBottom: _theme.default.selectPlaceholderMarginY,
+    textWrap: 'nowrap'
+  },
+  space: {
+    marginTop: _theme.default.selectPlaceholderMarginY,
+    marginBottom: _theme.default.selectPlaceholderMarginY
+  },
+  inputMirror: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    visibility: 'hidden'
+  },
+  moreWrapper: {
+    width: 248,
+    height: 72,
+    overflow: 'auto',
+    padding: _theme.default.selectMorePadding
+  },
   virtualList: {
     margin: 0,
     padding: 0
   },
   option: {
     listStyle: 'none',
-    fontSize: _theme.default.selectFontSize,
     lineHeight: _theme.default.lineHeightDynamic,
     padding: "".concat(_theme.default.selectOptionPaddingY, " ").concat(_theme.default.selectOptionPaddingX),
     // not disabled
     '&:not($optionDisabled)': {
       cursor: 'pointer'
-    },
-    // hover
-    '&:hover': {
-      '& $optionInner': {
-        backgroundColor: _theme.default.selectOptionHoverBackgroundColor
-      }
     }
+    // hover
+    // '&:hover': {
+    //   '& $optionInner': {
+    //     backgroundColor: token.selectOptionHoverBackgroundColor,
+    //   },
+    // },
   },
+
   optionInner: {
     position: 'relative',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    fontSize: _theme.default.selectFontSize,
     padding: "".concat(_theme.default.selectOptionInnerPaddingY, " ").concat(_theme.default.selectOptionInnerPaddingX),
     borderRadius: _theme.default.selectOptionInnerBorderRadius
   },
-  optionHover: {},
+  optionHover: {
+    // backgroundColor: token.selectOptionHoverBackgroundColor,
+    // '& $optionInner:hover': {
+    //   backgroundColor: token.selectOptionHoverBackgroundColor,
+    // },
+  },
   optionActive: {
     color: _theme.default.selectOptionActiveColor,
-    backgroundColor: _theme.default.selectOptionActiveBackgroundColor
+    backgroundColor: _theme.default.selectOptionActiveBackgroundColor,
+    '&>div': {
+      color: _theme.default.selectOptionActiveColor
+    }
   },
   optionDisabled: {
+    cursor: 'not-allowed',
     color: _theme.default.selectOptionDisabledColor,
-    backgroundColor: _theme.default.selectOptionDisabledBackgroundColor
+    backgroundColor: _theme.default.selectOptionDisabledBackgroundColor,
+    '&>div': {
+      cursor: 'not-allowed',
+      color: _theme.default.selectOptionDisabledColor,
+      backgroundColor: _theme.default.selectOptionDisabledBackgroundColor
+    }
   },
   optionGroup: {},
-  optionGroupTitle: {}
+  optionGroupTitle: {
+    fontSize: _theme.default.selectGroupTitleFontSize,
+    padding: "".concat(_theme.default.selectGroupTitlePaddingY, " ").concat(_theme.default.selectGroupTitlePaddingX),
+    color: _theme.default.selectGroupTitleFontColor
+  },
+  header: {
+    display: 'flex',
+    alignItems: 'center',
+    boxSizing: 'border-box',
+    height: 32,
+    padding: _theme.default.selectHeaderPadding,
+    borderBottom: "1px solid ".concat(_theme.default.selectHeaderBorderColor),
+    '& $columnsCheckbox': {
+      marginRight: 0,
+      width: 'auto'
+    }
+  },
+  footer: {},
+  columnsTitle: {},
+  customHeader: {},
+  columns: {
+    display: 'flex',
+    alignItems: 'center',
+    '& $optionGroupTitle': {
+      padding: "0 ".concat(_theme.default.selectHeaderPadding),
+      marginLeft: _theme.default.selectColumnOptionMargin
+    }
+  },
+  columnsOption: {
+    // flex: 1,
+    paddingLeft: _theme.default.selectColumnPadding,
+    paddingRight: _theme.default.selectColumnPadding,
+    lineHeight: 1,
+    boxSizing: 'border-box',
+    overflow: 'hidden',
+    '& $columnsCheckbox': {
+      marginRight: 0
+    }
+  },
+  columnsRadio: {
+    width: '100%',
+    marginLeft: _theme.default.selectColumnOptionMargin,
+    '& :last-child': {
+      flex: 1,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    }
+  },
+  columnsCheckbox: {
+    width: '100%',
+    marginLeft: _theme.default.selectColumnOptionMargin,
+    '& :last-child': {
+      flex: 1,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    }
+  }
 });
 var _default = selectStyle;
 exports.default = _default;

package/cjs/slider/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,UAAU,CAAC;AAEnC,QAAA,MAAM,cAAc,qFAAgC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AACvC,eAAe,cAAc,CAAC"}

package/cjs/slider/slider.d.ts

@@ -6,6 +6,7 @@ export declare type SliderClasses = {
     indicator: string;
     indicatorStart: string;
     indicatorEnd: string;
+    indicatorHover: string;
     scaleWrapper: string;
     scale: string;
     label: string;
@@ -21,3 +22,4 @@ export declare type SliderClasses = {
 export declare type SliderClassType = keyof SliderClasses;
 declare const sliderStyle: JsStyles<SliderClassType>;
 export default sliderStyle;
+//# sourceMappingURL=slider.d.ts.map

package/cjs/slider/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,oBAAY,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,oBAAY,eAAe,GAAG,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAmO1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/slider/slider.js

@@ -59,28 +59,37 @@ var sliderStyle = {
   indicator: {
     position: 'absolute',
     zIndex: 100,
-    width: _theme.default.sliderIndicatorSize,
-    height: _theme.default.sliderIndicatorSize,
-    backgroundColor: _theme.default.sliderIndicatorBackgroundColor,
-    borderRadius: '50%',
-    borderWidth: _theme.default.sliderIndicatorBorderSize,
-    boxSizing: 'border-box',
-    borderStyle: 'solid',
-    borderColor: _theme.default.sliderIndicatorBorderColor,
-    cursor: 'pointer',
-    '&:hover': {
-      backgroundColor: _theme.default.sliderIndicatorActiveBackgroundColor
+    '&::after': {
+      content: '""',
+      display: 'block',
+      width: _theme.default.sliderIndicatorSize,
+      height: _theme.default.sliderIndicatorSize,
+      backgroundColor: _theme.default.sliderIndicatorBackgroundColor,
+      borderRadius: '50%',
+      borderWidth: _theme.default.sliderIndicatorBorderSize,
+      boxSizing: 'border-box',
+      borderStyle: 'solid',
+      borderColor: _theme.default.sliderIndicatorBorderColor,
+      cursor: 'pointer'
     },
-    '$disabled &': {
+    '&:hover::after, $indicatorActive&::after': {
+      transform: 'scale(1.16666667)',
+      boxShadow: _theme.default.sliderIndicatorActiveShadow
+    },
+    '$disabled &::after': {
       backgroundColor: _theme.default.sliderIndicatorDisabledBackgroundColor,
       borderColor: _theme.default.sliderIndicatorDisabledBorderColor,
       cursor: 'not-allowed'
+    },
+    '$disabled &:not($indicatorHover)::after': {
+      transform: 'scale(1)',
+      boxShadow: 'none'
     }
   },
   indicatorActive: {
-    zIndex: 101,
-    backgroundColor: _theme.default.sliderIndicatorActiveBackgroundColor
+    zIndex: 101
   },
+  indicatorHover: {},
   indicatorStart: {
     '$wrapper:not($vertical) &': {
       left: 0,
@@ -89,8 +98,8 @@ var sliderStyle = {
     },
     '$vertical &': {
       left: '50%',
-      top: 0,
-      transform: 'translate(-50%, -50%)'
+      bottom: 0,
+      transform: 'translate(-50%, 50%)'
     }
   },
   indicatorEnd: {
@@ -101,8 +110,8 @@ var sliderStyle = {
     },
     '$vertical &': {
       left: '50%',
-      bottom: 0,
-      transform: 'translate(-50%, 50%)'
+      top: 0,
+      transform: 'translate(-50%, -50%)'
     }
   },
   value: {
@@ -121,6 +130,19 @@ var sliderStyle = {
       bottom: '100%',
       transform: 'translate(-50%, -10px)'
     },
+    '$vertical &': {
+      bottom: 0,
+      left: '100%',
+      transform: 'translate(10px, 50%)',
+      padding: '1px 4px'
+    }
+  },
+  endValue: {
+    '$wrapper:not($vertical) &': {
+      right: 0,
+      bottom: '100%',
+      transform: 'translate(50%, -10px)'
+    },
     '$vertical &': {
       top: 0,
       left: '100%',
@@ -162,24 +184,11 @@ var sliderStyle = {
       opacity: 1
     }
   },
-  endValue: {
-    '$wrapper:not($vertical) &': {
-      right: 0,
-      bottom: '100%',
-      transform: 'translate(50%, -10px)'
-    },
-    '$vertical &': {
-      bottom: 0,
-      left: '100%',
-      transform: 'translate(10px, 50%)',
-      padding: '1px 4px'
-    }
-  },
   scaleWrapper: {
     display: 'flex',
     justifyContent: 'space-between',
     '$vertical &': {
-      flexDirection: 'column'
+      flexDirection: 'column-reverse'
     }
   },
   scale: {

package/cjs/spin/animation.d.ts

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

package/cjs/spin/animation.d.ts.map

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

package/cjs/spin/chasing-dots.d.ts

@@ -21,3 +21,4 @@ declare const _default: {
     };
 };
 export default _default;
+//# sourceMappingURL=chasing-dots.d.ts.map

package/cjs/spin/chasing-dots.d.ts.map

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

package/cjs/spin/chasing-ring.d.ts

@@ -28,3 +28,4 @@ declare const _default: {
     };
 };
 export default _default;
+//# sourceMappingURL=chasing-ring.d.ts.map

package/cjs/spin/chasing-ring.d.ts.map

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

package/cjs/spin/cube-grid.d.ts

@@ -37,3 +37,4 @@ declare const _default: {
     };
 };
 export default _default;
+//# sourceMappingURL=cube-grid.d.ts.map

package/cjs/spin/cube-grid.d.ts.map

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

package/cjs/spin/default.d.ts

@@ -7,3 +7,4 @@ declare const Default: (count?: number) => {
     '& $item': any;
 };
 export default Default;
+//# sourceMappingURL=default.d.ts.map

package/cjs/spin/default.d.ts.map

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

package/cjs/spin/double-bounce.d.ts

@@ -18,3 +18,4 @@ declare const _default: {
     };
 };
 export default _default;
+//# sourceMappingURL=double-bounce.d.ts.map

package/cjs/spin/double-bounce.d.ts.map

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

package/cjs/spin/fading-circle.d.ts

@@ -9,3 +9,4 @@ declare const _default: {
     };
 };
 export default _default;
+//# sourceMappingURL=fading-circle.d.ts.map

package/cjs/spin/fading-circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fading-circle.d.ts","sourceRoot":"","sources":["fading-circle.ts"],"names":[],"mappings":";;;;;;;;;;AAkBA,wBAmBE"}

package/cjs/spin/four-dots.d.ts

@@ -38,3 +38,4 @@ declare const _default: {
     };
 };
 export default _default;
+//# sourceMappingURL=four-dots.d.ts.map

package/cjs/spin/four-dots.d.ts.map

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

package/cjs/spin/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,QAAQ,CAAC;AAE/B,QAAA,MAAM,YAAY,yEAA4B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACnC,eAAe,YAAY,CAAC"}

package/cjs/spin/plane.d.ts

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

package/cjs/spin/plane.d.ts.map

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

package/cjs/spin/pulse.d.ts

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

package/cjs/spin/pulse.d.ts.map

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

package/cjs/spin/ring.d.ts

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

package/cjs/spin/ring.d.ts.map

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