@hh.ru/magritte-ui-section-header 1.1.0

package/SectionHeader.d.ts

@@ -0,0 +1,2 @@
+import { SectionHeaderProps } from '@hh.ru/magritte-ui-section-header/types';
+export declare const SectionHeader: import("react").ForwardRefExoticComponent<SectionHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/SectionHeader.js

@@ -0,0 +1,15 @@
+import './index.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import classnames from 'classnames';
+import { Text } from '@hh.ru/magritte-ui-typography';
+
+var styles = {"section-header":"magritte-section-header___4Qnhz_1-1-0","sectionHeader":"magritte-section-header___4Qnhz_1-1-0"};
+
+const SectionHeader = forwardRef(({ children, className, link, padding, style, ...props }, ref) => {
+    return (jsxs("div", { ...props, className: classnames(className, styles.sectionHeader), ref: ref, style: { ...style, '--padding': `${padding}px` }, children: [jsx(Text, { ellipsis: true, style: "secondary", typography: "label-2-regular", children: children }), link] }));
+});
+SectionHeader.displayName = 'SectionHeader';
+
+export { SectionHeader };
+//# sourceMappingURL=SectionHeader.js.map

package/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.js","sources":["src/SectionHeader.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { SectionHeaderProps } from '@hh.ru/magritte-ui-section-header/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './section-header.less';\n\nexport const SectionHeader = forwardRef<HTMLDivElement, SectionHeaderProps>(\n    ({ children, className, link, padding, style, ...props }, ref) => {\n        return (\n            <div\n                {...props}\n                className={classnames(className, styles.sectionHeader)}\n                ref={ref}\n                style={{ ...style, '--padding': `${padding}px` } as React.CSSProperties}\n            >\n                <Text ellipsis style=\"secondary\" typography=\"label-2-regular\">\n                    {children}\n                </Text>\n                {link}\n            </div>\n        );\n    }\n);\n\nSectionHeader.displayName = 'SectionHeader';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAQa,MAAA,aAAa,GAAG,UAAU,CACnC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC7D,QACIA,iBACQ,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EACtD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,CAAA,EAAG,OAAO,CAAA,EAAA,CAAI,EAAyB,EAAA,QAAA,EAAA,CAEvEC,IAAC,IAAI,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAC,KAAK,EAAC,WAAW,EAAC,UAAU,EAAC,iBAAiB,EACxD,QAAA,EAAA,QAAQ,GACN,EACN,IAAI,CACH,EAAA,CAAA,EACR;AACN,CAAC,EACH;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/index.css

@@ -0,0 +1,7 @@
+.magritte-section-header___4Qnhz_1-1-0{
+  display:flex;
+  gap:8px;
+  justify-content:space-between;
+  align-items:center;
+  padding:12px var(--padding) 4px var(--padding);
+}

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@hh.ru/magritte-ui-section-header/SectionHeader';
+export * from '@hh.ru/magritte-ui-section-header/types';

package/index.js

@@ -0,0 +1,7 @@
+import './index.css';
+export { SectionHeader } from './SectionHeader.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'classnames';
+import '@hh.ru/magritte-ui-typography';
+//# sourceMappingURL=index.js.map

package/index.js.map

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

package/index.mock.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefExoticComponent } from 'react';
+export * from '@hh.ru/magritte-ui-section-header/types';
+export declare const SectionHeader: ForwardRefExoticComponent<Record<string, unknown>>;

package/index.mock.js

@@ -0,0 +1,9 @@
+import './index.css';
+import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
+
+const SectionHeader = mockComponent('SectionHeader', undefined, {
+    withChildren: true,
+});
+
+export { SectionHeader };
+//# sourceMappingURL=index.mock.js.map

package/index.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport * from '@hh.ru/magritte-ui-section-header/types';\n\nexport const SectionHeader: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n    'SectionHeader',\n    undefined,\n    {\n        withChildren: true,\n    }\n);\n"],"names":[],"mappings":";;MAMa,aAAa,GAAuD,aAAa,CAC1F,eAAe,EACf,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@hh.ru/magritte-ui-section-header",
+  "version": "1.1.0",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "index.css"
+  ],
+  "scripts": {
+    "build": "yarn root:build $(pwd)",
+    "build-test-branch": "yarn root:build-test-branch $(pwd)",
+    "prepack": "yarn root:prepack $(pwd)",
+    "postpublish": "yarn root:postpublish $(pwd)",
+    "stylelint-check": "yarn root:stylelint-check $(pwd)",
+    "eslint-check": "yarn root:eslint-check $(pwd)",
+    "ts-config": "yarn root:ts-config $(pwd)",
+    "ts-check": "yarn root:ts-check $(pwd)",
+    "test": "exit 0",
+    "watch": "yarn root:watch $(pwd)"
+  },
+  "dependencies": {
+    "@hh.ru/magritte-design-tokens": "24.7.2",
+    "@hh.ru/magritte-ui-mock-component": "1.1.7",
+    "@hh.ru/magritte-ui-typography": "5.3.6"
+  },
+  "peerDependencies": {
+    "classnames": ">=2.3.2",
+    "react": ">=18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "7c77ddb0fd8887722dc07c2ddf82ad1dc9618659"
+}

package/types.d.ts

@@ -0,0 +1,7 @@
+import { TokenBaseStaticSpace } from '@hh.ru/magritte-design-tokens/types';
+export interface SectionHeaderProps extends React.HTMLAttributes<HTMLDivElement>, React.PropsWithChildren {
+    /** Компонент <Link /> */
+    link?: React.ReactNode;
+    /** Горизонтальные отступы */
+    padding: Extract<TokenBaseStaticSpace, 0 | 12 | 16>;
+}

package/types.js

@@ -0,0 +1,3 @@
+import './index.css';
+
+//# sourceMappingURL=types.js.map

package/types.js.map

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