@euler-edu/react 0.0.0-stage → 7.0.1-beta1

package/lib/utils/styles/color.d.ts

@@ -0,0 +1,89 @@
+import type { CSSProperties } from 'styled-components';
+import { color } from '../../constants/styles';
+import { type CodeEditorColorConfig } from '../../constants/styles';
+import type { Palette, PaletteConfig } from '../../constants/styles';
+declare const _default: {
+    readonly base: {
+        readonly gradual: {
+            readonly 1000: "#000000";
+            readonly 900: "#131313";
+            readonly 800: "#1e1f21";
+            readonly 700: "#303030";
+            readonly 600: "#4b4b4b";
+            readonly 500: "#757575";
+            readonly 400: "#9e9e9e";
+            readonly 300: "#bdbdbd";
+            readonly 200: "#d1d1d1";
+            readonly 150: "#e0e0e0";
+            readonly 100: "#ededed";
+            readonly 50: "#fafafb";
+            readonly 0: "#ffffff";
+        };
+        readonly red: {
+            readonly 300: "#fca5a5";
+            readonly 400: "#fb7185";
+            readonly 500: "#e11d48";
+            readonly 600: "#be123c";
+            readonly 700: "#9f1239";
+        };
+        readonly yellow: {
+            readonly 300: "#fde047";
+            readonly 400: "#facc15";
+            readonly 500: "#eab308";
+            readonly 600: "#ca8a04";
+            readonly 700: "#a16207";
+        };
+        readonly blue: {
+            readonly 300: "#93c5fd";
+            readonly 400: "#60a5fa";
+            readonly 500: "#3b82f6";
+            readonly 600: "#2563eb";
+            readonly 700: "#1d4ed8";
+        };
+        readonly green: {
+            readonly 300: "#86efac";
+            readonly 400: "#4ade80";
+            readonly 500: "#22c55e";
+            readonly 600: "#16a34a";
+            readonly 700: "#15803d";
+        };
+        readonly orange: {
+            readonly 300: "#fdba74";
+            readonly 400: "#fb923c";
+            readonly 500: "#f97316";
+            readonly 600: "#ea580c";
+            readonly 700: "#c2410c";
+        };
+        readonly purple: {
+            readonly 300: "#d8b4fe";
+            readonly 400: "#c084fc";
+            readonly 500: "#a855f7";
+            readonly 600: "#9333ea";
+            readonly 700: "#7e22ce";
+        };
+        readonly alphaGradual: {
+            readonly 50: "rgba(127, 127, 127, 0.05)";
+            readonly 100: "rgba(127, 127, 127, 0.1)";
+            readonly 200: "rgba(127, 127, 127, 0.2)";
+        };
+        readonly primary: {
+            readonly eulerRed: "#DD2725";
+        };
+        readonly social: {
+            readonly naver: "#03A94D";
+            readonly kakao: "#FEE500";
+            readonly youtube: "#EF2B2B";
+        };
+        readonly extra: {
+            readonly black: "#131313";
+            readonly white: "#fafafb";
+            readonly gold: "#7f6000";
+            readonly silver: "#757575";
+            readonly bronze: "#f56652";
+        };
+    };
+    readonly with_opacity: Record<keyof typeof color.opacity, (color: CSSProperties["color"]) => string>;
+    readonly palettes: Record<Palette, PaletteConfig>;
+    readonly code_editor_vars: CodeEditorColorConfig;
+};
+export default _default;

package/lib/utils/styles/color.js

