Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@hig/slider

Package Overview
Dependencies
Maintainers
5
Versions
125
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hig/slider - npm Package Compare versions

Comparing version 0.2.0-alpha.81afec57 to 0.2.0-alpha.8ccba0ce

527

build/index.es.js

@@ -1,526 +0,5 @@

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';
import { Range } from 'hig-react';
var _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; };
Range.displayName = "Slider";
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var Input = function (_Component) {
_inherits(Input, _Component);
function Input() {
_classCallCheck(this, Input);
return _possibleConstructorReturn(this, (Input.__proto__ || Object.getPrototypeOf(Input)).apply(this, arguments));
}
_createClass(Input, [{
key: "render",
value: function render() {
var _props = this.props,
min = _props.min,
max = _props.max,
value = _props.value;
return React.createElement("input", _extends({
className: "hig__slider__input",
type: "range",
"aria-valuemin": min,
"aria-valuemax": max,
"aria-valuenow": value
}, this.props));
}
}]);
return Input;
}(Component);
Input.propTypes = {
/**
* Prevents user actions on the field
*/
disabled: PropTypes.bool,
/**
* HTML ID attribute
*/
id: PropTypes.string,
/**
* Minimum value of the slider
*/
min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Maximum value of the slider
*/
max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Name of the field when submitted with a form
*/
name: PropTypes.string,
/**
* Called when user moves focus from the field
*/
onBlur: PropTypes.func,
/**
* Called after user changes the value of the field
*/
onChange: PropTypes.func,
/**
* Called when user puts focus onto the field
*/
onFocus: PropTypes.func,
/**
* Called as user changes the value of the field
*/
onInput: PropTypes.func,
/**
* The granularity of each step on the slider
*/
step: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Value of the field
*/
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
Input.__docgenInfo = {
"description": "",
"displayName": "Input",
"props": {
"disabled": {
"type": {
"name": "bool"
},
"required": false,
"description": "Prevents user actions on the field"
},
"id": {
"type": {
"name": "string"
},
"required": false,
"description": "HTML ID attribute"
},
"min": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Minimum value of the slider"
},
"max": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Maximum value of the slider"
},
"name": {
"type": {
"name": "string"
},
"required": false,
"description": "Name of the field when submitted with a form"
},
"onBlur": {
"type": {
"name": "func"
},
"required": false,
"description": "Called when user moves focus from the field"
},
"onChange": {
"type": {
"name": "func"
},
"required": false,
"description": "Called after user changes the value of the field"
},
"onFocus": {
"type": {
"name": "func"
},
"required": false,
"description": "Called when user puts focus onto the field"
},
"onInput": {
"type": {
"name": "func"
},
"required": false,
"description": "Called as user changes the value of the field"
},
"step": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "The granularity of each step on the slider"
},
"value": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Value of the field"
}
}
};
var _createClass$1 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn$1(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
function generatedId() {
return "slider-" + Math.floor(Math.random() * 100000, 5);
}
var Slider = function (_Component) {
_inherits$1(Slider, _Component);
function Slider() {
var _ref;
var _temp, _this, _ret;
_classCallCheck$1(this, Slider);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn$1(this, (_ref = Slider.__proto__ || Object.getPrototypeOf(Slider)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
value: _this.props.defaultValue || _this.props.value
}, _this.handleChange = function (event) {
_this.setState({ value: event.target.value });
if (_this.props.onChange) _this.props.onChange(event);
}, _temp), _possibleConstructorReturn$1(_this, _ret);
}
_createClass$1(Slider, [{
key: "render",
value: function render() {
var _props = this.props,
id = _props.id,
name = _props.name,
label = _props.label,
instructions = _props.instructions,
required = _props.required,
disabled = _props.disabled,
min = _props.min,
max = _props.max,
step = _props.step,
onBlur = _props.onBlur,
onFocus = _props.onFocus,
onInput = _props.onInput;
var value = this.state.value;
return React.createElement(
"div",
{
className: cx("hig__slider", {
"hig__slider--disabled": disabled,
"hig__slider--required": required
})
},
React.createElement(
"div",
{
className: "hig__slider__wrapper",
"data-range-min": min,
"data-range-max": max
},
React.createElement(
"span",
{ className: "hig__slider__current-value" },
value
),
React.createElement(Input, {
id: id,
onChange: this.handleChange,
disabled: disabled,
name: name,
min: min,
max: max,
step: step,
value: value,
onBlur: onBlur,
onFocus: onFocus,
onInput: onInput
}),
label && React.createElement(
"label",
{ htmlFor: id, className: "hig__slider__label" },
label
)
),
instructions && React.createElement(
"p",
{ className: "hig__slider__instructions" },
instructions
),
required && React.createElement(
"p",
{ className: "hig__slider__required-notice" },
required
)
);
}
}]);
return Slider;
}(Component);
Slider.propTypes = {
/**
* Initial value of the field. User action will override
*/
defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Prevents user actions on the field
*/
disabled: PropTypes.bool,
/**
* HTML ID attribute
*/
id: PropTypes.string,
/**
* Instructional text for the field
*/
instructions: PropTypes.string,
/**
* Text describing what the field represents
*/
label: PropTypes.string,
/**
* Minimum value of the slider
*/
min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Maximum value of the slider
*/
max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Name of the field when submitted with a form
*/
name: PropTypes.string,
/**
* Called when user moves focus from the field
*/
onBlur: PropTypes.func,
/**
* Called after user changes the value of the field
*/
onChange: PropTypes.func,
/**
* Called when user puts focus onto the field
*/
onFocus: PropTypes.func,
/**
* Called as user changes the value of the field
*/
onInput: PropTypes.func,
/**
* Text describing why the field is required
*/
required: PropTypes.string,
/**
* The granularity of each step on the slider
*/
step: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Value of the field
*/
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
Slider.defaultProps = {
id: generatedId(),
min: "0",
max: "100",
step: "1"
};
Slider.__docgenInfo = {
"description": "",
"displayName": "Slider",
"props": {
"defaultValue": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Initial value of the field. User action will override"
},
"disabled": {
"type": {
"name": "bool"
},
"required": false,
"description": "Prevents user actions on the field"
},
"id": {
"type": {
"name": "string"
},
"required": false,
"description": "HTML ID attribute",
"defaultValue": {
"value": "generatedId()",
"computed": true
}
},
"instructions": {
"type": {
"name": "string"
},
"required": false,
"description": "Instructional text for the field"
},
"label": {
"type": {
"name": "string"
},
"required": false,
"description": "Text describing what the field represents"
},
"min": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Minimum value of the slider",
"defaultValue": {
"value": "\"0\"",
"computed": false
}
},
"max": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Maximum value of the slider",
"defaultValue": {
"value": "\"100\"",
"computed": false
}
},
"name": {
"type": {
"name": "string"
},
"required": false,
"description": "Name of the field when submitted with a form"
},
"onBlur": {
"type": {
"name": "func"
},
"required": false,
"description": "Called when user moves focus from the field"
},
"onChange": {
"type": {
"name": "func"
},
"required": false,
"description": "Called after user changes the value of the field"
},
"onFocus": {
"type": {
"name": "func"
},
"required": false,
"description": "Called when user puts focus onto the field"
},
"onInput": {
"type": {
"name": "func"
},
"required": false,
"description": "Called as user changes the value of the field"
},
"required": {
"type": {
"name": "string"
},
"required": false,
"description": "Text describing why the field is required"
},
"step": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "The granularity of each step on the slider",
"defaultValue": {
"value": "\"1\"",
"computed": false
}
},
"value": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Value of the field"
}
}
};
export default Slider;
export default Range;

