@alphakits/ui 2.0.12 → 2.1.0

package/dist/grid/gutters.module.css.js

@@ -1,50 +0,0 @@
-import './gutters.module.css';
-const t = "row_k2qX", e = "col_JA17", r = {
-  row: t,
-  "gutter-8": "gutter-8_JOMB",
-  col: e,
-  "gutter-16": "gutter-16_d08G",
-  "gutter-24": "gutter-24_4Sfq",
-  "gutter-mobile-8": "gutter-mobile-8_g--Z",
-  "gutter-mobile-16": "gutter-mobile-16_k5rq",
-  "gutter-mobile-24": "gutter-mobile-24_62Rg",
-  "gutter-mobile-s-8": "gutter-mobile-s-8_vYZU",
-  "gutter-mobile-s-16": "gutter-mobile-s-16_JCG-",
-  "gutter-mobile-s-24": "gutter-mobile-s-24_fkqV",
-  "gutter-mobile-m-8": "gutter-mobile-m-8_-yiN",
-  "gutter-mobile-m-16": "gutter-mobile-m-16_RD3Y",
-  "gutter-mobile-m-24": "gutter-mobile-m-24_tv9d",
-  "gutter-mobile-l-8": "gutter-mobile-l-8_CYvi",
-  "gutter-mobile-l-16": "gutter-mobile-l-16_W7Fb",
-  "gutter-mobile-l-24": "gutter-mobile-l-24_LbiW",
-  "gutter-tablet-8": "gutter-tablet-8_d3ZX",
-  "gutter-tablet-16": "gutter-tablet-16_kCov",
-  "gutter-tablet-24": "gutter-tablet-24_HdKi",
-  "gutter-tablet-s-8": "gutter-tablet-s-8_sFEs",
-  "gutter-tablet-s-16": "gutter-tablet-s-16_RzUV",
-  "gutter-tablet-s-24": "gutter-tablet-s-24_t84W",
-  "gutter-tablet-m-8": "gutter-tablet-m-8_vCSF",
-  "gutter-tablet-m-16": "gutter-tablet-m-16_6cTU",
-  "gutter-tablet-m-24": "gutter-tablet-m-24_InME",
-  "gutter-desktop-8": "gutter-desktop-8_tFwb",
-  "gutter-desktop-16": "gutter-desktop-16_N4dK",
-  "gutter-desktop-24": "gutter-desktop-24_wC-t",
-  "gutter-desktop-s-8": "gutter-desktop-s-8_dque",
-  "gutter-desktop-s-16": "gutter-desktop-s-16_qjpJ",
-  "gutter-desktop-s-24": "gutter-desktop-s-24_S6s1",
-  "gutter-desktop-m-8": "gutter-desktop-m-8_W05t",
-  "gutter-desktop-m-16": "gutter-desktop-m-16_DEy-",
-  "gutter-desktop-m-24": "gutter-desktop-m-24_-rEq",
-  "gutter-desktop-l-8": "gutter-desktop-l-8_051G",
-  "gutter-desktop-l-16": "gutter-desktop-l-16_vYAS",
-  "gutter-desktop-l-24": "gutter-desktop-l-24_ARrz",
-  "gutter-desktop-xl-8": "gutter-desktop-xl-8_gVBZ",
-  "gutter-desktop-xl-16": "gutter-desktop-xl-16_o8YC",
-  "gutter-desktop-xl-24": "gutter-desktop-xl-24_a7vI"
-};
-export {
-  e as col,
-  r as default,
-  t as row
-};
-//# sourceMappingURL=gutters.module.css.js.map

package/dist/grid/gutters.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gutters.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/grid/row/component.d.ts

