@dt-dds/react-empty-state 1.0.0-beta.63 → 1.0.0-beta.65

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @dt-ui/react-empty-state
 
+## 1.0.0-beta.65
+
+### Patch Changes
+
+- chore(dependencies): upgrade builders versions
+- Updated dependencies
+  - @dt-dds/react-button@1.0.0-beta.45
+  - @dt-dds/react-core@1.0.0-beta.45
+  - @dt-dds/react-typography@1.0.0-beta.36
+  - @dt-dds/themes@1.0.0-beta.5
+
+## 1.0.0-beta.64
+
+### Patch Changes
+
+- refactor(themes): consolidate theme structure
+- Updated dependencies
+  - @dt-dds/react-button@1.0.0-beta.44
+  - @dt-dds/react-core@1.0.0-beta.44
+  - @dt-dds/react-typography@1.0.0-beta.35
+  - @dt-dds/themes@1.0.0-beta.4
+
 ## 1.0.0-beta.63
 
 ### Patch Changes

package/dist/index.d.mts

@@ -0,0 +1,19 @@
+import { CustomTheme } from '@dt-dds/themes';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseProps } from '@dt-dds/react-core';
+
+interface EmptyStateContentProps extends Omit<BaseProps, 'children'> {
+    title: string;
+    description: string;
+}
+declare const EmptyState: {
+    ({ children, dataTestId, style }: BaseProps): react_jsx_runtime.JSX.Element;
+    Content({ dataTestId, style, title, description, }: EmptyStateContentProps): react_jsx_runtime.JSX.Element;
+};
+
+declare module '@emotion/react' {
+    interface Theme extends CustomTheme {
+    }
+}
+
+export { EmptyState, type EmptyStateContentProps };

package/dist/index.d.ts

@@ -16,4 +16,4 @@ declare module '@emotion/react' {
     }
 }
 
-export { EmptyState, EmptyStateContentProps };
+export { EmptyState, type EmptyStateContentProps };

package/dist/index.js

@@ -28,11 +28,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // index.ts
-var empty_state_exports = {};
-__export(empty_state_exports, {
+var index_exports = {};
+__export(index_exports, {
   EmptyState: () => EmptyState
 });
-module.exports = __toCommonJS(empty_state_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/EmptyState.tsx
 var import_react_typography = require("@dt-dds/react-typography");
@@ -53,8 +53,8 @@ var EmptyStateStyled = import_styled.default.div`
     height: 100%;
     gap: ${theme.spacing.xs};
     
-    @media only screen and (min-width: ${theme.breakpoints.s}px) {
-      padding: ${theme.spacing["2xl"]} ${theme.spacing["5xl"]};
+    @media only screen and (min-width: ${theme.breakpoints.mq32}px) {
+      padding: ${theme.spacing.spacing_200} ${theme.spacing.spacing_500};
     }
   `}
 `;
@@ -65,10 +65,10 @@ var EmptyStateContentStyled = import_styled.default.div`
   justify-content: center;
   text-align: center;
   ${({ theme }) => `
-      gap: ${theme.spacing["4xs"]};
+      gap: ${theme.spacing.spacing_30};
 
-      @media only screen and (min-width: ${theme.breakpoints.s}px) {
-        gap: ${theme.spacing["3xs"]};
+      @media only screen and (min-width: ${theme.breakpoints.mq32}px) {
+        gap: ${theme.spacing.spacing_40};
       }
   `}
 `;
@@ -89,7 +89,7 @@ EmptyState.Content = ({
       style,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_typography.Typography, { color: "content.dark", element: "h2", fontStyles: "h4", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_typography.Typography, { color: "content.default", fontStyles: "body1", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_typography.Typography, { color: "content.default", fontStyles: "bodyLgRegular", children: description })
       ]
     }
   );

package/dist/index.mjs

@@ -17,8 +17,8 @@ var EmptyStateStyled = styled.div`
     height: 100%;
     gap: ${theme.spacing.xs};
     
-    @media only screen and (min-width: ${theme.breakpoints.s}px) {
-      padding: ${theme.spacing["2xl"]} ${theme.spacing["5xl"]};
+    @media only screen and (min-width: ${theme.breakpoints.mq32}px) {
+      padding: ${theme.spacing.spacing_200} ${theme.spacing.spacing_500};
     }
   `}
 `;
@@ -29,10 +29,10 @@ var EmptyStateContentStyled = styled.div`
   justify-content: center;
   text-align: center;
   ${({ theme }) => `
-      gap: ${theme.spacing["4xs"]};
+      gap: ${theme.spacing.spacing_30};
 
-      @media only screen and (min-width: ${theme.breakpoints.s}px) {
-        gap: ${theme.spacing["3xs"]};
+      @media only screen and (min-width: ${theme.breakpoints.mq32}px) {
+        gap: ${theme.spacing.spacing_40};
       }
   `}
 `;
@@ -53,7 +53,7 @@ EmptyState.Content = ({
       style,
       children: [
         /* @__PURE__ */ jsx(Typography, { color: "content.dark", element: "h2", fontStyles: "h4", children: title }),
-        /* @__PURE__ */ jsx(Typography, { color: "content.default", fontStyles: "body1", children: description })
+        /* @__PURE__ */ jsx(Typography, { color: "content.default", fontStyles: "bodyLgRegular", children: description })
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-empty-state",
-  "version": "1.0.0-beta.63",
+  "version": "1.0.0-beta.65",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -20,10 +20,10 @@
     "test:update:snapshot": "jest -u"
   },
   "dependencies": {
-    "@dt-dds/react-button": "1.0.0-beta.43",
-    "@dt-dds/react-core": "1.0.0-beta.43",
-    "@dt-dds/react-typography": "1.0.0-beta.34",
-    "@dt-dds/themes": "1.0.0-beta.3"
+    "@dt-dds/react-button": "1.0.0-beta.45",
+    "@dt-dds/react-core": "1.0.0-beta.45",
+    "@dt-dds/react-typography": "1.0.0-beta.36",
+    "@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": {