@dfds-ui/react-components 0.9.15 → 0.9.16-alpha.02d3c2c9
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.
- package/app-bar/AppBarIconButton.js +18 -20
- package/cjs/app-bar/AppBarIconButton.js +11 -12
- package/package.json +9 -9
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
|
2
1
|
var _excluded = ["isActive", "ariaLabel", "showTooltip"];
|
|
3
2
|
|
|
4
3
|
function _extends() { _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; }; return _extends.apply(this, arguments); }
|
|
@@ -10,28 +9,27 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
10
9
|
import React from 'react';
|
|
11
10
|
import { IconButton } from '../button';
|
|
12
11
|
import { theme } from '@dfds-ui/theme';
|
|
12
|
+
import { css } from '@emotion/react';
|
|
13
13
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
} : {
|
|
18
|
-
target: "e2hxbez0",
|
|
19
|
-
label: "StyledIconButton"
|
|
20
|
-
})("height:100%;font-size:1.5rem;position:relative;color:", theme.colors.primary.main, ";padding:0 0.75rem;&:hover{color:", theme.colors.primary.main, ";}&:active,&:hover,&:focus{outline:none;border:none;padding:0 0.75rem;}&:active{color:", theme.colors.secondary.main, ";}", function (p) {
|
|
21
|
-
return theme.states.overlay(p.isActive, {
|
|
15
|
+
function iconButtonStyles(_ref) {
|
|
16
|
+
var isActive = _ref.isActive;
|
|
17
|
+
return /*#__PURE__*/css("height:100%;font-size:1.5rem;position:relative;color:", theme.colors.primary.main, ";padding:0 0.75rem;&:hover{color:", theme.colors.primary.main, ";}&:active,&:hover,&:focus{outline:none;border:none;padding:0 0.75rem;}&:active{color:", theme.colors.secondary.main, ";}", theme.states.overlay(isActive, {
|
|
22
18
|
color: theme.colors.secondary.main
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
var AppBarIconButton = function AppBarIconButton(
|
|
27
|
-
var isActive =
|
|
28
|
-
ariaLabel =
|
|
29
|
-
|
|
30
|
-
showTooltip =
|
|
31
|
-
rest = _objectWithoutProperties(
|
|
32
|
-
|
|
33
|
-
return ___EmotionJSX(
|
|
34
|
-
|
|
19
|
+
}), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6Ii4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBBcHBCYXJJY29uQnV0dG9uUHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhblxuICBhcmlhTGFiZWw6IHN0cmluZ1xuICBpY29uOiBSZWFjdC5FbGVtZW50VHlwZVxuICBzaG93VG9vbHRpcD86IGJvb2xlYW5cbiAgb25DbGljaz86IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZFxufVxuXG5mdW5jdGlvbiBpY29uQnV0dG9uU3R5bGVzKHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZT86IGJvb2xlYW4gfSkge1xuICByZXR1cm4gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgcGFkZGluZzogMCAwLjc1cmVtO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSxcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICR7dGhlbWUuc3RhdGVzLm92ZXJsYXkoaXNBY3RpdmUsIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4sXG4gICAgfSl9XG4gIGBcbn1cblxuY29uc3QgQXBwQmFySWNvbkJ1dHRvbjogUmVhY3QuRkM8QXBwQmFySWNvbkJ1dHRvblByb3BzPiA9ICh7IGlzQWN0aXZlLCBhcmlhTGFiZWwsIHNob3dUb29sdGlwID0gdHJ1ZSwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEljb25CdXR0b25cbiAgICAgIGNzcz17aWNvbkJ1dHRvblN0eWxlcyh7IGlzQWN0aXZlOiBpc0FjdGl2ZSB9KX1cbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgZGlzYWJsZVRvb2x0aXA9eyFzaG93VG9vbHRpcH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQXBwQmFySWNvbkJ1dHRvblxuIl19 */");
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
var AppBarIconButton = function AppBarIconButton(_ref2) {
|
|
23
|
+
var isActive = _ref2.isActive,
|
|
24
|
+
ariaLabel = _ref2.ariaLabel,
|
|
25
|
+
_ref2$showTooltip = _ref2.showTooltip,
|
|
26
|
+
showTooltip = _ref2$showTooltip === void 0 ? true : _ref2$showTooltip,
|
|
27
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
28
|
+
|
|
29
|
+
return ___EmotionJSX(IconButton, _extends({
|
|
30
|
+
css: iconButtonStyles({
|
|
31
|
+
isActive: isActive
|
|
32
|
+
}),
|
|
35
33
|
ariaLabel: ariaLabel,
|
|
36
34
|
disableTooltip: !showTooltip
|
|
37
35
|
}, rest));
|
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
12
10
|
var _button = require("../button");
|
|
@@ -25,14 +23,13 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
25
23
|
|
|
26
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
27
25
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
})
|
|
34
|
-
|
|
35
|
-
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFtRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXBwLWJhci9BcHBCYXJJY29uQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgQXBwQmFySWNvbkJ1dHRvblByb3BzID0ge1xuICBpc0FjdGl2ZT86IGJvb2xlYW5cbiAgYXJpYUxhYmVsOiBzdHJpbmdcbiAgaWNvbjogUmVhY3QuRWxlbWVudFR5cGVcbiAgc2hvd1Rvb2x0aXA/OiBib29sZWFuXG4gIG9uQ2xpY2s/OiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWRcbn1cblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBmb250LXNpemU6IDEuNXJlbTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgcGFkZGluZzogMCAwLjc1cmVtO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICB9XG5cbiAgJjphY3RpdmUsXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICB9XG5cbiAgJHsocCkgPT5cbiAgICB0aGVtZS5zdGF0ZXMub3ZlcmxheShwLmlzQWN0aXZlLCB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLFxuICAgIH0pfTtcbmBcblxuY29uc3QgQXBwQmFySWNvbkJ1dHRvbjogUmVhY3QuRkM8QXBwQmFySWNvbkJ1dHRvblByb3BzPiA9ICh7IGlzQWN0aXZlLCBhcmlhTGFiZWwsIHNob3dUb29sdGlwID0gdHJ1ZSwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiA8U3R5bGVkSWNvbkJ1dHRvbiBpc0FjdGl2ZT17aXNBY3RpdmV9IGFyaWFMYWJlbD17YXJpYUxhYmVsfSBkaXNhYmxlVG9vbHRpcD17IXNob3dUb29sdGlwfSB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgQXBwQmFySWNvbkJ1dHRvblxuIl19 */"));
|
|
26
|
+
function iconButtonStyles({
|
|
27
|
+
isActive
|
|
28
|
+
}) {
|
|
29
|
+
return /*#__PURE__*/(0, _react2.css)("height:100%;font-size:1.5rem;position:relative;color:", _theme.theme.colors.primary.main, ";padding:0 0.75rem;&:hover{color:", _theme.theme.colors.primary.main, ";}&:active,&:hover,&:focus{outline:none;border:none;padding:0 0.75rem;}&:active{color:", _theme.theme.colors.secondary.main, ";}", _theme.theme.states.overlay(isActive, {
|
|
30
|
+
color: _theme.theme.colors.secondary.main
|
|
31
|
+
}), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBBcHBCYXJJY29uQnV0dG9uUHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhblxuICBhcmlhTGFiZWw6IHN0cmluZ1xuICBpY29uOiBSZWFjdC5FbGVtZW50VHlwZVxuICBzaG93VG9vbHRpcD86IGJvb2xlYW5cbiAgb25DbGljaz86IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZFxufVxuXG5mdW5jdGlvbiBpY29uQnV0dG9uU3R5bGVzKHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZT86IGJvb2xlYW4gfSkge1xuICByZXR1cm4gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgcGFkZGluZzogMCAwLjc1cmVtO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSxcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICR7dGhlbWUuc3RhdGVzLm92ZXJsYXkoaXNBY3RpdmUsIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4sXG4gICAgfSl9XG4gIGBcbn1cblxuY29uc3QgQXBwQmFySWNvbkJ1dHRvbjogUmVhY3QuRkM8QXBwQmFySWNvbkJ1dHRvblByb3BzPiA9ICh7IGlzQWN0aXZlLCBhcmlhTGFiZWwsIHNob3dUb29sdGlwID0gdHJ1ZSwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEljb25CdXR0b25cbiAgICAgIGNzcz17aWNvbkJ1dHRvblN0eWxlcyh7IGlzQWN0aXZlOiBpc0FjdGl2ZSB9KX1cbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgZGlzYWJsZVRvb2x0aXA9eyFzaG93VG9vbHRpcH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQXBwQmFySWNvbkJ1dHRvblxuIl19 */");
|
|
32
|
+
}
|
|
36
33
|
|
|
37
34
|
const AppBarIconButton = _ref => {
|
|
38
35
|
let isActive = _ref.isActive,
|
|
@@ -41,8 +38,10 @@ const AppBarIconButton = _ref => {
|
|
|
41
38
|
showTooltip = _ref$showTooltip === void 0 ? true : _ref$showTooltip,
|
|
42
39
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
43
40
|
|
|
44
|
-
return (0, _react2.jsx)(
|
|
45
|
-
|
|
41
|
+
return (0, _react2.jsx)(_button.IconButton, _extends({
|
|
42
|
+
css: iconButtonStyles({
|
|
43
|
+
isActive: isActive
|
|
44
|
+
}),
|
|
46
45
|
ariaLabel: ariaLabel,
|
|
47
46
|
disableTooltip: !showTooltip
|
|
48
47
|
}, rest));
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Shared react components within DFDS",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "0.9.
|
|
6
|
+
"version": "0.9.16-alpha.02d3c2c9",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
"react-select": "^4.0.0"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@dfds-ui/colors": "0.9.
|
|
22
|
-
"@dfds-ui/fonts": "0.9.
|
|
23
|
-
"@dfds-ui/hooks": "0.9.
|
|
24
|
-
"@dfds-ui/icons": "0.9.
|
|
25
|
-
"@dfds-ui/spacing": "0.9.
|
|
26
|
-
"@dfds-ui/theme": "0.9.
|
|
27
|
-
"@dfds-ui/typography": "0.9.
|
|
21
|
+
"@dfds-ui/colors": "0.9.16-alpha.02d3c2c9",
|
|
22
|
+
"@dfds-ui/fonts": "0.9.16-alpha.02d3c2c9",
|
|
23
|
+
"@dfds-ui/hooks": "0.9.16-alpha.02d3c2c9",
|
|
24
|
+
"@dfds-ui/icons": "0.9.16-alpha.02d3c2c9",
|
|
25
|
+
"@dfds-ui/spacing": "0.9.16-alpha.02d3c2c9",
|
|
26
|
+
"@dfds-ui/theme": "0.9.16-alpha.02d3c2c9",
|
|
27
|
+
"@dfds-ui/typography": "0.9.16-alpha.02d3c2c9",
|
|
28
28
|
"@kunukn/react-collapse": "^2.2.9",
|
|
29
29
|
"@material-ui/core": "^4.12.3",
|
|
30
30
|
"@material-ui/lab": "4.0.0-alpha.60",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"react-hook-intersection-observer": "^0.1.0",
|
|
35
35
|
"uuid": "^3.3.2"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "02d3c2c98030a8c5512dace3b9515d2b9f4ec362",
|
|
38
38
|
"publishConfig": {
|
|
39
39
|
"access": "public"
|
|
40
40
|
}
|