@instructure/ui-range-input 11.7.8 → 11.7.9-pr-snapshot-1792147648392

package/lib/RangeInput/v2/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', 'margin', 'inputRef'];

package/lib/RangeInput/v2/styles.js

@@ -1,153 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _uiThemes = require("@instructure/ui-themes");
-/*
- * 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, sharedTokens) => {
-  const {
-    size
-  } = props;
-  const valueSizeVariants = {
-    small: {
-      fontSize: componentTheme.valueSmallFontSize,
-      paddingInline: componentTheme.valueSmallPadding,
-      lineHeight: componentTheme.valueSmallLineHeight
-    },
-    medium: {
-      fontSize: componentTheme.valueMediumFontSize,
-      paddingInline: componentTheme.valueMediumPadding,
-      lineHeight: componentTheme.valueMediumLineHeight
-    },
-    large: {
-      fontSize: componentTheme.valueLargeFontSize,
-      paddingInline: componentTheme.valueLargePadding,
-      lineHeight: componentTheme.valueLargeLineHeight
-    }
-  };
-  const trackBorderWidth = '1px';
-  const trackStyle = {
-    borderRadius: '0.312em',
-    borderWidth: trackBorderWidth,
-    borderStyle: 'solid',
-    borderColor: componentTheme.trackBorderColor,
-    color: 'transparent',
-    cursor: 'pointer',
-    background: componentTheme.trackBackground,
-    height: `calc(${componentTheme.handleSize} / 2)`
-  };
-  const borderedHandleSize = `calc(${componentTheme.handleSize} + (${componentTheme.handleBorderSize} * 2))`;
-  const thumbStyle = {
-    appearance: 'none',
-    borderRadius: '50%',
-    cursor: 'pointer',
-    transition: 'all 0.15s ease-in-out',
-    background: componentTheme.handleBackground,
-    width: borderedHandleSize,
-    height: borderedHandleSize,
-    borderWidth: componentTheme.handleBorderSize,
-    borderColor: componentTheme.handleBorderColor,
-    borderStyle: 'solid',
-    boxSizing: 'border-box',
-    boxShadow: (0, _uiThemes.boxShadowObjectsToCSSString)(componentTheme.boxShadow),
-    '&:hover': {
-      background: componentTheme.handleHoverBackground
-    }
-  };
-
-  // Center the thumb vertically on the track by accounting for the track borders
-  const thumbPosition = {
-    marginTop: `calc(-1 * ${borderedHandleSize} / 4 - ${trackBorderWidth})`
-  };
-  const thumbFocusActiveStyle = {
-    background: componentTheme.handleFocusBackground,
-    boxShadow: `${(0, _uiThemes.boxShadowObjectsToCSSString)(componentTheme.boxShadow)}, ` + `inset 0 0 0 ${componentTheme.handleFocusInset} ${componentTheme.handleFocusBackground}, ` + `inset 0 0 0 calc(${componentTheme.handleFocusInset} + ${sharedTokens.focusOutline.width}) ${sharedTokens.focusOutline.onColor}`
-  };
-  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
-      },
-      '&::-moz-range-thumb': thumbStyle,
-      '&:focus, &:active': {
-        outline: 'none',
-        '&::-webkit-slider-thumb': thumbFocusActiveStyle,
-        '&::-moz-range-thumb': thumbFocusActiveStyle
-      },
-      // 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/exports/a.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RangeInput", {
-  enumerable: true,
-  get: function () {
-    return _index.RangeInput;
-  }
-});
-var _index = require("../RangeInput/v1/index.js");

package/lib/exports/b.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "RangeInput", {
-  enumerable: true,
-  get: function () {
-    return _index.RangeInput;
-  }
-});
-var _index = require("../RangeInput/v2/index.js");

package/lib/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}