@gostudent/shared-ui-library 1.33.0 → 2.0.0

package/src/tokens/output/gs/semantic-colors/variables.css

@@ -69,14 +69,15 @@
   --color-surface-icons-pending: #f4c244;
   --color-surface-selected: #e3e8f6;
   --color-surface-disabled: #f8f8fa;
-  --color-surface-subtle-blue: #f4f6fb;
-  --color-surface-feedback-default: #f8f8fa;
+  --color-surface-light-steel: #f8f8fa;
   --color-surface-blue: #0b2fac;
   --color-surface-stepper: #3c59bd;
   --color-surface-tooltip: #232532;
   --color-surface-calendar-date: #0b2fac;
   --color-surface-calendar-triangle: #0b2fac;
   --color-surface-calendar-dot: #f4c244;
+  --color-surface-branded: #f4f6fb;
+  --color-surface-pill: #f4f6fb;
   --color-border-default: #dadbe5;
   --color-border-white: #ffffff;
   --color-border-focus: #0b2fac;
@@ -85,7 +86,7 @@
   --color-border-medium: #c3c5d5;
   --color-border-feedback-default: #555978;
   --color-border-dark: #131e29;
-  --color-border-pill: #6d82cd;
+  --color-border-pill: #3c59bd;
   --color-border-selected: #0b2fac;
   --color-text-primary: #131e29;
   --color-text-secondary: #555978;
@@ -105,8 +106,8 @@
   --color-in-progress-border: #5dc18b;
   --color-in-progress-dot: #5dc18b;
   --color-in-progress-dot-flash: #c5e9d5;
-  --color-subjects-de-bi-ph-hi: #ca04a9;
-  --color-subjects-it-es-tr: #c6005c;
+  --color-subjects-de-bi-ph-hi: #c6005c;
+  --color-subjects-it-es-tr: #db30c4;
   --color-subjects-ma: #008599;
   --color-subjects-la-ch-fr: #c83e20;
   --color-subjects-nl-en: #7b62d7;

package/src/tokens/output/sk/semantic-colors/tokens.d.ts

