@instructure/ui-range-input 11.7.3 → 11.7.4-pr-snapshot-1781695314229

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

@@ -6,6 +6,7 @@ category: components
 ---
 **/
 declare class RangeInput extends Component<RangeInputProps, RangeInputState> {
+    static displayName: string;
     static readonly componentId = "RangeInput";
     static outputLocatorAttribute: string;
     static allowedProps: readonly (keyof {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RangeInput/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAgBjC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG/D;;;;GAIG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAC1C,MAAM,CAAC,sBAAsB,SAAsB;IAEnD,MAAM,CAAC,YAAY;;;;;;;;;;;;;4BASX,CAAC,aAEC,CAAA;;;;;;SAXwB;IAElC,MAAM,CAAC,YAAY;;4BAEG,MAAM;;;;;;;;;;MAc3B;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAElC,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,cAAc,GAAI,IAAI,gBAAgB,GAAG,IAAI,UAK5C;gBAEW,KAAK,EAAE,eAAe;IAalC,iBAAiB;IAkBjB,oBAAoB;IASpB,kBAAkB;IAIlB,YAAY,GAAI,OAAO,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAUzD;IAGD,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAW;IAEjE,IAAI,KAAK,uBAOR;IAED,IAAI,EAAE,WAEL;IAED,WAAW;IAsBX,MAAM;CAkCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RangeInput/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAgBjC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG/D;;;;GAIG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAC1C,MAAM,CAAC,sBAAsB,SAAsB;IAEnD,MAAM,CAAC,YAAY;;;;;;;;;;;;;4BAOwC,CAAC,aAAa,CAAC;;;;;;SAPxC;IAElC,MAAM,CAAC,YAAY;;4BAEG,MAAM;;;;;;;;;;MAc3B;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAElC,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,cAAc,GAAI,IAAI,gBAAgB,GAAG,IAAI,UAK5C;gBAEW,KAAK,EAAE,eAAe;IAalC,iBAAiB;IAkBjB,oBAAoB;IASpB,kBAAkB;IAIlB,YAAY,GAAI,OAAO,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAUzD;IAGD,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAW;IAEjE,IAAI,KAAK,uBAOR;IAED,IAAI,EAAE,WAEL;IAED,WAAW;IAsBX,MAAM;CAkCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -6,6 +6,7 @@ category: components
 ---
 **/
 declare class RangeInput extends Component<RangeInputProps, RangeInputState> {
+    static displayName: string;
     static readonly componentId = "RangeInput";
     static outputLocatorAttribute: string;
     static allowedProps: readonly (keyof {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RangeInput/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAejC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG/D;;;;GAIG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAC1C,MAAM,CAAC,sBAAsB,SAAsB;IAEnD,MAAM,CAAC,YAAY;;;;;;;;;;;;;4BAgBjB,CAAF,aAAa,CAAC;;;;;SAhBoB;IAElC,MAAM,CAAC,YAAY;;4BAEG,MAAM;;;;;;;;;MAa3B;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAElC,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,cAAc,GAAI,IAAI,gBAAgB,GAAG,IAAI,UAK5C;gBAEW,KAAK,EAAE,eAAe;IAalC,iBAAiB;IAkBjB,oBAAoB;IASpB,kBAAkB;IAIlB,YAAY,GAAI,OAAO,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAUzD;IAGD,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAW;IAEjE,IAAI,KAAK,uBAOR;IAED,IAAI,EAAE,WAEL;IAED,WAAW;IAsBX,MAAM;CAkCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RangeInput/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAejC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG/D;;;;GAIG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAC1C,MAAM,CAAC,sBAAsB,SAAsB;IAEnD,MAAM,CAAC,YAAY;;;;;;;;;;;;;4BAcjB,CAAC,aAAa,CAAC;;;;;SAdiB;IAElC,MAAM,CAAC,YAAY;;4BAEG,MAAM;;;;;;;;;MAa3B;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,cAAc,CAAkC;IACxD,OAAO,CAAC,eAAe,CAAkC;IACzD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAElC,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,cAAc,GAAI,IAAI,gBAAgB,GAAG,IAAI,UAK5C;gBAEW,KAAK,EAAE,eAAe;IAalC,iBAAiB;IAkBjB,oBAAoB;IASpB,kBAAkB;IAIlB,YAAY,GAAI,OAAO,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAUzD;IAGD,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAW;IAEjE,IAAI,KAAK,uBAOR;IAED,IAAI,EAAE,WAEL;IAED,WAAW;IAsBX,MAAM;CAkCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/exports/a.d.ts

@@ -1,3 +1,3 @@
-export { RangeInput } from '../RangeInput/v1';
+export { RangeInput } from '../RangeInput/v1/index.js';
 export type { RangeInputProps } from '../RangeInput/v1/props';
 //# sourceMappingURL=a.d.ts.map

package/types/exports/a.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA"}

package/types/exports/b.d.ts

@@ -1,3 +1,3 @@
-export { RangeInput } from '../RangeInput/v2';
+export { RangeInput } from '../RangeInput/v2/index.js';
 export type { RangeInputProps } from '../RangeInput/v2/props';
 //# sourceMappingURL=b.d.ts.map

package/types/exports/b.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA"}

package/lib/RangeInput/v1/index.js

@@ -1,194 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.RangeInput = void 0;
-var _react = require("react");
-var _console = require("@instructure/console");
-var _v11_ = require("@instructure/ui-view/v11_6");
-var _v11_2 = require("@instructure/ui-form-field/v11_6");
-var _addEventListener = require("@instructure/ui-dom-utils/lib/addEventListener.js");
-var _emotion = require("@instructure/emotion");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _dec, _dec2, _class;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-/**
----
-category: components
----
-**/
-let RangeInput = exports.RangeInput = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class RangeInput extends _react.Component {
-  static displayName = "RangeInput";
-  static componentId = 'RangeInput';
-  static outputLocatorAttribute = 'data-range-output';
-  static allowedProps = _props.allowedProps;
-  static defaultProps = {
-    step: 1,
-    formatValue: val => val,
-    // If min and max has default value, they don't give a warning if not set, even if they are required props.
-    // TODO: figure out if they don't need to be required or remove defaults in V9.
-    max: 0,
-    min: 0,
-    inline: false,
-    size: 'medium',
-    layout: 'stacked',
-    displayValue: true,
-    disabled: false,
-    readOnly: false,
-    thumbVariant: 'deprecated'
-  };
-  ref = null;
-  _input = null;
-  _inputListener = null;
-  _changeListener = null;
-  defaultId;
-  handleRef = el => {
-    this.ref = el;
-  };
-  handleInputRef = el => {
-    this._input = el;
-    if (typeof this.props.inputRef === 'function') {
-      this.props.inputRef(el);
-    }
-  };
-  constructor(props) {
-    super(props);
-    if (typeof props.value === 'undefined') {
-      this.state = {
-        value: props.defaultValue
-      };
-    }
-    this.defaultId = props.deterministicId();
-  }
-
-  /* workaround for https://github.com/facebook/react/issues/554 */
-  componentDidMount() {
-    this.props.makeStyles?.();
-    if (this._input !== null) {
-      // https://connect.microsoft.com/IE/Feedback/Details/856998
-      this._inputListener = (0, _addEventListener.addEventListener)(this._input, 'input', this.handleChange);
-      this._changeListener = (0, _addEventListener.addEventListener)(this._input, 'change', this.handleChange);
-    }
-  }
-  componentWillUnmount() {
-    if (!this._input) {
-      return;
-    }
-    this._inputListener?.remove();
-    this._changeListener?.remove();
-  }
-  /* end workaround */
-
-  componentDidUpdate() {
-    this.props.makeStyles?.();
-  }
-  handleChange = event => {
-    const {
-      onChange,
-      value
-    } = this.props;
-    if (typeof value === 'undefined') {
-      this.setState({
-        value: event.target.value
-      });
-    }
-    if (typeof onChange === 'function') {
-      onChange(event.target.value);
-    }
-  };
-
-  // controlled input must have an onChange, but we're handling it with native events
-  noopChange = () => {};
-  get value() {
-    const value = typeof this.props.value === 'undefined' ? this.state.value : this.props.value;
-    return typeof value === 'string' ? parseInt(value) : value;
-  }
-  get id() {
-    return this.props.id || this.defaultId;
-  }
-  renderValue() {
-    if (this.props.displayValue) {
-      if (!this.value) {
-        (0, _console.warn)(false, 'RangeInput should have a `value` or `defaultValue` set for the value to be displayed. If no value has to be displayed, set `displayValue={false}`.');
-        return null;
-      }
-      const props = {
-        [RangeInput.outputLocatorAttribute]: this.id
-      };
-      return (0, _jsxRuntime.jsx)(_v11_.ContextView, {
-        background: "inverse",
-        placement: "end center",
-        children: (0, _jsxRuntime.jsx)("div", {
-          ...props,
-          css: this.props.styles?.rangeInputInputValue,
-          children: this.props.formatValue(this.value, this.props.max)
-        })
-      });
-    }
-    return null;
-  }
-  render() {
-    const {
-      formatValue,
-      disabled,
-      readOnly
-    } = this.props;
-    const props = (0, _omitProps.omitProps)(this.props, RangeInput.allowedProps);
-    return (0, _jsxRuntime.jsx)(_v11_2.FormField, {
-      ...(0, _pickProps.pickProps)(this.props, _v11_2.FormField.allowedProps),
-      label: this.props.label,
-      id: this.id,
-      elementRef: this.handleRef,
-      "data-cid": "RangeInput",
-      children: (0, _jsxRuntime.jsxs)("div", {
-        css: this.props.styles?.rangeInput,
-        children: [(0, _jsxRuntime.jsx)("input", {
-          css: this.props.styles?.rangeInputInput,
-          ref: this.handleInputRef,
-          type: "range",
-          id: this.id,
-          min: this.props.min,
-          max: this.props.max,
-          step: this.props.step,
-          value: this.value,
-          onChange: this.noopChange,
-          "aria-valuetext": formatValue(this.value, this.props.max),
-          ...props,
-          disabled: disabled || readOnly,
-          "aria-disabled": disabled || readOnly ? 'true' : undefined
-        }), this.renderValue()]
-      })
-    });
-  }
-}) || _class) || _class);
-var _default = exports.default = RangeInput;

package/lib/RangeInput/v1/props.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const allowedProps = exports.allowedProps = ['min', 'max', 'defaultValue', 'value', 'onChange', 'messages', 'size', 'layout', 'id', 'label', 'displayValue', 'step', 'formatValue', 'inline', 'disabled', 'readOnly', 'thumbVariant', 'inputRef'];

package/lib/RangeInput/v1/styles.js

@@ -1,169 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @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
- */
-const generateStyle = (componentTheme, props) => {
-  const {
-    size,
-    thumbVariant
-  } = props;
-  const valueSizeVariants = {
-    small: {
-      fontSize: componentTheme.valueSmallFontSize,
-      padding: componentTheme.valueSmallPadding,
-      lineHeight: componentTheme.valueSmallLineHeight
-    },
-    medium: {
-      fontSize: componentTheme.valueMediumFontSize,
-      padding: componentTheme.valueMediumPadding,
-      lineHeight: componentTheme.valueMediumLineHeight
-    },
-    large: {
-      fontSize: componentTheme.valueLargeFontSize,
-      padding: componentTheme.valueLargePadding,
-      lineHeight: componentTheme.valueLargeLineHeight
-    }
-  };
-  const trackStyle = {
-    borderRadius: '0.312em',
-    borderColor: 'transparent',
-    color: 'transparent',
-    cursor: 'pointer',
-    background: componentTheme.trackBackground,
-    height: `calc(${componentTheme.handleSize} / 2)`
-  };
-  const borderedHandleSize = `calc(${componentTheme.handleSize} + (${componentTheme.handleBorderSize} * 2))`;
-  const thumbVariantStyle = {
-    deprecated: {
-      width: componentTheme.handleSize,
-      height: componentTheme.handleSize,
-      boxShadow: `0 0.0625rem 0 ${componentTheme.handleShadowColor}`
-    },
-    accessible: {
-      width: borderedHandleSize,
-      height: borderedHandleSize,
-      borderWidth: componentTheme.handleBorderSize,
-      borderColor: componentTheme.handleBorderColor,
-      borderStyle: 'solid',
-      boxSizing: 'border-box',
-      boxShadow: componentTheme.handleShadow
-    }
-  };
-  const thumbStyle = {
-    appearance: 'none',
-    borderRadius: '50%',
-    cursor: 'pointer',
-    transition: 'all 0.15s ease-in-out',
-    background: componentTheme.handleBackground,
-    ...thumbVariantStyle[thumbVariant],
-    '&:hover': {
-      background: componentTheme.handleHoverBackground
-    }
-  };
-  const thumbPosition = {
-    deprecated: {
-      marginTop: `calc(-1 * ${componentTheme.handleSize} / 4)`
-    },
-    accessible: {
-      marginTop: `calc(-1 * ${borderedHandleSize} / 4)`
-    }
-  };
-  const thumbFocusActiveStyle = {
-    deprecated: {
-      background: componentTheme.handleFocusBackground,
-      boxShadow: `0 0.0625rem 0 ${componentTheme.handleShadowColor}, 0 0 0 ${componentTheme.handleFocusOutlineWidth} ${componentTheme.handleFocusOutlineColor}`
-    },
-    accessible: {
-      background: componentTheme.handleFocusBackground,
-      boxShadow: componentTheme.handleShadow + ', ' + `inset 0 0 0 ${componentTheme.handleFocusInset} ${componentTheme.handleFocusBackground}, ` + `inset 0 0 0 calc(${componentTheme.handleFocusInset} + ${componentTheme.handleFocusRingSize}) ${componentTheme.handleFocusRingColor}`
-    }
-  };
-  return {
-    rangeInput: {
-      label: 'rangeInput',
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      minWidth: componentTheme.minWidth
-    },
-    rangeInputInput: {
-      label: 'rangeInput__input',
-      all: 'initial',
-      flex: 'auto',
-      boxSizing: 'border-box',
-      appearance: 'none',
-      width: '100%',
-      // for Firefox
-      outline: 'none',
-      margin: 0,
-      '&::-webkit-slider-thumb': {
-        ...thumbStyle,
-        ...thumbPosition[thumbVariant]
-      },
-      '&::-moz-range-thumb': thumbStyle,
-      '&:focus, &:active': {
-        outline: 'none',
-        '&::-webkit-slider-thumb': thumbFocusActiveStyle[thumbVariant],
-        '&::-moz-range-thumb': thumbFocusActiveStyle[thumbVariant]
-      },
-      // remove outline in FF
-      '&::-moz-focus-inner, &::-moz-focus-outer': {
-        border: 0,
-        outline: 'none'
-      },
-      '&::-webkit-slider-runnable-track': trackStyle,
-      '&::-moz-range-track': trackStyle,
-      '[dir="rtl"] &': {
-        direction: 'rtl'
-      }
-    },
-    rangeInputInputValue: {
-      label: 'rangeInput__value',
-      all: 'initial',
-      boxSizing: 'border-box',
-      display: 'block',
-      color: 'inherit',
-      fontFamily: componentTheme.valueFontFamily,
-      fontWeight: componentTheme.valueFontWeight,
-      textAlign: 'center',
-      ...valueSizeVariants[size]
-    }
-  };
-};
-var _default = exports.default = generateStyle;

package/lib/RangeInput/v1/theme.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _alpha = require("@instructure/ui-color-utils/lib/alpha.js");
-var _darken = require("@instructure/ui-color-utils/lib/darken.js");
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  const {
-    colors,
-    borders,
-    typography,
-    spacing,
-    forms,
-    key: themeName
-  } = theme;
-  const themeSpecificStyle = {
-    canvas: {
-      handleBackground: theme['ic-brand-primary'],
-      handleHoverBackground: theme['ic-brand-primary'],
-      handleFocusBackground: theme['ic-brand-primary'],
-      // Deprecated, remove with "deprecated" thumbVariant
-      handleShadowColor: (0, _darken.darken)(theme['ic-brand-primary'], 15),
-      handleFocusOutlineColor: (0, _alpha.alpha)(theme['ic-brand-primary'], 40)
-    }
-  };
-  const componentVariables = {
-    minWidth: '12.5rem',
-    handleSize: '1.5rem',
-    handleBackground: colors?.contrasts?.blue4570,
-    handleBorderColor: colors?.contrasts?.white1010,
-    handleBorderSize: borders?.widthMedium,
-    handleShadow: '0 0.0625rem 0.125rem rgba(0, 0, 0, .2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)',
-    handleFocusInset: borders?.widthSmall,
-    handleFocusRingSize: borders?.widthMedium,
-    handleFocusRingColor: colors?.contrasts?.white1010,
-    handleFocusBackground: colors?.contrasts?.blue4570,
-    handleHoverBackground: colors?.contrasts?.blue4570,
-    // Deprecated, remove with "deprecated" thumbVariant
-    handleShadowColor: (0, _darken.darken)(colors?.contrasts?.blue5782, 10),
-    handleFocusOutlineColor: (0, _alpha.alpha)(colors?.contrasts?.blue4570, 40),
-    handleFocusOutlineWidth: '0.75em',
-    trackBackground: colors?.contrasts?.grey4570,
-    valueColor: colors?.contrasts?.white1010,
-    valueFontFamily: typography?.fontFamily,
-    valueFontWeight: typography?.fontWeightNormal,
-    valueSmallFontSize: typography?.fontSizeSmall,
-    valueSmallPadding: `0 ${spacing?.xSmall}`,
-    valueSmallLineHeight: forms?.inputHeightSmall,
-    valueMediumFontSize: typography?.fontSizeMedium,
-    valueMediumPadding: `0 ${spacing?.small}`,
-    valueMediumLineHeight: forms?.inputHeightMedium,
-    valueLargeFontSize: typography?.fontSizeLarge,
-    valueLargePadding: `0 ${spacing?.medium}`,
-    valueLargeLineHeight: forms?.inputHeightLarge
-  };
-  return {
-    ...componentVariables,
-    ...themeSpecificStyle[themeName]
-  };
-};
-var _default = exports.default = generateComponentTheme;