530

build/index.js

@@ -5,530 +5,6 @@ 'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var higReact = require('hig-react');
var React = require('react');
var React__default = _interopDefault(React);
var PropTypes = _interopDefault(require('prop-types'));
var cx = _interopDefault(require('classnames'));
higReact.Range.displayName = "Slider";
var _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; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var Input = function (_Component) {
_inherits(Input, _Component);
function Input() {
_classCallCheck(this, Input);
return _possibleConstructorReturn(this, (Input.__proto__ || Object.getPrototypeOf(Input)).apply(this, arguments));
}
_createClass(Input, [{
key: "render",
value: function render() {
var _props = this.props,
min = _props.min,
max = _props.max,
value = _props.value;
return React__default.createElement("input", _extends({
className: "hig__slider__input",
type: "range",
"aria-valuemin": min,
"aria-valuemax": max,
"aria-valuenow": value
}, this.props));
}
}]);
return Input;
}(React.Component);
Input.propTypes = {
/**
* Prevents user actions on the field
*/
disabled: PropTypes.bool,
/**
* HTML ID attribute
*/
id: PropTypes.string,
/**
* Minimum value of the slider
*/
min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Maximum value of the slider
*/
max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Name of the field when submitted with a form
*/
name: PropTypes.string,
/**
* Called when user moves focus from the field
*/
onBlur: PropTypes.func,
/**
* Called after user changes the value of the field
*/
onChange: PropTypes.func,
/**
* Called when user puts focus onto the field
*/
onFocus: PropTypes.func,
/**
* Called as user changes the value of the field
*/
onInput: PropTypes.func,
/**
* The granularity of each step on the slider
*/
step: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Value of the field
*/
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
Input.__docgenInfo = {
"description": "",
"displayName": "Input",
"props": {
"disabled": {
"type": {
"name": "bool"
},
"required": false,
"description": "Prevents user actions on the field"
},
"id": {
"type": {
"name": "string"
},
"required": false,
"description": "HTML ID attribute"
},
"min": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Minimum value of the slider"
},
"max": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Maximum value of the slider"
},
"name": {
"type": {
"name": "string"
},
"required": false,
"description": "Name of the field when submitted with a form"
},
"onBlur": {
"type": {
"name": "func"
},
"required": false,
"description": "Called when user moves focus from the field"
},
"onChange": {
"type": {
"name": "func"
},
"required": false,
"description": "Called after user changes the value of the field"
},
"onFocus": {
"type": {
"name": "func"
},
"required": false,
"description": "Called when user puts focus onto the field"
},
"onInput": {
"type": {
"name": "func"
},
"required": false,
"description": "Called as user changes the value of the field"
},
"step": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "The granularity of each step on the slider"
},
"value": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Value of the field"
}
}
};
var _createClass$1 = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn$1(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
function generatedId() {
return "slider-" + Math.floor(Math.random() * 100000, 5);
}
var Slider = function (_Component) {
_inherits$1(Slider, _Component);
function Slider() {
var _ref;
var _temp, _this, _ret;
_classCallCheck$1(this, Slider);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn$1(this, (_ref = Slider.__proto__ || Object.getPrototypeOf(Slider)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
value: _this.props.defaultValue || _this.props.value
}, _this.handleChange = function (event) {
_this.setState({ value: event.target.value });
if (_this.props.onChange) _this.props.onChange(event);
}, _temp), _possibleConstructorReturn$1(_this, _ret);
}
_createClass$1(Slider, [{
key: "render",
value: function render() {
var _props = this.props,
id = _props.id,
name = _props.name,
label = _props.label,
instructions = _props.instructions,
required = _props.required,
disabled = _props.disabled,
min = _props.min,
max = _props.max,
step = _props.step,
onBlur = _props.onBlur,
onFocus = _props.onFocus,
onInput = _props.onInput;
var value = this.state.value;
return React__default.createElement(
"div",
{
className: cx("hig__slider", {
"hig__slider--disabled": disabled,
"hig__slider--required": required
})
},
React__default.createElement(
"div",
{
className: "hig__slider__wrapper",
"data-range-min": min,
"data-range-max": max
},
React__default.createElement(
"span",
{ className: "hig__slider__current-value" },
value
),
React__default.createElement(Input, {
id: id,
onChange: this.handleChange,
disabled: disabled,
name: name,
min: min,
max: max,
step: step,
value: value,
onBlur: onBlur,
onFocus: onFocus,
onInput: onInput
}),
label && React__default.createElement(
"label",
{ htmlFor: id, className: "hig__slider__label" },
label
)
),
instructions && React__default.createElement(
"p",
{ className: "hig__slider__instructions" },
instructions
),
required && React__default.createElement(
"p",
{ className: "hig__slider__required-notice" },
required
)
);
}
}]);
return Slider;
}(React.Component);
Slider.propTypes = {
/**
* Initial value of the field. User action will override
*/
defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Prevents user actions on the field
*/
disabled: PropTypes.bool,
/**
* HTML ID attribute
*/
id: PropTypes.string,
/**
* Instructional text for the field
*/
instructions: PropTypes.string,
/**
* Text describing what the field represents
*/
label: PropTypes.string,
/**
* Minimum value of the slider
*/
min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Maximum value of the slider
*/
max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Name of the field when submitted with a form
*/
name: PropTypes.string,
/**
* Called when user moves focus from the field
*/
onBlur: PropTypes.func,
/**
* Called after user changes the value of the field
*/
onChange: PropTypes.func,
/**
* Called when user puts focus onto the field
*/
onFocus: PropTypes.func,
/**
* Called as user changes the value of the field
*/
onInput: PropTypes.func,
/**
* Text describing why the field is required
*/
required: PropTypes.string,
/**
* The granularity of each step on the slider
*/
step: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
/**
* Value of the field
*/
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
Slider.defaultProps = {
id: generatedId(),
min: "0",
max: "100",
step: "1"
};
Slider.__docgenInfo = {
"description": "",
"displayName": "Slider",
"props": {
"defaultValue": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Initial value of the field. User action will override"
},
"disabled": {
"type": {
"name": "bool"
},
"required": false,
"description": "Prevents user actions on the field"
},
"id": {
"type": {
"name": "string"
},
"required": false,
"description": "HTML ID attribute",
"defaultValue": {
"value": "generatedId()",
"computed": true
}
},
"instructions": {
"type": {
"name": "string"
},
"required": false,
"description": "Instructional text for the field"
},
"label": {
"type": {
"name": "string"
},
"required": false,
"description": "Text describing what the field represents"
},
"min": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Minimum value of the slider",
"defaultValue": {
"value": "\"0\"",
"computed": false
}
},
"max": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Maximum value of the slider",
"defaultValue": {
"value": "\"100\"",
"computed": false
}
},
"name": {
"type": {
"name": "string"
},
"required": false,
"description": "Name of the field when submitted with a form"
},
"onBlur": {
"type": {
"name": "func"
},
"required": false,
"description": "Called when user moves focus from the field"
},
"onChange": {
"type": {
"name": "func"
},
"required": false,
"description": "Called after user changes the value of the field"
},
"onFocus": {
"type": {
"name": "func"
},
"required": false,
"description": "Called when user puts focus onto the field"
},
"onInput": {
"type": {
"name": "func"
},
"required": false,
"description": "Called as user changes the value of the field"
},
"required": {
"type": {
"name": "string"
},
"required": false,
"description": "Text describing why the field is required"
},
"step": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "The granularity of each step on the slider",
"defaultValue": {
"value": "\"1\"",
"computed": false
}
},
"value": {
"type": {
"name": "union",
"value": [{
"name": "string"
}, {
"name": "number"
}]
},
"required": false,
"description": "Value of the field"
}
}
};
exports.default = Slider;
exports.default = higReact.Range;

