@scaleflex/ui-tw 0.0.1

package/theme/roots/breakpoints/entity/create-breakpoints.js

@@ -0,0 +1,65 @@
+import { defaultBreakpoints } from './default-breakpoints';
+var createBreakpoints = function createBreakpoints(breakpoints) {
+  var _breakpoints$values = breakpoints.values,
+    values = _breakpoints$values === void 0 ? defaultBreakpoints.values : _breakpoints$values,
+    _breakpoints$classes = breakpoints.classes,
+    classes = _breakpoints$classes === void 0 ? defaultBreakpoints.classes : _breakpoints$classes;
+  var unit = 'px';
+  var keys = Object.keys(values);
+  var up = function up(key) {
+    var value = typeof values[key] === 'number' ? values[key] : key;
+    return "@media (min-width:".concat(value).concat(unit, ")");
+  };
+  var down = function down(key) {
+    var value = values[key];
+    return "@media (max-width:".concat(value).concat(unit, ")");
+  };
+  var between = function between(start, end) {
+    var endIndex = keys.indexOf(end);
+    return "@media (min-width:".concat(values[start]).concat(unit, ") and (max-width:").concat(values[keys[endIndex]]).concat(unit, ")");
+  };
+  var only = function only(key) {
+    if (keys.indexOf(key) + 1 < keys.length) {
+      return between(key, keys[keys.indexOf(key) + 1]);
+    }
+    return up(key);
+  };
+  var getBreakpointClass = function getBreakpointClass(width, hideSelector) {
+    var removeSelector = function removeSelector(str) {
+      return str.slice(1);
+    };
+    if (width >= values.xs && width < values.sm) {
+      return hideSelector ? removeSelector(classes.xs) : classes.xs;
+    }
+    if (width >= values.sm && width < values.md) {
+      return hideSelector ? removeSelector(classes.sm) : classes.sm;
+    }
+    if (width >= values.md && width < values.lg) {
+      return hideSelector ? removeSelector(classes.md) : classes.md;
+    }
+    if (width >= values.lg && width < values.xl) {
+      return hideSelector ? removeSelector(classes.lg) : classes.lg;
+    }
+    if (width >= values.xl && width < values.xxl) {
+      return hideSelector ? removeSelector(classes.xl) : classes.xl;
+    }
+    if (width >= values.xxl && width < values.xxxl) {
+      return hideSelector ? removeSelector(classes.xxl) : classes.xxl;
+    }
+    if (width >= values.xxxl) {
+      return hideSelector ? removeSelector(classes.xxxl) : classes.xxxl;
+    }
+    return hideSelector ? removeSelector(classes.md) : classes.md;
+  };
+  return {
+    keys: keys,
+    values: values,
+    classes: classes,
+    getBreakpointClass: getBreakpointClass,
+    up: up,
+    down: down,
+    between: between,
+    only: only
+  };
+};
+export default createBreakpoints;

package/theme/roots/breakpoints/entity/default-breakpoints.d.ts

@@ -0,0 +1,26 @@
+export declare const defaultBreakpoints: {
+    keys: ("sm" | "md" | "xs" | "lg" | "xl")[];
+    values: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        xxl: number;
+        xxxl: number;
+    };
+    classes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        xxxl: string;
+    };
+    getBreakpointClass: () => string;
+    up: () => string;
+    down: () => string;
+    between: () => string;
+    only: () => string;
+};

package/theme/roots/breakpoints/entity/default-breakpoints.js