@@ -1,41 +0,0 @@
-import { default as React } from 'react';
-import { ResponsivePropertyType } from '../typings';
-export type RowProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Горизонтальный отступ между колонками.
-     * Возможные значения: `[0, 8, 16, 24]`
-     * или `{ mobile: [0..24], tablet: [0..24], desktop: [0..24] }`
-     * или `{ mobile: { s: [0..24], m: [0..24], l: [0..24] },
-     * tablet: { s: [0..24], m: [0..24] },
-     * desktop: { s: [0..24], m: [0..24], l: [0..24], xl: [0..24] } }`.
-     */
-    gutter?: ResponsivePropertyType;
-    /**
-     * Управление выравниванием колонок по вертикальной оси
-     */
-    align?: 'top' | 'middle' | 'bottom';
-    /**
-     * Управление выравниванием колонок по горизонтальной оси
-     */
-    justify?: 'left' | 'center' | 'right' | 'around' | 'between';
-    /**
-     * Html тег компонента.
-     * Из-за <a href="https://github.com/philipwalton/flexbugs#flexbug-9" target="_blank">ограничений и багов</a>,
-     * существующих во флексбоксах, невозможно использовать
-     * некоторые элементы HTML как flex-контейнеры.
-     */
-    tag?: keyof JSX.IntrinsicElements;
-    /**
-     * Контент
-     */
-    children?: React.ReactNode;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-export declare const Row: React.FC<RowProps>;

package/dist/grid/row/component.js

@@ -1,43 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import l from "classnames";
-import { createClassNames as d } from "../utils/index.js";
-import s from "../gutters.module.css.js";
-import o from "./index.module.css.js";
-const j = ({
-  tag: e = "div",
-  className: r,
-  gutter: t = {
-    mobile: {
-      s: 16
-    },
-    desktop: {
-      m: 24
-    }
-  },
-  align: m,
-  justify: a = "between",
-  children: p,
-  dataTestId: i
-}) => {
-  const c = n(() => d({ gutter: t }, s), [t]);
-  return /* @__PURE__ */ f(
-    e,
-    {
-      className: l(
-        s.row,
-        o.component,
-        m && o[m],
-        o[a],
-        ...c,
-        r
-      ),
-      "data-test-id": i,
-      children: p
-    }
-  );
-};
-export {
-  j as Row
-};
-//# sourceMappingURL=component.js.map

