@dt-dds/react-segmented-control 1.0.0-beta.31 → 1.0.0-beta.33

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @dt-ui/react-segmented-control
 
+## 1.0.0-beta.33
+
+### Patch Changes
+
+- chore(dependencies): upgrade builders versions
+- Updated dependencies
+  - @dt-dds/react-core@1.0.0-beta.45
+  - @dt-dds/react-icon@1.0.0-beta.46
+  - @dt-dds/react-tooltip@1.0.0-beta.53
+  - @dt-dds/themes@1.0.0-beta.5
+
+## 1.0.0-beta.32
+
+### Patch Changes
+
+- refactor(themes): consolidate theme structure
+- Updated dependencies
+  - @dt-dds/react-core@1.0.0-beta.44
+  - @dt-dds/react-icon@1.0.0-beta.45
+  - @dt-dds/react-tooltip@1.0.0-beta.52
+  - @dt-dds/themes@1.0.0-beta.4
+
 ## 1.0.0-beta.31
 
 ### Minor Changes

package/dist/index.d.mts

@@ -0,0 +1,29 @@
+import { CustomTheme } from '@dt-dds/themes';
+import { Code } from '@dt-dds/icons';
+import { BaseProps } from '@dt-dds/react-core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef } from 'react';
+
+interface SegmentedControlProps$1 extends BaseProps {
+    label: string;
+    value: string;
+    iconCode?: Code;
+    disabled?: boolean;
+}
+
+interface SegmentedControlProps extends ComponentPropsWithoutRef<'div'>, BaseProps {
+    selectedValue?: string | undefined;
+    showLabel?: boolean;
+    onChangeControl?: (value: string) => void;
+}
+declare const SegmentedControl: {
+    ({ dataTestId, children, showLabel, selectedValue, onChangeControl, ...props }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+    Option: ({ label, iconCode, value, disabled, }: SegmentedControlProps$1) => react_jsx_runtime.JSX.Element;
+};
+
+declare module '@emotion/react' {
+    interface Theme extends CustomTheme {
+    }
+}
+
+export { SegmentedControl };

package/dist/index.js

@@ -57,11 +57,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // index.ts
-var segmented_control_exports = {};
-__export(segmented_control_exports, {
+var index_exports = {};
+__export(index_exports, {
   SegmentedControl: () => SegmentedControl
 });
-module.exports = __toCommonJS(segmented_control_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/components/SegmentedControlOption.tsx
 var import_react_icon = require("@dt-dds/react-icon");
@@ -118,17 +118,17 @@ var SegmentedControlProvider = ({
 var import_styled = __toESM(require("@emotion/styled"));
 var SegmentedControlOptionStyled = import_styled.default.button`
   ${({ theme, showLabel }) => `
-    ${theme.fontStyles.body2};
+    ${theme.fontStyles.bodyMdRegular};
 
     display: flex;
     align-items: center;
-    gap: ${theme.spacing["5xs"]};
+    gap: ${theme.spacing.spacing_20};
     cursor: pointer;
     background-color: ${theme.palette.surface.contrast};
     color: ${theme.palette.content.default};
     border: none;
     border-radius: ${theme.shape.button};
-    padding: ${theme.spacing["5xs"]} ${theme.spacing[showLabel ? "3xs" : "5xs"]};
+    padding: ${theme.spacing.spacing_20} ${theme.spacing[showLabel ? "spacing_40" : "spacing_20"]};
 
     &:not(:disabled):hover {
       background-color: ${theme.palette.primary.light};
@@ -198,7 +198,7 @@ var SegmentedControlStyled = import_styled2.default.div`
   ${({ theme }) => `
     display: inline-flex;
     align-items: center;
-    padding: ${theme.spacing["5xs"]};
+    padding: ${theme.spacing.spacing_20};
     border: 1px solid ${theme.palette.border.default};
     border-radius: ${theme.shape.segmentedControl};
   `}

package/dist/index.mjs

@@ -90,17 +90,17 @@ var SegmentedControlProvider = ({
 import styled from "@emotion/styled";
 var SegmentedControlOptionStyled = styled.button`
   ${({ theme, showLabel }) => `
-    ${theme.fontStyles.body2};
+    ${theme.fontStyles.bodyMdRegular};
 
     display: flex;
     align-items: center;
-    gap: ${theme.spacing["5xs"]};
+    gap: ${theme.spacing.spacing_20};
     cursor: pointer;
     background-color: ${theme.palette.surface.contrast};
     color: ${theme.palette.content.default};
     border: none;
     border-radius: ${theme.shape.button};
-    padding: ${theme.spacing["5xs"]} ${theme.spacing[showLabel ? "3xs" : "5xs"]};
+    padding: ${theme.spacing.spacing_20} ${theme.spacing[showLabel ? "spacing_40" : "spacing_20"]};
 
     &:not(:disabled):hover {
       background-color: ${theme.palette.primary.light};
@@ -170,7 +170,7 @@ var SegmentedControlStyled = styled2.div`
   ${({ theme }) => `
     display: inline-flex;
     align-items: center;
-    padding: ${theme.spacing["5xs"]};
+    padding: ${theme.spacing.spacing_20};
     border: 1px solid ${theme.palette.border.default};
     border-radius: ${theme.shape.segmentedControl};
   `}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-segmented-control",
-  "version": "1.0.0-beta.31",
+  "version": "1.0.0-beta.33",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -20,10 +20,10 @@
     "test:update:snapshot": "jest -u"
   },
   "dependencies": {
-    "@dt-dds/react-core": "1.0.0-beta.43",
-    "@dt-dds/react-icon": "1.0.0-beta.44",
-    "@dt-dds/react-tooltip": "1.0.0-beta.51",
-    "@dt-dds/themes": "1.0.0-beta.3"
+    "@dt-dds/react-core": "1.0.0-beta.45",
+    "@dt-dds/react-icon": "1.0.0-beta.46",
+    "@dt-dds/react-tooltip": "1.0.0-beta.53",
+    "@dt-dds/themes": "1.0.0-beta.5"
   },
   "devDependencies": {
     "@babel/core": "^7.22.9",
@@ -44,7 +44,7 @@
     "react": "^18.1.0",
     "react-dom": "^18.2.0",
     "tsconfig": "*",
-    "tsup": "^6.6.3",
+    "tsup": "^8.5.0",
     "typescript": "^4.5.3"
   },
   "peerDependencies": {