@@ -0,0 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { Breakpoint } from '../../../../utils/types/css';
+export var defaultBreakpoints = {
+  keys: [Breakpoint.Xs, Breakpoint.Sm, Breakpoint.Md, Breakpoint.Lg, Breakpoint.Xl],
+  values: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Breakpoint.Xs, 0), Breakpoint.Sm, 576), Breakpoint.Md, 768), Breakpoint.Lg, 1084), Breakpoint.Xl, 1342), Breakpoint.Xxl, 1600), Breakpoint.Xxxl, 1920),
+  classes: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Breakpoint.Xs, '.sfx-breakpoint-xs'), Breakpoint.Sm, '.sfx-breakpoint-sm'), Breakpoint.Md, '.sfx-breakpoint-md'), Breakpoint.Lg, '.sfx-breakpoint-lg'), Breakpoint.Xl, '.sfx-breakpoint-xl'), Breakpoint.Xxl, '.sfx-breakpoint-xxl'), Breakpoint.Xxxl, '.sfx-breakpoint-xxxl'),
+  getBreakpointClass: function getBreakpointClass() {
+    return '';
+  },
+  up: function up() {
+    return '';
+  },
+  down: function down() {
+    return '';
+  },
+  between: function between() {
+    return '';
+  },
+  only: function only() {
+    return '';
+  }
+};

package/theme/roots/breakpoints/entity/index.d.ts

@@ -0,0 +1,3 @@
+export type { BreakpointsMap, BreakpointClass } from './breakpoints-map';
+export type { Breakpoints } from './breakpoints';
+export * from './default-breakpoints';

package/theme/roots/breakpoints/entity/index.js

@@ -0,0 +1,2 @@
+export * from './default-breakpoints';
+export {};

package/theme/roots/breakpoints/index.d.ts

@@ -0,0 +1,3 @@
+export type { BreakpointsMap } from './entity';
+export type { Breakpoints } from './entity';
+export { defaultBreakpoints } from './entity';

package/theme/roots/breakpoints/index.js

@@ -0,0 +1 @@
+export { defaultBreakpoints } from './entity';

package/theme/roots/common-styles.d.ts

@@ -0,0 +1,2 @@
+declare const CommonStyles: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
+export default CommonStyles;

package/theme/roots/common-styles.js

@@ -0,0 +1,6 @@
+import { createGlobalStyle /* , css */ } from 'styled-components';
+
+// Example with theme: ${({ theme }) => css``;
+
+var CommonStyles = /*#__PURE__*/createGlobalStyle(["@keyframes spinner{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.Menu-open{overflow:hidden;}.Modal-open{overflow:hidden;}.Drawer-open{overflow:hidden;}"]);
+export default CommonStyles;

package/theme/roots/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Typography } from './typography';
+export { default as CommonStyles } from './common-styles';

package/theme/roots/index.js

@@ -0,0 +1,2 @@
+export { default as Typography } from './typography';
+export { default as CommonStyles } from './common-styles';

package/theme/roots/palette/entity/colors-map.d.ts

@@ -0,0 +1,4 @@
+import type { Values } from '../../../../utils/types'
+import { Color } from '../../../../utils/types/palette'
+
+export type ColorsMap = Record<Values<typeof Color>, string>

package/theme/roots/palette/entity/default-palette.d.ts

