@spaced-out/ui-design-system 0.0.4 → 0.0.5
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/CHANGELOG.md +7 -0
- package/design-tokens/border/app-border.json +3 -0
- package/design-tokens/border/base-border.json +3 -0
- package/design-tokens/color/app-color.json +8 -5
- package/design-tokens/size/base-size.json +6 -0
- package/lib/components/Avatar/Avatar.js +150 -0
- package/lib/components/Avatar/Avatar.js.flow +178 -0
- package/lib/components/Avatar/Avatar.module.css +87 -0
- package/lib/components/Avatar/index.js +16 -0
- package/lib/components/Avatar/index.js.flow +3 -0
- package/lib/components/AvatarGroup/AvatarGroup.js +110 -0
- package/lib/components/AvatarGroup/AvatarGroup.js.flow +137 -0
- package/lib/components/AvatarGroup/AvatarGroup.module.css +35 -0
- package/lib/components/AvatarGroup/index.js +16 -0
- package/lib/components/AvatarGroup/index.js.flow +3 -0
- package/lib/components/Badge/Badge.js +41 -0
- package/lib/components/Badge/Badge.js.flow +58 -0
- package/lib/components/Badge/Badge.module.css +17 -0
- package/lib/components/Badge/index.js +12 -0
- package/lib/components/Badge/index.js.flow +4 -0
- package/lib/components/Card/Card.js +46 -0
- package/lib/components/Card/Card.js.flow +56 -0
- package/lib/components/Card/Card.module.css +9 -0
- package/lib/components/Card/index.js +12 -0
- package/lib/components/Card/index.js.flow +4 -0
- package/lib/components/CircularLoader/CircularLoader.js +1 -1
- package/lib/components/CircularLoader/CircularLoader.js.flow +1 -1
- package/lib/components/Tooltip/Tooltip.js +6 -6
- package/lib/components/Tooltip/Tooltip.js.flow +23 -15
- package/lib/components/Tooltip/index.js.flow +1 -1
- package/lib/styles/variables/_border.css +2 -0
- package/lib/styles/variables/_border.js +3 -1
- package/lib/styles/variables/_border.js.flow +2 -0
- package/lib/styles/variables/_color.css +2 -0
- package/lib/styles/variables/_color.js +3 -1
- package/lib/styles/variables/_color.js.flow +2 -0
- package/lib/styles/variables/_size.css +4 -0
- package/lib/styles/variables/_size.js +5 -1
- package/lib/styles/variables/_size.js.flow +4 -0
- package/lib/utils/click-away.js +1 -1
- package/lib/utils/click-away.js.flow +1 -1
- package/lib/utils/string.js +14 -0
- package/lib/utils/string.js.flow +10 -0
- package/package.json +9 -1
|
@@ -14,6 +14,8 @@
|
|
|
14
14
|
|
|
15
15
|
@value size20: 20px;
|
|
16
16
|
|
|
17
|
+
@value size22: 22px;
|
|
18
|
+
|
|
17
19
|
@value size24: 24px;
|
|
18
20
|
|
|
19
21
|
@value size30: 30px;
|
|
@@ -28,6 +30,8 @@
|
|
|
28
30
|
|
|
29
31
|
@value size60: 60px;
|
|
30
32
|
|
|
33
|
+
@value size100: 100px;
|
|
34
|
+
|
|
31
35
|
@value size110: 110px;
|
|
32
36
|
|
|
33
37
|
@value size140: 140px;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.sizeFluid = exports.size960 = exports.size8 = exports.size720 = exports.size60 = exports.size580 = exports.size500 = exports.size5 = exports.size480 = exports.size42 = exports.size400 = exports.size40 = exports.size4 = exports.size380 = exports.size36 = exports.size34 = exports.size300 = exports.size30 = exports.size276 = exports.size240 = exports.size24 = exports.size228 = exports.size20 = exports.size2 = exports.size18 = exports.size160 = exports.size140 = exports.size12 = exports.size110 = exports.size10 = void 0;
|
|
6
|
+
exports.sizeFluid = exports.size960 = exports.size8 = exports.size720 = exports.size60 = exports.size580 = exports.size500 = exports.size5 = exports.size480 = exports.size42 = exports.size400 = exports.size40 = exports.size4 = exports.size380 = exports.size36 = exports.size34 = exports.size300 = exports.size30 = exports.size276 = exports.size240 = exports.size24 = exports.size228 = exports.size22 = exports.size20 = exports.size2 = exports.size18 = exports.size160 = exports.size140 = exports.size12 = exports.size110 = exports.size100 = exports.size10 = void 0;
|
|
7
7
|
|
|
8
8
|
const size2 = '2px';
|
|
9
9
|
exports.size2 = size2;
|
|
@@ -21,6 +21,8 @@ const size18 = '18px';
|
|
|
21
21
|
exports.size18 = size18;
|
|
22
22
|
const size20 = '20px';
|
|
23
23
|
exports.size20 = size20;
|
|
24
|
+
const size22 = '22px';
|
|
25
|
+
exports.size22 = size22;
|
|
24
26
|
const size24 = '24px';
|
|
25
27
|
exports.size24 = size24;
|
|
26
28
|
const size30 = '30px';
|
|
@@ -35,6 +37,8 @@ const size42 = '42px';
|
|
|
35
37
|
exports.size42 = size42;
|
|
36
38
|
const size60 = '60px';
|
|
37
39
|
exports.size60 = size60;
|
|
40
|
+
const size100 = '100px';
|
|
41
|
+
exports.size100 = size100;
|
|
38
42
|
const size110 = '110px';
|
|
39
43
|
exports.size110 = size110;
|
|
40
44
|
const size140 = '140px';
|
|
@@ -16,6 +16,8 @@ export const size18 = '18px';
|
|
|
16
16
|
|
|
17
17
|
export const size20 = '20px';
|
|
18
18
|
|
|
19
|
+
export const size22 = '22px';
|
|
20
|
+
|
|
19
21
|
export const size24 = '24px';
|
|
20
22
|
|
|
21
23
|
export const size30 = '30px';
|
|
@@ -30,6 +32,8 @@ export const size42 = '42px';
|
|
|
30
32
|
|
|
31
33
|
export const size60 = '60px';
|
|
32
34
|
|
|
35
|
+
export const size100 = '100px';
|
|
36
|
+
|
|
33
37
|
export const size110 = '110px';
|
|
34
38
|
|
|
35
39
|
export const size140 = '140px';
|
package/lib/utils/click-away.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ClickAway = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _invariant = _interopRequireDefault(require("invariant"));
|
|
9
|
-
var _dom = require("./dom
|
|
9
|
+
var _dom = require("./dom");
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
12
|
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; }
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.capitalize = void 0;
|
|
7
|
+
|
|
8
|
+
const capitalize = word => {
|
|
9
|
+
if (!word) {
|
|
10
|
+
return '';
|
|
11
|
+
}
|
|
12
|
+
return word.toLowerCase().replace(/\w/, firstLetter => firstLetter.toUpperCase());
|
|
13
|
+
};
|
|
14
|
+
exports.capitalize = capitalize;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spaced-out/ui-design-system",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"description": "Sense UI components library",
|
|
6
6
|
"author": {
|
|
@@ -104,6 +104,14 @@
|
|
|
104
104
|
"style-dictionary": "^3.7.1",
|
|
105
105
|
"all-contributors-cli": "^6.20.0"
|
|
106
106
|
},
|
|
107
|
+
"homepage": "https://spaced-out.github.io/ui-design-system",
|
|
108
|
+
"repository": {
|
|
109
|
+
"type": "git",
|
|
110
|
+
"url": "git+ssh://git@github.com/spaced-out/ui-design-system.git"
|
|
111
|
+
},
|
|
112
|
+
"bugs": {
|
|
113
|
+
"url": "https://github.com/spaced-out/ui-design-system/issues"
|
|
114
|
+
},
|
|
107
115
|
"husky": {
|
|
108
116
|
"hooks": {
|
|
109
117
|
"pre-commit": "lint-staged",
|