@central-design-system/components 4.0.0-alpha.3 → 4.0.0-alpha.4

package/CHANGELOG.md

@@ -258,6 +258,7 @@ _TBD_
 - **CdsOtpInput**: новый компонент — поле ввода одноразового кода: ячейки только отрисовывают код, а ввод принимает один скрытый `input` с `autocomplete="one-time-code"`, поэтому работают автозаполнение из SMS, вставка целой строкой из буфера, выделение и стрелки. Пропсы `length`, `type` (`number` / `text` / `password`), `masked`, `pattern` (готовые наборы `numeric` / `alpha` / `alphanumeric` / `unicode-alpha` / `unicode-alphanumeric` или свой RegExp), `placeholder`, `divider`, `merged`, `focusAll`, `error`, `loading`, `autofocus`, цветовые пропсы и `size`; событие `finish` при полностью набранном коде, слоты `fields` / `divider` / `loader` / `default` и exposed-методы `focus()` / `blur()` / `reset()`.
 - **CdsOtpField** / **CdsOtpGroup** / **CdsOtpSeparator**: атомы поля ввода кода — через слот `fields` из них собирается своя раскладка ячеек, например группировка «3 — 3» с общей рамкой у каждой группы.
 - **useOtpInput**: headless-композабл ввода кода — раскладывает значение по ячейкам в графемах (эмодзи занимают одну ячейку), фильтрует символы по паттерну, ведёт выделение скрытого input и поддерживает IME-композицию.
+- **Темы**: новые темы `lumaLight` / `lumaDark` — брендовые токены (`brand-primary*` / `brand-secondary*`) в красной гамме логотипа Luma (`#C71B3C` / `#D2154B`), остальные значения наследуются от базовых тем `cdsLight` / `cdsDark`. Всего пакет теперь поставляет восемь готовых тем.
 
 ### Улучшения
 

package/MIGRATION.md

@@ -4,7 +4,7 @@
 Этот документ — **живой** migration guide: записи добавляются по мере появления
 breaking-изменений в alpha/beta релизах CDS 4.
 
-> Версии: CDS 3 — `3.10.1` (стабильная), CDS 4 — `4.0.0-alpha.3` (в разработке).
+> Версии: CDS 3 — `3.10.1` (стабильная), CDS 4 — `4.0.0-alpha.4` (в разработке).
 
 ## Как читать этот документ
 

package/dist/browser/chunks/cdsLegacy-VUz8RzDN.js

@@ -0,0 +1,120 @@
+import { h as L, resolveComponent as w } from "vue";
+const R = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), A = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), I = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), S = /[^\p{L}\d]+/giu, _ = "$1\0$2", E = "";
+function i(r) {
+  let e = r.trim();
+  e = e.replace(R, _).replace(A, _), e = e.replace(S, "\0");
+  let c = 0, a = e.length;
+  for (; e.charAt(c) === "\0"; ) c++;
+  if (c === a) return [];
+  for (; e.charAt(a - 1) === "\0"; ) a--;
+  return e.slice(c, a).split("\0");
+}
+function T(r) {
+  const e = i(r);
+  for (let c = 0; c < e.length; c++) {
+    const a = e[c], l = I.exec(a);
+    if (l) {
+      const u = l.index + (l[1] ?? l[2]).length;
+      e.splice(c, 1, a.slice(0, u), a.slice(u));
+    }
+  }
+  return e;
+}
+function h(r, e) {
+  const [c, a, l] = s(r, e);
+  return c + a.map(m(e == null ? void 0 : e.locale)).join((e == null ? void 0 : e.delimiter) ?? " ") + l;
+}
+function j(r, e) {
+  const [c, a, l] = s(r, e), u = m(e == null ? void 0 : e.locale), f = d(e == null ? void 0 : e.locale), t = e != null && e.mergeAmbiguousCharacters ? x(u, f) : g(u, f);
+  return c + a.map((n, C) => C === 0 ? u(n) : t(n, C)).join((e == null ? void 0 : e.delimiter) ?? "") + l;
+}
+function F(r, e) {
+  const [c, a, l] = s(r, e), u = m(e == null ? void 0 : e.locale), f = d(e == null ? void 0 : e.locale), t = e != null && e.mergeAmbiguousCharacters ? x(u, f) : g(u, f);
+  return c + a.map(t).join((e == null ? void 0 : e.delimiter) ?? "") + l;
+}
+function k(r, e) {
+  return P(r, { delimiter: "_", ...e });
+}
+function P(r, e) {
+  const [c, a, l] = s(r, e), u = m(e == null ? void 0 : e.locale), f = d(e == null ? void 0 : e.locale);
+  return c + a.map(x(u, f)).join((e == null ? void 0 : e.delimiter) ?? " ") + l;
+}
+function y(r, e) {
+  const [c, a, l] = s(r, e);
+  return c + a.map(d(e == null ? void 0 : e.locale)).join((e == null ? void 0 : e.delimiter) ?? "_") + l;
+}
+function $(r, e) {
+  return h(r, { delimiter: ".", ...e });
+}
+function N(r, e) {
+  return h(r, { delimiter: "-", ...e });
+}
+function X(r, e) {
+  return h(r, { delimiter: "/", ...e });
+}
+function D(r, e) {
+  const [c, a, l] = s(r, e), u = m(e == null ? void 0 : e.locale), f = d(e == null ? void 0 : e.locale), t = x(u, f);
+  return c + a.map((n, C) => C === 0 ? t(n) : u(n)).join((e == null ? void 0 : e.delimiter) ?? " ") + l;
+}
+function v(r, e) {
+  return h(r, { delimiter: "_", ...e });
+}
+function B(r, e) {
+  return P(r, { delimiter: "-", ...e });
+}
+function m(r) {
+  return r === !1 ? (e) => e.toLowerCase() : (e) => e.toLocaleLowerCase(r);
+}
+function d(r) {
+  return r === !1 ? (e) => e.toUpperCase() : (e) => e.toLocaleUpperCase(r);
+}
+function x(r, e) {
+  return (c) => `${e(c[0])}${r(c.slice(1))}`;
+}
+function g(r, e) {
+  return (c, a) => {
+    const l = c[0];
+    return (a > 0 && l >= "0" && l <= "9" ? "_" + l : e(l)) + r(c.slice(1));
+  };
+}
+function s(r, e = {}) {
+  const c = e.split ?? (e.separateNumbers ? T : i), a = e.prefixCharacters ?? E, l = e.suffixCharacters ?? E;
+  let u = 0, f = r.length;
+  for (; u < r.length; ) {
+    const t = r.charAt(u);
+    if (!a.includes(t)) break;
+    u++;
+  }
+  for (; f > u; ) {
+    const t = f - 1, n = r.charAt(t);
+    if (!l.includes(n)) break;
+    f = t;
+  }
+  return [r.slice(0, u), c(r.slice(u, f)), r.slice(f)];
+}
+const U = {
+  component: (r) => {
+    const { icon: e, tag: c, ...a } = r, l = L(w(`Icon${F(e)}`), { key: e });
+    return L(c, a, l);
+  }
+}, G = {
+  icons: U
+};
+export {
+  P as a,
+  y as b,
+  j as c,
+  $ as d,
+  k as e,
+  X as f,
+  v as g,
+  i as h,
+  T as i,
+  G as j,
+  N as k,
+  U as l,
+  h as n,
+  F as p,
+  D as s,
+  B as t
+};