@@ -0,0 +1,282 @@
+import type { ColorsMap } from './colors-map';
+export declare const groupedPalette: {
+    text: {
+        "txt-primary": string;
+        "txt-secondary": string;
+        "txt-secondary-invert": string;
+        "txt-placeholder": string;
+        "txt-warning": string;
+        "txt-error": string;
+        "txt-info": string;
+    };
+    accent: {
+        "accent-primary": string;
+        "accent-primary-hover": string;
+        "accent-primary-active": string;
+        "accent-primary-disabled": string;
+        "accent-secondary-disabled": string;
+        "accent-stateless": string;
+        "accent-stateless_0_4_opacity": string;
+        accent_0_5_5_opacity: string;
+        accent_0_7_opacity: string;
+        accent_0_5_opacity: string;
+        accent_1_2_opacity: string;
+        accent_1_8_opacity: string;
+        accent_2_8_opacity: string;
+        accent_4_0_opacity: string;
+    };
+    background: {
+        "bg-grey": string;
+        "bg-stateless": string;
+        "bg-active": string;
+        "bg-base-light": string;
+        "bg-base-medium": string;
+        "bg-primary": string;
+        "bg-primary-light": string;
+        "bg-primary-hover": string;
+        "bg-primary-active": string;
+        "bg-primary-0-5-opacity": string;
+        "bg-primary-stateless": string;
+        "bg-secondary": string;
+        "bg-hover": string;
+        "bg-green": string;
+        "bg-green-medium": string;
+        "bg-blue": string;
+        "bg-red": string;
+        "bg-red-light": string;
+        "background-red-medium": string;
+        "bg-orange": string;
+        "bg-tooltip": string;
+    };
+    icons: {
+        "icon-primary": string;
+        "icons-primary-opacity-0-6": string;
+        "icons-secondary": string;
+        "icons-placeholder": string;
+        "icons-invert": string;
+        "icons-muted": string;
+        "icons-primary-hover": string;
+        "icons-secondary-hover": string;
+    };
+    button: {
+        "btn-primary-text": string;
+        "btn-primary-text-0-6": string;
+        "btn-primary-text-0-4": string;
+        "btn-disabled-text": string;
+        "btn-secondary-text": string;
+    };
+    link: {
+        "link-primary": string;
+        "link-stateless": string;
+        "link-hover": string;
+        "link-active": string;
+        "link-pressed": string;
+        "link-muted": string;
+    };
+    borders: {
+        "borders-primary": string;
+        "borders-primary-hover": string;
+        "borders-secondary": string;
+        "borders-strong": string;
+        "borders-invert": string;
+        "border-hover-bottom": string;
+        "border-active-bottom": string;
+        "border-primary-stateless": string;
+        "borders-disabled": string;
+        "borders-button": string;
+        "borders-item": string;
+        "borders-base-light": string;
+        "borders-base-medium": string;
+        "borders-green": string;
+        "borders-green-medium": string;
+        "borders-red": string;
+    };
+    states: {
+        error: string;
+        "error-0-28-opacity": string;
+        "error-0-12-opacity": string;
+        "error-hover": string;
+        "error-active": string;
+        success: string;
+        "success-hover": string;
+        "success-Active": string;
+        warning: string;
+        "warning-hover": string;
+        "warning-active": string;
+        info: string;
+        modified: string;
+    };
+    flat: {
+        red: string;
+        orange: string;
+        salad: string;
+        green: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        pink: string;
+    };
+    uploader: {
+        link: string;
+        camera: string;
+        "google-drive": string;
+        dropbox: string;
+        "one-drive": string;
+        device: string;
+        instagram: string;
+        unsplash: string;
+        "free-images": string;
+        "free-icons": string;
+        canvas: string;
+        box: string;
+        "screen-cast": string;
+    };
+    extra: {
+        "gradient-right": string;
+        "extra-0-3-overlay": string;
+        "gradient-right-active": string;
+        "gradient-right-hover": string;
+        "extra-0-5-overlay": string;
+        "extra-0-7-overlay": string;
+        "extra-0-9-overlay": string;
+        "red-0-1-overlay": string;
+        "orange-0-1-overlay": string;
+        "accent-0-8-overlay": string;
+        "green-0-2-Overlay": string;
+        "white-0-7-8-overlay": string;
+    };
+};
+export declare const lightPalette: {
+    "active-secondary": string;
+    "active-secondary-hover": string;
+    tag: string;
+    "states-error-disabled-text": string;
+    "light-shadow": string;
+    "medium-shadow": string;
+    "large-shadow": string;
+    "x-large-shadow": string;
+    "gradient-right": string;
+    "extra-0-3-overlay": string;
+    "gradient-right-active": string;
+    "gradient-right-hover": string;
+    "extra-0-5-overlay": string;
+    "extra-0-7-overlay": string;
+    "extra-0-9-overlay": string;
+    "red-0-1-overlay": string;
+    "orange-0-1-overlay": string;
+    "accent-0-8-overlay": string;
+    "green-0-2-Overlay": string;
+    "white-0-7-8-overlay": string;
+    link: string;
+    camera: string;
+    "google-drive": string;
+    dropbox: string;
+    "one-drive": string;
+    device: string;
+    instagram: string;
+    unsplash: string;
+    "free-images": string;
+    "free-icons": string;
+    canvas: string;
+    box: string;
+    "screen-cast": string;
+    red: string;
+    orange: string;
+    salad: string;
+    green: string;
+    blue: string;
+    indigo: string;
+    violet: string;
+    pink: string;
+    error: string;
+    "error-0-28-opacity": string;
+    "error-0-12-opacity": string;
+    "error-hover": string;
+    "error-active": string;
+    success: string;
+    "success-hover": string;
+    "success-Active": string;
+    warning: string;
+    "warning-hover": string;
+    "warning-active": string;
+    info: string;
+    modified: string;
+    "borders-primary": string;
+    "borders-primary-hover": string;
+    "borders-secondary": string;
+    "borders-strong": string;
+    "borders-invert": string;
+    "border-hover-bottom": string;
+    "border-active-bottom": string;
+    "border-primary-stateless": string;
+    "borders-disabled": string;
+    "borders-button": string;
+    "borders-item": string;
+    "borders-base-light": string;
+    "borders-base-medium": string;
+    "borders-green": string;
+    "borders-green-medium": string;
+    "borders-red": string;
+    "link-primary": string;
+    "link-stateless": string;
+    "link-hover": string;
+    "link-active": string;
+    "link-pressed": string;
+    "link-muted": string;
+    "btn-primary-text": string;
+    "btn-primary-text-0-6": string;
+    "btn-primary-text-0-4": string;
+    "btn-disabled-text": string;
+    "btn-secondary-text": string;
+    "icon-primary": string;
+    "icons-primary-opacity-0-6": string;
+    "icons-secondary": string;
+    "icons-placeholder": string;
+    "icons-invert": string;
+    "icons-muted": string;
+    "icons-primary-hover": string;
+    "icons-secondary-hover": string;
+    "bg-grey": string;
+    "bg-stateless": string;
+    "bg-active": string;
+    "bg-base-light": string;
+    "bg-base-medium": string;
+    "bg-primary": string;
+    "bg-primary-light": string;
+    "bg-primary-hover": string;
+    "bg-primary-active": string;
+    "bg-primary-0-5-opacity": string;
+    "bg-primary-stateless": string;
+    "bg-secondary": string;
+    "bg-hover": string;
+    "bg-green": string;
+    "bg-green-medium": string;
+    "bg-blue": string;
+    "bg-red": string;
+    "bg-red-light": string;
+    "background-red-medium": string;
+    "bg-orange": string;
+    "bg-tooltip": string;
+    "accent-primary": string;
+    "accent-primary-hover": string;
+    "accent-primary-active": string;
+    "accent-primary-disabled": string;
+    "accent-secondary-disabled": string;
+    "accent-stateless": string;
+    "accent-stateless_0_4_opacity": string;
+    accent_0_5_5_opacity: string;
+    accent_0_7_opacity: string;
+    accent_0_5_opacity: string;
+    accent_1_2_opacity: string;
+    accent_1_8_opacity: string;
+    accent_2_8_opacity: string;
+    accent_4_0_opacity: string;
+    "txt-primary": string;
+    "txt-secondary": string;
+    "txt-secondary-invert": string;
+    "txt-placeholder": string;
+    "txt-warning": string;
+    "txt-error": string;
+    "txt-info": string;
+};
+export declare const defaultPalette: ColorsMap;

