@spaced-out/ui-design-system 0.5.36 → 0.5.38
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/.cspell/custom-words.txt +1 -0
- package/.github/workflows/publish_to_npm.yml +1 -1
- package/CHANGELOG.md +15 -0
- package/design-tokens/size/base-size.json +12 -0
- package/lib/components/ScrollingLoader/ScrollingLoader.d.ts +35 -0
- package/lib/components/ScrollingLoader/ScrollingLoader.d.ts.map +1 -0
- package/lib/components/ScrollingLoader/ScrollingLoader.js +205 -0
- package/lib/components/ScrollingLoader/ScrollingLoader.module.css +283 -0
- package/lib/components/ScrollingLoader/index.d.ts +2 -0
- package/lib/components/ScrollingLoader/index.d.ts.map +1 -0
- package/lib/components/ScrollingLoader/index.js +16 -0
- package/lib/components/StageArrows/StageArrow/StageArrow.d.ts +36 -0
- package/lib/components/StageArrows/StageArrow/StageArrow.d.ts.map +1 -0
- package/lib/components/StageArrows/StageArrow/StageArrow.js +96 -0
- package/lib/components/StageArrows/StageArrow/StageArrow.module.css +157 -0
- package/lib/components/StageArrows/StageArrow/index.d.ts +2 -0
- package/lib/components/StageArrows/StageArrow/index.d.ts.map +1 -0
- package/lib/components/StageArrows/StageArrow/index.js +16 -0
- package/lib/components/StageArrows/StageArrows.d.ts +15 -0
- package/lib/components/StageArrows/StageArrows.d.ts.map +1 -0
- package/lib/components/StageArrows/StageArrows.js +60 -0
- package/lib/components/StageArrows/StageArrows.module.css +12 -0
- package/lib/components/StageArrows/index.d.ts +3 -0
- package/lib/components/StageArrows/index.d.ts.map +1 -0
- package/lib/components/StageArrows/index.js +27 -0
- package/lib/components/index.d.ts +2 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +22 -0
- package/lib/styles/index.css +8 -0
- package/lib/styles/index.d.ts +4 -0
- package/lib/styles/index.d.ts.map +1 -1
- package/lib/styles/index.js +5 -1
- package/lib/styles/variables/_size.css +8 -0
- package/lib/styles/variables/_size.d.ts +4 -0
- package/lib/styles/variables/_size.d.ts.map +1 -1
- package/lib/styles/variables/_size.js +5 -1
- package/mcp/package.json +1 -1
- package/package.json +1 -1
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
@value size12: 12px;
|
|
12
12
|
|
|
13
|
+
@value size16: 16px;
|
|
14
|
+
|
|
13
15
|
@value size18: 18px;
|
|
14
16
|
|
|
15
17
|
@value size20: 20px;
|
|
@@ -62,6 +64,8 @@
|
|
|
62
64
|
|
|
63
65
|
@value size140: 140px;
|
|
64
66
|
|
|
67
|
+
@value size150: 150px;
|
|
68
|
+
|
|
65
69
|
@value size160: 160px;
|
|
66
70
|
|
|
67
71
|
@value size180: 180px;
|
|
@@ -78,6 +82,8 @@
|
|
|
78
82
|
|
|
79
83
|
@value size276: 276px;
|
|
80
84
|
|
|
85
|
+
@value size284: 284px;
|
|
86
|
+
|
|
81
87
|
@value size300: 300px;
|
|
82
88
|
|
|
83
89
|
@value size320: 320px;
|
|
@@ -86,6 +92,8 @@
|
|
|
86
92
|
|
|
87
93
|
@value size400: 400px;
|
|
88
94
|
|
|
95
|
+
@value size426: 426px;
|
|
96
|
+
|
|
89
97
|
@value size480: 480px;
|
|
90
98
|
|
|
91
99
|
@value size500: 500px;
|
|
@@ -4,6 +4,7 @@ export declare const size5 = "5px";
|
|
|
4
4
|
export declare const size8 = "8px";
|
|
5
5
|
export declare const size10 = "10px";
|
|
6
6
|
export declare const size12 = "12px";
|
|
7
|
+
export declare const size16 = "16px";
|
|
7
8
|
export declare const size18 = "18px";
|
|
8
9
|
export declare const size20 = "20px";
|
|
9
10
|
export declare const size22 = "22px";
|
|
@@ -30,6 +31,7 @@ export declare const size110 = "110px";
|
|
|
30
31
|
export declare const size120 = "120px";
|
|
31
32
|
export declare const size125 = "125px";
|
|
32
33
|
export declare const size140 = "140px";
|
|
34
|
+
export declare const size150 = "150px";
|
|
33
35
|
export declare const size160 = "160px";
|
|
34
36
|
export declare const size180 = "180px";
|
|
35
37
|
export declare const size200 = "200px";
|
|
@@ -38,10 +40,12 @@ export declare const size240 = "240px";
|
|
|
38
40
|
export declare const size252 = "252px";
|
|
39
41
|
export declare const size260 = "260px";
|
|
40
42
|
export declare const size276 = "276px";
|
|
43
|
+
export declare const size284 = "284px";
|
|
41
44
|
export declare const size300 = "300px";
|
|
42
45
|
export declare const size320 = "320px";
|
|
43
46
|
export declare const size380 = "380px";
|
|
44
47
|
export declare const size400 = "400px";
|
|
48
|
+
export declare const size426 = "426px";
|
|
45
49
|
export declare const size480 = "480px";
|
|
46
50
|
export declare const size500 = "500px";
|
|
47
51
|
export declare const size540 = "540px";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_size.d.ts","sourceRoot":"","sources":["../../../src/styles/variables/_size.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,QAAQ,CAAC;AAE3B,eAAO,MAAM,KAAK,QAAQ,CAAC;AAE3B,eAAO,MAAM,KAAK,QAAQ,CAAC;AAE3B,eAAO,MAAM,KAAK,QAAQ,CAAC;AAE3B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,QAAQ,WAAW,CAAC;AAEjC,eAAO,MAAM,SAAS,SAAS,CAAC;AAEhC,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,eAAO,MAAM,qBAAqB,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"_size.d.ts","sourceRoot":"","sources":["../../../src/styles/variables/_size.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,QAAQ,CAAC;AAE3B,eAAO,MAAM,KAAK,QAAQ,CAAC;AAE3B,eAAO,MAAM,KAAK,QAAQ,CAAC;AAE3B,eAAO,MAAM,KAAK,QAAQ,CAAC;AAE3B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,MAAM,SAAS,CAAC;AAE7B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,eAAO,MAAM,QAAQ,WAAW,CAAC;AAEjC,eAAO,MAAM,SAAS,SAAS,CAAC;AAEhC,eAAO,MAAM,sBAAsB,UAAU,CAAC;AAE9C,eAAO,MAAM,qBAAqB,UAAU,CAAC"}
|
|
@@ -3,13 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.sizeFullViewportWidth = exports.sizeFullViewportHeight = exports.sizeFluid = exports.size960 = exports.size90 = exports.size880 = exports.size800 = exports.size8 = exports.size720 = exports.size70 = exports.size660 = exports.size66 = exports.size640 = exports.size60 = exports.size580 = exports.size58 = exports.size540 = exports.size500 = exports.size50 = exports.size5 = exports.size480 = exports.size48 = exports.size44 = exports.size42 = exports.size400 = exports.size40 = exports.size4 = exports.size380 = exports.size38 = exports.size36 = exports.size34 = exports.size320 = exports.size32 = exports.size300 = exports.size30 = exports.size28 = exports.size276 = exports.size260 = exports.size26 = exports.size252 = exports.size240 = exports.size24 = exports.size228 = exports.size22 = exports.size200 = exports.size20 = exports.size2 = exports.size180 = exports.size18 = exports.size160 = exports.size140 = exports.size1280 = exports.size125 = exports.size120 = exports.size12 = exports.size110 = exports.size100 = exports.size10 = void 0;
|
|
6
|
+
exports.sizeFullViewportWidth = exports.sizeFullViewportHeight = exports.sizeFluid = exports.size960 = exports.size90 = exports.size880 = exports.size800 = exports.size8 = exports.size720 = exports.size70 = exports.size660 = exports.size66 = exports.size640 = exports.size60 = exports.size580 = exports.size58 = exports.size540 = exports.size500 = exports.size50 = exports.size5 = exports.size480 = exports.size48 = exports.size44 = exports.size426 = exports.size42 = exports.size400 = exports.size40 = exports.size4 = exports.size380 = exports.size38 = exports.size36 = exports.size34 = exports.size320 = exports.size32 = exports.size300 = exports.size30 = exports.size284 = exports.size28 = exports.size276 = exports.size260 = exports.size26 = exports.size252 = exports.size240 = exports.size24 = exports.size228 = exports.size22 = exports.size200 = exports.size20 = exports.size2 = exports.size180 = exports.size18 = exports.size160 = exports.size16 = exports.size150 = exports.size140 = exports.size1280 = exports.size125 = exports.size120 = exports.size12 = exports.size110 = exports.size100 = exports.size10 = void 0;
|
|
7
7
|
const size2 = exports.size2 = '2px';
|
|
8
8
|
const size4 = exports.size4 = '4px';
|
|
9
9
|
const size5 = exports.size5 = '5px';
|
|
10
10
|
const size8 = exports.size8 = '8px';
|
|
11
11
|
const size10 = exports.size10 = '10px';
|
|
12
12
|
const size12 = exports.size12 = '12px';
|
|
13
|
+
const size16 = exports.size16 = '16px';
|
|
13
14
|
const size18 = exports.size18 = '18px';
|
|
14
15
|
const size20 = exports.size20 = '20px';
|
|
15
16
|
const size22 = exports.size22 = '22px';
|
|
@@ -36,6 +37,7 @@ const size110 = exports.size110 = '110px';
|
|
|
36
37
|
const size120 = exports.size120 = '120px';
|
|
37
38
|
const size125 = exports.size125 = '125px';
|
|
38
39
|
const size140 = exports.size140 = '140px';
|
|
40
|
+
const size150 = exports.size150 = '150px';
|
|
39
41
|
const size160 = exports.size160 = '160px';
|
|
40
42
|
const size180 = exports.size180 = '180px';
|
|
41
43
|
const size200 = exports.size200 = '200px';
|
|
@@ -44,10 +46,12 @@ const size240 = exports.size240 = '240px';
|
|
|
44
46
|
const size252 = exports.size252 = '252px';
|
|
45
47
|
const size260 = exports.size260 = '260px';
|
|
46
48
|
const size276 = exports.size276 = '276px';
|
|
49
|
+
const size284 = exports.size284 = '284px';
|
|
47
50
|
const size300 = exports.size300 = '300px';
|
|
48
51
|
const size320 = exports.size320 = '320px';
|
|
49
52
|
const size380 = exports.size380 = '380px';
|
|
50
53
|
const size400 = exports.size400 = '400px';
|
|
54
|
+
const size426 = exports.size426 = '426px';
|
|
51
55
|
const size480 = exports.size480 = '480px';
|
|
52
56
|
const size500 = exports.size500 = '500px';
|
|
53
57
|
const size540 = exports.size540 = '540px';
|
package/mcp/package.json
CHANGED