@sprinklrjs/spaceweb-themes 10.1.0 → 11.0.0

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.
Files changed (34) hide show
  1. package/common-theme/theme.d.ts +4 -0
  2. package/common-theme/theme.js +4 -0
  3. package/common-theme/utilities.d.ts +138 -34
  4. package/common-theme/utilities.js +62 -34
  5. package/hyperspace/dark/index.d.ts +142 -34
  6. package/hyperspace/dark/theme.d.ts +4 -0
  7. package/hyperspace/dark/theme.js +1 -1
  8. package/hyperspace/dark/utilities.d.ts +138 -34
  9. package/hyperspace/light/index.d.ts +142 -34
  10. package/hyperspace/light/theme.d.ts +4 -0
  11. package/hyperspace/light/theme.js +4 -4
  12. package/hyperspace/light/utilities.d.ts +138 -34
  13. package/hyperspace/light/utilities.js +3 -3
  14. package/hyperspace/themeVars.css +3 -3
  15. package/hyperspace/themeVars.min.css +1 -1
  16. package/package.json +1 -1
  17. package/space/dark/index.d.ts +142 -34
  18. package/space/dark/theme.d.ts +4 -0
  19. package/space/dark/utilities.d.ts +138 -34
  20. package/space/light/index.d.ts +142 -34
  21. package/space/light/theme.d.ts +4 -0
  22. package/space/light/theme.js +2 -2
  23. package/space/light/utilities.d.ts +138 -34
  24. package/space/light/utilities.js +1 -1
  25. package/space/themeVars.css +1 -1
  26. package/space/themeVars.min.css +1 -1
  27. package/styles/globals.css +0 -0
  28. package/styles/globals.min.css +0 -0
  29. package/styles/normalize.css +0 -0
  30. package/styles/normalize.min.css +0 -0
  31. package/types.d.ts +0 -0
  32. package/types.js +0 -0
  33. package/utilities.css +1 -1
  34. package/utilities.min.css +1 -1
package/hyperspace/light/utilities.js CHANGED
@@ -90,7 +90,7 @@ var utilities = {
90
90
  'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #F48749)' },
91
91
  'spr-icon-01': { fill: 'var(--spr-icon-01, #0A0A14)' },
92
92
  'spr-icon-02': { fill: 'var(--spr-icon-02, #646470)' },
93
- 'spr-icon-03': { fill: 'var(--spr-icon-03, #646470)' },
93
+ 'spr-icon-03': { fill: 'var(--spr-icon-03, #818192)' },
94
94
  'spr-icon-04': { fill: 'var(--spr-icon-04, #0E61F6)' },
95
95
  'spr-icon-05': { fill: 'var(--spr-icon-05, #FFFFFF)' },
96
96
  'spr-icon-06': { fill: 'var(--spr-icon-06, rgba(255, 255, 255, 0.6))' },