package/theme/roots/palette/entity/default-palette.js

@@ -0,0 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _accent, _background, _borders, _states, _uploader, _extra;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Color } from '../../../../utils/types/palette';
+//TODO: update theme to include grouped palette
+//TODO:change color values from rgb to hex
+export var groupedPalette = {
+  text: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Color.TextPrimary, 'rgba(55, 65, 75, 1)'), Color.TextSecondary, 'rgba(118, 138, 159, 1)'), Color.TextSecondaryInvert, 'rgba(213, 216, 220, 1)'), Color.TextPlaceholder, 'rgba(169, 182, 194, 1)'), Color.TextWarning, 'rgba(196, 110, 0, 1)'), Color.TextError, 'rgba(185, 33, 46, 1)'), Color.TextInfo, 'rgba(35, 117, 171, 1)'),
+  accent: (_accent = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_accent, Color.AccentPrimary, 'rgba(104, 121, 235, 1)'), Color.AccentPrimaryHover, 'rgba(96, 111, 209, 1)'), Color.AccentPrimaryActive, 'rgba(73, 88, 188, 1)'), Color.AccentPrimaryDisabled, 'rgba(233, 238, 242, 1)'), Color.AccentSecondaryDisabled, '#F9FBFC'), Color.AccentStateless, 'rgba(104, 121, 235, 1)'), Color.AccentStateless_0_4_Opacity, 'rgba(104, 121, 235, 0.4)'), Color.Accent_0_5_5_Opacity, 'rgba(96, 111, 209, 0.55)'), Color.Accent_0_7_Opacity, 'rgba(96, 111, 209, 0.7)'), Color.Accent_0_5_Opacity, 'rgba(104, 121, 235, 0.05)'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_accent, Color.Accent_1_2_Opacity, 'rgba(104, 121, 235, 0.12)'), Color.Accent_1_8_Opacity, 'rgba(104, 121, 235, 0.18)'), Color.Accent_2_8_Opacity, 'rgba(104, 121, 235, 0.28)'), Color.Accent_4_0_Opacity, 'rgba(104, 121, 235, 0.4)')),
+  background: (_background = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_background, Color.BackgroundGrey, 'rgba(216, 224, 232, 1)'), Color.BackgroundStateless, 'rgba(255, 255, 255, 1)'), Color.BackgroundActive, 'rgba(243, 247, 250, 1)'), Color.BackgroundBaseLight, 'rgba(235, 239, 252, 1)'), Color.BackgroundBaseMedium, 'rgba(227, 231, 251, 1)'), Color.BackgroundPrimary, 'rgba(243, 245, 247, 1)'), Color.BackgroundPrimaryLight, 'rgba(243, 245, 247, 1)'), Color.BackgroundPrimaryHover, 'rgba(239, 243, 246, 1)'), Color.BackgroundPrimaryActive, 'rgba(93, 109, 126, 1)'), Color.BackgroundPrimary_0_5_Opacity, 'rgba(255, 255, 255, 0.500)'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_background, Color.BackgroundPrimaryStateless, '#CCD6DE'), Color.BackgroundSecondary, 'rgba(255, 255, 255, 1)'), Color.BackgroundHover, 'rgba(249, 251, 252, 1)'), Color.BackgroundGreen, 'rgba(237, 250, 244, 1)'), Color.BackgroundGreenMedium, 'rgba(227, 250, 239, 1)'), Color.BackgroundBlue, 'rgba(244, 249, 255, 1)'), Color.BackgroundRed, 'rgba(253, 244, 242, 1)'), Color.BackgroundRedLight, 'rgba(255, 245, 245, 1)'), Color.BackgroundRedMedium, 'rgba(247, 228, 230, 1)'), Color.BackgroundOrange, 'rgba(255, 249, 242, 1)'), _defineProperty(_background, Color.BackgroundTooltip, 'rgba(79, 98, 118, 1)')),
+  icons: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Color.IconsPrimary, 'rgba(118, 138, 159, 1)'), Color.IconsPrimaryOpacity_0_6, 'rgba(93, 109, 126, 0.600)'), Color.IconsSecondary, 'rgba(151, 166, 182, 1)'), Color.IconsPlaceholder, 'rgba(223, 231, 237, 1)'), Color.IconsInvert, 'rgba(255, 255, 255, 1)'), Color.IconsMuted, 'rgba(169, 182, 194, 1)'), Color.IconsPrimaryHover, 'rgba(79, 98, 118, 1)'), Color.IconsSecondaryHover, 'rgba(118, 138, 159, 1)'),
+  button: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Color.ButtonPrimaryText, 'rgba(255, 255, 255, 1)'), Color.ButtonPrimaryText_0_6, 'rgba(255, 255, 255, 0.6)'), Color.ButtonPrimaryText_0_4, 'rgba(255, 255, 255, 0.4)'), Color.ButtonDisabledText, 'rgba(169, 182, 194, 1)'), Color.ButtonSecondaryText, 'rgba(0, 0, 0, 1)'),
+  link: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Color.LinkPrimary, 'rgba(118, 138, 159, 1)'), Color.LinkStateless, 'rgba(118, 138, 159, 1)'), Color.LinkHover, 'rgba(79, 98, 118, 1)'), Color.LinkActive, 'rgba(55, 65, 75, 1)'), Color.LinkPressed, 'rgba(104, 121, 235, 1)'), Color.LinkMuted, 'rgba(169, 182, 194, 1)'),
+  borders: (_borders = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_borders, Color.BordersPrimary, 'rgba(204, 214, 222, 1)'), Color.BordersPrimaryHover, 'rgba(104, 118, 134, 1)'), Color.BordersSecondary, 'rgba(236, 240, 243, 1)'), Color.BordersStrong, 'rgba(204, 214, 222, 1)'), Color.BordersInvert, 'rgba(85, 99, 115, 1)'), Color.BorderHoverBottom, 'rgba(104, 121, 235, 0.18)'), Color.BorderActiveBottom, '#4958BC'), Color.BorderPrimaryStateless, 'rgba(204, 214, 222, 1)'), Color.BordersDisabled, 'rgba(73, 88, 188, 0.4)'), Color.BordersButton, 'rgba(151, 166, 182, 1)'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_borders, Color.BordersItem, 'rgba(226, 232, 236, 1)'), Color.BordersBaseLight, 'rgba(211, 219, 250, 1)'), Color.BordersBaseMedium, 'rgba(164, 175, 227, 1)'), Color.BordersGreen, 'rgba(27, 161, 99, 0.22)'), Color.BordersGreenMedium, 'rgba(27, 161, 99, 0.4)'), Color.BordersRed, 'rgba(185, 33, 46, 0.4)')),
+  states: (_states = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_states, Color.Error, 'rgba(246, 61, 61, 1)'), Color.Error_0_28_Opacity, 'rgba(185, 33, 46, 0.28)'), Color.Error_0_12_Opacity, 'rgba(255, 86, 78, 0.1)'), Color.ErrorHover, 'rgba(216, 46, 46, 1)'), Color.ErrorActive, 'rgba(185, 33, 46, 1)'), Color.Success, 'rgba(38, 193, 122, 1)'), Color.SuccessHover, 'rgba(30, 154, 98, 1)'), Color.SuccessActive, 'rgba(23, 116, 73, 1)'), Color.Warning, 'rgba(255, 172, 74, 1)'), Color.WarningHover, 'rgba(237, 145, 7, 1)'), _defineProperty(_defineProperty(_defineProperty(_states, Color.WarningActive, 'rgba(224, 135, 0, 1)'), Color.Info, 'rgba(41, 127, 184, 1)'), Color.Modified, 'rgba(165, 166, 246, 1)')),
+  flat: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Color.Red, 'rgba(219, 46, 50, 1)'), Color.Orange, 'rgba(255, 168, 0, 1)'), Color.Salad, 'rgba(143, 176, 33, 1)'), Color.Green, 'rgba(22, 160, 134, 1)'), Color.Blue, 'rgba(41, 127, 184, 1)'), Color.Indigo, 'rgba(91, 72, 162, 1)'), Color.Violet, 'rgba(141, 68, 173, 1)'), Color.Pink, 'rgba(211, 92, 158, 1)'),
+  uploader: (_uploader = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_uploader, Color.Link, 'rgba(250, 166, 68, 1)'), Color.Camera, 'rgba(73, 186, 224, 1)'), Color.GoogleDrive, 'rgba(81, 136, 238, 1)'), Color.Dropbox, 'rgba(17, 40, 124, 1)'), Color.OneDrive, 'rgba(40, 100, 186, 1)'), Color.Device, 'rgba(102, 73, 209, 1)'), Color.Instagram, 'rgba(244, 70, 154, 1)'), Color.Unsplash, 'rgba(173, 38, 220, 1)'), Color.FreeImages, 'rgba(16, 163, 135, 1)'), Color.FreeIcons, 'rgba(62, 207, 139, 1)'), _defineProperty(_defineProperty(_defineProperty(_uploader, Color.Canvas, 'rgba(36, 190, 202, 1)'), Color.Box, 'rgba(0, 97, 213, 1)'), Color.ScreenCast, 'rgba(48, 61, 78, 1)')),
+  extra: (_extra = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_extra, Color.GradientRight, 'linear-gradient(270deg, #FFFFFF 1.56%, rgba(255, 255, 255, 0.89) 52.4%, rgba(255, 255, 255, 0.532165) 76.04%, rgba(255, 255, 255, 0) 100%)'), Color.Extra_0_3_Overlay, 'rgba(79, 98, 118, 0.3)'), Color.GradientRightActive, 'linear-gradient(270deg, #F3F7FA 1.56%, #F3F7FA 52.4%, rgba(243, 247, 250, 0.53) 76.04%, rgba(243, 247, 250, 0) 100%)'), Color.GradientRightHover, 'linear-gradient(270deg, #F9FBFC 1.56%, #F9FBFC 52.4%, rgba(249, 251, 252, 0.53) 76.04%, rgba(249, 251, 252, 0) 100%)'), Color.Extra_0_5_Overlay, 'rgba(79, 98, 118, 0.5)'), Color.Extra_0_7_Overlay, 'rgba(79, 98, 118, 0.7)'), Color.Extra_0_9_Overlay, 'rgba(79, 98, 118, 0.9)'), Color.Red_0_1_Overlay, 'rgba(232, 91, 70, 0.1)'), Color.Orange_0_1_Overlay, 'rgba(250, 157, 47, 0.1)'), Color.Accent_0_8_Overlay, 'rgba(104, 121, 235, 0.08)'), _defineProperty(_defineProperty(_extra, Color.Green_0_2_Overlay, 'rgba(27, 161, 99, 0.2)'), Color.WHITE_0_7_8_Overlay, 'rgba(255, 255, 255, 0.78)'))
+};
+export var lightPalette = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, groupedPalette.text), groupedPalette.accent), groupedPalette.background), groupedPalette.icons), groupedPalette.button), groupedPalette.link), groupedPalette.borders), groupedPalette.states), groupedPalette.flat), groupedPalette.uploader), groupedPalette.extra), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Color.ActiveSecondary, '#FFFFFF'), Color.ActiveSecondaryHover, 'rgba(104, 121, 235, 0.05)'), Color.Tag, '#889AAC'), Color.StatesErrorDisabledText, 'rgba(185, 33, 46, 0.3)'), Color.LightShadow, 'rgba(146, 166, 188, 0.2)'), Color.MediumShadow, 'rgba(146, 166, 188, 0.24)'), Color.LargeShadow, 'rgba(146, 166, 188, 0.32)'), Color.XLargeShadow, 'rgba(146, 166, 188, 0.5)'));
+export var defaultPalette = lightPalette;