package/dist/browser/chunks/useIcons.component-Df4MSurB.js

@@ -0,0 +1,102 @@
+import { defineComponent as u, createVNode as i, mergeProps as o } from "vue";
+const f = [String, Function, Object, Array], g = Symbol.for("cds:icons");
+function s(n, l) {
+  return (t) => Object.keys(n).reduce((c, e) => {
+    const r = typeof n[e] == "object" && n[e] != null && !Array.isArray(n[e]) ? n[e] : { type: n[e] };
+    return t && e in t ? c[e] = {
+      ...r,
+      default: t[e]
+    } : c[e] = r, l && !c[e].source && (c[e].source = l), c;
+  }, {});
+}
+const a = s({
+  icon: {
+    type: f
+  },
+  tag: {
+    type: [String, Object, Function],
+    required: !0
+  }
+}, "icon"), m = /* @__PURE__ */ u({
+  name: "ComponentIcon",
+  props: a(),
+  setup(n, {
+    slots: l
+  }) {
+    return () => {
+      const t = n.icon;
+      return i(n.tag, null, {
+        default: () => {
+          var c;
+          return [n.icon ? i(t, null, null) : (c = l.default) == null ? void 0 : c.call(l)];
+        }
+      });
+    };
+  }
+}), I = /* @__PURE__ */ u({
+  name: "SvgIcon",
+  inheritAttrs: !1,
+  props: {
+    ...a(),
+    /**
+     * The `viewBox` of the rendered `<svg>`. Defaults to a 24×24 coordinate system.
+     * Icon sets authored in a different coordinate system (e.g. the legacy CDS 16×16 set)
+     * can override it.
+     */
+    viewBox: {
+      type: String,
+      default: "0 0 24 24"
+    },
+    /**
+     * The `fill-rule` applied to the rendered paths. Left unset by default (browser default `nonzero`).
+     * Sets whose icons rely on cut-outs/holes can opt into `evenodd`.
+     */
+    fillRule: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(n, {
+    attrs: l
+  }) {
+    return () => i(n.tag, o(l, {
+      style: null
+    }), {
+      default: () => [i("svg", {
+        class: "cds-icon__svg",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: n.viewBox,
+        role: "img",
+        "aria-hidden": "true"
+      }, [Array.isArray(n.icon) ? n.icon.map((t) => Array.isArray(t) ? i("path", {
+        d: t[0],
+        "fill-opacity": t[1],
+        "fill-rule": n.fillRule
+      }, null) : i("path", {
+        d: t,
+        "fill-rule": n.fillRule
+      }, null)) : i("path", {
+        d: n.icon,
+        "fill-rule": n.fillRule
+      }, null)])]
+    });
+  }
+});
+a();
+const S = /* @__PURE__ */ u({
+  name: "ClassIcon",
+  props: a(),
+  setup(n) {
+    return () => i(n.tag, {
+      class: n.icon
+    }, null);
+  }
+});
+export {
+  m as C,
+  g as I,
+  I as S,
+  S as a,
+  f as b,
+  s as p
+};