@bolttech/atoms-section-header 0.17.0 → 0.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/index.cjs +1 -1
- package/package.json +4 -3
- package/src/index.d.ts +1 -1
- package/src/lib/atoms-section-header.style.d.ts +10 -2
package/README.md
CHANGED
|
@@ -17,13 +17,13 @@ To use the **SectionHeader** component in your React application, you need to fo
|
|
|
17
17
|
### Installation
|
|
18
18
|
|
|
19
19
|
```bash
|
|
20
|
-
npm install @
|
|
20
|
+
npm install @bolttech/frontend-foundations @bolttech/atoms-section-header
|
|
21
21
|
```
|
|
22
22
|
|
|
23
23
|
or
|
|
24
24
|
|
|
25
25
|
```bash
|
|
26
|
-
yarn add @
|
|
26
|
+
yarn add @bolttech/frontend-foundations @bolttech/atoms-section-header
|
|
27
27
|
```
|
|
28
28
|
|
|
29
29
|
Once you have the required dependencies installed, you can start using the `SectionHeader` component in your React application.
|
|
@@ -37,7 +37,7 @@ To use the component, import it and include it in your JSX:
|
|
|
37
37
|
```jsx
|
|
38
38
|
import React from 'react';
|
|
39
39
|
import {SectionHeader} from '@bolttech/atoms-section-header';
|
|
40
|
-
import {bolttechTheme, BolttechThemeProvider} from "@
|
|
40
|
+
import {bolttechTheme, BolttechThemeProvider} from "@bolttech/frontend-foundations";
|
|
41
41
|
|
|
42
42
|
function App() {
|
|
43
43
|
return (
|
package/index.cjs
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var react = require('react');
|
|
8
8
|
var styled = require('styled-components');
|
|
9
|
-
var frontendFoundations = require('@
|
|
9
|
+
var frontendFoundations = require('@bolttech/frontend-foundations');
|
|
10
10
|
var uiUtils = require('@bolttech/ui-utils');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bolttech/atoms-section-header",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.18.1",
|
|
4
4
|
"main": "./index.cjs",
|
|
5
5
|
"type": "commonjs",
|
|
6
6
|
"types": "./src/index.d.ts",
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"@bolttech/
|
|
9
|
-
"@
|
|
8
|
+
"@bolttech/default-theme": "0.0.3",
|
|
9
|
+
"@bolttech/frontend-foundations": "0.0.3",
|
|
10
|
+
"@bolttech/ui-utils": "0.1.3",
|
|
10
11
|
"react": "18.2.0",
|
|
11
12
|
"styled-components": "5.3.6"
|
|
12
13
|
},
|
package/src/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from './lib/atoms-section-header';
|
|
2
|
-
export { SectionHeaderProps } from './lib/atoms-section-header.type';
|
|
2
|
+
export type { SectionHeaderProps } from './lib/atoms-section-header.type';
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const SectionHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("
|
|
3
|
-
export declare const SectionHeaderLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("
|
|
2
|
+
export declare const SectionHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("dist/libs/frontend-foundations/src/lib/shared/types/row.type").RowPropsType & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
3
|
+
export declare const SectionHeaderLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("dist/libs/utils/src").DefaultProps & {
|
|
4
|
+
className?: string | undefined;
|
|
5
|
+
children?: string | string[] | undefined;
|
|
6
|
+
type?: string | undefined;
|
|
7
|
+
variant?: string | undefined;
|
|
8
|
+
align?: "center" | "left" | "right" | undefined;
|
|
9
|
+
text?: string | undefined;
|
|
10
|
+
htmlFor?: string | undefined;
|
|
11
|
+
} & import("react").RefAttributes<HTMLHeadingElement | HTMLLabelElement | HTMLParagraphElement | HTMLSpanElement | null>>, any, {}, never>;
|
|
4
12
|
export declare const Background: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
13
|
export declare const BackgroundImage: import("styled-components").StyledComponent<"img", any, {}, never>;
|
|
6
14
|
export declare const Icon: import("styled-components").StyledComponent<"div", any, {}, never>;
|