@@ -66,14 +66,15 @@ export declare const t: {
   readonly colorSurfaceIconsPending: string;
   readonly colorSurfaceSelected: string;
   readonly colorSurfaceDisabled: string;
-  readonly colorSurfaceSubtleBlue: string;
-  readonly colorSurfaceFeedbackDefault: string;
+  readonly colorSurfaceLightSteel: string;
   readonly colorSurfaceBlue: string;
   readonly colorSurfaceStepper: string;
   readonly colorSurfaceTooltip: string;
   readonly colorSurfaceCalendarDate: string;
   readonly colorSurfaceCalendarTriangle: string;
   readonly colorSurfaceCalendarDot: string;
+  readonly colorSurfaceBranded: string;
+  readonly colorSurfacePill: string;
   readonly colorBorderDefault: string;
   readonly colorBorderWhite: string;
   readonly colorBorderFocus: string;

package/src/tokens/output/sk/semantic-colors/tokens.js

@@ -66,14 +66,15 @@ export const t = {
   colorSurfaceIconsPending: 'var(--color-surface-icons-pending)',
   colorSurfaceSelected: 'var(--color-surface-selected)',
   colorSurfaceDisabled: 'var(--color-surface-disabled)',
-  colorSurfaceSubtleBlue: 'var(--color-surface-subtle-blue)',
-  colorSurfaceFeedbackDefault: 'var(--color-surface-feedback-default)',
+  colorSurfaceLightSteel: 'var(--color-surface-light-steel)',
   colorSurfaceBlue: 'var(--color-surface-blue)',
   colorSurfaceStepper: 'var(--color-surface-stepper)',
   colorSurfaceTooltip: 'var(--color-surface-tooltip)',
   colorSurfaceCalendarDate: 'var(--color-surface-calendar-date)',
   colorSurfaceCalendarTriangle: 'var(--color-surface-calendar-triangle)',
   colorSurfaceCalendarDot: 'var(--color-surface-calendar-dot)',
+  colorSurfaceBranded: 'var(--color-surface-branded)',
+  colorSurfacePill: 'var(--color-surface-pill)',
   colorBorderDefault: 'var(--color-border-default)',
   colorBorderWhite: 'var(--color-border-white)',
   colorBorderFocus: 'var(--color-border-focus)',

package/src/tokens/output/sk/semantic-colors/tokens.ts

@@ -66,14 +66,15 @@ export const t = {
   colorSurfaceIconsPending: 'var(--color-surface-icons-pending)',
   colorSurfaceSelected: 'var(--color-surface-selected)',
   colorSurfaceDisabled: 'var(--color-surface-disabled)',
-  colorSurfaceSubtleBlue: 'var(--color-surface-subtle-blue)',
-  colorSurfaceFeedbackDefault: 'var(--color-surface-feedback-default)',
+  colorSurfaceLightSteel: 'var(--color-surface-light-steel)',
   colorSurfaceBlue: 'var(--color-surface-blue)',
   colorSurfaceStepper: 'var(--color-surface-stepper)',
   colorSurfaceTooltip: 'var(--color-surface-tooltip)',
   colorSurfaceCalendarDate: 'var(--color-surface-calendar-date)',
   colorSurfaceCalendarTriangle: 'var(--color-surface-calendar-triangle)',
   colorSurfaceCalendarDot: 'var(--color-surface-calendar-dot)',
+  colorSurfaceBranded: 'var(--color-surface-branded)',
+  colorSurfacePill: 'var(--color-surface-pill)',
   colorBorderDefault: 'var(--color-border-default)',
   colorBorderWhite: 'var(--color-border-white)',
   colorBorderFocus: 'var(--color-border-focus)',

package/src/tokens/output/sk/semantic-colors/variables.css

@@ -58,10 +58,10 @@
   --color-feedback-error-text: #000000;
   --color-surface-default: #ffffff;
   --color-surface-subtle-steel: #f0f1f4;
-  --color-surface-hover: #bfd2e9;
+  --color-surface-hover: #e9e9ef;
   --color-surface-icons-medium: #131e29;
   --color-surface-icons-default: #555978;
-  --color-surface-icons-primary: #c10223;
+  --color-surface-icons-primary: #131e29;
   --color-surface-icons-disabled: #dadbe5;
   --color-surface-icons-tooltip: #749ecf;
   --color-surface-icons-white: #ffffff;
@@ -69,14 +69,15 @@
   --color-surface-icons-pending: #f4c534;
   --color-surface-selected: #bfd2e9;
   --color-surface-disabled: #f8f8fa;
-  --color-surface-subtle-blue: #eaf1f8;
-  --color-surface-feedback-default: #f8f8fa;
+  --color-surface-light-steel: #f8f8fa;
   --color-surface-blue: #306eb8;
-  --color-surface-stepper: #598bc6;
+  --color-surface-stepper: #131e29;
   --color-surface-tooltip: #232532;
   --color-surface-calendar-date: #131e29;
   --color-surface-calendar-triangle: #c10223;
   --color-surface-calendar-dot: #f4c534;
+  --color-surface-branded: #ffffff;
+  --color-surface-pill: #eaf1f8;
   --color-border-default: #dadbe5;
   --color-border-white: #ffffff;
   --color-border-focus: #131e29;
@@ -85,8 +86,8 @@
   --color-border-medium: #c3c5d5;
   --color-border-feedback-default: #555978;
   --color-border-dark: #131e29;
-  --color-border-pill: #749ecf;
-  --color-border-selected: #306eb8;
+  --color-border-pill: #598bc6;
+  --color-border-selected: #131e29;
   --color-text-primary: #131e29;
   --color-text-secondary: #555978;
   --color-text-inverse: #ffffff;
@@ -105,8 +106,8 @@
   --color-in-progress-border: #5dc18b;
   --color-in-progress-dot: #5dc18b;
   --color-in-progress-dot-flash: #c5e9d5;
-  --color-subjects-de-bi-ph-hi: #ca04a9;
-  --color-subjects-it-es-tr: #c6005c;
+  --color-subjects-de-bi-ph-hi: #c6005c;
+  --color-subjects-it-es-tr: #db30c4;
   --color-subjects-ma: #117781;
   --color-subjects-la-ch-fr: #c83e20;
   --color-subjects-nl-en: #a249a8;

package/src/tokens/output/sk/semantic-font-desktop/variables.css

@@ -24,8 +24,8 @@
   --font-desktop-heading-line-height-h6: 1.25rem;
   --font-desktop-subtitle-font-size-md: 1.5rem;
   --font-desktop-subtitle-font-size-sm: 1.125rem;
-  --font-desktop-subtitle-font-weight-md: 500;
-  --font-desktop-subtitle-font-weight-sm: 400;
+  --font-desktop-subtitle-font-weight-md: 700;
+  --font-desktop-subtitle-font-weight-sm: 800;
   --font-desktop-subtitle-line-height-md: 2rem;
   --font-desktop-subtitle-line-height-sm: 1.75rem;
   --font-desktop-body-font-weight-md: 600;

package/src/tokens/output/sk/semantic-font-mobile/variables.css

@@ -12,15 +12,15 @@
   --font-mobile-heading-line-height-h3: 1.75rem;
   --font-mobile-heading-line-height-h4: 1.5rem;
   --font-mobile-heading-font-weight-h1: 800;
-  --font-mobile-heading-font-weight-h2: 700;
-  --font-mobile-heading-font-weight-h3: 600;
-  --font-mobile-heading-font-weight-h4: 700;
+  --font-mobile-heading-font-weight-h2: 800;
+  --font-mobile-heading-font-weight-h3: 700;
+  --font-mobile-heading-font-weight-h4: 800;
   --font-mobile-subtitle-font-size-md: 1rem;
   --font-mobile-subtitle-font-size-sm: 0.875rem;
   --font-mobile-subtitle-line-height-md: 1.5rem;
   --font-mobile-subtitle-line-height-sm: 1.25rem;
-  --font-mobile-subtitle-font-weight-md: 500;
-  --font-mobile-subtitle-font-weight-sm: 600;
+  --font-mobile-subtitle-font-weight-md: 700;
+  --font-mobile-subtitle-font-weight-sm: 700;
   --font-mobile-body-font-weight-md: 500;
   --font-mobile-body-font-weight-sm: 400;
   --font-mobile-body-font-size-md: 1rem;

package/dist/LineChartImpl-DUgs8fvF.js

@@ -1,155 +0,0 @@
-import { jsx as e, jsxs as n, Fragment as D } from "react/jsx-runtime";
-import { ResponsiveContainer as y, LineChart as W, CartesianGrid as w, XAxis as C, YAxis as S, Tooltip as A, Legend as M, Line as m, ReferenceLine as _ } from "recharts";
-import { s as t, f as g, e as B } from "./index-BetfWNU1.js";
-const v = [
-  "var(--color-chart-series-1)",
-  "var(--color-chart-series-2)",
-  "var(--color-chart-series-3)",
-  "var(--color-chart-series-4)",
-  "var(--color-chart-series-5)",
-  "var(--color-chart-series-6)",
-  "var(--color-chart-series-7)",
-  "var(--color-chart-series-8)"
-];
-function E(a) {
-  let r = 0;
-  for (let l = 0; l < a.length; l++)
-    r = a.charCodeAt(l) + ((r << 5) - r);
-  return v[Math.abs(r) % v.length];
-}
-function R({ active: a, payload: r, label: l, locale: c }) {
-  if (!a || !(r != null && r.length)) return null;
-  const d = l != null ? new Date(l) : null, i = d ? g(d, "d MMM yyyy", { locale: c }) : "";
-  return /* @__PURE__ */ n("div", { className: t.tooltip, role: "tooltip", children: [
-    i && /* @__PURE__ */ e("p", { className: t.tooltipDate, children: i }),
-    r.map((s) => /* @__PURE__ */ n("div", { className: t.tooltipRow, children: [
-      /* @__PURE__ */ e("span", { className: t.tooltipDot, style: { background: s.color }, "aria-hidden": "true" }),
-      /* @__PURE__ */ e("span", { className: t.tooltipLabel, children: s.name }),
-      /* @__PURE__ */ e("span", { className: t.tooltipValue, children: s.value })
-    ] }, s.name))
-  ] });
-}
-function T({ payload: a }) {
-  return a != null && a.length ? /* @__PURE__ */ e("ul", { className: t.legend, role: "list", children: a.map((r) => /* @__PURE__ */ n("li", { className: t.legendItem, children: [
-    r.type === "plainline" ? /* @__PURE__ */ e("svg", { className: t.legendLineSvg, viewBox: "0 0 24 4", "aria-hidden": "true", children: /* @__PURE__ */ e("line", { x1: "0", y1: "2", x2: "24", y2: "2", stroke: r.color, strokeWidth: "2", strokeDasharray: "4 3" }) }) : /* @__PURE__ */ e("svg", { className: t.legendLineSvg, viewBox: "0 0 24 4", "aria-hidden": "true", children: /* @__PURE__ */ e("line", { x1: "0", y1: "2", x2: "24", y2: "2", stroke: r.color, strokeWidth: "2" }) }),
-    /* @__PURE__ */ e("span", { className: t.legendLabel, children: r.value })
-  ] }, r.value)) }) : null;
-}
-function K({
-  data: a,
-  series: r,
-  yDomain: l,
-  yTicks: c,
-  reversed: d = !1,
-  referenceLine: i,
-  colorMap: s,
-  locale: k = B,
-  labels: p,
-  renderTooltipContent: f,
-  height: x = 240,
-  className: L
-}) {
-  if (!a.length)
-    return /* @__PURE__ */ e("div", { className: t.empty, role: "status", children: p.noData });
-  const u = k, N = [t.root, L].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("figure", { className: N, children: /* @__PURE__ */ e("div", { className: t.chart, children: /* @__PURE__ */ e(y, { width: "100%", height: x, children: /* @__PURE__ */ n(W, { data: [...a], margin: { top: 8, right: 8, bottom: 0, left: -16 }, children: [
-    /* @__PURE__ */ e(
-      w,
-      {
-        strokeDasharray: "none",
-        stroke: "var(--color-border-default, #dadbe5)",
-        strokeWidth: 1,
-        vertical: !1
-      }
-    ),
-    /* @__PURE__ */ e(
-      C,
-      {
-        dataKey: "ts",
-        type: "number",
-        scale: "time",
-        domain: ["dataMin", "dataMax"],
-        tickFormatter: (o) => g(new Date(o), "d MMM", { locale: u }),
-        tick: { fontSize: 11, fill: "var(--color-text-secondary, #555978)" },
-        axisLine: { stroke: "var(--color-border-default, #dadbe5)" },
-        tickLine: !1,
-        minTickGap: 40
-      }
-    ),
-    /* @__PURE__ */ e(
-      S,
-      {
-        domain: [...l],
-        ticks: c ? [...c] : void 0,
-        reversed: d,
-        tick: { fontSize: 11, fill: "var(--color-text-secondary, #555978)" },
-        axisLine: !1,
-        tickLine: !1,
-        width: 28
-      }
-    ),
-    /* @__PURE__ */ e(
-      A,
-      {
-        content: (o) => {
-          const h = { ...o, locale: u };
-          return f ? f(h) : /* @__PURE__ */ e(R, { ...h });
-        },
-        cursor: { stroke: "var(--color-border-medium, #c3c5d5)", strokeWidth: 1 }
-      }
-    ),
-    /* @__PURE__ */ e(
-      M,
-      {
-        content: (o) => /* @__PURE__ */ e(T, { ...o }),
-        verticalAlign: "bottom"
-      }
-    ),
-    r.map(({ key: o, label: h }) => {
-      const b = (s == null ? void 0 : s[o]) ?? E(o);
-      return /* @__PURE__ */ e(
-        m,
-        {
-          type: "monotone",
-          dataKey: o,
-          name: h ?? o,
-          stroke: b,
-          strokeWidth: 2,
-          dot: { r: 4, strokeWidth: 2, fill: "var(--color-surface-default, #ffffff)" },
-          activeDot: { r: 6, strokeWidth: 2 },
-          connectNulls: !1
-        },
-        o
-      );
-    }),
-    i && /* @__PURE__ */ n(D, { children: [
-      /* @__PURE__ */ e(
-        m,
-        {
-          dataKey: "__ref__",
-          name: i.label,
-          stroke: "var(--color-chart-reference)",
-          strokeDasharray: "6 4",
-          strokeWidth: 1.5,
-          dot: !1,
-          activeDot: !1,
-          legendType: "plainline"
-        }
-      ),
-      /* @__PURE__ */ e(
-        _,
-        {
-          y: i.value,
-          stroke: "var(--color-chart-reference)",
-          strokeDasharray: "6 4",
-          strokeWidth: 1.5,
-          label: !1,
-          ifOverflow: "extendDomain"
-        }
-      )
-    ] })
-  ] }) }) }) });
-}
-export {
-  K as default
-};