package/theme/roots/palette/entity/index.d.ts

@@ -0,0 +1,2 @@
+export * from './default-palette';
+export type { ColorsMap } from './colors-map';

package/theme/roots/palette/entity/index.js

@@ -0,0 +1,2 @@
+export * from './default-palette';
+export {};

package/theme/roots/palette/index.d.ts

@@ -0,0 +1,2 @@
+export type { ColorsMap } from './entity';
+export { defaultPalette, lightPalette, groupedPalette } from './entity';

package/theme/roots/palette/index.js

@@ -0,0 +1 @@
+export { defaultPalette, lightPalette, groupedPalette } from './entity';

package/theme/roots/shadows/entity/default-shadows.d.ts

@@ -0,0 +1,16 @@
+import type { ShadowsMap } from './shadows-map';
+export declare const shadows: {
+    "shadow-sm": string;
+    "shadow-md": string;
+    "shadow-lg": string;
+    "shadow-xl": string;
+    label: string;
+    header: string;
+    "header-popup": string;
+    "footer-popup": string;
+    "left-panel-md": string;
+    "right-panel-md": string;
+    "left-panel-sm": string;
+    "right-panel-sm": string;
+};
+export declare const defaultShadows: ShadowsMap;

package/theme/roots/shadows/entity/default-shadows.js

