@sprinklrjs/spaceweb-themes 12.33.2 → 14.11.0

package/common-theme/theme.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    htmlFontSize: number;
     borderRadius: {
         0: string;
         1: string;
@@ -69,12 +70,28 @@ declare const _default: {
         8: string;
         9: string;
         10: string;
+        12: string;
         none: string;
         tight: string;
         snug: string;
         normal: string;
         relaxed: string;
         loose: string;
+        0.25: string;
+        0.625: string;
+        2.5: string;
+        3.125: string;
+        3.5: string;
+        3.75: string;
+        4.375: string;
+        4.5: string;
+        5.5: string;
+        5.625: string;
+        6.25: string;
+        6.5: string;
+        8.5: string;
+        9.5: string;
+        11.5: string;
     };
     margin: {
         0: string;
@@ -90,7 +107,6 @@ declare const _default: {
         10: string;
         11: string;
         12: string;
-        15: string;
         16: string;
         20: string;
         24: string;
@@ -100,7 +116,10 @@ declare const _default: {
         56: string;
         64: string;
         auto: string;
-        '05': string;
+        1.5: string;
+        0.5: string;
+        '-1.5': string;
+        '-0.5': string;
         px: string;
         '-1': string;
         '-2': string;
@@ -173,6 +192,9 @@ declare const _default: {
         double: string;
         hidden: string;
     };
+    outlineColor: {
+        sprFocus01: string;
+    };
     padding: {
         0: string;
         1: string;
@@ -187,7 +209,6 @@ declare const _default: {
         10: string;
         11: string;
         12: string;
-        15: string;
         16: string;
         20: string;
         24: string;
@@ -196,7 +217,8 @@ declare const _default: {
         48: string;
         56: string;
         64: string;
-        '05': string;
+        1.5: string;
+        0.5: string;
         px: string;
     };
     stroke: {

package/common-theme/theme.js

@@ -10,9 +10,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 // THIS FILES IS GENERATED USING SCRIPT, DO NOT EDIT DIRECTLY
 var theme = {
+    htmlFontSize: 10,
     borderRadius: {
         0: '0',
         1: '1px',
@@ -26,14 +27,14 @@ var theme = {
         sm: '0.125rem',
         md: '0.375rem',
         lg: '0.5rem',
-        "default": '1px',
-        full: '100%'
+        default: '1px',
+        full: '100%',
     },
-    borderWidth: { 0: '0', 1: '1px', 2: '2px', 4: '4px', 6: '6px', 8: '8px', 12: '12px', 16: '16px', "default": '1px' },
+    borderWidth: { 0: '0', 1: '1px', 2: '2px', 4: '4px', 6: '6px', 8: '8px', 12: '12px', 16: '16px', default: '1px' },
     fontFamily: {
         sans: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
         serif: 'Georgia, Cambria, "Times New Roman", Times, serif',
-        mono: 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
+        mono: 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
     },
     fontWeight: {
         300: '300',
@@ -50,7 +51,7 @@ var theme = {
         semibold: '600',
         bold: '700',
         extrabold: '800',
-        black: '900'
+        black: '900',
     },
     inset: { 0: '0', auto: 'auto' },
     letterSpacing: {
@@ -59,23 +60,39 @@ var theme = {
         normal: '0',
         wide: '0.025em',
         wider: '0.05em',
-        widest: '0.1em'
+        widest: '0.1em',
     },
     lineHeight: {
-        3: '.75rem',
-        4: '1rem',
-        5: '1.25rem',
-        6: '1.5rem',
-        7: '1.75rem',
-        8: '2rem',
-        9: '2.25rem',
-        10: '2.5rem',
+        3: '1.2rem',
+        4: '1.6rem',
+        5: '2rem',
+        6: '2.4rem',
+        7: '2.8rem',
+        8: '3.2rem',
+        9: '3.6rem',
+        10: '4rem',
+        12: '4.8rem',
         none: '1',
         tight: '1.25',
         snug: '1.375',
         normal: '1.5',
         relaxed: '1.625',
-        loose: '2'
+        loose: '2',
+        0.25: '0.1rem',
+        0.625: '0.25rem',
+        2.5: '1rem',
+        3.125: '1.25rem',
+        3.5: '1.4rem',
+        3.75: '1.5rem',
+        4.375: '1.75rem',
+        4.5: '1.8rem',
+        5.5: '2.2rem',
+        5.625: '2.25rem',
+        6.25: '2.5rem',
+        6.5: '2.6rem',
+        8.5: '3.4rem',
+        9.5: '3.8rem',
+        11.5: '4.6rem',
     },
     margin: {
         0: '0',
@@ -91,7 +108,6 @@ var theme = {
         10: '4rem',
         11: '4.4rem',
         12: '4.8rem',
-        15: '-0.6rem',
         16: '6.4rem',
         20: '8rem',
         24: '9.6rem',
@@ -101,7 +117,10 @@ var theme = {
         56: '22.4rem',
         64: '25.6rem',
         auto: 'auto',
-        '05': '-0.2rem',
+        1.5: '0.6rem',
+        0.5: '0.2rem',
+        '-1.5': '-0.6rem',
+        '-0.5': '-0.2rem',
         px: '-1px',
         '-1': '-0.4rem',
         '-2': '-0.8rem',
@@ -122,7 +141,7 @@ var theme = {
         '-40': '-16rem',
         '-48': '-19.2rem',
         '-56': '-22.4rem',
-        '-64': '-25.6rem'
+        '-64': '-25.6rem',
     },
     maxHeight: { full: '100%', screen: '100vh' },
     maxWidth: {
@@ -141,7 +160,7 @@ var theme = {
         screenSm: '640px',
         screenMd: '768px',
         screenLg: '1024px',
-        screenXl: '1280px'
+        screenXl: '1280px',
     },
     minHeight: { 0: '0', full: '100%', screen: '100vh' },
     minWidth: { 0: '0', full: '100%' },
@@ -153,8 +172,9 @@ var theme = {
         dashed: 'dashed',
         dotted: 'dotted',
         double: 'double',
-        hidden: 'hidden'
+        hidden: 'hidden',
     },
+    outlineColor: { sprFocus01: 'var(--spr-focus-01, #0e61f6)' },
     padding: {
         0: '0',
         1: '0.4rem',
@@ -169,7 +189,6 @@ var theme = {
         10: '4rem',
         11: '4.4rem',
         12: '4.8rem',
-        15: '0.6rem',
         16: '6.4rem',
         20: '8rem',
         24: '9.6rem',
@@ -178,8 +197,9 @@ var theme = {
         48: '19.2rem',
         56: '22.4rem',
         64: '25.6rem',
-        '05': '0.2rem',
-        px: '1px'
+        1.5: '0.6rem',
+        0.5: '0.2rem',
+        px: '1px',
     },
     stroke: { current: 'currentColor' },
     gap: {
@@ -204,7 +224,7 @@ var theme = {
         48: '19.2rem',
         56: '22.4rem',
         64: '25.6rem',
-        px: '1px'
+        px: '1px',
     },
     translate: {
         0: '0',
@@ -249,13 +269,13 @@ var theme = {
         '-48': '-19.2rem',
         '-56': '-22.4rem',
         '-64': '-25.6rem',
-        full: '100%'
+        full: '100%',
     },
     transitionTimingFunction: {
         linear: 'linear',
-        "in": 'cubic-bezier(0.4, 0, 1, 1)',
+        in: 'cubic-bezier(0.4, 0, 1, 1)',
         out: 'cubic-bezier(0, 0, 0.2, 1)',
-        inOut: 'cubic-bezier(0.4, 0, 0.2, 1)'
+        inOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
     },
     borderColor: { transparent: 'transparent', current: 'currentColor' },
     borderOpacity: {
@@ -273,7 +293,7 @@ var theme = {
         75: '0.75',
         80: '0.8',
         90: '0.9',
-        100: '1'
+        100: '1',
     },
     placeholderColor: { transparent: 'transparent', current: 'currentColor' },
     placeholderOpacity: {
@@ -291,7 +311,7 @@ var theme = {
         75: '0.75',
         80: '0.8',
         90: '0.9',
-        100: '1'
+        100: '1',
     },
     screens: { sm: '640px', md: '768px', lg: '1024px', xl: '1280px' },
     textColor: { transparent: 'transparent', current: 'currentColor' },
@@ -307,7 +327,7 @@ var theme = {
         32: '3.2rem',
         40: '4rem',
         56: '5.6rem',
-        72: '7.2rem'
-    }
+        72: '7.2rem',
+    },
 };
-exports["default"] = __assign({}, theme);
+exports.default = __assign({}, theme);