@bolttech/atoms-segmented-control 0.21.0 → 0.22.1

package/index.cjs

@@ -243,9 +243,9 @@ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$a(func
 /* eslint-disable es/no-symbol -- required for testing */
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
-var useSymbolAsUid = NATIVE_SYMBOL$1
-  && !Symbol.sham
-  && typeof Symbol.iterator == 'symbol';
+var useSymbolAsUid = NATIVE_SYMBOL$1 &&
+  !Symbol.sham &&
+  typeof Symbol.iterator == 'symbol';
 
 var getBuiltIn$2 = getBuiltIn$3;
 var isCallable$a = isCallable$d;
@@ -330,10 +330,10 @@ var SHARED = '__core-js_shared__';
 var store$3 = sharedStore.exports = globalThis$9[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 (store$3.versions || (store$3.versions = [])).push({
-  version: '3.38.1',
+  version: '3.39.0',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.38.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.39.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -1824,7 +1824,7 @@ const tokenToInteger = token => Number(token.replace('px', ''));
 const Option = /*#__PURE__*/styled__default["default"].button.withConfig({
   displayName: "atoms-segmented-controlstyles__Option",
   componentId: "sc-1lpqq2u-0"
-})(["background-color:", ";border:", " solid ", ";padding:", ";cursor:pointer;", " *{cursor:pointer;}", ";"], ({
+})(["background-color:", ";border:", " solid ", ";padding:", ";cursor:pointer;&:first-of-type{border-top-left-radius:", ";border-bottom-left-radius:", ";}&:last-of-type{border-top-right-radius:", ";border-bottom-right-radius:", ";}", " *{cursor:pointer;}", ";"], ({
   theme,
   $pressed,
   $hasError
@@ -1838,6 +1838,14 @@ const Option = /*#__PURE__*/styled__default["default"].button.withConfig({
   theme
 }) => `${theme.components.segmentControl.paddingVertical} ${theme.components.segmentControl.paddingVertical}`, ({
   theme
+}) => theme.components.segmentControl.borderRadius.default, ({
+  theme
+}) => theme.components.segmentControl.borderRadius.default, ({
+  theme
+}) => theme.components.segmentControl.borderRadius.default, ({
+  theme
+}) => theme.components.segmentControl.borderRadius.default, ({
+  theme
 }) => tokenToInteger(theme.components.segmentControl.gap) === 0 && styled.css(["&:last-of-type{border-left:0;}&:first-of-type:nth-last-child(3){border-right:0;}&:not(:first-of-type) + &:not(:last-of-type){border-right:0;border-left:0;}"]), ({
   disabled,
   $pressed
@@ -1857,9 +1865,7 @@ const SegmentedControlContainer = /*#__PURE__*/styled__default["default"].div.wi
 const SegmentedControlWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   displayName: "atoms-segmented-controlstyles__SegmentedControlWrapper",
   componentId: "sc-1lpqq2u-2"
-})(["border-radius:", ";box-shadow:", ";display:flex;flex-direction:row;gap:", ";"], ({
-  theme
-}) => theme.spacing.borderRadius.none, ({
+})(["box-shadow:", ";display:flex;flex-direction:row;gap:", ";"], ({
   theme: {
     effects: {
       shadow
@@ -1933,7 +1939,7 @@ const SegmentedControl = /*#__PURE__*/react.forwardRef((_a, ref) => {
       children: "Two options at minimum are required."
     });
     return options.map(option => jsxRuntime.jsx(Option, Object.assign({
-      "data-testid": `segmentedcontrol-option-${option.value}`,
+      "data-testid": `segmentedcontrol-option-${option.value}${option.value === value ? '-active' : ''}`,
       onClick: () => {
         if (!option.disabled) {
           onClick(option.value);

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@bolttech/atoms-segmented-control",
-  "version": "0.21.0",
+  "version": "0.22.1",
   "main": "./index.cjs",
   "type": "commonjs",
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@bolttech/default-theme": "0.8.0",
-    "@bolttech/form-engine": "3.0.1-beta.5",
-    "@bolttech/frontend-foundations": "0.9.0",
-    "@bolttech/ui-utils": "0.4.0",
+    "@bolttech/default-theme": "0.15.0",
+    "@bolttech/form-engine": "3.1.0-beta.23",
+    "@bolttech/frontend-foundations": "0.10.0",
+    "@bolttech/ui-utils": "0.5.0",
     "react": "18.2.0",
     "styled-components": "6.1.1"
   },