@@ -0,0 +1,284 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles_1 = require("../../constants/styles");
+const styles_2 = require("../../constants/styles");
+const vars = Object.fromEntries(styles_1.color.var_keys.map(key => [key, `var(--${key}, ${styles_1.color.vars.light[key]})`]));
+const code_editor_vars = Object.fromEntries(styles_2.codeEditor.color_var_keys.map(key => [
+    key,
+    `var(--code-editor-${key}, ${styles_2.codeEditor.color_vars['vs-dark'][key]})`,
+]));
+const palettes = {
+    body: {
+        'background-primary': vars['background-body'],
+        'background-hovered': vars['shade-primary'],
+        'background-selected': vars['background-pure'],
+        'content-primary': vars['text-primary'],
+        'content-highlight': vars['text-highlight'],
+        'content-secondary': vars['text-secondary'],
+        'border-primary': vars['border-primary'],
+    },
+    'body-light': {
+        'background-primary': styles_1.color.vars.light['background-body'],
+        'background-hovered': styles_1.color.vars.light['shade-primary'],
+        'background-selected': styles_1.color.vars.light['background-pure'],
+        'content-primary': styles_1.color.vars.light['text-primary'],
+        'content-highlight': styles_1.color.vars.light['text-highlight'],
+        'content-secondary': styles_1.color.vars.light['text-secondary'],
+        'border-primary': styles_1.color.vars.light['border-primary'],
+    },
+    'body-dark': {
+        'background-primary': styles_1.color.vars.dark['background-body'],
+        'background-hovered': styles_1.color.vars.dark['shade-primary'],
+        'background-selected': styles_1.color.vars.dark['background-pure'],
+        'content-primary': styles_1.color.vars.dark['text-primary'],
+        'content-highlight': styles_1.color.vars.dark['text-highlight'],
+        'content-secondary': styles_1.color.vars.dark['text-secondary'],
+        'border-primary': styles_1.color.vars.dark['border-primary'],
+    },
+    'body-info': {
+        'background-primary': vars['background-body'],
+        'background-hovered': vars['background-info'],
+        'content-primary': vars['text-primary'],
+        'content-highlight': vars['text-secondary'],
+        'content-secondary': vars['text-primary'],
+        'border-primary': vars['border-primary'],
+    },
+    'body-error': {
+        'background-primary': vars['background-body'],
+        'background-hovered': vars['background-error'],
+        'content-primary': vars['text-primary'],
+        'content-highlight': vars['text-error'],
+        'border-primary': vars['border-error'],
+    },
+    'body-success': {
+        'background-primary': vars['background-body'],
+        'background-hovered': vars['background-success'],
+        'content-primary': vars['text-primary'],
+        'content-highlight': vars['text-success'],
+        'border-primary': vars['border-success'],
+    },
+    'body-warning': {
+        'background-primary': vars['background-body'],
+        'background-hovered': vars['background-warning'],
+        'content-primary': vars['text-primary'],
+        'content-highlight': vars['text-warning'],
+        'border-primary': vars['border-warning'],
+    },
+    'badge-surface': {
+        'background-primary': vars['background-pure'],
+        'content-primary': vars['text-primary'],
+        'border-primary': vars['border-primary'],
+    },
+    'badge-surface-secondary': {
+        'background-primary': vars['background-pure'],
+        'content-primary': vars['text-secondary'],
+        'border-primary': vars['border-primary'],
+    },
+    'badge-surface-success': {
+        'background-primary': vars['background-success'],
+        'content-primary': vars['text-success'],
+        'border-primary': vars['border-success'],
+    },
+    'badge-surface-error': {
+        'background-primary': vars['background-error'],
+        'content-primary': vars['text-error'],
+        'border-primary': vars['border-error'],
+    },
+    'badge-surface-warning': {
+        'background-primary': vars['background-warning'],
+        'content-primary': vars['text-warning'],
+        'border-primary': vars['border-warning'],
+    },
+    'badge-soft': {
+        'background-primary': vars['shade-highlight'],
+        'content-primary': vars['text-primary'],
+        'border-primary': 'none',
+    },
+    'badge-soft-red': {
+        'background-primary': styles_1.color.base.red[300],
+        'content-primary': styles_1.color.base.red[700],
+        'border-primary': 'none',
+    },
+    'badge-soft-yellow': {
+        'background-primary': styles_1.color.base.yellow[300],
+        'content-primary': styles_1.color.base.yellow[700],
+        'border-primary': 'none',
+    },
+    'badge-soft-blue': {
+        'background-primary': styles_1.color.base.blue[300],
+        'content-primary': styles_1.color.base.blue[700],
+        'border-primary': 'none',
+    },
+    'badge-soft-green': {
+        'background-primary': styles_1.color.base.green[300],
+        'content-primary': styles_1.color.base.green[700],
+        'border-primary': 'none',
+    },
+    'badge-soft-orange': {
+        'background-primary': styles_1.color.base.orange[300],
+        'content-primary': styles_1.color.base.orange[700],
+        'border-primary': 'none',
+    },
+    'badge-soft-purple': {
+        'background-primary': styles_1.color.base.purple[300],
+        'content-primary': styles_1.color.base.purple[700],
+        'border-primary': 'none',
+    },
+    'button-solid': {
+        'background-primary': vars['background-primary'],
+        'background-hovered': vars['background-hovered'],
+        'content-primary': vars['background-body'],
+        'border-primary': 'none',
+    },
+    'button-soft': {
+        'background-primary': vars['background-pure'],
+        'background-hovered': vars['background-body'],
+        'content-primary': vars['text-primary'],
+        'border-primary': vars['border-primary'],
+    },
+    'button-ghost': {
+        'background-primary': 'none',
+        'background-hovered': vars['shade-primary'],
+        'content-primary': vars['text-primary'],
+        'border-primary': vars['text-primary'],
+    },
+    'button-ghost-softly': {
+        'background-primary': 'none',
+        'background-hovered': vars['shade-primary'],
+        'content-primary': vars['text-secondary'],
+        'content-hovered': vars['text-primary'],
+        'border-primary': vars['text-secondary'],
+    },
+    'button-ghost-borderless': {
+        'background-primary': 'none',
+        'background-hovered': vars['shade-primary'],
+        'content-primary': vars['text-primary'],
+        'content-secondary': vars['text-secondary'],
+        'content-highlight': vars['text-highlight'],
+        'border-primary': 'none',
+    },
+    'button-chip': {
+        'background-primary': vars['background-pure'],
+        'background-hovered': vars['background-body'],
+        'background-selected': vars['background-primary'],
+        'content-primary': vars['text-primary'],
+        'content-selected': vars['background-body'],
+        'border-primary': vars['border-primary'],
+        'border-selected': vars['background-primary'],
+    },
+    'button-tab': {
+        'content-primary': vars['text-primary'],
+        'content-selected': vars['background-primary'],
+    },
+    'input-checkbox': {
+        'border-primary': vars['border-primary'],
+        'border-selected': vars['background-primary'],
+        'background-primary': vars['background-pure'],
+        'background-hovered': vars['background-body'],
+        'background-selected': vars['background-primary'],
+        'content-primary': vars['background-pure'],
+    },
+    'input-radio': {
+        'border-primary': vars['border-primary'],
+        'border-selected': vars['background-primary'],
+        'background-primary': vars['background-pure'],
+        'background-hovered': vars['background-body'],
+        'background-selected': vars['background-pure'],
+        'content-primary': vars['background-primary'],
+    },
+    'input-toggle': {
+        'border-primary': vars['border-primary'],
+        'border-selected': vars['background-primary'],
+        'background-primary': vars['background-body'],
+        'background-selected': vars['background-primary'],
+        'content-primary': vars['background-pure'],
+    },
+    'input-text': {
+        'background-primary': vars['background-pure'],
+        'background-hovered': vars['background-body'],
+        'content-primary': vars['text-primary'],
+        'content-secondary': vars['text-secondary'],
+        'border-primary': vars['border-primary'],
+        'border-selected': vars['text-primary'],
+        'border-invalid': vars['border-error'],
+    },
+    'chart-soft': {
+        'background-primary': vars['shade-primary'],
+        'background-selected': vars['background-primary'],
+        'content-primary': vars['text-primary'],
+        'content-highlight': vars['text-highlight'],
+        'content-secondary': vars['text-secondary'],
+        'border-primary': 'none',
+    },
+    'chart-soft-blue': {
+        'background-primary': vars['shade-primary'],
+        'background-selected': styles_1.color.base.blue[500],
+        'content-primary': vars['text-primary'],
+        'content-highlight': vars['text-highlight'],
+        'content-secondary': vars['text-secondary'],
+        'border-primary': 'none',
+    },
+    'chart-soft-green': {
+        'background-primary': vars['shade-primary'],
+        'background-selected': styles_1.color.base.green[500],
+        'content-primary': vars['text-primary'],
+        'content-highlight': vars['text-highlight'],
+        'content-secondary': vars['text-secondary'],
+        'border-primary': 'none',
+    },
+    'overlay-tooltip': {
+        'background-primary': vars['border-primary'],
+        'content-primary': vars['text-primary'],
+        'border-primary': vars['border-primary'],
+    },
+    'table-base': {
+        'background-primary': 'none',
+        'background-hovered': vars['shade-primary'],
+        'content-primary': vars['text-primary'],
+        'content-highlight': vars['background-primary'],
+        'content-secondary': vars['text-secondary'],
+        'border-primary': vars['border-primary'],
+    },
+};
+exports.default = {
+    base: styles_1.color.base,
+    with_opacity: Object.fromEntries(Object.entries(styles_1.color.opacity).map(([key, opacity]) => [
+        key,
+        (color) => `color-mix(in srgb, ${color} ${opacity * 100}%, transparent)`,
+    ])),
+    palettes: Object.fromEntries(styles_1.color.palette_keys.map(key => {
+        const p = palettes[key];
+        return [
+            key,
+            {
+                ...p,
+                'border-hovered': p['border-hovered'] || p['border-primary'],
+                'border-selected': p['border-selected'] || p['border-hovered'] || p['border-primary'],
+                'border-invalid': p['border-invalid'] ||
+                    p['border-selected'] ||
+                    p['border-hovered'] ||
+                    p['border-primary'],
+                'background-hovered': p['background-hovered'] || p['background-primary'],
+                'background-selected': p['background-selected'] ||
+                    p['background-hovered'] ||
+                    p['background-primary'],
+                'background-invalid': p['background-invalid'] ||
+                    p['background-selected'] ||
+                    p['background-hovered'] ||
+                    p['background-primary'],
+                'content-highlight': p['content-highlight'] || p['content-primary'],
+                'content-secondary': p['content-secondary'] || p['content-primary'],
+                'content-hovered': p['content-hovered'] || p['content-primary'],
+                'content-selected': p['content-selected'] ||
+                    p['content-hovered'] ||
+                    p['content-primary'],
+                'content-invalid': p['content-invalid'] ||
+                    p['content-selected'] ||
+                    p['content-hovered'] ||
+                    p['content-primary'],
+            },
+        ];
+    })),
+    code_editor_vars,
+};
+//# sourceMappingURL=color.js.map

