@astral/ui 1.3.0 → 1.4.0

package/Description/Description.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export declare type DescriptionProps = {
+    /**
+     * Элементы Description.Name и Description.Value
+     */
+    children: ReactNode;
+};
+export declare const Description: {
+    ({ children }: DescriptionProps): JSX.Element;
+    Name: ({ children, ...props }: import("./Name").NameProps) => JSX.Element;
+    Value: ({ children, stub, ...props }: import("./Value").ValueProps) => JSX.Element;
+};

package/Description/Description.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Description = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Name_1 = require("./Name");
+var Value_1 = require("./Value");
+var styles_1 = require("./styles");
+var Description = function (_a) {
+    var children = _a.children;
+    return (0, jsx_runtime_1.jsx)(styles_1.DescriptionWrapper, { children: children });
+};
+exports.Description = Description;
+exports.Description.Name = Name_1.Name;
+exports.Description.Value = Value_1.Value;

package/Description/Name/Name.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TypographyProps } from '../../Typography';
+export declare type NameProps = Pick<TypographyProps, 'color' | 'variant' | 'children'>;
+export declare const Name: ({ children, ...props }: NameProps) => JSX.Element;

package/Description/Name/Name.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Name = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Typography_1 = require("../../Typography");
+var Name = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsxs)(Typography_1.Typography, __assign({}, props, { children: [children, ":\u00A0"] })));
+};
+exports.Name = Name;

package/Description/Name/index.d.ts

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

package/Description/Name/index.js

@@ -0,0 +1,17 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Name"), exports);

package/Description/Value/Value.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TypographyProps } from '../../Typography';
+export declare type ValueProps = Pick<TypographyProps, 'color' | 'variant' | 'children'> & {
+    /**
+     * @example <Description.Item stub="нет значения">value</Description.Item>
+     * Заглушка, отображающаяся, если нет значения
+     */
+    stub?: ReactNode;
+};
+export declare const Value: ({ children, stub, ...props }: ValueProps) => JSX.Element;

package/Description/Value/Value.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Value = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Typography_1 = require("../../Typography");
+var STUB = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u2013" });
+var Value = function (_a) {
+    var children = _a.children, _b = _a.stub, stub = _b === void 0 ? STUB : _b, props = __rest(_a, ["children", "stub"]);
+    return ((0, jsx_runtime_1.jsx)(Typography_1.Typography, __assign({}, props, { children: children || stub })));
+};
+exports.Value = Value;

package/Description/Value/index.d.ts

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

package/Description/Value/index.js

@@ -0,0 +1,17 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Value"), exports);

package/Description/index.d.ts

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

package/Description/index.js

@@ -0,0 +1,17 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Description"), exports);

package/Description/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const DescriptionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/Description/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DescriptionWrapper = void 0;
+var styles_1 = require("../styles");
+exports.DescriptionWrapper = styles_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n"])));
+var templateObject_1;

package/esm/Description/Description.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export declare type DescriptionProps = {
+    /**
+     * Элементы Description.Name и Description.Value
+     */
+    children: ReactNode;
+};
+export declare const Description: {
+    ({ children }: DescriptionProps): JSX.Element;
+    Name: ({ children, ...props }: import("./Name").NameProps) => JSX.Element;
+    Value: ({ children, stub, ...props }: import("./Value").ValueProps) => JSX.Element;
+};

package/esm/Description/Description.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Name } from './Name';
+import { Value } from './Value';
+import { DescriptionWrapper } from './styles';
+export var Description = function (_a) {
+    var children = _a.children;
+    return _jsx(DescriptionWrapper, { children: children });
+};
+Description.Name = Name;
+Description.Value = Value;

package/esm/Description/Name/Name.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TypographyProps } from '../../Typography';
+export declare type NameProps = Pick<TypographyProps, 'color' | 'variant' | 'children'>;
+export declare const Name: ({ children, ...props }: NameProps) => JSX.Element;

package/esm/Description/Name/Name.js

@@ -0,0 +1,28 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '../../Typography';
+export var Name = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (_jsxs(Typography, __assign({}, props, { children: [children, ":\u00A0"] })));
+};

package/esm/Description/Name/index.d.ts

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

package/esm/Description/Name/index.js

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

package/esm/Description/Value/Value.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TypographyProps } from '../../Typography';
+export declare type ValueProps = Pick<TypographyProps, 'color' | 'variant' | 'children'> & {
+    /**
+     * @example <Description.Item stub="нет значения">value</Description.Item>
+     * Заглушка, отображающаяся, если нет значения
+     */
+    stub?: ReactNode;
+};
+export declare const Value: ({ children, stub, ...props }: ValueProps) => JSX.Element;

package/esm/Description/Value/Value.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from '../../Typography';
+var STUB = _jsx(_Fragment, { children: "\u2013" });
+export var Value = function (_a) {
+    var children = _a.children, _b = _a.stub, stub = _b === void 0 ? STUB : _b, props = __rest(_a, ["children", "stub"]);
+    return (_jsx(Typography, __assign({}, props, { children: children || stub })));
+};

package/esm/Description/Value/index.d.ts

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

package/esm/Description/Value/index.js

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

package/esm/Description/index.d.ts

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

package/esm/Description/index.js

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

package/esm/Description/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const DescriptionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/esm/Description/styles.js

@@ -0,0 +1,7 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { styled } from '../styles';
+export var DescriptionWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n"])));
+var templateObject_1;

package/esm/index.d.ts

@@ -2,6 +2,7 @@ export * from './ActionCell';
 export * from './Autocomplete';
 export * from './Badge';
 export * from './Button';
+export * from './Description';
 export * from './Divider';
 export * from './ButtonBase';
 export * from './Checkbox';

package/esm/index.js

@@ -2,6 +2,7 @@ export * from './ActionCell';
 export * from './Autocomplete';
 export * from './Badge';
 export * from './Button';
+export * from './Description';
 export * from './Divider';
 export * from './ButtonBase';
 export * from './Checkbox';

package/index.d.ts

@@ -2,6 +2,7 @@ export * from './ActionCell';
 export * from './Autocomplete';
 export * from './Badge';
 export * from './Button';
+export * from './Description';
 export * from './Divider';
 export * from './ButtonBase';
 export * from './Checkbox';

package/index.js

@@ -18,6 +18,7 @@ __exportStar(require("./ActionCell"), exports);
 __exportStar(require("./Autocomplete"), exports);
 __exportStar(require("./Badge"), exports);
 __exportStar(require("./Button"), exports);
+__exportStar(require("./Description"), exports);
 __exportStar(require("./Divider"), exports);
 __exportStar(require("./ButtonBase"), exports);
 __exportStar(require("./Checkbox"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "browser": "./src/index.ts",
   "jest": {
     "moduleNameMapper": {
@@ -8,7 +8,7 @@
     }
   },
   "dependencies": {
-    "@astral/icons": "^1.3.0",
+    "@astral/icons": "^1.4.0",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",