@sprinklrjs/spaceweb-themes 11.0.0 → 12.14.4
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/common-theme/theme.js +2 -2
- package/common-theme/utilities.d.ts +52 -0
- package/common-theme/utilities.js +14 -0
- package/hyperspace/dark/index.d.ts +112 -16
- package/hyperspace/dark/theme.d.ts +60 -16
- package/hyperspace/dark/theme.js +50 -38
- package/hyperspace/dark/utilities.d.ts +52 -0
- package/hyperspace/light/index.d.ts +112 -16
- package/hyperspace/light/theme.d.ts +60 -16
- package/hyperspace/light/theme.js +63 -51
- package/hyperspace/light/utilities.d.ts +52 -0
- package/hyperspace/light/utilities.js +5 -5
- package/hyperspace/themeVars.css +5 -5
- package/hyperspace/themeVars.min.css +1 -1
- package/package.json +2 -2
- package/space/dark/index.d.ts +67 -4
- package/space/dark/theme.d.ts +15 -4
- package/space/dark/theme.js +15 -4
- package/space/dark/utilities.d.ts +52 -0
- package/space/light/index.d.ts +67 -4
- package/space/light/theme.d.ts +15 -4
- package/space/light/theme.js +15 -4
- package/space/light/utilities.d.ts +52 -0
- package/styles/tailwind.css +9177 -0
- package/styles/tailwind.min.css +1 -0
- package/styles/tokens.scss +488 -0
- package/types.d.ts +34 -1
- package/utilities.css +61 -4
- package/utilities.min.css +1 -1
package/hyperspace/themeVars.css
CHANGED
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
--spr-ui-02: #f8f8fa;
|
|
10
10
|
--spr-ui-03: #dbdbdb;
|
|
11
11
|
--spr-ui-04: #0e61f6;
|
|
12
|
-
--spr-ui-05: #
|
|
12
|
+
--spr-ui-05: #eef0f1;
|
|
13
13
|
--spr-ui-06: #e6e6e9;
|
|
14
14
|
--spr-ui-focus: rgba(8, 40, 204, 0.07);
|
|
15
15
|
--spr-ui-focus-reverse: rgba(255, 255, 255, 0.2);
|
|
16
16
|
--spr-ui-hover: #f8f8fa;
|
|
17
17
|
--spr-ui-hover-reverse: rgba(255, 255, 255, 0.1);
|
|
18
|
-
--spr-support-error: #
|
|
19
|
-
--spr-support-error-highlight: rgba(
|
|
18
|
+
--spr-support-error: #c70f5c;
|
|
19
|
+
--spr-support-error-highlight: rgba(199, 15, 92, 0.2);
|
|
20
20
|
--spr-support-success: #6ac96e;
|
|
21
21
|
--spr-support-success-highlight: rgba(106, 201, 110, 0.2);
|
|
22
22
|
--spr-support-warning: #f3bf24;
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
--spr-icon-hover: #0a0a14;
|
|
67
67
|
--spr-icon-disable: #dbdbdb;
|
|
68
68
|
--spr-icon-hover-reverse: #ffffff;
|
|
69
|
-
--spr-icon-error: #
|
|
69
|
+
--spr-icon-error: #c70f5c;
|
|
70
70
|
--spr-link: #0e61f6;
|
|
71
71
|
--spr-text-01: #0a0a14;
|
|
72
72
|
--spr-text-02: #434350;
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
--spr-text-05: #ffffff;
|
|
76
76
|
--spr-text-06: #ffffff;
|
|
77
77
|
--spr-text-placeholder: #646470;
|
|
78
|
-
--spr-support-error-text: #
|
|
78
|
+
--spr-support-error-text: #c70f5c;
|
|
79
79
|
--spr-support-success-text: #6ac96e;
|
|
80
80
|
--spr-support-warning-text: #f3bf24;
|
|
81
81
|
--spr-hover: #0729a0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.hyperspace-light{color-scheme:light;--spr-ui-01:#FFFFFF;--spr-ui-02:#F8F8FA;--spr-ui-03:#DBDBDB;--spr-ui-04:#0E61F6;--spr-ui-05:#
|
|
1
|
+
.hyperspace-light{color-scheme:light;--spr-ui-01:#FFFFFF;--spr-ui-02:#F8F8FA;--spr-ui-03:#DBDBDB;--spr-ui-04:#0E61F6;--spr-ui-05:#EEF0F1;--spr-ui-06:#E6E6E9;--spr-ui-focus:rgba(8, 40, 204, 0.07);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:#F8F8FA;--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error:#C70F5C;--spr-support-error-highlight:rgba(199, 15, 92, 0.2);--spr-support-success:#6AC96E;--spr-support-success-highlight:rgba(106, 201, 110, 0.2);--spr-support-warning:#F3BF24;--spr-support-warning-highlight:rgba(243, 191, 36, 0.2);--spr-clr-blue-highlight:#E8F0FE;--spr-tag:#F2F2F4;--spr-tag-01:#E6E6E9;--spr-tag-02:rgba(8, 40, 204, 0.07);--spr-field:#DBDBDB;--spr-popup:#FFFFFF;--spr-overlay:rgba(10, 10, 20, 0.9);--spr-tooltip-01:#0A0A14;--spr-highlight:rgba(255, 231, 173, 0.7);--spr-favourite:#FF9F21;--spr-notification:#DE336A;--spr-interactive-01:#0E61F6;--spr-interactive-hover:#1858CE;--spr-interactive-disable:rgba(255, 255, 255, 0.6);--spr-interactive-02:#DBDBDB;--spr-clr-blue:#2EA2FB;--spr-clr-green:#33CC99;--spr-clr-lavender:#7F36F6;--spr-clr-orange:#F08C1A;--spr-clr-pink:#FFA1BE;--spr-clr-red:#E1245E;--spr-clr-sea:#16AAD2;--spr-clr-teal:#13C18D;--spr-clr-yellow:#ECAD00;--spr-clr-grey:#D7D7DC;--spr-interactive-focus:#132a86;--spr-clr-purple:#8C43FF;--spr-clr-lt-yellow:#FFD04F;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#FFC312;--spr-secondary-green:#A3CB38;--spr-secondary-teal:#12CBC4;--spr-secondary-lt-pink:#FDA7DF;--spr-secondary-pink:#ED4C67;--spr-secondary-maroon:#B53471;--spr-secondary-orange:#F48749;--spr-icon-01:#0A0A14;--spr-icon-02:#646470;--spr-icon-03:#818192;--spr-icon-04:#0E61F6;--spr-icon-05:#FFFFFF;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-hover:#0A0A14;--spr-icon-disable:#DBDBDB;--spr-icon-hover-reverse:#FFFFFF;--spr-icon-error:#C70F5C;--spr-link:#0E61F6;--spr-text-01:#0A0A14;--spr-text-02:#434350;--spr-text-03:#646470;--spr-text-04:#0E61F6;--spr-text-05:#FFFFFF;--spr-text-06:#FFFFFF;--spr-text-placeholder:#646470;--spr-support-error-text:#C70F5C;--spr-support-success-text:#6AC96E;--spr-support-warning-text:#F3BF24;--spr-hover:#0729a0;--spr-focus-01:#0E61F6;--spr-border-01:#EEEEEE;--spr-border-02:#E6E6E9;--spr-border-03:#DBDBDB;--spr-border-04:#818192;--spr-border-05:#FFFFFF;--spr-border-06:#0A0A14;--spr-card-border:#ECECEF;--spr-popup-border:#D7D7DC;--spr-tooltip-border:#0A0A14;--spr-focus-02:1px solid #0E61F6;--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.15);--spr-shadow-02:0 2px 8px 0 rgba(10,10,20,0.20);--spr-shadow-03:-2px 9px 12px 0 rgba(10,10,20,0.60);--spr-shadow-04:-2px 5px 12px -4px rgba(10,10,20,.20);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.1);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.1);--app-header:#0A0A14;--app-header-tab:rgba(255, 255, 255, 0.1);--app-header-tab-hover:rgba(255, 255, 255, 0.2);--app-header-tab-active:#EEEEEE;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#F3EAE1;--cht-border:#E6D4CA;--cht-bubble-left:#FFFFFF;--cht-bubble-right:#EBEBFF;--cht-bubble-supporting-text:#646470;--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#0A0A14;--cht-bubble-border:#C7D3F7;--cht-bubble-icon-1:#646470;--cht-bubble-icon-2:#D7D7DC;--cht-bubble-icon-3:#0828CC;--cht-bubble-insert:#F8F8FA;--cht-bubble-link:#0828CC;--cht-bubble-text:#646470;--cht-reply:#FFFFFF;--cht-footer:#F3EAE1;--cht-hover:rgba(100, 100, 112, 0.07);--cht-read:#006CD7;--cht-unread:#A0A0A8;--nav-ui-01:rgba(255, 255, 255, 0.2);--nav-ui-hover-01:rgba(255, 255, 255, 0.3);--nav-icon-01:rgba(255, 255, 255, 0.9);--nav-icon-focus-01:#0E61F6;--nav-text-01:rgba(255, 255, 255, 0.9)}.hyperspace-dark{color-scheme:dark;--spr-ui-01:#1C1C1F;--spr-ui-02:#212123;--spr-ui-03:#48484C;--spr-ui-04:#4B8AFC;--spr-ui-05:#3A3A3E;--spr-ui-06:#2C2C2F;--spr-ui-focus:rgba(255, 255, 255, 0.12);--spr-ui-focus-reverse:rgba(255, 255, 255, 0.2);--spr-ui-hover:#212123;--spr-ui-hover-reverse:rgba(255, 255, 255, 0.1);--spr-support-error:#FA6274;--spr-support-error-highlight:rgba(250, 98, 116, 0.3);--spr-support-success:#6AC96E;--spr-support-success-highlight:rgba(106, 201, 110, 0.3);--spr-support-warning:#F3BF24;--spr-support-warning-highlight:rgba(243, 191, 36, 0.3);--spr-clr-blue-highlight:#2B3343;--spr-tag:#48484C;--spr-tag-01:#48484C;--spr-tag-02:rgba(255, 255, 255, 0.1);--spr-field:#48484C;--spr-popup:#1C1C1F;--spr-overlay:rgba(28, 28, 31, 0.85);--spr-tooltip-01:#FFFFFF;--spr-highlight:rgba(184, 144, 0, 0.6);--spr-favourite:#FF9F21;--spr-notification:#FA6274;--spr-interactive-01:#4B8AFC;--spr-interactive-hover:#1858CE;--spr-interactive-disable:rgba(72,72,76,0.8);--spr-interactive-02:#48484C;--spr-clr-blue:#297AB9;--spr-clr-green:#097A4B;--spr-clr-lavender:#9C60FF;--spr-clr-orange:#FF9F21;--spr-clr-pink:#FFA1BE;--spr-clr-red:#DB334F;--spr-clr-sea:#00C8FF;--spr-clr-teal:#02D999;--spr-clr-yellow:#95700D;--spr-clr-grey:#646469;--spr-interactive-focus:#0A65A1;--spr-clr-purple:#763BD2;--spr-clr-lt-yellow:#846F35;--spr-clr-darker-blue:#327AFD;--spr-secondary-yellow:#8D6F18;--spr-secondary-green:#5F732C;--spr-secondary-teal:#168380;--spr-secondary-lt-pink:#956787;--spr-secondary-pink:#B94055;--spr-secondary-maroon:#962F61;--spr-secondary-orange:#A8623A;--spr-hover:#0AA2FF;--spr-focus-01:#4B8AFC;--spr-focus-02:1px solid #1c62fd;--spr-border-01:#3A3A3E;--spr-border-02:#48484C;--spr-border-03:#646469;--spr-border-04:#A0A0A8;--spr-border-05:#2C2C2F;--spr-border-06:#F1F1F1;--spr-card-border:#3A3A3E;--spr-popup-border:#1C1C1F;--spr-tooltip-border:rgba(174, 174, 178, 0.2);--spr-shadow-01:0 1px 4px 0 rgba(10,10,20,0.3);--spr-shadow-02:1px 1px 7px rgba(255, 255, 255, 0.1);--spr-shadow-03:-2px 5px 12px 0 rgba(10,10,20,0.80);--spr-shadow-04:-2px 5px 12px -4px rgba(0,0,0,1.0);--spr-shadow-05:0px 3px 4px 0 rgba(0,0,0,0.2);--spr-shadow-06:0px -3px 4px 0 rgba(0,0,0,0.2);--spr-icon-01:#F1F1F1;--spr-icon-02:#AEAEB2;--spr-icon-03:#AEAEB2;--spr-icon-04:#4B8AFC;--spr-icon-05:#1C1C1F;--spr-icon-06:rgba(255, 255, 255, 0.6);--spr-icon-hover:#FFFFFF;--spr-icon-disable:#DBDBDB;--spr-icon-hover-reverse:#FFFFFF;--spr-icon-error:#FA6274;--spr-link:#4B8AFC;--spr-text-01:#F1F1F1;--spr-text-02:#AEAEB2;--spr-text-03:#646469;--spr-text-04:#4B8AFC;--spr-text-05:#F1F1F1;--spr-text-06:#2C2C2F;--spr-text-placeholder:#646469;--spr-support-error-text:#FA6274;--spr-support-success-text:#6AC96E;--spr-support-warning-text:#F3BF24;--app-header:#000;--app-header-tab:rgba(44, 44, 47, 0.6);--app-header-tab-hover:rgba(44, 44, 47, 0.8);--app-header-tab-active:#3A3A3E;--app-header-text:rgba(255, 255, 255, 0.6);--app-header-text-hover:#FFFFFF;--cht-bg:#141416;--cht-border:#2C2C2F;--cht-bubble-left:#F8F8FA;--cht-bubble-right:#006CD7;--cht-bubble-supporting-text:rgba(255, 255, 255, 0.7);--cht-bubble-text-left:#0A0A14;--cht-bubble-text-right:#FFFFFF;--cht-bubble-border:#006CD7;--cht-bubble-icon-1:rgba(255, 255, 255, 0.7);--cht-bubble-icon-2:rgba(255, 255, 255, 0.3);--cht-bubble-icon-3:#FFFFFF;--cht-bubble-insert:rgba(0, 0, 0, 0.2);--cht-bubble-link:#3DF6BF;--cht-bubble-text:rgba(255, 255, 255, 0.7);--cht-reply:#141416;--cht-footer:#2C2C2F;--cht-hover:#1C1C1F;--cht-read:#006CD7;--cht-unread:#AEAEB2;--nav-ui-01:rgba(44, 44, 47, 0.7);--nav-ui-hover-01:rgba(44, 44, 47, 0.9);--nav-icon-01:rgba(255, 255, 255, 0.6);--nav-icon-focus-01:#2E6BD9;--nav-text-01:rgba(255, 255, 255, 0.6)}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sprinklrjs/spaceweb-themes",
|
|
3
|
-
"version": "
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "12.14.4",
|
|
4
|
+
"description": "Sprinklr's Spaceweb theme library",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"build-cheatsheet": "ts-node scripts/buildCheatSheetConfig",
|
package/space/dark/index.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ declare const _default: {
|
|
|
2
2
|
theme: {
|
|
3
3
|
name: string;
|
|
4
4
|
htmlFontSize: string;
|
|
5
|
-
density: string;
|
|
6
5
|
typography: {
|
|
7
6
|
h1: {
|
|
8
7
|
fontSize: string;
|
|
@@ -244,21 +243,33 @@ declare const _default: {
|
|
|
244
243
|
};
|
|
245
244
|
};
|
|
246
245
|
multiSelect: {
|
|
247
|
-
|
|
246
|
+
tagBorderRadius: string;
|
|
247
|
+
tagFontSize: string;
|
|
248
|
+
tagLineHeight: string;
|
|
249
|
+
sizeXxs: {
|
|
250
|
+
tagBorderRadius: string;
|
|
251
|
+
paddingY: string;
|
|
248
252
|
tagHeight: string;
|
|
253
|
+
tagMarginX: string;
|
|
254
|
+
tagMarginY: string;
|
|
255
|
+
tagFontSize: string;
|
|
256
|
+
tagLineHeight: string;
|
|
257
|
+
};
|
|
258
|
+
sizeSm: {
|
|
249
259
|
paddingY: string;
|
|
260
|
+
tagHeight: string;
|
|
250
261
|
tagMarginX: string;
|
|
251
262
|
tagMarginY: string;
|
|
252
263
|
};
|
|
253
264
|
sizeMd: {
|
|
254
|
-
tagHeight: string;
|
|
255
265
|
paddingY: string;
|
|
266
|
+
tagHeight: string;
|
|
256
267
|
tagMarginX: string;
|
|
257
268
|
tagMarginY: string;
|
|
258
269
|
};
|
|
259
270
|
sizeLg: {
|
|
260
|
-
tagHeight: string;
|
|
261
271
|
paddingY: string;
|
|
272
|
+
tagHeight: string;
|
|
262
273
|
tagMarginX: string;
|
|
263
274
|
tagMarginY: string;
|
|
264
275
|
};
|
|
@@ -2299,6 +2310,18 @@ declare const _default: {
|
|
|
2299
2310
|
marginLeft: any;
|
|
2300
2311
|
marginRight: any;
|
|
2301
2312
|
};
|
|
2313
|
+
'-m-1.5': {
|
|
2314
|
+
marginTop: any;
|
|
2315
|
+
marginBottom: any;
|
|
2316
|
+
marginLeft: any;
|
|
2317
|
+
marginRight: any;
|
|
2318
|
+
};
|
|
2319
|
+
'-m-0.5': {
|
|
2320
|
+
marginTop: any;
|
|
2321
|
+
marginBottom: any;
|
|
2322
|
+
marginLeft: any;
|
|
2323
|
+
marginRight: any;
|
|
2324
|
+
};
|
|
2302
2325
|
'm-px': {
|
|
2303
2326
|
marginTop: any;
|
|
2304
2327
|
marginBottom: any;
|
|
@@ -2623,6 +2646,22 @@ declare const _default: {
|
|
|
2623
2646
|
marginLeft: string;
|
|
2624
2647
|
marginRight: string;
|
|
2625
2648
|
};
|
|
2649
|
+
'-my-1.5': {
|
|
2650
|
+
marginTop: string;
|
|
2651
|
+
marginBottom: string;
|
|
2652
|
+
};
|
|
2653
|
+
'-mx-1.5': {
|
|
2654
|
+
marginLeft: string;
|
|
2655
|
+
marginRight: string;
|
|
2656
|
+
};
|
|
2657
|
+
'-my-0.5': {
|
|
2658
|
+
marginTop: string;
|
|
2659
|
+
marginBottom: string;
|
|
2660
|
+
};
|
|
2661
|
+
'-mx-0.5': {
|
|
2662
|
+
marginLeft: string;
|
|
2663
|
+
marginRight: string;
|
|
2664
|
+
};
|
|
2626
2665
|
'my-px': {
|
|
2627
2666
|
marginTop: string;
|
|
2628
2667
|
marginBottom: string;
|
|
@@ -3087,6 +3126,30 @@ declare const _default: {
|
|
|
3087
3126
|
'ml-0.5': {
|
|
3088
3127
|
marginLeft: string;
|
|
3089
3128
|
};
|
|
3129
|
+
'-mt-1.5': {
|
|
3130
|
+
marginTop: string;
|
|
3131
|
+
};
|
|
3132
|
+
'-mr-1.5': {
|
|
3133
|
+
marginRight: string;
|
|
3134
|
+
};
|
|
3135
|
+
'-mb-1.5': {
|
|
3136
|
+
marginBottom: string;
|
|
3137
|
+
};
|
|
3138
|
+
'-ml-1.5': {
|
|
3139
|
+
marginLeft: string;
|
|
3140
|
+
};
|
|
3141
|
+
'-mt-0.5': {
|
|
3142
|
+
marginTop: string;
|
|
3143
|
+
};
|
|
3144
|
+
'-mr-0.5': {
|
|
3145
|
+
marginRight: string;
|
|
3146
|
+
};
|
|
3147
|
+
'-mb-0.5': {
|
|
3148
|
+
marginBottom: string;
|
|
3149
|
+
};
|
|
3150
|
+
'-ml-0.5': {
|
|
3151
|
+
marginLeft: string;
|
|
3152
|
+
};
|
|
3090
3153
|
'mt-px': {
|
|
3091
3154
|
marginTop: string;
|
|
3092
3155
|
};
|
package/space/dark/theme.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
name: string;
|
|
3
3
|
htmlFontSize: string;
|
|
4
|
-
density: string;
|
|
5
4
|
typography: {
|
|
6
5
|
h1: {
|
|
7
6
|
fontSize: string;
|
|
@@ -243,21 +242,33 @@ declare const _default: {
|
|
|
243
242
|
};
|
|
244
243
|
};
|
|
245
244
|
multiSelect: {
|
|
246
|
-
|
|
245
|
+
tagBorderRadius: string;
|
|
246
|
+
tagFontSize: string;
|
|
247
|
+
tagLineHeight: string;
|
|
248
|
+
sizeXxs: {
|
|
249
|
+
tagBorderRadius: string;
|
|
250
|
+
paddingY: string;
|
|
247
251
|
tagHeight: string;
|
|
252
|
+
tagMarginX: string;
|
|
253
|
+
tagMarginY: string;
|
|
254
|
+
tagFontSize: string;
|
|
255
|
+
tagLineHeight: string;
|
|
256
|
+
};
|
|
257
|
+
sizeSm: {
|
|
248
258
|
paddingY: string;
|
|
259
|
+
tagHeight: string;
|
|
249
260
|
tagMarginX: string;
|
|
250
261
|
tagMarginY: string;
|
|
251
262
|
};
|
|
252
263
|
sizeMd: {
|
|
253
|
-
tagHeight: string;
|
|
254
264
|
paddingY: string;
|
|
265
|
+
tagHeight: string;
|
|
255
266
|
tagMarginX: string;
|
|
256
267
|
tagMarginY: string;
|
|
257
268
|
};
|
|
258
269
|
sizeLg: {
|
|
259
|
-
tagHeight: string;
|
|
260
270
|
paddingY: string;
|
|
271
|
+
tagHeight: string;
|
|
261
272
|
tagMarginX: string;
|
|
262
273
|
tagMarginY: string;
|
|
263
274
|
};
|
package/space/dark/theme.js
CHANGED
|
@@ -16,7 +16,6 @@ var theme_1 = require("../../common-theme/theme");
|
|
|
16
16
|
var theme = {
|
|
17
17
|
name: 'space-dark',
|
|
18
18
|
htmlFontSize: '10px',
|
|
19
|
-
density: 'COMFORTABLE',
|
|
20
19
|
typography: {
|
|
21
20
|
h1: { fontSize: '3.2rem', lineHeight: '4rem', fontWeight: 600 },
|
|
22
21
|
h2: { fontSize: '2.4rem', lineHeight: '3.2rem', fontWeight: 600 },
|
|
@@ -118,9 +117,21 @@ var theme = {
|
|
|
118
117
|
sizeLg: { paddingX: '1.2rem', paddingY: '1.2rem', fontSize: '1.3rem', lineHeight: '1.6rem' }
|
|
119
118
|
},
|
|
120
119
|
multiSelect: {
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
120
|
+
tagBorderRadius: '5px',
|
|
121
|
+
tagFontSize: '14px',
|
|
122
|
+
tagLineHeight: '18px',
|
|
123
|
+
sizeXxs: {
|
|
124
|
+
tagBorderRadius: '3px',
|
|
125
|
+
paddingY: '0px',
|
|
126
|
+
tagHeight: '18px',
|
|
127
|
+
tagMarginX: '2px',
|
|
128
|
+
tagMarginY: '2px',
|
|
129
|
+
tagFontSize: '13px',
|
|
130
|
+
tagLineHeight: '16px'
|
|
131
|
+
},
|
|
132
|
+
sizeSm: { paddingY: '0px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '4px' },
|
|
133
|
+
sizeMd: { paddingY: '0px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '6px' },
|
|
134
|
+
sizeLg: { paddingY: '2px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '8px' }
|
|
124
135
|
},
|
|
125
136
|
link: { fontSize: '1.3rem', lineHeight: '1.5rem' },
|
|
126
137
|
list: {
|
|
@@ -1515,6 +1515,18 @@ declare const _default: {
|
|
|
1515
1515
|
marginLeft: any;
|
|
1516
1516
|
marginRight: any;
|
|
1517
1517
|
};
|
|
1518
|
+
'-m-1.5': {
|
|
1519
|
+
marginTop: any;
|
|
1520
|
+
marginBottom: any;
|
|
1521
|
+
marginLeft: any;
|
|
1522
|
+
marginRight: any;
|
|
1523
|
+
};
|
|
1524
|
+
'-m-0.5': {
|
|
1525
|
+
marginTop: any;
|
|
1526
|
+
marginBottom: any;
|
|
1527
|
+
marginLeft: any;
|
|
1528
|
+
marginRight: any;
|
|
1529
|
+
};
|
|
1518
1530
|
'm-px': {
|
|
1519
1531
|
marginTop: any;
|
|
1520
1532
|
marginBottom: any;
|
|
@@ -1839,6 +1851,22 @@ declare const _default: {
|
|
|
1839
1851
|
marginLeft: string;
|
|
1840
1852
|
marginRight: string;
|
|
1841
1853
|
};
|
|
1854
|
+
'-my-1.5': {
|
|
1855
|
+
marginTop: string;
|
|
1856
|
+
marginBottom: string;
|
|
1857
|
+
};
|
|
1858
|
+
'-mx-1.5': {
|
|
1859
|
+
marginLeft: string;
|
|
1860
|
+
marginRight: string;
|
|
1861
|
+
};
|
|
1862
|
+
'-my-0.5': {
|
|
1863
|
+
marginTop: string;
|
|
1864
|
+
marginBottom: string;
|
|
1865
|
+
};
|
|
1866
|
+
'-mx-0.5': {
|
|
1867
|
+
marginLeft: string;
|
|
1868
|
+
marginRight: string;
|
|
1869
|
+
};
|
|
1842
1870
|
'my-px': {
|
|
1843
1871
|
marginTop: string;
|
|
1844
1872
|
marginBottom: string;
|
|
@@ -2303,6 +2331,30 @@ declare const _default: {
|
|
|
2303
2331
|
'ml-0.5': {
|
|
2304
2332
|
marginLeft: string;
|
|
2305
2333
|
};
|
|
2334
|
+
'-mt-1.5': {
|
|
2335
|
+
marginTop: string;
|
|
2336
|
+
};
|
|
2337
|
+
'-mr-1.5': {
|
|
2338
|
+
marginRight: string;
|
|
2339
|
+
};
|
|
2340
|
+
'-mb-1.5': {
|
|
2341
|
+
marginBottom: string;
|
|
2342
|
+
};
|
|
2343
|
+
'-ml-1.5': {
|
|
2344
|
+
marginLeft: string;
|
|
2345
|
+
};
|
|
2346
|
+
'-mt-0.5': {
|
|
2347
|
+
marginTop: string;
|
|
2348
|
+
};
|
|
2349
|
+
'-mr-0.5': {
|
|
2350
|
+
marginRight: string;
|
|
2351
|
+
};
|
|
2352
|
+
'-mb-0.5': {
|
|
2353
|
+
marginBottom: string;
|
|
2354
|
+
};
|
|
2355
|
+
'-ml-0.5': {
|
|
2356
|
+
marginLeft: string;
|
|
2357
|
+
};
|
|
2306
2358
|
'mt-px': {
|
|
2307
2359
|
marginTop: string;
|
|
2308
2360
|
};
|
package/space/light/index.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ declare const _default: {
|
|
|
2
2
|
theme: {
|
|
3
3
|
name: string;
|
|
4
4
|
htmlFontSize: string;
|
|
5
|
-
density: string;
|
|
6
5
|
typography: {
|
|
7
6
|
h1: {
|
|
8
7
|
fontSize: string;
|
|
@@ -244,21 +243,33 @@ declare const _default: {
|
|
|
244
243
|
};
|
|
245
244
|
};
|
|
246
245
|
multiSelect: {
|
|
247
|
-
|
|
246
|
+
tagBorderRadius: string;
|
|
247
|
+
tagFontSize: string;
|
|
248
|
+
tagLineHeight: string;
|
|
249
|
+
sizeXxs: {
|
|
250
|
+
tagBorderRadius: string;
|
|
251
|
+
paddingY: string;
|
|
248
252
|
tagHeight: string;
|
|
253
|
+
tagMarginX: string;
|
|
254
|
+
tagMarginY: string;
|
|
255
|
+
tagFontSize: string;
|
|
256
|
+
tagLineHeight: string;
|
|
257
|
+
};
|
|
258
|
+
sizeSm: {
|
|
249
259
|
paddingY: string;
|
|
260
|
+
tagHeight: string;
|
|
250
261
|
tagMarginX: string;
|
|
251
262
|
tagMarginY: string;
|
|
252
263
|
};
|
|
253
264
|
sizeMd: {
|
|
254
|
-
tagHeight: string;
|
|
255
265
|
paddingY: string;
|
|
266
|
+
tagHeight: string;
|
|
256
267
|
tagMarginX: string;
|
|
257
268
|
tagMarginY: string;
|
|
258
269
|
};
|
|
259
270
|
sizeLg: {
|
|
260
|
-
tagHeight: string;
|
|
261
271
|
paddingY: string;
|
|
272
|
+
tagHeight: string;
|
|
262
273
|
tagMarginX: string;
|
|
263
274
|
tagMarginY: string;
|
|
264
275
|
};
|
|
@@ -2299,6 +2310,18 @@ declare const _default: {
|
|
|
2299
2310
|
marginLeft: any;
|
|
2300
2311
|
marginRight: any;
|
|
2301
2312
|
};
|
|
2313
|
+
'-m-1.5': {
|
|
2314
|
+
marginTop: any;
|
|
2315
|
+
marginBottom: any;
|
|
2316
|
+
marginLeft: any;
|
|
2317
|
+
marginRight: any;
|
|
2318
|
+
};
|
|
2319
|
+
'-m-0.5': {
|
|
2320
|
+
marginTop: any;
|
|
2321
|
+
marginBottom: any;
|
|
2322
|
+
marginLeft: any;
|
|
2323
|
+
marginRight: any;
|
|
2324
|
+
};
|
|
2302
2325
|
'm-px': {
|
|
2303
2326
|
marginTop: any;
|
|
2304
2327
|
marginBottom: any;
|
|
@@ -2623,6 +2646,22 @@ declare const _default: {
|
|
|
2623
2646
|
marginLeft: string;
|
|
2624
2647
|
marginRight: string;
|
|
2625
2648
|
};
|
|
2649
|
+
'-my-1.5': {
|
|
2650
|
+
marginTop: string;
|
|
2651
|
+
marginBottom: string;
|
|
2652
|
+
};
|
|
2653
|
+
'-mx-1.5': {
|
|
2654
|
+
marginLeft: string;
|
|
2655
|
+
marginRight: string;
|
|
2656
|
+
};
|
|
2657
|
+
'-my-0.5': {
|
|
2658
|
+
marginTop: string;
|
|
2659
|
+
marginBottom: string;
|
|
2660
|
+
};
|
|
2661
|
+
'-mx-0.5': {
|
|
2662
|
+
marginLeft: string;
|
|
2663
|
+
marginRight: string;
|
|
2664
|
+
};
|
|
2626
2665
|
'my-px': {
|
|
2627
2666
|
marginTop: string;
|
|
2628
2667
|
marginBottom: string;
|
|
@@ -3087,6 +3126,30 @@ declare const _default: {
|
|
|
3087
3126
|
'ml-0.5': {
|
|
3088
3127
|
marginLeft: string;
|
|
3089
3128
|
};
|
|
3129
|
+
'-mt-1.5': {
|
|
3130
|
+
marginTop: string;
|
|
3131
|
+
};
|
|
3132
|
+
'-mr-1.5': {
|
|
3133
|
+
marginRight: string;
|
|
3134
|
+
};
|
|
3135
|
+
'-mb-1.5': {
|
|
3136
|
+
marginBottom: string;
|
|
3137
|
+
};
|
|
3138
|
+
'-ml-1.5': {
|
|
3139
|
+
marginLeft: string;
|
|
3140
|
+
};
|
|
3141
|
+
'-mt-0.5': {
|
|
3142
|
+
marginTop: string;
|
|
3143
|
+
};
|
|
3144
|
+
'-mr-0.5': {
|
|
3145
|
+
marginRight: string;
|
|
3146
|
+
};
|
|
3147
|
+
'-mb-0.5': {
|
|
3148
|
+
marginBottom: string;
|
|
3149
|
+
};
|
|
3150
|
+
'-ml-0.5': {
|
|
3151
|
+
marginLeft: string;
|
|
3152
|
+
};
|
|
3090
3153
|
'mt-px': {
|
|
3091
3154
|
marginTop: string;
|
|
3092
3155
|
};
|
package/space/light/theme.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
name: string;
|
|
3
3
|
htmlFontSize: string;
|
|
4
|
-
density: string;
|
|
5
4
|
typography: {
|
|
6
5
|
h1: {
|
|
7
6
|
fontSize: string;
|
|
@@ -243,21 +242,33 @@ declare const _default: {
|
|
|
243
242
|
};
|
|
244
243
|
};
|
|
245
244
|
multiSelect: {
|
|
246
|
-
|
|
245
|
+
tagBorderRadius: string;
|
|
246
|
+
tagFontSize: string;
|
|
247
|
+
tagLineHeight: string;
|
|
248
|
+
sizeXxs: {
|
|
249
|
+
tagBorderRadius: string;
|
|
250
|
+
paddingY: string;
|
|
247
251
|
tagHeight: string;
|
|
252
|
+
tagMarginX: string;
|
|
253
|
+
tagMarginY: string;
|
|
254
|
+
tagFontSize: string;
|
|
255
|
+
tagLineHeight: string;
|
|
256
|
+
};
|
|
257
|
+
sizeSm: {
|
|
248
258
|
paddingY: string;
|
|
259
|
+
tagHeight: string;
|
|
249
260
|
tagMarginX: string;
|
|
250
261
|
tagMarginY: string;
|
|
251
262
|
};
|
|
252
263
|
sizeMd: {
|
|
253
|
-
tagHeight: string;
|
|
254
264
|
paddingY: string;
|
|
265
|
+
tagHeight: string;
|
|
255
266
|
tagMarginX: string;
|
|
256
267
|
tagMarginY: string;
|
|
257
268
|
};
|
|
258
269
|
sizeLg: {
|
|
259
|
-
tagHeight: string;
|
|
260
270
|
paddingY: string;
|
|
271
|
+
tagHeight: string;
|
|
261
272
|
tagMarginX: string;
|
|
262
273
|
tagMarginY: string;
|
|
263
274
|
};
|
package/space/light/theme.js
CHANGED
|
@@ -16,7 +16,6 @@ var theme_1 = require("../../common-theme/theme");
|
|
|
16
16
|
var theme = {
|
|
17
17
|
name: 'space-light',
|
|
18
18
|
htmlFontSize: '10px',
|
|
19
|
-
density: 'COMFORTABLE',
|
|
20
19
|
typography: {
|
|
21
20
|
h1: { fontSize: '3.2rem', lineHeight: '4rem', fontWeight: 600 },
|
|
22
21
|
h2: { fontSize: '2.4rem', lineHeight: '3.2rem', fontWeight: 600 },
|
|
@@ -118,9 +117,21 @@ var theme = {
|
|
|
118
117
|
sizeLg: { paddingX: '1.2rem', paddingY: '1.2rem', fontSize: '1.3rem', lineHeight: '1.6rem' }
|
|
119
118
|
},
|
|
120
119
|
multiSelect: {
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
120
|
+
tagBorderRadius: '5px',
|
|
121
|
+
tagFontSize: '14px',
|
|
122
|
+
tagLineHeight: '18px',
|
|
123
|
+
sizeXxs: {
|
|
124
|
+
tagBorderRadius: '3px',
|
|
125
|
+
paddingY: '0px',
|
|
126
|
+
tagHeight: '18px',
|
|
127
|
+
tagMarginX: '2px',
|
|
128
|
+
tagMarginY: '2px',
|
|
129
|
+
tagFontSize: '13px',
|
|
130
|
+
tagLineHeight: '16px'
|
|
131
|
+
},
|
|
132
|
+
sizeSm: { paddingY: '0px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '4px' },
|
|
133
|
+
sizeMd: { paddingY: '0px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '6px' },
|
|
134
|
+
sizeLg: { paddingY: '2px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '8px' }
|
|
124
135
|
},
|
|
125
136
|
link: { fontSize: '1.3rem', lineHeight: '1.5rem' },
|
|
126
137
|
list: {
|
|
@@ -1515,6 +1515,18 @@ declare const _default: {
|
|
|
1515
1515
|
marginLeft: any;
|
|
1516
1516
|
marginRight: any;
|
|
1517
1517
|
};
|
|
1518
|
+
'-m-1.5': {
|
|
1519
|
+
marginTop: any;
|
|
1520
|
+
marginBottom: any;
|
|
1521
|
+
marginLeft: any;
|
|
1522
|
+
marginRight: any;
|
|
1523
|
+
};
|
|
1524
|
+
'-m-0.5': {
|
|
1525
|
+
marginTop: any;
|
|
1526
|
+
marginBottom: any;
|
|
1527
|
+
marginLeft: any;
|
|
1528
|
+
marginRight: any;
|
|
1529
|
+
};
|
|
1518
1530
|
'm-px': {
|
|
1519
1531
|
marginTop: any;
|
|
1520
1532
|
marginBottom: any;
|
|
@@ -1839,6 +1851,22 @@ declare const _default: {
|
|
|
1839
1851
|
marginLeft: string;
|
|
1840
1852
|
marginRight: string;
|
|
1841
1853
|
};
|
|
1854
|
+
'-my-1.5': {
|
|
1855
|
+
marginTop: string;
|
|
1856
|
+
marginBottom: string;
|
|
1857
|
+
};
|
|
1858
|
+
'-mx-1.5': {
|
|
1859
|
+
marginLeft: string;
|
|
1860
|
+
marginRight: string;
|
|
1861
|
+
};
|
|
1862
|
+
'-my-0.5': {
|
|
1863
|
+
marginTop: string;
|
|
1864
|
+
marginBottom: string;
|
|
1865
|
+
};
|
|
1866
|
+
'-mx-0.5': {
|
|
1867
|
+
marginLeft: string;
|
|
1868
|
+
marginRight: string;
|
|
1869
|
+
};
|
|
1842
1870
|
'my-px': {
|
|
1843
1871
|
marginTop: string;
|
|
1844
1872
|
marginBottom: string;
|
|
@@ -2303,6 +2331,30 @@ declare const _default: {
|
|
|
2303
2331
|
'ml-0.5': {
|
|
2304
2332
|
marginLeft: string;
|
|
2305
2333
|
};
|
|
2334
|
+
'-mt-1.5': {
|
|
2335
|
+
marginTop: string;
|
|
2336
|
+
};
|
|
2337
|
+
'-mr-1.5': {
|
|
2338
|
+
marginRight: string;
|
|
2339
|
+
};
|
|
2340
|
+
'-mb-1.5': {
|
|
2341
|
+
marginBottom: string;
|
|
2342
|
+
};
|
|
2343
|
+
'-ml-1.5': {
|
|
2344
|
+
marginLeft: string;
|
|
2345
|
+
};
|
|
2346
|
+
'-mt-0.5': {
|
|
2347
|
+
marginTop: string;
|
|
2348
|
+
};
|
|
2349
|
+
'-mr-0.5': {
|
|
2350
|
+
marginRight: string;
|
|
2351
|
+
};
|
|
2352
|
+
'-mb-0.5': {
|
|
2353
|
+
marginBottom: string;
|
|
2354
|
+
};
|
|
2355
|
+
'-ml-0.5': {
|
|
2356
|
+
marginLeft: string;
|
|
2357
|
+
};
|
|
2306
2358
|
'mt-px': {
|
|
2307
2359
|
marginTop: string;
|
|
2308
2360
|
};
|