@salutejs/plasma-web 1.599.0-canary.1983.19293584177.0 → 1.599.0-canary.2300.19489224238.0

package/components/Card/Card.config.d.ts

@@ -0,0 +1,16 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Card/Card.config.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-solid-card);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.0625rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.5rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.0625rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.375rem;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.0625rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.cardTokens.solidBackground)
+        },
+        size: {
+            l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius),
+            m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius),
+            s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius)
+        }
+    }
+};

package/components/Card/Card.d.ts

@@ -0,0 +1,21 @@
+import { CardContent, CardInnerContent } from '@salutejs/plasma-new-hope/styled-components';
+/**
+ * Компонент Card.
+ */
+export declare const Card: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & {
+    size?: string;
+    view?: string;
+    orientation?: "horizontal" | "vertical";
+    selected?: boolean;
+    backgroundType?: "none" | "solid";
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { CardContent, CardInnerContent };

package/components/Card/Card.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Card () {
+        return Card;
+    },
+    get CardContent () {
+        return _styledcomponents.CardContent;
+    },
+    get CardInnerContent () {
+        return _styledcomponents.CardInnerContent;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Cardconfig = require("./Card.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.cardConfig, _Cardconfig.config);
+var CardComponent = (0, _styledcomponents.component)(mergedConfig);
+var Card = CardComponent;

package/css/cjs/index.js

@@ -13,6 +13,7 @@ var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
 var Button = require('./components/Button/Button.js');
 var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
 var Calendar = require('./components/Calendar/Calendar.js');
+var plasmaHope = require('@salutejs/plasma-hope');
 var Carousel = require('./components/Carousel/Carousel.js');
 var Cell = require('./components/Cell/Cell.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
@@ -27,7 +28,6 @@ var DatePicker = require('./components/DatePicker/DatePicker.js');
 var DateTimePicker = require('./components/DateTimePicker/DateTimePicker.js');
 var Divider = require('./components/Divider/Divider.js');
 var Drawer = require('./components/Drawer/Drawer.js');
-var plasmaHope = require('@salutejs/plasma-hope');
 var Dropdown = require('./components/Dropdown/Dropdown.js');
 var DropdownItem = require('./components/Dropdown/components/DropdownItem.js');
 var DropdownPopup = require('./components/Dropdown/components/DropdownPopup.js');
@@ -334,6 +334,42 @@ exports.CalendarBase = Calendar.CalendarBase;
 exports.CalendarBaseRange = Calendar.CalendarBaseRange;
 exports.CalendarDouble = Calendar.CalendarDouble;
 exports.CalendarDoubleRange = Calendar.CalendarDoubleRange;
+Object.defineProperty(exports, 'Card', {
+	enumerable: true,
+	get: function () { return plasmaHope.Card; }
+});
+Object.defineProperty(exports, 'CardBadge', {
+	enumerable: true,
+	get: function () { return plasmaHope.CardBadge; }
+});
+Object.defineProperty(exports, 'CardBody', {
+	enumerable: true,
+	get: function () { return plasmaHope.CardBody; }
+});
+Object.defineProperty(exports, 'CardContent', {
+	enumerable: true,
+	get: function () { return plasmaHope.CardContent; }
+});
+Object.defineProperty(exports, 'CardMedia', {
+	enumerable: true,
+	get: function () { return plasmaHope.CardMedia; }
+});
+Object.defineProperty(exports, 'SelectGroup', {
+	enumerable: true,
+	get: function () { return plasmaHope.SelectGroup; }
+});
+Object.defineProperty(exports, 'StyledCard', {
+	enumerable: true,
+	get: function () { return plasmaHope.StyledCard; }
+});
+Object.defineProperty(exports, 'TextFieldView', {
+	enumerable: true,
+	get: function () { return plasmaHope.TextFieldView; }
+});
+Object.defineProperty(exports, 'withAssistiveDropdown', {
+	enumerable: true,
+	get: function () { return plasmaHope.withAssistiveDropdown; }
+});
 exports.Carousel = Carousel.Carousel;
 exports.Cell = Cell.Cell;
 exports.Checkbox = Checkbox.Checkbox;
@@ -356,18 +392,6 @@ exports.Drawer = Drawer.Drawer;
 exports.DrawerContent = Drawer.DrawerContent;
 exports.DrawerFooter = Drawer.DrawerFooter;
 exports.DrawerHeader = Drawer.DrawerHeader;
-Object.defineProperty(exports, 'SelectGroup', {
-	enumerable: true,
-	get: function () { return plasmaHope.SelectGroup; }
-});
-Object.defineProperty(exports, 'TextFieldView', {
-	enumerable: true,
-	get: function () { return plasmaHope.TextFieldView; }
-});
-Object.defineProperty(exports, 'withAssistiveDropdown', {
-	enumerable: true,
-	get: function () { return plasmaHope.withAssistiveDropdown; }
-});
 exports.Dropdown = Dropdown.Dropdown;
 exports.DropdownItem = DropdownItem.DropdownItem;
 exports.DropdownPopup = DropdownPopup.DropdownPopup;

package/css/cjs/index.js.map

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

package/css/es/index.js

@@ -9,6 +9,7 @@ export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
 export { Button } from './components/Button/Button.js';
 export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
 export { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from './components/Calendar/Calendar.js';
+export { Card, CardBadge, CardBody, CardContent, CardMedia, SelectGroup, StyledCard, TextFieldView, withAssistiveDropdown } from '@salutejs/plasma-hope';
 export { Carousel } from './components/Carousel/Carousel.js';
 export { Cell } from './components/Cell/Cell.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';
@@ -23,7 +24,6 @@ export { DatePicker, DatePickerRange } from './components/DatePicker/DatePicker.
 export { DateTimePicker } from './components/DateTimePicker/DateTimePicker.js';
 export { Divider } from './components/Divider/Divider.js';
 export { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './components/Drawer/Drawer.js';
-export { SelectGroup, TextFieldView, withAssistiveDropdown } from '@salutejs/plasma-hope';
 export { Dropdown } from './components/Dropdown/Dropdown.js';
 export { DropdownItem } from './components/Dropdown/components/DropdownItem.js';
 export { DropdownPopup } from './components/Dropdown/components/DropdownPopup.js';

package/css/index.d.ts

@@ -9,6 +9,7 @@ export * from '../components/Button';
 export * from '../components/ButtonBase';
 export * from '../components/ButtonGroup';
 export * from '../components/Calendar';
+export * from '../components/Card';
 export * from '../components/Carousel';
 export * from '../components/Cell';
 export * from '../components/Checkbox';
@@ -90,6 +91,7 @@ export * from '../components/Button';
 export * from '../components/ButtonBase';
 export * from '../components/ButtonGroup';
 export * from '../components/Calendar';
+export * from '../components/Card';
 export * from '../components/Carousel';
 export * from '../components/Cell';
 export * from '../components/Checkbox';

package/es/components/Card/Card.config.js

@@ -0,0 +1,76 @@
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-solid-card);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.0625rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.5rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.0625rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.375rem;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.0625rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+import { css, cardTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css(_templateObject(), tokens.solidBackground)
+        },
+        size: {
+            l: css(_templateObject1(), tokens.outlineWidth, tokens.borderWidth, tokens.borderRadius, tokens.contentBorderRadius),
+            m: css(_templateObject2(), tokens.outlineWidth, tokens.borderWidth, tokens.borderRadius, tokens.contentBorderRadius),
+            s: css(_templateObject3(), tokens.outlineWidth, tokens.borderWidth, tokens.borderRadius, tokens.contentBorderRadius)
+        }
+    }
+};

package/es/components/Card/Card.js

@@ -0,0 +1,8 @@
+import { cardConfig, CardContent, CardInnerContent, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Card.config';
+var mergedConfig = mergeConfig(cardConfig, config);
+var CardComponent = component(mergedConfig);
+/**
+ * Компонент Card.
+ */ export var Card = CardComponent;
+export { CardContent, CardInnerContent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.599.0-canary.1983.19293584177.0",
+  "version": "1.599.0-canary.2300.19489224238.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.209.0",
     "@salutejs/plasma-hope": "1.355.0",
-    "@salutejs/plasma-new-hope": "0.341.0-canary.1983.19293584177.0",
+    "@salutejs/plasma-new-hope": "0.340.0",
     "@salutejs/plasma-themes": "0.38.0",
     "@salutejs/plasma-tokens-b2b": "1.54.0",
     "@salutejs/plasma-tokens-b2c": "0.65.0",
@@ -111,5 +111,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "c9a71b04ee1c729c99b3c9e20e03ddda5e94ce87"
+  "gitHead": "7599196e7dfc9e04a91a762f8da6225a9cf04812"
 }