package/dist/grid/row/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../../src/grid/row/component.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { ResponsivePropertyType } from '../typings';\nimport { createClassNames } from '../utils';\n\nimport guttersStyles from '../gutters.module.css';\nimport styles from './index.module.css';\n\nexport type RowProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Горизонтальный отступ между колонками.\n     * Возможные значения: `[0, 8, 16, 24]`\n     * или `{ mobile: [0..24], tablet: [0..24], desktop: [0..24] }`\n     * или `{ mobile: { s: [0..24], m: [0..24], l: [0..24] },\n     * tablet: { s: [0..24], m: [0..24] },\n     * desktop: { s: [0..24], m: [0..24], l: [0..24], xl: [0..24] } }`.\n     */\n    gutter?: ResponsivePropertyType;\n\n    /**\n     * Управление выравниванием колонок по вертикальной оси\n     */\n    align?: 'top' | 'middle' | 'bottom';\n\n    /**\n     * Управление выравниванием колонок по горизонтальной оси\n     */\n    justify?: 'left' | 'center' | 'right' | 'around' | 'between';\n\n    /**\n     * Html тег компонента.\n     * Из-за <a href=\"https://github.com/philipwalton/flexbugs#flexbug-9\" target=\"_blank\">ограничений и багов</a>,\n     * существующих во флексбоксах, невозможно использовать\n     * некоторые элементы HTML как flex-контейнеры.\n     */\n    tag?: keyof JSX.IntrinsicElements;\n\n    /**\n     * Контент\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Row: React.FC<RowProps> = ({\n    tag: Component = 'div',\n    className,\n    gutter = {\n        mobile: {\n            s: 16,\n        },\n        desktop: {\n            m: 24,\n        },\n    },\n    align,\n    justify = 'between',\n    children,\n    dataTestId,\n}) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const classNames = useMemo(() => createClassNames({ gutter }, guttersStyles as any), [gutter]);\n\n    return (\n        <Component\n            className={cn(\n                guttersStyles.row,\n                styles.component,\n                align && styles[align],\n                styles[justify],\n                ...classNames,\n                className,\n            )}\n            data-test-id={dataTestId}\n        >\n            {children}\n        </Component>\n    );\n};\n"],"names":["Row","Component","className","gutter","align","justify","children","dataTestId","classNames","useMemo","createClassNames","guttersStyles","jsx","cn","styles"],"mappings":";;;;;;AAsDO,MAAMA,IAA0B,CAAC;AAAA,EACpC,KAAKC,IAAY;AAAA,EACjB,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,IACL,QAAQ;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,IAEP,SAAS;AAAA,MACL,GAAG;AAAA,IAAA;AAAA,EACP;AAAA,EAEJ,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,YAAAC;AACJ,MAAM;AAEF,QAAMC,IAAaC,EAAQ,MAAMC,EAAiB,EAAE,QAAAP,EAAA,GAAUQ,CAAoB,GAAG,CAACR,CAAM,CAAC;AAE7F,SACI,gBAAAS;AAAA,IAACX;AAAA,IAAA;AAAA,MACG,WAAWY;AAAA,QACPF,EAAc;AAAA,QACdG,EAAO;AAAA,QACPV,KAASU,EAAOV,CAAK;AAAA,QACrBU,EAAOT,CAAO;AAAA,QACd,GAAGG;AAAA,QACHN;AAAA,MAAA;AAAA,MAEJ,gBAAcK;AAAA,MAEb,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/grid/row/index.d.ts

@@ -1 +0,0 @@
-export * from './component';

package/dist/grid/row/index.js

@@ -1,5 +0,0 @@
-import { Row as e } from "./component.js";
-export {
-  e as Row
-};
-//# sourceMappingURL=index.js.map

package/dist/grid/row/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/grid/row/index.module.css

@@ -1 +0,0 @@
-.component_gn33{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 auto;box-sizing:border-box}.top_Lj9m{align-items:flex-start}.middle_3C5H{align-items:center}.bottom_JyuO{align-items:flex-end}.left_bQem{justify-content:flex-start}.center_NnZc{justify-content:center}.right_8RTX{justify-content:flex-end}.around_jRzq{justify-content:space-around}.between_jGZh{justify-content:space-between}

package/dist/grid/row/index.module.css.js

@@ -1,25 +0,0 @@
-import './index.module.css';
-const t = "component_gn33", o = "top_Lj9m", e = "middle_3C5H", n = "bottom_JyuO", c = "left_bQem", s = "center_NnZc", m = "right_8RTX", d = "around_jRzq", r = "between_jGZh", _ = {
-  component: t,
-  top: o,
-  middle: e,
-  bottom: n,
-  left: c,
-  center: s,
-  right: m,
-  around: d,
-  between: r
-};
-export {
-  d as around,
-  r as between,
-  n as bottom,
-  s as center,
-  t as component,
-  _ as default,
-  c as left,
-  e as middle,
-  m as right,
-  o as top
-};
-//# sourceMappingURL=index.module.css.js.map

package/dist/grid/typings.d.ts

@@ -1,15 +0,0 @@
-export type BreakpointObjectType = {
-    s?: string | number;
-    m?: string | number;
-    l?: string | number;
-    xl?: string | number;
-};
-export type BreakpointObjectKeysType = keyof BreakpointObjectType;
-export type BreakpointType = string | number | BreakpointObjectType;
-export type BreakpointsType = {
-    mobile?: BreakpointType;
-    tablet?: BreakpointType;
-    desktop?: BreakpointType;
-};
-export type BreakpointsKeysType = keyof BreakpointsType;
-export type ResponsivePropertyType = string | number | BreakpointsType;

package/dist/grid/typings.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=typings.js.map

package/dist/grid/typings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typings.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/grid/utils/index.d.ts

@@ -1,2 +0,0 @@
-import { ResponsivePropertyType } from '../typings';
-export declare function createClassNames(props: Record<string, ResponsivePropertyType | undefined>, styles: Record<string, string>): string[];

package/dist/grid/utils/index.js

@@ -1,31 +0,0 @@
-function l(f, s) {
-  const t = [];
-  return Object.keys(f).forEach((u) => {
-    const c = f[u];
-    if (c) {
-      if (typeof c != "object") {
-        t.push(s[`${u}-${c}`]);
-        return;
-      }
-      Object.keys(c).forEach((e) => {
-        if (c[e] !== null)
-          if (typeof c[e] == "object") {
-            const r = c[e];
-            Object.keys(r).forEach(
-              (o) => {
-                const $ = r[o];
-                $ !== null && t.push(s[`${u}-${e}-${o}-${$}`]);
-              }
-            );
-          } else {
-            const r = c[e];
-            t.push(s[`${u}-${e}-${r}`]);
-          }
-      });
-    }
-  }), t;
-}
-export {
-  l as createClassNames
-};
-//# sourceMappingURL=index.js.map

package/dist/grid/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/grid/utils/index.ts"],"sourcesContent":["import {\n    BreakpointObjectKeysType,\n    BreakpointsKeysType,\n    BreakpointObjectType,\n    ResponsivePropertyType,\n} from '../typings';\n\nexport function createClassNames(\n    props: Record<string, ResponsivePropertyType | undefined>,\n    styles: Record<string, string>,\n) {\n    const classNames: string[] = [];\n    // console.log(props, styles)\n    Object.keys(props).forEach((name) => {\n        const prop = props[name];\n\n        if (!prop) {\n            return;\n        }\n        if (typeof prop !== 'object') {\n            classNames.push(styles[`${name}-${prop}`]);\n            return;\n        }\n        (Object.keys(prop) as BreakpointsKeysType[]).forEach((breakpoint) => {\n            if (prop[breakpoint] === null) {\n                return;\n            }\n            if (typeof prop[breakpoint] === 'object') {\n                const propBreakpointObject = prop[breakpoint] as BreakpointObjectType;\n                (Object.keys(propBreakpointObject) as BreakpointObjectKeysType[]).forEach(\n                    (size) => {\n                        const value = propBreakpointObject[size];\n                        if (value === null) {\n                            return;\n                        }\n                        classNames.push(styles[`${name}-${breakpoint}-${size}-${value}`]);\n                    },\n                );\n            } else {\n                const value = prop[breakpoint];\n                classNames.push(styles[`${name}-${breakpoint}-${value}`]);\n            }\n        });\n    });\n\n    return classNames;\n}\n"],"names":["createClassNames","props","styles","classNames","name","prop","breakpoint","propBreakpointObject","size","value"],"mappings":"AAOO,SAASA,EACZC,GACAC,GACF;AACE,QAAMC,IAAuB,CAAA;AAE7B,gBAAO,KAAKF,CAAK,EAAE,QAAQ,CAACG,MAAS;AACjC,UAAMC,IAAOJ,EAAMG,CAAI;AAEvB,QAAKC,GAGL;AAAA,UAAI,OAAOA,KAAS,UAAU;AAC1B,QAAAF,EAAW,KAAKD,EAAO,GAAGE,CAAI,IAAIC,CAAI,EAAE,CAAC;AACzC;AAAA,MACJ;AACC,aAAO,KAAKA,CAAI,EAA4B,QAAQ,CAACC,MAAe;AACjE,YAAID,EAAKC,CAAU,MAAM;AAGzB,cAAI,OAAOD,EAAKC,CAAU,KAAM,UAAU;AACtC,kBAAMC,IAAuBF,EAAKC,CAAU;AAC3C,mBAAO,KAAKC,CAAoB,EAAiC;AAAA,cAC9D,CAACC,MAAS;AACN,sBAAMC,IAAQF,EAAqBC,CAAI;AACvC,gBAAIC,MAAU,QAGdN,EAAW,KAAKD,EAAO,GAAGE,CAAI,IAAIE,CAAU,IAAIE,CAAI,IAAIC,CAAK,EAAE,CAAC;AAAA,cACpE;AAAA,YAAA;AAAA,UAER,OAAO;AACH,kBAAMA,IAAQJ,EAAKC,CAAU;AAC7B,YAAAH,EAAW,KAAKD,EAAO,GAAGE,CAAI,IAAIE,CAAU,IAAIG,CAAK,EAAE,CAAC;AAAA,UAC5D;AAAA,MACJ,CAAC;AAAA;AAAA,EACL,CAAC,GAEMN;AACX;"}

package/dist/select/typings.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=typings.js.map

package/dist/select/typings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typings.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}