@@ -0,0 +1,5 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _shadows;
+import { Shadows } from '../../../../utils/types/shadows';
+export var shadows = (_shadows = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_shadows, Shadows.ShadowSm, '0px 1px 2px 0px rgba(146, 166, 188, 0.2)'), Shadows.ShadowMd, ' 0px 1px 4px 0px rgba(146, 166, 188, 0.24)'), Shadows.ShadowLg, ' 0px 2px 6px 0px rgba(146, 166, 188, 0.32)'), Shadows.ShadowXl, ' 0px 2px 6px 0px rgba(146, 166, 188, 0.5)'), Shadows.Label, ' 0px 1px 3px 0px rgba(77, 78, 78, 0.15)'), Shadows.Header, ' 0px 6px 10px 0px rgba(146, 166, 188, 0.2)'), Shadows.HeaderPopup, ' 0px 3px 7px 0px rgba(146, 166, 188, 0.16)'), Shadows.FooterPopup, ' 0px -4px 8px 0px rgba(208, 215, 220, 0.22)'), Shadows.LeftPanelMd, ' 6px 8px 12px 0px rgba(146, 166, 188, 0.14)'), Shadows.RightPanelMd, '-6px 8px 12px 0px rgba(146, 166, 188, 0.14)'), _defineProperty(_defineProperty(_shadows, Shadows.LeftPanelSm, '6px -4px 12px 0px rgba(146, 166, 188, 0.14)'), Shadows.RightPanelSm, '-6px -4px 12px 0px rgba(146, 166, 188, 0.14)'));
+export var defaultShadows = shadows;

