@dt-dds/react-tag 1.0.0-beta.45 → 1.0.0-beta.47

package/CHANGELOG.md

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

package/dist/index.d.mts

@@ -0,0 +1,39 @@
+import { CustomTheme } from '@dt-dds/themes';
+import * as react from 'react';
+import { ComponentSize, BaseProps } from '@dt-dds/react-core';
+import { TooltipBackground } from '@dt-dds/react-tooltip';
+
+type TagColor = 'primary' | 'secondary' | 'informative' | 'warning' | 'success' | 'error';
+type TagVariant = 'solid' | 'outlined';
+type TagBorder = 'rounded' | 'squared';
+type TagSize = Extract<ComponentSize, 'small' | 'medium'>;
+
+type TagProps = {
+    variant?: TagVariant;
+    color?: TagColor;
+    border?: TagBorder;
+    size?: TagSize;
+    isDisabled?: boolean;
+    isClickable?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+    tooltipVariant?: TooltipBackground;
+} & BaseProps;
+declare const Tag: react.ForwardRefExoticComponent<{
+    variant?: TagVariant | undefined;
+    color?: TagColor | undefined;
+    border?: TagBorder | undefined;
+    size?: TagSize | undefined;
+    isDisabled?: boolean | undefined;
+    isClickable?: boolean | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void) | undefined;
+    onClose?: ((event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void) | undefined;
+    tooltipVariant?: TooltipBackground | undefined;
+} & BaseProps & react.RefAttributes<HTMLDivElement>>;
+
+declare module '@emotion/react' {
+    interface Theme extends CustomTheme {
+    }
+}
+
+export { Tag, type TagBorder, type TagColor, type TagProps, type TagSize, type TagVariant };

package/dist/index.d.ts

@@ -36,4 +36,4 @@ declare module '@emotion/react' {
     }
 }
 
-export { Tag, TagBorder, TagColor, TagProps, TagSize, TagVariant };
+export { Tag, type TagBorder, type TagColor, type TagProps, type TagSize, type TagVariant };

package/dist/index.js

@@ -45,11 +45,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // index.ts
-var tag_exports = {};
-__export(tag_exports, {
+var index_exports = {};
+__export(index_exports, {
   Tag: () => Tag
 });
-module.exports = __toCommonJS(tag_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Tag.tsx
 var import_react_tooltip = require("@dt-dds/react-tooltip");
@@ -282,7 +282,7 @@ var tagVariantColors = ({
   const colors = getColors(variant, theme, isDisabled, color);
   return {
     solid: __spreadValues({
-      border: theme.spacing.none,
+      border: theme.spacing.spacing_0,
       color: theme.palette.content.contrast,
       backgroundColor: colors == null ? void 0 : colors.bgColor
     }, hasHover && {
@@ -311,14 +311,14 @@ var tagSizeStyles = (theme, size) => ({
     fontSize: "0.75rem",
     fontWeight: "700",
     lineHeight: "1rem",
-    padding: `${theme.spacing["4xs"]} ${theme.spacing["3xs"]}`,
+    padding: `${theme.spacing.spacing_30} ${theme.spacing.spacing_40}`,
     height: "32px"
   },
   small: {
     fontSize: "0.625rem",
     fontWeight: "700",
     lineHeight: "0.875rem",
-    padding: `${theme.spacing["6xs"]} ${theme.spacing["4xs"]}`,
+    padding: `${theme.spacing.spacing_10} ${theme.spacing.spacing_30}`,
     height: "18px"
   }
 })[size];
@@ -340,8 +340,8 @@ var TagStyled = import_styled.default.div(
     textTransform: "uppercase",
     alignItems: "center",
     maxWidth: "max-content",
-    gap: theme.spacing["5xs"],
-    borderRadius: theme.radius[border === "rounded" ? "s" : "none"],
+    gap: theme.spacing.spacing_20,
+    borderRadius: theme.radius[border === "rounded" ? "radius_70" : "radius_0"],
     width: "150px",
     ["> :first-child"]: {
       whiteSpace: "nowrap",

package/dist/index.mjs

@@ -249,7 +249,7 @@ var tagVariantColors = ({
   const colors = getColors(variant, theme, isDisabled, color);
   return {
     solid: __spreadValues({
-      border: theme.spacing.none,
+      border: theme.spacing.spacing_0,
       color: theme.palette.content.contrast,
       backgroundColor: colors == null ? void 0 : colors.bgColor
     }, hasHover && {
@@ -278,14 +278,14 @@ var tagSizeStyles = (theme, size) => ({
     fontSize: "0.75rem",
     fontWeight: "700",
     lineHeight: "1rem",
-    padding: `${theme.spacing["4xs"]} ${theme.spacing["3xs"]}`,
+    padding: `${theme.spacing.spacing_30} ${theme.spacing.spacing_40}`,
     height: "32px"
   },
   small: {
     fontSize: "0.625rem",
     fontWeight: "700",
     lineHeight: "0.875rem",
-    padding: `${theme.spacing["6xs"]} ${theme.spacing["4xs"]}`,
+    padding: `${theme.spacing.spacing_10} ${theme.spacing.spacing_30}`,
     height: "18px"
   }
 })[size];
@@ -307,8 +307,8 @@ var TagStyled = styled.div(
     textTransform: "uppercase",
     alignItems: "center",
     maxWidth: "max-content",
-    gap: theme.spacing["5xs"],
-    borderRadius: theme.radius[border === "rounded" ? "s" : "none"],
+    gap: theme.spacing.spacing_20,
+    borderRadius: theme.radius[border === "rounded" ? "radius_70" : "radius_0"],
     width: "150px",
     ["> :first-child"]: {
       whiteSpace: "nowrap",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-tag",
-  "version": "1.0.0-beta.45",
+  "version": "1.0.0-beta.47",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -20,9 +20,9 @@
     "test:update:snapshot": "jest -u"
   },
   "dependencies": {
-    "@dt-dds/react-core": "1.0.0-beta.43",
-    "@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-tooltip": "1.0.0-beta.53",
+    "@dt-dds/themes": "1.0.0-beta.5"
   },
   "devDependencies": {
     "@babel/core": "^7.22.9",
@@ -43,7 +43,7 @@
     "react": "^18.1.0",
     "react-dom": "^18.2.0",
     "tsconfig": "*",
-    "tsup": "^6.6.3",
+    "tsup": "^8.5.0",
     "typescript": "^4.5.3"
   },
   "peerDependencies": {