package/lib/utils/styles/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../src/utils/styles/color.ts"],"names":[],"mappings":"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"}

package/lib/utils/styles/global.d.ts

@@ -0,0 +1,19 @@
+import type { RuleSet } from 'styled-components';
+declare const _default: {
+    readonly common: RuleSet<object>;
+    readonly color: {
+        light: RuleSet<object>;
+        dark: RuleSet<object>;
+        'light-high-contrast': RuleSet<object>;
+        'dark-high-contrast': RuleSet<object>;
+        'dark-dimmed': RuleSet<object>;
+        'dark-colorblind': RuleSet<object>;
+        'light-colorblind': RuleSet<object>;
+    };
+    readonly code_editor_color: {
+        vs: RuleSet<object>;
+        'vs-dark': RuleSet<object>;
+        'hc-black': RuleSet<object>;
+    };
+};
+export default _default;

package/lib/utils/styles/global.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styled_components_1 = require("styled-components");
+const styles_1 = require("../../constants/styles");
+const varGenerator = (config) => (0, styled_components_1.css) `
+  :root {
+    ${Object.entries(config).map(([key, value]) => `--${key}: ${value};`)}
+  }
+`;
+const codeEditorVarGenerator = (config) => (0, styled_components_1.css) `
+  :root {
+    ${Object.entries(config).map(([key, value]) => `--code-editor-${key}: ${value};`)}
+  }
+`;
+exports.default = {
+    common: styles_1.global,
+    color: {
+        light: varGenerator(styles_1.color.vars.light),
+        dark: varGenerator(styles_1.color.vars.dark),
+        'light-high-contrast': varGenerator(styles_1.color.vars['light-high-contrast']),
+        'dark-high-contrast': varGenerator(styles_1.color.vars['dark-high-contrast']),
+        'dark-dimmed': varGenerator(styles_1.color.vars['dark-dimmed']),
+        'dark-colorblind': varGenerator(styles_1.color.vars['dark-colorblind']),
+        'light-colorblind': varGenerator(styles_1.color.vars['light-colorblind']),
+    },
+    code_editor_color: {
+        vs: codeEditorVarGenerator(styles_1.codeEditor.color_vars.vs),
+        'vs-dark': codeEditorVarGenerator(styles_1.codeEditor.color_vars['vs-dark']),
+        'hc-black': codeEditorVarGenerator(styles_1.codeEditor.color_vars['hc-black']),
+    },
+};
+//# sourceMappingURL=global.js.map

