@instructure/ui-range-input 8.9.2-snapshot.4 → 8.10.1-snapshot.4

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
+
+**Note:** Version bump only for package @instructure/ui-range-input
+
 ## [8.9.1](https://github.com/instructure/instructure-ui/compare/v8.9.0...v8.9.1) (2021-09-16)
 
 **Note:** Version bump only for package @instructure/ui-range-input

package/es/RangeInput/index.js

@@ -143,10 +143,10 @@ let RangeInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
           formatValue = _this$props4.formatValue,
           disabled = _this$props4.disabled,
           readOnly = _this$props4.readOnly;
-    const props = omitProps(this.props, RangeInput.propTypes);
+    const props = omitProps(this.props, RangeInput.allowedProps);
     /* eslint-disable jsx-a11y/no-redundant-roles */
 
-    return jsx(FormField, Object.assign({}, pickProps(this.props, FormField.propTypes), {
+    return jsx(FormField, Object.assign({}, pickProps(this.props, FormField.allowedProps), {
       id: this.id
     }), jsx("div", {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.rangeInput

package/lib/RangeInput/index.js

@@ -139,10 +139,10 @@ let RangeInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
           formatValue = _this$props4.formatValue,
           disabled = _this$props4.disabled,
           readOnly = _this$props4.readOnly;
-    const props = (0, _omitProps.omitProps)(this.props, RangeInput.propTypes);
+    const props = (0, _omitProps.omitProps)(this.props, RangeInput.allowedProps);
     /* eslint-disable jsx-a11y/no-redundant-roles */
 
-    return (0, _emotion.jsx)(_FormField.FormField, Object.assign({}, (0, _pickProps.pickProps)(this.props, _FormField.FormField.propTypes), {
+    return (0, _emotion.jsx)(_FormField.FormField, Object.assign({}, (0, _pickProps.pickProps)(this.props, _FormField.FormField.allowedProps), {
       id: this.id
     }), (0, _emotion.jsx)("div", {
       css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.rangeInput

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-range-input",
-  "version": "8.9.2-snapshot.4+bf1e82efc",
+  "version": "8.10.1-snapshot.4+6c5c9e653",
   "description": "A styled HTML range input",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,26 +25,26 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/emotion": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/shared-types": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-color-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-dom-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-form-field": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-i18n": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-prop-types": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-testable": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-view": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/uid": "8.9.2-snapshot.4+bf1e82efc",
+    "@instructure/console": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/emotion": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/shared-types": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-color-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-dom-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-form-field": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-i18n": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-prop-types": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-react-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-testable": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-view": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/uid": "8.10.1-snapshot.4+6c5c9e653",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-test-locator": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.4+bf1e82efc",
-    "@instructure/ui-themes": "8.9.2-snapshot.4+bf1e82efc"
+    "@instructure/ui-babel-preset": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-test-locator": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-test-utils": "8.10.1-snapshot.4+6c5c9e653",
+    "@instructure/ui-themes": "8.10.1-snapshot.4+6c5c9e653"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -53,5 +53,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "bf1e82efccb682510708448efd369eddaa24f74b"
+  "gitHead": "6c5c9e653f7ce3d239296f4ed19c5679fdddcd5b"
 }

package/src/RangeInput/index.tsx

@@ -175,12 +175,15 @@ class RangeInput extends Component<RangeInputProps> {
   render() {
     const { formatValue, disabled, readOnly } = this.props
 
-    const props = omitProps(this.props, RangeInput.propTypes)
+    const props = omitProps(this.props, RangeInput.allowedProps)
 
     /* eslint-disable jsx-a11y/no-redundant-roles */
     return (
       // @ts-expect-error ts-migrate(2554) FIXME: no overload..
-      <FormField {...pickProps(this.props, FormField.propTypes)} id={this.id}>
+      <FormField
+        {...pickProps(this.props, FormField.allowedProps)}
+        id={this.id}
+      >
         <div css={this.props.styles?.rangeInput}>
           <input
             css={this.props.styles?.rangeInputInput}

package/src/RangeInput/props.ts

@@ -26,9 +26,9 @@ import PropTypes from 'prop-types'
 import { controllable } from '@instructure/ui-prop-types'
 import { FormPropTypes } from '@instructure/ui-form-field'
 
-import type { PropValidators } from '@instructure/shared-types'
+import type { PropValidators, RangeInputTheme } from '@instructure/shared-types'
 import type { FormMessage } from '@instructure/ui-form-field'
-import type { WithStyleProps } from '@instructure/emotion'
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type RangeInputOwnProps = {
   min: number
@@ -53,7 +53,12 @@ type PropKeys = keyof RangeInputOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type RangeInputProps = RangeInputOwnProps & WithStyleProps
+type RangeInputProps = RangeInputOwnProps &
+  WithStyleProps<RangeInputTheme, RangeInputStyle>
+
+type RangeInputStyle = ComponentStyle<
+  'rangeInput' | 'rangeInputInput' | 'rangeInputInputValue'
+>
 
 const propTypes: PropValidators<PropKeys> = {
   min: PropTypes.number.isRequired,
@@ -111,5 +116,5 @@ const allowedProps: AllowedPropKeys = [
   'readOnly'
 ]
 
-export type { RangeInputProps }
+export type { RangeInputProps, RangeInputStyle }
 export { propTypes, allowedProps }

package/src/RangeInput/styles.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import { RangeInputTheme } from '@instructure/shared-types'
-import { RangeInputProps } from './props'
+import type { RangeInputTheme } from '@instructure/shared-types'
+import type { RangeInputProps, RangeInputStyle } from './props'
 
 /**
  * ---
@@ -38,7 +38,7 @@ import { RangeInputProps } from './props'
 const generateStyle = (
   componentTheme: RangeInputTheme,
   props: RangeInputProps
-) => {
+): RangeInputStyle => {
   const { size } = props
   const valueSizeVariants = {
     small: {

package/types/RangeInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RangeInput/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C;;;;GAIG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;MAYlB;IAED,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAO;IACtC,cAAc,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;IAChD,eAAe,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;gBAGrC,KAAK,KAAA;IAejB,iBAAiB;IAkBjB,oBAAoB;IAWpB,kBAAkB;IAKlB,YAAY,uBAUX;IAGD,UAAU,aAAW;IAErB,IAAI,KAAK,QAKR;IAED,IAAI,OAAO,wBAOV;IAED,IAAI,EAAE,QAGL;IAGD,WAAW;IAgBX,MAAM;CAsCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RangeInput/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C;;;;GAIG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;MAYlB;IAED,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAO;IACtC,cAAc,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;IAChD,eAAe,EAAE;QAAE,MAAM,IAAI,IAAI,CAAA;KAAE,GAAG,IAAI,CAAO;gBAGrC,KAAK,KAAA;IAejB,iBAAiB;IAkBjB,oBAAoB;IAWpB,kBAAkB;IAKlB,YAAY,uBAUX;IAGD,UAAU,aAAW;IAErB,IAAI,KAAK,QAKR;IAED,IAAI,OAAO,wBAOV;IAED,IAAI,EAAE,QAGL;IAGD,WAAW;IAgBX,MAAM;CAyCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/RangeInput/props.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { PropValidators } from '@instructure/shared-types';
+import type { PropValidators, RangeInputTheme } from '@instructure/shared-types';
 import type { FormMessage } from '@instructure/ui-form-field';
-import type { WithStyleProps } from '@instructure/emotion';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type RangeInputOwnProps = {
     min: number;
     max: number;
@@ -22,9 +22,10 @@ declare type RangeInputOwnProps = {
 };
 declare type PropKeys = keyof RangeInputOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type RangeInputProps = RangeInputOwnProps & WithStyleProps;
+declare type RangeInputProps = RangeInputOwnProps & WithStyleProps<RangeInputTheme, RangeInputStyle>;
+declare type RangeInputStyle = ComponentStyle<'rangeInput' | 'rangeInputInput' | 'rangeInputInputValue'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { RangeInputProps };
+export type { RangeInputProps, RangeInputStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/RangeInput/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/RangeInput/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,kBAAkB,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GAAG,cAAc,CAAA;AAE1D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/RangeInput/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,kBAAkB,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CACnC,YAAY,GAAG,iBAAiB,GAAG,sBAAsB,CAC1D,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/RangeInput/styles.d.ts

@@ -1,5 +1,5 @@
-import { RangeInputTheme } from '@instructure/shared-types';
-import { RangeInputProps } from './props';
+import type { RangeInputTheme } from '@instructure/shared-types';
+import type { RangeInputProps, RangeInputStyle } from './props';
 /**
  * ---
  * private: true
@@ -10,120 +10,6 @@ import { RangeInputProps } from './props';
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: (componentTheme: RangeInputTheme, props: RangeInputProps) => {
-    rangeInput: {
-        label: string;
-        display: string;
-        justifyContent: string;
-        alignItems: string;
-        minWidth: string | 0;
-    };
-    rangeInputInput: {
-        label: string;
-        all: string;
-        flex: string;
-        boxSizing: string;
-        appearance: string;
-        width: string;
-        outline: string;
-        margin: number;
-        '&::-webkit-slider-thumb': {
-            marginTop: string;
-            appearance: string;
-            borderRadius: string;
-            cursor: string;
-            transition: string;
-            width: string | 0;
-            height: string | 0;
-            background: string;
-            boxShadow: string;
-            '&:hover': {
-                background: string;
-            };
-        };
-        '&::-moz-range-thumb': {
-            appearance: string;
-            borderRadius: string;
-            cursor: string;
-            transition: string;
-            width: string | 0;
-            height: string | 0;
-            background: string;
-            boxShadow: string;
-            '&:hover': {
-                background: string;
-            };
-        };
-        '&:focus, &:active': {
-            outline: string;
-            '&::-webkit-slider-thumb': {
-                boxShadow: string;
-            };
-            '&::-moz-range-thumb': {
-                boxShadow: string;
-            };
-        };
-        '&::-moz-focus-inner, &::-moz-focus-outer': {
-            border: number;
-            outline: string;
-        };
-        '&::-webkit-slider-runnable-track': {
-            borderRadius: string;
-            borderColor: string;
-            color: string;
-            cursor: string;
-            background: string;
-            height: string;
-        };
-        '&::-moz-range-track': {
-            borderRadius: string;
-            borderColor: string;
-            color: string;
-            cursor: string;
-            background: string;
-            height: string;
-        };
-        '[dir="rtl"] &': {
-            direction: string;
-        };
-    };
-    rangeInputInputValue: {
-        fontSize: string | 0;
-        padding: string | 0;
-        lineHeight: string;
-        label: string;
-        all: string;
-        boxSizing: string;
-        display: string;
-        color: string;
-        fontFamily: string;
-        fontWeight: number;
-        textAlign: string;
-    } | {
-        fontSize: string | 0;
-        padding: string | 0;
-        lineHeight: string;
-        label: string;
-        all: string;
-        boxSizing: string;
-        display: string;
-        color: string;
-        fontFamily: string;
-        fontWeight: number;
-        textAlign: string;
-    } | {
-        fontSize: string | 0;
-        padding: string | 0;
-        lineHeight: string;
-        label: string;
-        all: string;
-        boxSizing: string;
-        display: string;
-        color: string;
-        fontFamily: string;
-        fontWeight: number;
-        textAlign: string;
-    };
-};
+declare const generateStyle: (componentTheme: RangeInputTheme, props: RangeInputProps) => RangeInputStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/RangeInput/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/RangeInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,eAAe,SACxB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+FvB,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/RangeInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,eAAe,SACxB,eAAe,KACrB,eA8FF,CAAA;AAED,eAAe,aAAa,CAAA"}