@dfds-ui/colors 1.1.15 → 2.0.0-alpha.98f08157
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/cjs/colorMap.js +0 -8
- package/cjs/colors.js +9 -11
- package/cjs/hydro2.js +1 -1
- package/cjs/index.js +0 -2
- package/cjs/legacy.js +9 -16
- package/colorMap.js +4 -15
- package/colors.js +3 -2
- package/legacy.js +9 -12
- package/package.json +2 -2
package/cjs/colorMap.js
CHANGED
|
@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _hydro = _interopRequireDefault(require("./hydro2"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
-
|
|
14
10
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
|
-
|
|
16
11
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
-
|
|
18
12
|
// TODO: Was annoying to type this function. Wait for typescript 4.1 and try again
|
|
19
13
|
// https://github.com/microsoft/TypeScript/pull/40002
|
|
20
14
|
const flatten = (object, nestingSeparator = '-', prefix = '') => Object.entries(object).reduce((acc, [key, val]) => _objectSpread(_objectSpread({}, acc), typeof val === 'string' ? {
|
|
21
15
|
[`${prefix}${key}`]: val
|
|
22
16
|
} : typeof val === 'object' ? flatten(val, nestingSeparator, `${prefix}${key}${nestingSeparator}`) : {}), {});
|
|
23
|
-
|
|
24
17
|
var _default = flatten(_objectSpread({}, _hydro.default));
|
|
25
|
-
|
|
26
18
|
exports.default = _default;
|
package/cjs/colors.js
CHANGED
|
@@ -3,37 +3,35 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
Object.defineProperty(exports, "
|
|
6
|
+
Object.defineProperty(exports, "colorPalette", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function get() {
|
|
9
|
-
return
|
|
9
|
+
return _legacy.legacyColorPalette;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "colors", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function get() {
|
|
15
|
-
return _legacy.
|
|
15
|
+
return _legacy.legacyColors;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
Object.defineProperty(exports, "
|
|
18
|
+
Object.defineProperty(exports, "hydro2", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function get() {
|
|
21
|
-
return
|
|
21
|
+
return _hydro.hydro2;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
Object.defineProperty(exports, "
|
|
24
|
+
Object.defineProperty(exports, "legacyColorPalette", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function get() {
|
|
27
|
-
return _legacy.
|
|
27
|
+
return _legacy.legacyColorPalette;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
|
-
Object.defineProperty(exports, "
|
|
30
|
+
Object.defineProperty(exports, "legacyColors", {
|
|
31
31
|
enumerable: true,
|
|
32
32
|
get: function get() {
|
|
33
33
|
return _legacy.legacyColors;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
-
|
|
37
36
|
var _hydro = require("./hydro2");
|
|
38
|
-
|
|
39
37
|
var _legacy = require("./legacy");
|
package/cjs/hydro2.js
CHANGED
package/cjs/index.js
CHANGED
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _colors = require("./colors");
|
|
8
|
-
|
|
9
7
|
Object.keys(_colors).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _colors[key]) return;
|
package/cjs/legacy.js
CHANGED
|
@@ -4,21 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.legacyColors = exports.legacyColorPalette = void 0;
|
|
7
|
-
|
|
8
7
|
var _hydro = require("./hydro2");
|
|
9
|
-
|
|
10
8
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11
|
-
|
|
12
9
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
|
-
|
|
14
10
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
-
|
|
16
11
|
const surface = _hydro.hydro2.surface,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
12
|
+
primary = _hydro.hydro2.primary,
|
|
13
|
+
secondary = _hydro.hydro2.secondary,
|
|
14
|
+
tertiary = _hydro.hydro2.tertiary,
|
|
15
|
+
text = _hydro.hydro2.text,
|
|
16
|
+
status = _hydro.hydro2.status;
|
|
17
|
+
|
|
22
18
|
/** @deprecated */
|
|
23
19
|
|
|
24
20
|
/** @deprecated */
|
|
@@ -29,8 +25,8 @@ const legacyColorPalette = {
|
|
|
29
25
|
white: surface.primary,
|
|
30
26
|
// white.primary
|
|
31
27
|
whiteHover: surface.secondary // backgroundGrey.hover
|
|
32
|
-
|
|
33
28
|
},
|
|
29
|
+
|
|
34
30
|
static: {
|
|
35
31
|
textGrey: text.dark.primary,
|
|
36
32
|
// textGrey.primary
|
|
@@ -43,8 +39,8 @@ const legacyColorPalette = {
|
|
|
43
39
|
groupMedium: primary.light,
|
|
44
40
|
// groupBlue.medium
|
|
45
41
|
groupLight: primary.light // groupBlue.light
|
|
46
|
-
|
|
47
42
|
},
|
|
43
|
+
|
|
48
44
|
interaction: {
|
|
49
45
|
linkBlue: secondary.main,
|
|
50
46
|
// linkBlue.primary
|
|
@@ -70,13 +66,10 @@ const legacyColorPalette = {
|
|
|
70
66
|
cautionAmber: status.warning,
|
|
71
67
|
// new yellow
|
|
72
68
|
noRed: status.alert // noRed.primary
|
|
73
|
-
|
|
74
69
|
}
|
|
75
70
|
};
|
|
76
|
-
/** @deprecated */
|
|
77
71
|
|
|
72
|
+
/** @deprecated */
|
|
78
73
|
exports.legacyColorPalette = legacyColorPalette;
|
|
79
|
-
|
|
80
74
|
const legacyColors = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, legacyColorPalette.surface), legacyColorPalette.static), legacyColorPalette.interaction), legacyColorPalette.status);
|
|
81
|
-
|
|
82
75
|
exports.legacyColors = legacyColors;
|
package/colorMap.js
CHANGED
|
@@ -1,36 +1,25 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
|
|
3
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
|
|
5
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
|
-
|
|
7
4
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
8
|
-
|
|
9
5
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
|
|
11
6
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
12
|
-
|
|
13
7
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
|
|
15
8
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
16
|
-
|
|
17
9
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
18
|
-
|
|
19
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11
|
+
import hydro2 from './hydro2';
|
|
20
12
|
|
|
21
|
-
|
|
13
|
+
// TODO: Was annoying to type this function. Wait for typescript 4.1 and try again
|
|
22
14
|
// https://github.com/microsoft/TypeScript/pull/40002
|
|
23
|
-
|
|
24
15
|
var flatten = function flatten(object) {
|
|
25
16
|
var nestingSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '-';
|
|
26
17
|
var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
|
27
18
|
return Object.entries(object).reduce(function (acc, _ref) {
|
|
28
19
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
20
|
+
key = _ref2[0],
|
|
21
|
+
val = _ref2[1];
|
|
32
22
|
return _objectSpread(_objectSpread({}, acc), typeof val === 'string' ? _defineProperty({}, "".concat(prefix).concat(key), val) : _typeof(val) === 'object' ? flatten(val, nestingSeparator, "".concat(prefix).concat(key).concat(nestingSeparator)) : {});
|
|
33
23
|
}, {});
|
|
34
24
|
};
|
|
35
|
-
|
|
36
25
|
export default flatten(_objectSpread({}, hydro2));
|
package/colors.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { hydro2 } from './hydro2';
|
|
2
2
|
import { legacyColorPalette, legacyColors } from './legacy';
|
|
3
|
-
export { hydro2 };
|
|
4
|
-
// eslint-disable-next-line deprecation/deprecation
|
|
3
|
+
export { hydro2 };
|
|
5
4
|
|
|
5
|
+
// Legacy exports
|
|
6
|
+
// eslint-disable-next-line deprecation/deprecation
|
|
6
7
|
export { legacyColorPalette, legacyColors, legacyColors as colors, legacyColorPalette as colorPalette };
|
package/legacy.js
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
2
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
3
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
|
|
7
4
|
/* eslint-disable deprecation/deprecation */
|
|
8
5
|
import { hydro2 } from './hydro2';
|
|
9
6
|
var surface = hydro2.surface,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
primary = hydro2.primary,
|
|
8
|
+
secondary = hydro2.secondary,
|
|
9
|
+
tertiary = hydro2.tertiary,
|
|
10
|
+
text = hydro2.text,
|
|
11
|
+
status = hydro2.status;
|
|
12
|
+
|
|
15
13
|
/** @deprecated */
|
|
16
14
|
|
|
17
15
|
/** @deprecated */
|
|
@@ -22,8 +20,8 @@ export var legacyColorPalette = {
|
|
|
22
20
|
white: surface.primary,
|
|
23
21
|
// white.primary
|
|
24
22
|
whiteHover: surface.secondary // backgroundGrey.hover
|
|
25
|
-
|
|
26
23
|
},
|
|
24
|
+
|
|
27
25
|
"static": {
|
|
28
26
|
textGrey: text.dark.primary,
|
|
29
27
|
// textGrey.primary
|
|
@@ -36,8 +34,8 @@ export var legacyColorPalette = {
|
|
|
36
34
|
groupMedium: primary.light,
|
|
37
35
|
// groupBlue.medium
|
|
38
36
|
groupLight: primary.light // groupBlue.light
|
|
39
|
-
|
|
40
37
|
},
|
|
38
|
+
|
|
41
39
|
interaction: {
|
|
42
40
|
linkBlue: secondary.main,
|
|
43
41
|
// linkBlue.primary
|
|
@@ -63,9 +61,8 @@ export var legacyColorPalette = {
|
|
|
63
61
|
cautionAmber: status.warning,
|
|
64
62
|
// new yellow
|
|
65
63
|
noRed: status.alert // noRed.primary
|
|
66
|
-
|
|
67
64
|
}
|
|
68
65
|
};
|
|
69
|
-
/** @deprecated */
|
|
70
66
|
|
|
67
|
+
/** @deprecated */
|
|
71
68
|
export var legacyColors = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, legacyColorPalette.surface), legacyColorPalette["static"]), legacyColorPalette.interaction), legacyColorPalette.status);
|
package/package.json
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
"description": "Shared colors within DFDS",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "
|
|
6
|
+
"version": "2.0.0-alpha.98f08157",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
10
10
|
"typings": "./index.d.ts",
|
|
11
|
-
"gitHead": "
|
|
11
|
+
"gitHead": "98f0815776d1be1eef0e7a3012c384d7933ede8c",
|
|
12
12
|
"esnext": "",
|
|
13
13
|
"publishConfig": {
|
|
14
14
|
"access": "public"
|