@artsy/palette 38.7.0 → 38.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10,7 +10,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
|
10
10
|
var _Box = require("../Box");
|
|
11
11
|
var _tokens = require("./tokens");
|
|
12
12
|
var _themeGet = require("@styled-system/theme-get");
|
|
13
|
-
var _excluded = ["selected", "disabled", "onSelect", "onClick"];
|
|
13
|
+
var _excluded = ["selected", "disabled", "hover", "onSelect", "onClick"];
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -22,6 +22,7 @@ var Toggle = function Toggle(_ref) {
|
|
|
22
22
|
var _ref$selected = _ref.selected,
|
|
23
23
|
selected = _ref$selected === void 0 ? false : _ref$selected,
|
|
24
24
|
disabled = _ref.disabled,
|
|
25
|
+
hover = _ref.hover,
|
|
25
26
|
onSelect = _ref.onSelect,
|
|
26
27
|
onClick = _ref.onClick,
|
|
27
28
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -49,7 +50,8 @@ var Toggle = function Toggle(_ref) {
|
|
|
49
50
|
role: "toggle",
|
|
50
51
|
"aria-checked": selected,
|
|
51
52
|
selected: selected,
|
|
52
|
-
disabled: disabled
|
|
53
|
+
disabled: disabled,
|
|
54
|
+
hover: hover
|
|
53
55
|
}, rest), /*#__PURE__*/_react.default.createElement(Switch, {
|
|
54
56
|
selected: selected
|
|
55
57
|
}));
|
|
@@ -66,6 +68,6 @@ var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
|
|
|
66
68
|
displayName: "Toggle__Container",
|
|
67
69
|
componentId: "sc-1yxwor4-1"
|
|
68
70
|
})(["user-select:none;border-radius:100px;width:51px;height:31px;flex-shrink:0;", ""], function (props) {
|
|
69
|
-
return (0, _styledComponents.css)(["", " ", " ", ""], props.selected ? _tokens.TOGGLE_STATES.selected : _tokens.TOGGLE_STATES.default, props.hover && _tokens.TOGGLE_STATES.hover, props.disabled && (props.selected ? _tokens.TOGGLE_STATES.disabled.selected : _tokens.TOGGLE_STATES.disabled.default));
|
|
71
|
+
return (0, _styledComponents.css)(["", " ", " ", " &:hover{", "}"], props.selected ? _tokens.TOGGLE_STATES.selected : _tokens.TOGGLE_STATES.default, props.hover && _tokens.TOGGLE_STATES.hover, props.disabled && (props.selected ? _tokens.TOGGLE_STATES.disabled.selected : _tokens.TOGGLE_STATES.disabled.default), _tokens.TOGGLE_STATES.hover);
|
|
70
72
|
});
|
|
71
73
|
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Box","_tokens","_themeGet","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toggle","_ref","_ref$selected","selected","disabled","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Switch","exports","displayName","styled","Box","withConfig","componentId","themeGet","props","css","SWITCH_STATES","TOGGLE_STATES"
|
|
1
|
+
{"version":3,"file":"Toggle.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Box","_tokens","_themeGet","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toggle","_ref","_ref$selected","selected","disabled","hover","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Switch","exports","displayName","styled","Box","withConfig","componentId","themeGet","props","css","SWITCH_STATES","TOGGLE_STATES"],"sources":["../../../src/elements/Toggle/Toggle.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\nimport { SWITCH_STATES, TOGGLE_STATES } from \"./tokens\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface ToggleProps\n extends BoxProps,\n Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n /** Disable toggle interactions */\n disabled?: boolean\n /** Select the toggle on render */\n selected?: boolean\n /** Used to force the toggle into the visual hover state */\n hover?: boolean\n /** Callback when selected */\n onSelect?: (selected: boolean) => void\n}\n\n/** A toggle */\nexport const Toggle: React.FC<ToggleProps> = ({\n selected = false,\n disabled,\n hover,\n onSelect,\n onClick,\n ...rest\n}) => {\n const isSelectable = !disabled && onSelect !== undefined\n\n const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (isSelectable && onSelect) {\n onSelect(!selected)\n }\n\n if (onClick) {\n onClick(event)\n }\n }\n\n const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \" \" && isSelectable && onSelect) {\n event.preventDefault()\n onSelect(!selected)\n }\n }\n\n return (\n <Container\n display=\"flex\"\n alignItems=\"center\"\n onClick={handleClick}\n tabIndex={disabled ? -1 : 0}\n onKeyPress={handleKeyPress}\n role=\"toggle\"\n aria-checked={selected}\n selected={selected}\n disabled={disabled}\n hover={hover}\n {...rest}\n >\n <Switch selected={selected} />\n </Container>\n )\n}\n\nconst Switch = styled(Box)<{ selected: boolean }>`\n width: 26px;\n height: 26px;\n margin: 3px;\n border-radius: 50%;\n transition: transform 0.3s;\n box-shadow: ${themeGet(\"effects.dropShadow\")};\n\n ${(props) => {\n return css`\n ${props.selected ? SWITCH_STATES.selected : SWITCH_STATES.default}\n `\n }}\n`\n\nconst Container = styled(Box)<{\n selected: boolean\n hover?: boolean\n disabled?: boolean\n}>`\n user-select: none;\n border-radius: 100px;\n width: 51px;\n height: 31px;\n flex-shrink: 0;\n\n ${(props) => {\n return css`\n ${props.selected ? TOGGLE_STATES.selected : TOGGLE_STATES.default}\n ${props.hover && TOGGLE_STATES.hover}\n ${props.disabled &&\n (props.selected\n ? TOGGLE_STATES.disabled.selected\n : TOGGLE_STATES.disabled.default)}\n\n &:hover {\n ${TOGGLE_STATES.hover}\n }\n `\n }}\n`\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@artsy/palette",
|
|
3
|
-
"version": "38.7.
|
|
3
|
+
"version": "38.7.1",
|
|
4
4
|
"description": "Design system library for react components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -182,5 +182,5 @@
|
|
|
182
182
|
"url": "http://localhost"
|
|
183
183
|
}
|
|
184
184
|
},
|
|
185
|
-
"gitHead": "
|
|
185
|
+
"gitHead": "c79f0d31a6a83f9aa9c66ec6ebbcb3f13c65fbd7"
|
|
186
186
|
}
|