@bolttech/atoms-segmented-control 0.12.1 → 0.14.0
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 -2
- package/src/index.d.ts +1 -1
package/README.md
CHANGED
|
@@ -17,13 +17,13 @@ To use the **SegmentedControl** component in your React application, follow thes
|
|
|
17
17
|
### Installation
|
|
18
18
|
|
|
19
19
|
```bash
|
|
20
|
-
npm install @
|
|
20
|
+
npm install @bolttech/frontend-foundations @bolttech/atoms-segmented-control
|
|
21
21
|
```
|
|
22
22
|
|
|
23
23
|
or
|
|
24
24
|
|
|
25
25
|
```bash
|
|
26
|
-
yarn add @
|
|
26
|
+
yarn add @bolttech/frontend-foundations @bolttech/atoms-segmented-control
|
|
27
27
|
```
|
|
28
28
|
|
|
29
29
|
Once you have the required dependencies installed, you can start using the `SegmentedControl` 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 { SegmentedControl } from '@bolttech/atoms-segmented-control';
|
|
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
|
@@ -1150,7 +1150,7 @@ const SegmentedControlWrapper = /*#__PURE__*/styled__default["default"].div.with
|
|
|
1150
1150
|
const Option = /*#__PURE__*/styled__default["default"].button.withConfig({
|
|
1151
1151
|
displayName: "atoms-segmented-controlstyles__Option",
|
|
1152
1152
|
componentId: "sc-1lpqq2u-2"
|
|
1153
|
-
})(["background-color:", ";border:1px solid ", ";padding:", ";cursor:pointer;:
|
|
1153
|
+
})(["background-color:", ";border:1px solid ", ";padding:", ";cursor:pointer;:not(:first-child),:last-of-type{border-left:0;}*{cursor:pointer;}"], ({
|
|
1154
1154
|
theme,
|
|
1155
1155
|
pressed,
|
|
1156
1156
|
hasError
|
package/package.json
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bolttech/atoms-segmented-control",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"main": "./index.cjs",
|
|
5
5
|
"type": "commonjs",
|
|
6
6
|
"types": "./src/index.d.ts",
|
|
7
7
|
"dependencies": {
|
|
8
|
+
"@bolttech/default-theme": "0.0.1",
|
|
9
|
+
"@bolttech/form-engine": "0.5.0",
|
|
10
|
+
"@bolttech/frontend-foundations": "0.0.1",
|
|
8
11
|
"@bolttech/ui-utils": "0.1.1",
|
|
9
|
-
"@edirect/frontend-foundations": "0.0.70",
|
|
10
12
|
"react": "18.2.0",
|
|
11
13
|
"styled-components": "5.3.6"
|
|
12
14
|
},
|
package/src/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from './lib/atoms-segmented-control';
|
|
2
|
-
export * from './lib/atoms-segmented-control.type';
|
|
2
|
+
export type * from './lib/atoms-segmented-control.type';
|