@autofleet/theme 0.0.0

package/src/shadow/index.js

@@ -0,0 +1,33 @@
+import { SPACING } from '../spacing/spacing';
+const changeColorAlpha = (color, newAlpha) => {
+    if (!color.startsWith('rgba('))
+        return color;
+    return color.replace(/(rgba\(\d{1,3},\s?\d{1,3},\s?\d{1,3}(?:,|\s?\/)\s?)((?:\d\.)?\d)(\))/, `$1${newAlpha}$3`);
+};
+const getLowShadow = (color, opacity = 12) => `${SPACING.NONE} ${SPACING.XS} ${SPACING.SM} ${changeColorAlpha(color, opacity / 100)}`;
+const getMedShadow = (color, opacity = 12) => `${SPACING.NONE} ${SPACING.SM} ${SPACING.LG} ${changeColorAlpha(color, opacity / 100)}`;
+const getHighShadow = (color, opacity = 16) => `${SPACING.NONE} ${SPACING.LG} ${SPACING['5XL']} ${changeColorAlpha(color, opacity / 100)}`;
+export const getThemeShadows = (colors) => ({
+    'shadow-map-element': `${SPACING.NONE} 3px ${SPACING.LG} ${changeColorAlpha(colors['neutral-dark'], 0.32)}`,
+    // Neutral
+    'shadow-neutral-low': getLowShadow(colors['neutral-dark'], 8),
+    'shadow-neutral-medium': getMedShadow(colors['neutral-dark'], 8),
+    'shadow-neutral-high': getHighShadow(colors['neutral-dark']),
+    // Info
+    'shadow-info-low': getLowShadow(colors.info),
+    'shadow-info-medium': getMedShadow(colors.info),
+    'shadow-info-high': getHighShadow(colors.info),
+    // Success
+    'shadow-success-low': getLowShadow(colors.success),
+    'shadow-success-medium': getMedShadow(colors.success),
+    'shadow-success-high': getHighShadow(colors.success),
+    // Warning
+    'shadow-warning-low': getLowShadow(colors.warning),
+    'shadow-warning-medium': getMedShadow(colors.warning),
+    'shadow-warning-high': getHighShadow(colors.warning),
+    // Error
+    'shadow-error-low': getLowShadow(colors.error),
+    'shadow-error-medium': getMedShadow(colors.error),
+    'shadow-error-high': getHighShadow(colors.error),
+});
+//# sourceMappingURL=index.js.map

package/src/shadow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/theme/src/shadow/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,QAAgB,EAAE,EAAE;IAC3D,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;QAAE,OAAO,KAAK,CAAC;IAC7C,OAAO,KAAK,CAAC,OAAO,CAClB,sEAAsE,EACtE,KAAK,QAAQ,IAAI,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,CACnD,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,EAAE,IAAI,OAAO,CAAC,EAAE,IAAI,gBAAgB,CAC7D,KAAK,EACL,OAAO,GAAG,GAAG,CACd,EAAW,CAAC;AACf,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,CACnD,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,EAAE,IAAI,OAAO,CAAC,EAAE,IAAI,gBAAgB,CAC7D,KAAK,EACL,OAAO,GAAG,GAAG,CACd,EAAW,CAAC;AACf,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,CACpD,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,EAAE,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,gBAAgB,CACjE,KAAK,EACL,OAAO,GAAG,GAAG,CACd,EAAW,CAAC;AAEf,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAA0B,EAAE,EAAE,CAC5D,CAAC;IACC,oBAAoB,EAAE,GAAG,OAAO,CAAC,IAAI,QAAQ,OAAO,CAAC,EAAE,IAAI,gBAAgB,CACzE,MAAM,CAAC,cAAc,CAAC,EACtB,IAAI,CACL,EAAW;IACZ,UAAU;IACV,oBAAoB,EAAE,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAC7D,uBAAuB,EAAE,YAAY,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IAChE,qBAAqB,EAAE,aAAa,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAC5D,OAAO;IACP,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC;IAC5C,oBAAoB,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC;IAC/C,kBAAkB,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC;IAC9C,UAAU;IACV,oBAAoB,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC;IAClD,uBAAuB,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC;IACrD,qBAAqB,EAAE,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC;IACpD,UAAU;IACV,oBAAoB,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC;IAClD,uBAAuB,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC;IACrD,qBAAqB,EAAE,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC;IACpD,QAAQ;IACR,kBAAkB,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC;IAC9C,qBAAqB,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC;IACjD,mBAAmB,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC;CACvC,CAAA,CAAC"}

