@salutejs/plasma-homeds 0.371.1-dev.0 → 0.372.0-dev.0

package/dist/styled-components/cjs/components/Group/Group.config.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
+    defaults: {
+        gap: 'dense',
+        orientation: 'horizontal',
+        shape: 'default',
+        stretching: 'auto'
+    },
+    variations: {
+        orientation: {
+            horizontal: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.orientation}: row;
+            `,
+            vertical: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.orientation}: column;
+            `
+        },
+        gap: {
+            none: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.gap}: 0;
+            `,
+            dense: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.gap}: 0.125rem;
+            `,
+            wide: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.gap}: 0.5rem;
+            `
+        },
+        shape: {
+            default: (0, _styledcomponents.css)``,
+            segmented: (0, _styledcomponents.css)`
+                ${_styledcomponents.groupTokens.segmentedRadius}: 0.25rem;
+            `
+        },
+        stretching: {
+            auto: (0, _styledcomponents.css)``,
+            filled: (0, _styledcomponents.css)``
+        }
+    }
+};

package/dist/styled-components/cjs/components/Group/Group.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Group", {
+    enumerable: true,
+    get: function() {
+        return Group;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Groupconfig = require("./Group.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.groupConfig, _Groupconfig.config);
+const Group = (0, _styledcomponents.component)(mergedConfig);

package/dist/styled-components/cjs/components/Group/index.js

@@ -0,0 +1,20 @@
+"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 Group () {
+        return _Group.Group;
+    },
+    get groupTokens () {
+        return _styledcomponents.groupTokens;
+    }
+});
+const _Group = require("./Group");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/dist/styled-components/cjs/index.js

@@ -7,6 +7,7 @@ _export_star(require("./components/AvatarGroup"), exports);
 _export_star(require("./components/Badge"), exports);
 _export_star(require("./components/Button"), exports);
 _export_star(require("./components/ButtonGroup"), exports);
+_export_star(require("./components/Group"), exports);
 _export_star(require("./components/Breadcrumbs"), exports);
 _export_star(require("./components/Divider"), exports);
 _export_star(require("./components/Drawer"), exports);

package/dist/styled-components/es/components/Group/Group.config.js

@@ -0,0 +1,40 @@
+import { css, groupTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export const config = {
+    defaults: {
+        gap: 'dense',
+        orientation: 'horizontal',
+        shape: 'default',
+        stretching: 'auto'
+    },
+    variations: {
+        orientation: {
+            horizontal: css`
+                ${tokens.orientation}: row;
+            `,
+            vertical: css`
+                ${tokens.orientation}: column;
+            `
+        },
+        gap: {
+            none: css`
+                ${tokens.gap}: 0;
+            `,
+            dense: css`
+                ${tokens.gap}: 0.125rem;
+            `,
+            wide: css`
+                ${tokens.gap}: 0.5rem;
+            `
+        },
+        shape: {
+            default: css``,
+            segmented: css`
+                ${tokens.segmentedRadius}: 0.25rem;
+            `
+        },
+        stretching: {
+            auto: css``,
+            filled: css``
+        }
+    }
+};

package/dist/styled-components/es/components/Group/Group.js

@@ -0,0 +1,6 @@
+import { groupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Group.config';
+const mergedConfig = mergeConfig(groupConfig, config);
+/**
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
+ */ export const Group = component(mergedConfig);

package/dist/styled-components/es/components/Group/index.js

@@ -0,0 +1,2 @@
+export { Group } from './Group';
+export { groupTokens } from '@salutejs/plasma-new-hope/styled-components';

package/dist/styled-components/es/index.js

@@ -3,6 +3,7 @@ export * from './components/AvatarGroup';
 export * from './components/Badge';
 export * from './components/Button';
 export * from './components/ButtonGroup';
+export * from './components/Group';
 export * from './components/Breadcrumbs';
 export * from './components/Divider';
 export * from './components/Drawer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-homeds",
-  "version": "0.371.1-dev.0",
+  "version": "0.372.0-dev.0",
   "description": "Salute Design System / React UI kit for PLASMA-HOMEDS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -35,7 +35,7 @@
     "styled-components": "^5.3.11"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.388.1-dev.0",
+    "@salutejs/plasma-new-hope": "0.389.0-dev.0",
     "@salutejs/plasma-themes": "0.70.0-dev.0"
   },
   "devDependencies": {
@@ -55,10 +55,10 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-colors": "0.28.0-dev.0",
-    "@salutejs/plasma-core": "1.249.0-dev.0",
-    "@salutejs/plasma-cy-utils": "0.179.0-dev.0",
+    "@salutejs/plasma-core": "1.250.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.180.0-dev.0",
     "@salutejs/plasma-icons": "1.257.1-dev.0",
-    "@salutejs/plasma-sb-utils": "0.251.1-dev.0",
+    "@salutejs/plasma-sb-utils": "0.252.0-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -99,5 +99,11 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "ed4c47d66e4b9e902ba7b56c72b5df1da7230489"
+  "overrides": {
+    "@linaria/babel-preset": {
+      "happy-dom": "21.0.4"
+    },
+    "dompurify": "3.4.17"
+  },
+  "gitHead": "3c21629c0b49cb41f7254eb061bb18e82a13e858"
 }

package/types/components/Group/Group.config.d.ts

@@ -0,0 +1,27 @@
+export declare const config: {
+    defaults: {
+        gap: string;
+        orientation: string;
+        shape: string;
+        stretching: string;
+    };
+    variations: {
+        orientation: {
+            horizontal: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            vertical: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
+        gap: {
+            none: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
+        shape: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
+        stretching: {
+            auto: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
+    };
+};

package/types/components/Group/Group.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Группа элементов с общими отступами, направлением и скруглением внутренних углов.
+ */
+export declare const Group: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+    orientation: {
+        horizontal: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        vertical: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    gap: {
+        none: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    shape: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+    stretching: {
+        auto: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        filled: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+}> & import("@salutejs/plasma-new-hope/styled-components").GroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/Group/index.d.ts

@@ -0,0 +1,3 @@
+export { Group } from './Group';
+export { groupTokens } from '@salutejs/plasma-new-hope/styled-components';
+export type { GroupProps } from '@salutejs/plasma-new-hope/styled-components';

package/types/index.d.ts

@@ -3,6 +3,7 @@ export * from './components/AvatarGroup';
 export * from './components/Badge';
 export * from './components/Button';
 export * from './components/ButtonGroup';
+export * from './components/Group';
 export * from './components/Breadcrumbs';
 export * from './components/Divider';
 export * from './components/Drawer';