@@ -100,7 +100,7 @@ var utilities = {
100
100
  'spr-icon-error': { fill: 'var(--spr-icon-error, #DE336A)' },
101
101
  'spr-link': { color: 'var(--spr-link, #0E61F6)' },
102
102
  'spr-text-01': { color: 'var(--spr-text-01, #0A0A14)' },
103
- 'spr-text-02': { color: 'var(--spr-text-02, #646470)' },
103
+ 'spr-text-02': { color: 'var(--spr-text-02, #434350)' },
104
104
  'spr-text-03': { color: 'var(--spr-text-03, #646470)' },
105
105
  'spr-text-04': { color: 'var(--spr-text-04, #0E61F6)' },
106
106
  'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
@@ -114,7 +114,7 @@ var utilities = {
114
114
  'spr-border-01': { borderColor: 'var(--spr-border-01, #EEEEEE)' },
115
115
  'spr-border-02': { borderColor: 'var(--spr-border-02, #E6E6E9)' },
116
116
  'spr-border-03': { borderColor: 'var(--spr-border-03, #DBDBDB)' },
117
- 'spr-border-04': { borderColor: 'var(--spr-border-04, #A0A0A8)' },
117
+ 'spr-border-04': { borderColor: 'var(--spr-border-04, #818192)' },
118
118
  'spr-border-05': { borderColor: 'var(--spr-border-05, #FFFFFF)' },
119
119
  'spr-border-06': { borderColor: 'var(--spr-border-06, #0A0A14)' },
120
120
  'spr-card-border': { borderColor: 'var(--spr-card-border, #ECECEF)' },
package/hyperspace/themeVars.css CHANGED
@@ -59,7 +59,7 @@
59
59
  --spr-secondary-orange: #f48749;
60
60
  --spr-icon-01: #0a0a14;
61
61
  --spr-icon-02: #646470;
62
- --spr-icon-03: #646470;
62
+ --spr-icon-03: #818192;
63
63
  --spr-icon-04: #0e61f6;
64
64
  --spr-icon-05: #ffffff;
65
65
  --spr-icon-06: rgba(255, 255, 255, 0.6);
@@ -69,7 +69,7 @@
69
69
  --spr-icon-error: #de336a;
70
70
  --spr-link: #0e61f6;
71
71
  --spr-text-01: #0a0a14;
72
- --spr-text-02: #646470;
72
+ --spr-text-02: #434350;
73
73
  --spr-text-03: #646470;
74
74
  --spr-text-04: #0e61f6;
75
75
  --spr-text-05: #ffffff;
@@ -83,7 +83,7 @@
83
83
  --spr-border-01: #eeeeee;
84
84
  --spr-border-02: #e6e6e9;
85
85
  --spr-border-03: #dbdbdb;
86
- --spr-border-04: #a0a0a8;
86
+ --spr-border-04: #818192;
87
87
  --spr-border-05: #ffffff;
88
88
  --spr-border-06: #0a0a14;
89
89
  --spr-card-border: #ececef;
package/hyperspace/themeVars.min.css CHANGED
@@ -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:#EEEFF1;--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:#DE336A;--spr-support-error-highlight:rgba(255, 51, 106, 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:#646470;--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:#DE336A;--spr-link:#0E61F6;--spr-text-01:#0A0A14;--spr-text-02:#646470;--spr-text-03:#646470;--spr-text-04:#0E61F6;--spr-text-05:#FFFFFF;--spr-text-06:#FFFFFF;--spr-text-placeholder:#646470;--spr-support-error-text:#DE336A;--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:#A0A0A8;--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)}
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:#EEEFF1;--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:#DE336A;--spr-support-error-highlight:rgba(255, 51, 106, 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:#DE336A;--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:#DE336A;--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,6 +1,6 @@
1
1
  {
2
2
  "name": "@sprinklrjs/spaceweb-themes",
3
- "version": "10.1.0",
3
+ "version": "11.0.0",
4
4
  "description": "Theme library containing design tokens for Sprinklr's Hyperspace design language",
5
5
  "main": "./index.js",
6
6
  "scripts": {
package/space/dark/index.d.ts CHANGED
@@ -528,6 +528,7 @@ declare const _default: {
528
528
  10: string;
529
529
  11: string;
530
530
  12: string;
531
+ 15: string;
531
532
  16: string;
532
533
  20: string;
533
534
  24: string;
@@ -537,6 +538,7 @@ declare const _default: {
537
538
  56: string;
538
539
  64: string;
539
540
  auto: string;
541
+ '05': string;
540
542
  px: string;
541
543
  '-1': string;
542
544
  '-2': string;
@@ -623,6 +625,7 @@ declare const _default: {
623
625
  10: string;
624
626
  11: string;
625
627
  12: string;
628
+ 15: string;
626
629
  16: string;
627
630
  20: string;
628
631
  24: string;
@@ -631,6 +634,7 @@ declare const _default: {
631
634
  48: string;
632
635
  56: string;
633
636
  64: string;
637
+ '05': string;
634
638
  px: string;
635
639
  };
636
640
  stroke: {
@@ -2021,7 +2025,7 @@ declare const _default: {
2021
2025
  'h-px': {
2022
2026
  height: string;
2023
2027
  };
2024
- 'h-1\\/2': {
2028
+ 'h-1/2': {
2025
2029
  height: string;
2026
2030
  };
2027
2031
  'h-full': {
@@ -2283,6 +2287,18 @@ declare const _default: {
2283
2287
  marginLeft: any;
2284
2288
  marginRight: any;
2285
2289
  };
2290
+ 'm-1.5': {
2291
+ marginTop: any;
2292
+ marginBottom: any;
2293
+ marginLeft: any;
2294
+ marginRight: any;
2295
+ };
2296
+ 'm-0.5': {
2297
+ marginTop: any;
2298
+ marginBottom: any;
2299
+ marginLeft: any;
2300
+ marginRight: any;
2301
+ };
2286
2302
  'm-px': {
2287
2303
  marginTop: any;
2288
2304
  marginBottom: any;
@@ -2591,6 +2607,22 @@ declare const _default: {
2591
2607
  marginLeft: string;
2592
2608
  marginRight: string;
2593
2609
  };
2610
+ 'my-1.5': {
2611
+ marginTop: string;
2612
+ marginBottom: string;
2613
+ };
2614
+ 'mx-1.5': {
2615
+ marginLeft: string;
2616
+ marginRight: string;
2617
+ };
2618
+ 'my-0.5': {
2619
+ marginTop: string;
2620
+ marginBottom: string;
2621
+ };
2622
+ 'mx-0.5': {
2623
+ marginLeft: string;
2624
+ marginRight: string;
2625
+ };
2594
2626
  'my-px': {
2595
2627
  marginTop: string;
2596
2628
  marginBottom: string;
@@ -3031,6 +3063,30 @@ declare const _default: {
3031
3063
  'ml-auto': {
3032
3064
  marginLeft: string;
3033
3065
  };
3066
+ 'mt-1.5': {
3067
+ marginTop: string;
3068
+ };
3069
+ 'mr-1.5': {
3070
+ marginRight: string;
3071
+ };
3072
+ 'mb-1.5': {
3073
+ marginBottom: string;
3074
+ };
3075
+ 'ml-1.5': {
3076
+ marginLeft: string;
3077
+ };
3078
+ 'mt-0.5': {
3079
+ marginTop: string;
3080
+ };
3081
+ 'mr-0.5': {
3082
+ marginRight: string;
3083
+ };
3084
+ 'mb-0.5': {
3085
+ marginBottom: string;
3086
+ };
3087
+ 'ml-0.5': {
3088
+ marginLeft: string;
3089
+ };
3034
3090
  'mt-px': {
3035
3091
  marginTop: string;
3036
3092
  };
@@ -3643,6 +3699,18 @@ declare const _default: {
3643
3699
  paddingLeft: any;
3644
3700
  paddingRight: any;
3645
3701
  };
3702
+ 'p-1.5': {
3703
+ paddingTop: any;
3704
+ paddingBottom: any;
3705
+ paddingLeft: any;
3706
+ paddingRight: any;
3707
+ };
3708
+ 'p-0.5': {
3709
+ paddingTop: any;
3710
+ paddingBottom: any;
3711
+ paddingLeft: any;
3712
+ paddingRight: any;
3713
+ };
3646
3714
  'p-px': {
3647
3715
  paddingTop: any;
3648
3716
  paddingBottom: any;
@@ -3817,6 +3885,22 @@ declare const _default: {
3817
3885
  paddingLeft: string;
3818
3886
  paddingRight: string;
3819
3887
  };
3888
+ 'py-1.5': {
3889
+ paddingTop: string;
3890
+ paddingBottom: string;
3891
+ };
3892
+ 'px-1.5': {
3893
+ paddingLeft: string;
3894
+ paddingRight: string;
3895
+ };
3896
+ 'py-0.5': {
3897
+ paddingTop: string;
3898
+ paddingBottom: string;
3899
+ };
3900
+ 'px-0.5': {
3901
+ paddingLeft: string;
3902
+ paddingRight: string;
3903
+ };
3820
3904
  'py-px': {
3821
3905
  paddingTop: string;
3822
3906
  paddingBottom: string;
@@ -4077,6 +4161,30 @@ declare const _default: {
4077
4161
  'pl-64': {
4078
4162
  paddingLeft: string;
4079
4163
  };
4164
+ 'pt-1.5': {
4165
+ paddingTop: string;
4166
+ };
4167
+ 'pr-1.5': {
4168
+ paddingRight: string;
4169
+ };
4170
+ 'pb-1.5': {
4171
+ paddingBottom: string;
4172
+ };
4173
+ 'pl-1.5': {
4174
+ paddingLeft: string;
4175
+ };
4176
+ 'pt-0.5': {
4177
+ paddingTop: string;
4178
+ };
4179
+ 'pr-0.5': {
4180
+ paddingRight: string;
4181
+ };
4182
+ 'pb-0.5': {
4183
+ paddingBottom: string;
4184
+ };
4185
+ 'pl-0.5': {
4186
+ paddingLeft: string;
4187
+ };
4080
4188
  'pt-px': {
4081
4189
  paddingTop: string;
4082
4190
  };
@@ -4170,91 +4278,91 @@ declare const _default: {
4170
4278
  'w-px': {
4171
4279
  width: string;
4172
4280
  };
4173
- 'w-1\\/2': {
4281
+ 'w-1/2': {
4174
4282
  width: string;
4175
4283
  };
4176
- 'w-1\\/3': {
4284
+ 'w-1/3': {
4177
4285
  width: string;
4178
4286
  };
4179
- 'w-1\\/4': {
4287
+ 'w-1/4': {
4180
4288
  width: string;
4181
4289
  };
4182
- 'w-2\\/3': {
4290
+ 'w-2/3': {
4183
4291
  width: string;
4184
4292
  };
4185
- 'w-2\\/4': {
4293
+ 'w-2/4': {
4186
4294
  width: string;
4187
4295
  };
4188
- 'w-3\\/4': {
4296
+ 'w-3/4': {
4189
4297
  width: string;
4190
4298
  };
4191
- 'w-1\\/24': {
4299
+ 'w-1/24': {
4192
4300
  width: string;
4193
4301
  };
4194
- 'w-2\\/24': {
4302
+ 'w-2/24': {
4195
4303
  width: string;
4196
4304
  };
4197
- 'w-3\\/24': {
4305
+ 'w-3/24': {
4198
4306
  width: string;
4199
4307
  };
4200
- 'w-4\\/24': {
4308
+ 'w-4/24': {
4201
4309
  width: string;
4202
4310
  };
4203
- 'w-5\\/24': {
4311
+ 'w-5/24': {
4204
4312
  width: string;
4205
4313
  };
4206
- 'w-6\\/24': {
4314
+ 'w-6/24': {
4207
4315
  width: string;
4208
4316
  };
4209
- 'w-7\\/24': {
4317
+ 'w-7/24': {
4210
4318
  width: string;
4211
4319
  };
4212
- 'w-8\\/24': {
4320
+ 'w-8/24': {
4213
4321
  width: string;
4214
4322
  };
4215
- 'w-9\\/24': {
4323
+ 'w-9/24': {
4216
4324
  width: string;
4217
4325
  };
4218
- 'w-10\\/24': {
4326
+ 'w-10/24': {
4219
4327
  width: string;
4220
4328
  };
4221
- 'w-11\\/24': {
4329
+ 'w-11/24': {
4222
4330
  width: string;
4223
4331
  };
4224
- 'w-12\\/24': {
4332
+ 'w-12/24': {
4225
4333
  width: string;
4226
4334
  };
4227
- 'w-13\\/24': {
4335
+ 'w-13/24': {
4228
4336
  width: string;
4229
4337
  };
4230
- 'w-14\\/24': {
4338
+ 'w-14/24': {
4231
4339
  width: string;
4232
4340
  };
4233
- 'w-15\\/24': {
4341
+ 'w-15/24': {
4234
4342
  width: string;
4235
4343
  };
4236
- 'w-16\\/24': {
4344
+ 'w-16/24': {
4237
4345
  width: string;
4238
4346
  };
4239
- 'w-17\\/24': {
4347
+ 'w-17/24': {
4240
4348
  width: string;
4241
4349
  };
4242
- 'w-18\\/24': {
4350
+ 'w-18/24': {
4243
4351
  width: string;
4244
4352
  };
4245
- 'w-19\\/24': {
4353
+ 'w-19/24': {
4246
4354
  width: string;
4247
4355
  };
4248
- 'w-20\\/24': {
4356
+ 'w-20/24': {
4249
4357
  width: string;
4250
4358
  };
4251
- 'w-21\\/24': {
4359
+ 'w-21/24': {
4252
4360
  width: string;
4253
4361
  };
4254
- 'w-22\\/24': {
4362
+ 'w-22/24': {
4255
4363
  width: string;
4256
4364
  };
4257
- 'w-23\\/24': {
4365
+ 'w-23/24': {
4258
4366
  width: string;
4259
4367
  };
4260
4368
  'w-full': {
@@ -5287,10 +5395,10 @@ declare const _default: {
5287
5395
  '-translate-x-full': {
5288
5396
  '-TransformTranslateX': string;
5289
5397
  };
5290
- '-translate-x-1\\/2': {
5398
+ '-translate-x-1/2': {
5291
5399
  '-TransformTranslateX': string;
5292
5400
  };
5293
- 'translate-x-1\\/2': {
5401
+ 'translate-x-1/2': {
5294
5402
  '-TransformTranslateX': string;
5295
5403
  };
5296
5404
  'translate-x-full': {
@@ -5428,10 +5536,10 @@ declare const _default: {
5428
5536
  '-translate-y-full': {
5429
5537
  '-TransformTranslateY': string;
5430
5538
  };
5431
- '-translate-y-1\\/2': {
5539
+ '-translate-y-1/2': {
5432
5540
  '-TransformTranslateY': string;
5433
5541
  };
5434
- 'translate-y-1\\/2': {
5542
+ 'translate-y-1/2': {
5435
5543
  '-TransformTranslateY': string;
5436
5544
  };
5437
5545
  'translate-y-full': {
package/space/dark/theme.d.ts CHANGED
@@ -527,6 +527,7 @@ declare const _default: {
527
527
  10: string;
528
528
  11: string;
529
529
  12: string;
530
+ 15: string;
530
531
  16: string;
531
532
  20: string;
532
533
  24: string;
@@ -536,6 +537,7 @@ declare const _default: {
536
537
  56: string;
537
538
  64: string;
538
539
  auto: string;
540
+ '05': string;
539
541
  px: string;
540
542
  '-1': string;
541
543
  '-2': string;
@@ -622,6 +624,7 @@ declare const _default: {
622
624
  10: string;
623
625
  11: string;
624
626
  12: string;
627
+ 15: string;
625
628
  16: string;
626
629
  20: string;
627
630
  24: string;
@@ -630,6 +633,7 @@ declare const _default: {
630
633
  48: string;
631
634
  56: string;
632
635
  64: string;
636
+ '05': string;
633
637
  px: string;
634
638
  };
635
639
  stroke: {