14

package.json
{
"name": "@hig/slider",
"version": "0.2.0-alpha.81afec57",
"version": "0.2.0-alpha.8ccba0ce",
"description": "HIG Slider",

@@ -18,3 +18,5 @@ "author": "Autodesk Inc.",

"classnames": "^2.2.5",
"prop-types": "^15.6.1"
"hig-react": "0.30.0-alpha.8ccba0ce",
"prop-types": "^15.6.1",
"react-lifecycles-compat": "^3.0.2"
},

@@ -25,6 +27,6 @@ "peerDependencies": {

"devDependencies": {
"@hig/babel-preset": "0.2.0-alpha.81afec57",
"@hig/eslint-config": "0.2.0-alpha.81afec57",
"@hig/scripts": "0.2.0-alpha.81afec57",
"@hig/styles": "0.2.0-alpha.81afec57"
"@hig/babel-preset": "0.2.0-alpha.8ccba0ce",
"@hig/eslint-config": "0.2.0-alpha.8ccba0ce",
"@hig/scripts": "0.2.0-alpha.8ccba0ce",
"@hig/styles": "0.2.0-alpha.8ccba0ce"
},

@@ -31,0 +33,0 @@ "scripts": {

4

README.md

@@ -29,6 +29,6 @@ # Slider

required="Age is required."
min={21}
max={99}
minValue={21}
maxValue={99}
step={1}
/>
```
build/index.css

Sorry, the diff of this file is not supported yet

build/index.es.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc