@bolttech/atoms-segmented-control 0.14.1 → 0.14.2

package/index.cjs

@@ -1125,17 +1125,31 @@ function __rest(s, e) {
     return t;
 }
 
+const Option = /*#__PURE__*/styled__default["default"].button.withConfig({
+  displayName: "atoms-segmented-controlstyles__Option",
+  componentId: "sc-1lpqq2u-0"
+})(["background-color:", ";border:1px solid ", ";padding:", ";cursor:pointer;:not(:first-child),:last-of-type{border-left:0;}*{cursor:pointer;}"], ({
+  theme,
+  pressed,
+  hasError
+}) => pressed ? hasError ? theme.tokens.red['200'] : theme.components.segmentControl.container.color.pressed : theme.components.segmentControl.container.color.default, ({
+  theme,
+  pressed,
+  hasError
+}) => hasError ? theme.tokens.red['600'] : pressed ? theme.components.segmentControl.border.color.pressed : theme.components.segmentControl.border.color.default, ({
+  theme
+}) => `${theme.components.segmentControl.paddingVertical} ${theme.components.segmentControl.paddingVertical}`);
 const SegmentedControlContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   displayName: "atoms-segmented-controlstyles__SegmentedControlContainer",
-  componentId: "sc-1lpqq2u-0"
+  componentId: "sc-1lpqq2u-1"
 })(["display:flex;flex-direction:column;gap:", ";", ";"], ({
   theme
 }) => theme.tokens.padding.XS, ({
   fullWidth
-}) => fullWidth && styled.css(["", "{flex:1;}"], Option));
+}) => fullWidth && styled.css(["button{flex:1;}"]));
 const SegmentedControlWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   displayName: "atoms-segmented-controlstyles__SegmentedControlWrapper",
-  componentId: "sc-1lpqq2u-1"
+  componentId: "sc-1lpqq2u-2"
 })(["border-radius:", ";box-shadow:", ";display:flex;flex-direction:row;gap:", ";"], ({
   theme
 }) => theme.spacing.borderRadius.none, ({
@@ -1147,20 +1161,6 @@ const SegmentedControlWrapper = /*#__PURE__*/styled__default["default"].div.with
 }) => shadow.lvl0, ({
   theme
 }) => theme.components.segmentControl.gap);
-const Option = /*#__PURE__*/styled__default["default"].button.withConfig({
-  displayName: "atoms-segmented-controlstyles__Option",
-  componentId: "sc-1lpqq2u-2"
-})(["background-color:", ";border:1px solid ", ";padding:", ";cursor:pointer;:not(:first-child),:last-of-type{border-left:0;}*{cursor:pointer;}"], ({
-  theme,
-  pressed,
-  hasError
-}) => pressed ? hasError ? theme.tokens.red['200'] : theme.components.segmentControl.container.color.pressed : theme.components.segmentControl.container.color.default, ({
-  theme,
-  pressed,
-  hasError
-}) => hasError ? theme.tokens.red['600'] : pressed ? theme.components.segmentControl.border.color.pressed : theme.components.segmentControl.border.color.default, ({
-  theme
-}) => `${theme.components.segmentControl.paddingVertical} ${theme.components.segmentControl.paddingVertical}`);
 const OptionLabel = /*#__PURE__*/styled__default["default"].label.withConfig({
   displayName: "atoms-segmented-controlstyles__OptionLabel",
   componentId: "sc-1lpqq2u-3"

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@bolttech/atoms-segmented-control",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "main": "./index.cjs",
   "type": "commonjs",
   "types": "./src/index.d.ts",
   "dependencies": {
     "@bolttech/default-theme": "0.0.3",
     "@bolttech/form-engine": "0.5.0",
-    "@bolttech/frontend-foundations": "0.0.3",
+    "@bolttech/frontend-foundations": "0.1.1",
     "@bolttech/ui-utils": "0.1.3",
     "react": "18.2.0",
     "styled-components": "5.3.6"

package/src/lib/atoms-segmented-control.styles.d.ts

@@ -1,11 +1,11 @@
-export declare const SegmentedControlContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    fullWidth: boolean;
-}, never>;
-export declare const SegmentedControlWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Option: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
     pressed: boolean;
     hasError: boolean;
 }, never>;
+export declare const SegmentedControlContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    fullWidth: boolean;
+}, never>;
+export declare const SegmentedControlWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const OptionLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
     pressed: boolean;
 }, never>;