@pedidopago/ui 1.1.3 → 1.2.0

package/dist/components/Skeleton/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ISkeletonProps } from './types';
-declare const Skeleton: ({ children, isLoaded, ...rest }: ISkeletonProps) => JSX.Element;
-export default Skeleton;
+/// <reference types="react" />
+import { ISkeletonProps } from './types';
+declare const Skeleton: ({ children, isLoaded, ...rest }: ISkeletonProps) => JSX.Element;
+export default Skeleton;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Skeleton/skeleton.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=skeleton.test.d.ts.map

package/dist/components/Skeleton/styles.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { ISkeletonProps } from './types';
-import { GenericStyledProps } from '../../@types';
-export declare const SkeletonElement: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ISkeletonProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { ISkeletonProps } from './types';
+import { GenericStyledProps } from '../../@types';
+export declare const SkeletonElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ISkeletonProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Skeleton/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,eAAO,MAAM,eAAe;;;+IA2E1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,eAAO,MAAM,eAAe;;;iJA0E1B,CAAC"}

package/dist/components/Skeleton/styles.js

@@ -21,8 +21,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var SkeletonElement = _styled.default.div(function (props) {
-  var skeletonColor = (0, _getColorValue.getColorValue)(props.color || props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral6 : '#eeeeee', props.theme);
+var SkeletonElement = _styled.default.span(function (props) {
+  var skeletonColor = (0, _getColorValue.getColorValue)(props.color || (props.theme.colorMode === 'dark' ? props.theme.colors.neutral.neutral6 : '#eeeeee'), props.theme);
   var borderRadiusByVariant = {
     circle: '50%',
     text: '4px',
@@ -34,7 +34,7 @@ var SkeletonElement = _styled.default.div(function (props) {
     wave: (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      overflow: hidden;\n      transform-origin: 0px 55%;\n\n      &::after {\n        content: '';\n        inset: 0px;\n        position: absolute;\n        animation: 1.6s linear 0.5s infinite normal none running move;\n        transform: translateX(-100%);\n        background: linear-gradient(\n          90deg,\n          transparent,\n          ", ",\n          transparent\n        );\n      }\n\n      @keyframes move {\n        0% {\n          transform: translateX(-100%);\n        }\n        40% {\n          transform: translateX(100%);\n        }\n        100% {\n          transform: translateX(100%);\n        }\n      }\n    "])), (0, _colorCheck.parseHexColorToRgba)(waveColor, waveColorOpacity)),
     pulse: (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      animation: 1.6s linear 0.5s infinite normal none running pulse;\n\n      @keyframes pulse {\n        0% {\n          opacity: 1;\n        }\n        50% {\n          opacity: 0.4;\n        }\n        100% {\n          opacity: 1;\n        }\n      }\n    "])))
   };
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: block;\n    position: relative;\n    background-color: ", ";\n    border-radius: ", ";\n    width: ", ";\n    height: ", ";\n\n    ", ";\n  "])), skeletonColor, borderRadiusByVariant[props.variant || 'text'], props.width ? props.width + 'px' : '100%', props.height ? props.height + 'px' : '1.2rem', props.animation !== 'static' ? animationsCss[props.animation || 'pulse'] : '');
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: inline-block;\n    position: relative;\n    background-color: ", ";\n    border-radius: ", ";\n    width: ", ";\n    height: ", ";\n\n    ", ";\n  "])), skeletonColor, borderRadiusByVariant[props.variant || 'text'], typeof props.width === 'number' ? props.width + 'px' : props.width || '100%', typeof props.height === 'number' ? props.height + 'px' : props.height || '1em', props.animation !== 'static' ? animationsCss[props.animation || 'wave'] : '');
 });
 
 exports.SkeletonElement = SkeletonElement;

package/dist/components/Skeleton/types.d.ts

@@ -1,36 +1,36 @@
-import { ReactNode } from 'react';
-import { GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare type ISkeletonProps = {
-    /**
-     * The variant of the skeleton.
-     * @default 'text'
-     */
-    variant?: 'text' | 'rectangle' | 'circle';
-    /**
-     * The animation of the skeleton
-     * @default 'pulse'
-     */
-    animation?: 'wave' | 'pulse' | 'static';
-    /**
-     * The width of the skeleton
-     * @default '100%'
-     */
-    width?: number;
-    /**
-     * The height of the skeleton
-     * @default '100%'
-     */
-    height?: number;
-    /**
-     * The color of the skeleton
-     * @default '#EEEEEE'
-     */
-    color?: GlobalColorsProps | (string & {});
-    /**
-     * When true, the skeleton children's will be displayed
-     * @default false
-     */
-    isLoaded?: boolean;
-    children?: ReactNode;
-};
+import { ReactNode } from 'react';
+import { GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare type ISkeletonProps = {
+    /**
+     * The variant of the skeleton.
+     * @default 'text'
+     */
+    variant?: 'text' | 'rectangle' | 'circle';
+    /**
+     * The animation of the skeleton
+     * @default 'pulse'
+     */
+    animation?: 'wave' | 'pulse' | 'static';
+    /**
+     * The width of the skeleton
+     * @default '100%'
+     */
+    width?: number;
+    /**
+     * The height of the skeleton
+     * @default '100%'
+     */
+    height?: number;
+    /**
+     * The color of the skeleton
+     * @default '#EEEEEE'
+     */
+    color?: GlobalColorsProps | (string & {});
+    /**
+     * When true, the skeleton children's will be displayed
+     * @default false
+     */
+    isLoaded?: boolean;
+    children?: ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Slider/SliderExample.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ISliderProps } from './types';
+export declare const SliderExample: ({ ...props }: ISliderProps) => JSX.Element;
+//# sourceMappingURL=SliderExample.d.ts.map

package/dist/components/Slider/SliderExample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderExample.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderExample.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,aAAa,iBAAkB,YAAY,gBAYvD,CAAC"}

package/dist/components/Slider/SliderExample.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliderExample = void 0;
+
+var _react = require("react");
+
+var _ = _interopRequireDefault(require("."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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) { _defineProperty(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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var SliderExample = function SliderExample(_ref) {
+  var props = _extends({}, _ref);
+
+  var _useState = (0, _react.useState)(props.value || 10),
+      _useState2 = _slicedToArray(_useState, 2),
+      valueSliderExample = _useState2[0],
+      setValueSliderExample = _useState2[1];
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
+    min: 0,
+    max: 100,
+    value: valueSliderExample,
+    onChange: function onChange(valueSlider) {
+      return setValueSliderExample(valueSlider);
+    }
+  }));
+};
+
+exports.SliderExample = SliderExample;

package/dist/components/Slider/components/SliderPointer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISliderPointerProps } from '../types';
-export declare const SliderPointer: ({ direction, thumbColor }: ISliderPointerProps) => JSX.Element;
+/// <reference types="react" />
+import { ISliderPointerProps } from '../types';
+export declare const SliderPointer: ({ direction, thumbColor }: ISliderPointerProps) => JSX.Element;
 //# sourceMappingURL=SliderPointer.d.ts.map

package/dist/components/Slider/components/SliderPointer.js

@@ -34,7 +34,8 @@ var SliderPointer = function SliderPointer(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderPointerIcon, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: "code",
-        size: "20px"
+        size: "20px",
+        color: "neutral.black"
       })
     })]
   });

package/dist/components/Slider/components/SliderRail.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISliderTrackerProps } from '../types';
-export declare const SliderRail: import("react").MemoExoticComponent<({ step, max, onChange, trackColor, direction, ...rest }: ISliderTrackerProps) => JSX.Element>;
+/// <reference types="react" />
+import { ISliderTrackerProps } from '../types';
+export declare const SliderRail: import("react").MemoExoticComponent<({ step, max, onChange, trackColor, direction, ...rest }: ISliderTrackerProps) => JSX.Element>;
 //# sourceMappingURL=SliderRail.d.ts.map