package/src/spacing/border-radius.d.ts

@@ -0,0 +1,8 @@
+export declare const BORDER_RADIUS: {
+    readonly NONE: "0px";
+    readonly XS: "2px";
+    readonly SM: "4px";
+    readonly MD: "6px";
+    readonly LG: "8px";
+    readonly XL: "16px";
+};

package/src/spacing/border-radius.js

@@ -0,0 +1,9 @@
+export const BORDER_RADIUS = {
+    NONE: '0px',
+    XS: '2px',
+    SM: '4px',
+    MD: '6px',
+    LG: '8px',
+    XL: '16px',
+};
+//# sourceMappingURL=border-radius.js.map

package/src/spacing/border-radius.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-radius.js","sourceRoot":"","sources":["../../../../../packages/theme/src/spacing/border-radius.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;CACF,CAAC"}

package/src/spacing/index.d.ts

@@ -0,0 +1,25 @@
+export declare const getThemeSpacings: () => {
+    borderRadius: {
+        readonly NONE: "0px";
+        readonly XS: "2px";
+        readonly SM: "4px";
+        readonly MD: "6px";
+        readonly LG: "8px";
+        readonly XL: "16px";
+    };
+    spacings: {
+        readonly NONE: "0px";
+        readonly XS: "2px";
+        readonly SM: "4px";
+        readonly MD: "6px";
+        readonly LG: "8px";
+        readonly XL: "12px";
+        readonly '2XL': "16px";
+        readonly '3XL': "24px";
+        readonly '4XL': "32px";
+        readonly '5XL': "40px";
+        readonly '6XL': "48px";
+        readonly '7XL': "56px";
+        readonly '8XL': "64px";
+    };
+};

package/src/spacing/index.js

@@ -0,0 +1,7 @@
+import { BORDER_RADIUS } from './border-radius';
+import { SPACING } from './spacing';
+export const getThemeSpacings = () => ({
+    borderRadius: BORDER_RADIUS,
+    spacings: SPACING,
+});
+//# sourceMappingURL=index.js.map

package/src/spacing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/theme/src/spacing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAAC;IACrC,YAAY,EAAE,aAAa;IAC3B,QAAQ,EAAE,OAAO;CAClB,CAAC,CAAC"}

package/src/spacing/spacing.d.ts

@@ -0,0 +1,15 @@
+export declare const SPACING: {
+    readonly NONE: "0px";
+    readonly XS: "2px";
+    readonly SM: "4px";
+    readonly MD: "6px";
+    readonly LG: "8px";
+    readonly XL: "12px";
+    readonly '2XL': "16px";
+    readonly '3XL': "24px";
+    readonly '4XL': "32px";
+    readonly '5XL': "40px";
+    readonly '6XL': "48px";
+    readonly '7XL': "56px";
+    readonly '8XL': "64px";
+};

package/src/spacing/spacing.js

@@ -0,0 +1,16 @@
+export const SPACING = {
+    NONE: '0px',
+    XS: '2px',
+    SM: '4px',
+    MD: '6px',
+    LG: '8px',
+    XL: '12px',
+    '2XL': '16px',
+    '3XL': '24px',
+    '4XL': '32px',
+    '5XL': '40px',
+    '6XL': '48px',
+    '7XL': '56px',
+    '8XL': '64px',
+};
+//# sourceMappingURL=spacing.js.map

package/src/spacing/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../../../../packages/theme/src/spacing/spacing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACL,CAAC"}