package/theme/roots/shadows/entity/index.d.ts

@@ -0,0 +1,2 @@
+export * from './default-shadows';
+export type { ShadowsMap } from './shadows-map';

package/theme/roots/shadows/entity/index.js

@@ -0,0 +1,2 @@
+export * from './default-shadows';
+export {};

package/theme/roots/shadows/entity/shadows-map.d.ts

@@ -0,0 +1,4 @@
+import type { Values } from '../../../../utils/types'
+import { Shadows } from '../../../../utils/types/shadows'
+
+export type ShadowsMap = Record<Values<typeof Shadows>, string>

package/theme/roots/shadows/index.d.ts

@@ -0,0 +1,2 @@
+export type { ShadowsMap } from './entity';
+export { defaultShadows, shadows } from './entity';

package/theme/roots/shadows/index.js

@@ -0,0 +1 @@
+export { defaultShadows, shadows } from './entity';

package/theme/roots/shape/index.d.ts

@@ -0,0 +1 @@
+export type { ShapeProps } from './shape.props';

package/theme/roots/shape/index.js

@@ -0,0 +1 @@
+export {};

package/theme/roots/shape/shape.props.d.ts

@@ -0,0 +1,5 @@
+import type { Values } from '../../../utils/types';
+import { BorderRadiusSize } from '../../../utils/types/shape';
+export interface ShapeProps {
+    readonly borderRadius: Readonly<Record<Values<typeof BorderRadiusSize>, string>>;
+}

package/theme/roots/shape/shape.props.js

@@ -0,0 +1 @@
+export {};