package/dist/components/Slider/components/SliderSelector.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ISliderSelectorProps } from '../types';
-export declare const SliderSelector: import("react").MemoExoticComponent<({ value, min, max, step, valueLabelDisplay, thumbColor, trackColor, onChange, direction, disabled, size, thumbType, }: ISliderSelectorProps) => JSX.Element>;
+/// <reference types="react" />
+import { ISliderSelectorProps } from '../types';
+export declare const SliderSelector: import("react").MemoExoticComponent<({ value, min, max, step, valueLabelDisplay, thumbColor, trackColor, onChange, direction, disabled, size, thumbType, }: ISliderSelectorProps) => JSX.Element>;
 //# sourceMappingURL=SliderSelector.d.ts.map

package/dist/components/Slider/hooks/useEventCallback.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-export declare const useEventCallback: <T>(callback?: ((value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void) | undefined) => (value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void;
+import { RefObject } from 'react';
+export declare const useEventCallback: <T>(callback?: ((value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void) | undefined) => (value: T, trackRef?: RefObject<HTMLDivElement> | undefined) => void;
 //# sourceMappingURL=useEventCallback.d.ts.map

package/dist/components/Slider/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ISliderProps } from './types';
-declare const Slider: ({ value, onChange, step, max, min, fullSize, direction, valueLabelDisplay, ...rest }: ISliderProps) => JSX.Element;
-export default Slider;
+/// <reference types="react" />
+import { ISliderProps } from './types';
+declare const Slider: ({ value, onChange, step, max, min, fullSize, direction, valueLabelDisplay, ...rest }: ISliderProps) => JSX.Element;
+export default Slider;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,MAAM,yFAUT,YAAY,gBA2Cd,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,MAAM,yFAUT,YAAY,gBA4Cd,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Slider/index.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _react = require("react");
+
 var _Flex = _interopRequireDefault(require("../Flex"));
 
 var _SliderSelector = require("./components/SliderSelector");
 
-var _useValues3 = require("./hooks/useValues");
-
 var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
@@ -65,22 +65,24 @@ var Slider = function Slider(_ref) {
       valueLabelDisplay = _ref$valueLabelDispla === void 0 ? 'off' : _ref$valueLabelDispla,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var _useValues = (0, _useValues3.useValues)(value, onChange),
-      _useValues2 = _slicedToArray(_useValues, 2),
-      values = _useValues2[0],
-      handleChange = _useValues2[1];
+  var _useState = (0, _react.useState)(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      sliderValue = _useState2[0],
+      setSliderValue = _useState2[1];
 
   function handleChangeValue(percent, index) {
     var value = Math.round((percent * (max - min) + min) / step) * step;
 
-    if (Array.isArray(values)) {
-      var newValues = _toConsumableArray(values);
+    if (Array.isArray(sliderValue)) {
+      var newValues = _toConsumableArray(sliderValue);
 
       newValues[index || 0] = value > max ? max : value < min ? min : value;
-      handleChange(newValues);
+      setSliderValue(newValues);
     } else {
-      handleChange(value > max ? max : value < min ? min : value);
+      setSliderValue(value > max ? max : value < min ? min : value);
     }
+
+    onChange && onChange(sliderValue);
   }
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderContent, {
@@ -98,7 +100,7 @@ var Slider = function Slider(_ref) {
         children: max
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderSelector.SliderSelector, _objectSpread({
-      value: values,
+      value: sliderValue,
       min: min,
       max: max,
       step: step,

package/dist/components/Slider/slider.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=slider.test.d.ts.map

package/dist/components/Slider/styles.d.ts

@@ -1,66 +1,66 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-import { GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare const SliderContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fullSize?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    direction?: "horizontal" | "vertical" | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderExtremesText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const SliderContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderRailContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    trackColor?: GlobalColorsProps | (string & {}) | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderTrack: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    thumbColor: GlobalColorsProps | (string & {});
-    direction?: "horizontal" | "vertical" | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const SliderThumb: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    direction?: "horizontal" | "vertical" | undefined;
-    thumbColor: GlobalColorsProps | (string & {});
-    thumbType?: "circle" | "default" | "pointer" | undefined;
-    disabled?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderPointerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    direction?: "horizontal" | "vertical" | undefined;
-    thumbColor: GlobalColorsProps | (string & {});
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderPointerIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SliderLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    direction?: "horizontal" | "vertical" | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+import { GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare const SliderContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullSize?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    direction?: "horizontal" | "vertical" | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderExtremesText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const SliderContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderRailContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    trackColor?: GlobalColorsProps | (string & {}) | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderTrack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    thumbColor: GlobalColorsProps | (string & {});
+    direction?: "horizontal" | "vertical" | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const SliderThumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    direction?: "horizontal" | "vertical" | undefined;
+    thumbColor: GlobalColorsProps | (string & {});
+    thumbType?: "circle" | "default" | "pointer" | undefined;
+    disabled?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderPointerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    direction?: "horizontal" | "vertical" | undefined;
+    thumbColor: GlobalColorsProps | (string & {});
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderPointerIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SliderLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    direction?: "horizontal" | "vertical" | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Slider/types.d.ts

@@ -1,39 +1,39 @@
-import { ReactNode, RefObject } from 'react';
-import { GlobalColorsProps } from '../../shared/theme/theme.types';
-declare type IGenericSliderProps = {
-    /**
-     * @default "circle"
-     */
-    thumbType?: 'default' | 'circle' | 'pointer';
-    min: number;
-    max: number;
-    step?: number;
-    value: number | number[];
-    trackColor?: GlobalColorsProps | (string & {});
-    thumbColor?: GlobalColorsProps | (string & {});
-    disabled?: boolean;
-    fullSize?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    direction?: 'horizontal' | 'vertical';
-    valueLabelDisplay?: 'auto' | 'off' | '%v' | (string & {});
-};
-export declare type ISliderProps = IGenericSliderProps & {
-    onChange: (value: number | number[], index?: number) => void;
-};
-export declare type ISliderSelectorProps = IGenericSliderProps & {
-    onChange: (percentage: number, index?: number) => void;
-};
-export declare type ISliderTrackerProps = {
-    max: number;
-    step: number;
-    onChange: (value: number, ref?: RefObject<HTMLDivElement>) => void;
-    trackColor?: GlobalColorsProps | (string & {});
-    children: ReactNode;
-    direction?: 'horizontal' | 'vertical';
-};
-export declare type ISliderPointerProps = {
-    direction?: 'horizontal' | 'vertical';
-    thumbColor: GlobalColorsProps | (string & {});
-};
-export {};
+import { ReactNode, RefObject } from 'react';
+import { GlobalColorsProps } from '../../shared/theme/theme.types';
+declare type IGenericSliderProps = {
+    /**
+     * @default "circle"
+     */
+    thumbType?: 'default' | 'circle' | 'pointer';
+    min: number;
+    max: number;
+    step?: number;
+    value: number | number[];
+    trackColor?: GlobalColorsProps | (string & {});
+    thumbColor?: GlobalColorsProps | (string & {});
+    disabled?: boolean;
+    fullSize?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    direction?: 'horizontal' | 'vertical';
+    valueLabelDisplay?: 'auto' | 'off' | '%v' | (string & {});
+};
+export declare type ISliderProps = IGenericSliderProps & {
+    onChange: (value: number | number[], index?: number) => void;
+};
+export declare type ISliderSelectorProps = IGenericSliderProps & {
+    onChange: (percentage: number, index?: number) => void;
+};
+export declare type ISliderTrackerProps = {
+    max: number;
+    step: number;
+    onChange: (value: number, ref?: RefObject<HTMLDivElement>) => void;
+    trackColor?: GlobalColorsProps | (string & {});
+    children: ReactNode;
+    direction?: 'horizontal' | 'vertical';
+};
+export declare type ISliderPointerProps = {
+    direction?: 'horizontal' | 'vertical';
+    thumbColor: GlobalColorsProps | (string & {});
+};
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Spinner/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ISpinnerProps } from './types';
-declare const Spinner: FC<ISpinnerProps>;
-export default Spinner;
+import { FC } from 'react';
+import { ISpinnerProps } from './types';
+declare const Spinner: FC<ISpinnerProps>;
+export default Spinner;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Spinner/spinner.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=spinner.test.d.ts.map