package/lib/utils/styles/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","sourceRoot":"","sources":["../../../src/utils/styles/global.ts"],"names":[],"mappings":";;AAAA,yDAAwC;AAKxC,+CAA+D;AAG/D,MAAM,YAAY,GAAG,CAAC,MAAmB,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;MAE3C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,KAAK,GAAG,CAAC;;CAExE,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,MAAsC,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;MAExE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAC1B,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,KAAK,GAAG,CACpD;;CAEJ,CAAC;AAEF,kBAAe;IACb,MAAM,EAAE,eAAM;IACd,KAAK,EAAE;QACL,KAAK,EAAE,YAAY,CAAC,cAAK,CAAC,IAAI,CAAC,KAAK,CAAC;QACrC,IAAI,EAAE,YAAY,CAAC,cAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QACnC,qBAAqB,EAAE,YAAY,CAAC,cAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACtE,oBAAoB,EAAE,YAAY,CAAC,cAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACpE,aAAa,EAAE,YAAY,CAAC,cAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACtD,iBAAiB,EAAE,YAAY,CAAC,cAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC9D,kBAAkB,EAAE,YAAY,CAAC,cAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;KAChC;IAClC,iBAAiB,EAAE;QACjB,EAAE,EAAE,sBAAsB,CAAC,mBAAU,CAAC,UAAU,CAAC,EAAE,CAAC;QACpD,SAAS,EAAE,sBAAsB,CAAC,mBAAU,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QACnE,UAAU,EAAE,sBAAsB,CAAC,mBAAU,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;KAC/B;CAChC,CAAC"}

package/lib/utils/styles/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from 'styled-components';
+export * from 'styled-components';
+export { default as theme } from './theme';
+export * from './wrapper';

package/lib/utils/styles/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.theme = exports.default = void 0;
+var styled_components_1 = require("styled-components");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(styled_components_1).default; } });
+__exportStar(require("styled-components"), exports);
+var theme_1 = require("./theme");
+Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return __importDefault(theme_1).default; } });
+__exportStar(require("./wrapper"), exports);
+//# sourceMappingURL=index.js.map

package/lib/utils/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,uDAA4C;AAAnC,6HAAA,OAAO,OAAA;AAChB,oDAAkC;AAClC,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,4CAA0B"}