@dt-dds/react-message 1.0.0-beta.59 → 1.0.0-beta.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @dt-ui/react-message
2
2
 
3
+ ## 1.0.0-beta.60
4
+
5
+ ### Patch Changes
6
+
7
+ - refactor(themes): consolidate theme structure
8
+ - Updated dependencies
9
+ - @dt-dds/react-core@1.0.0-beta.44
10
+ - @dt-dds/react-link@1.0.0-beta.21
11
+ - @dt-dds/react-typography@1.0.0-beta.35
12
+ - @dt-dds/themes@1.0.0-beta.4
13
+
3
14
  ## 1.0.0-beta.59
4
15
 
5
16
  ### Minor Changes
package/dist/index.js CHANGED
@@ -341,7 +341,7 @@ var OMessageType = {
341
341
  // src/Message.styled.ts
342
342
  var MessageStyled = import_styled.default.div`
343
343
  ${({ theme, type }) => `
344
- padding: ${theme.spacing["3xs"]} ${theme.spacing["2xs"]};
344
+ padding: ${theme.spacing.spacing_40} ${theme.spacing.spacing_50};
345
345
  background-color: ${type === OMessageType.Default ? theme.palette.surface.light : theme.palette[type].light};
346
346
  display: flex;
347
347
  align-items: flex-start;
@@ -350,7 +350,7 @@ var MessageStyled = import_styled.default.div`
350
350
  border: 1px dashed ${type === OMessageType.Default ? theme.palette.border.default : theme.palette[type].default};
351
351
  width: 100%;
352
352
  height: 100%;
353
- gap: ${theme.spacing["4xs"]};
353
+ gap: ${theme.spacing.spacing_30};
354
354
  `}
355
355
  `;
356
356
  var MessageContentStyled = import_styled.default.div`
@@ -359,12 +359,12 @@ var MessageContentStyled = import_styled.default.div`
359
359
  flex-direction: column;
360
360
  flex: 1;
361
361
  text-align: start;
362
- gap: ${theme.spacing["6xs"]};
362
+ gap: ${theme.spacing.spacing_10};
363
363
  `}
364
364
  `;
365
365
  var MessageActionStyled = import_styled.default.div`
366
366
  ${({ theme }) => `
367
- padding-top: ${theme.spacing["4xs"]};
367
+ padding-top: ${theme.spacing.spacing_30};
368
368
  `}
369
369
  `;
370
370
  var MessageIconStyled = import_styled.default.div`
@@ -421,10 +421,10 @@ var Message = ({
421
421
  );
422
422
  };
423
423
  Message.Title = ({ children }) => {
424
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_typography.Typography, { color: "content.dark", element: "h2", fontStyles: "body2Bold", children });
424
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_typography.Typography, { color: "content.dark", element: "h2", fontStyles: "bodyMdBold", children });
425
425
  };
426
426
  Message.Description = ({ children }) => {
427
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_typography.Typography, { color: "content.default", fontStyles: "body3", children });
427
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_typography.Typography, { color: "content.default", fontStyles: "bodySmRegular", children });
428
428
  };
429
429
  Message.Action = ({ children, dataTestId }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MessageActionStyled, { "data-testid": dataTestId != null ? dataTestId : "message-action", children });
430
430
  // Annotate the CommonJS export names for ESM import in node:
package/dist/index.mjs CHANGED
@@ -307,7 +307,7 @@ var OMessageType = {
307
307
  // src/Message.styled.ts
308
308
  var MessageStyled = styled.div`
309
309
  ${({ theme, type }) => `
310
- padding: ${theme.spacing["3xs"]} ${theme.spacing["2xs"]};
310
+ padding: ${theme.spacing.spacing_40} ${theme.spacing.spacing_50};
311
311
  background-color: ${type === OMessageType.Default ? theme.palette.surface.light : theme.palette[type].light};
312
312
  display: flex;
313
313
  align-items: flex-start;
@@ -316,7 +316,7 @@ var MessageStyled = styled.div`
316
316
  border: 1px dashed ${type === OMessageType.Default ? theme.palette.border.default : theme.palette[type].default};
317
317
  width: 100%;
318
318
  height: 100%;
319
- gap: ${theme.spacing["4xs"]};
319
+ gap: ${theme.spacing.spacing_30};
320
320
  `}
321
321
  `;
322
322
  var MessageContentStyled = styled.div`
@@ -325,12 +325,12 @@ var MessageContentStyled = styled.div`
325
325
  flex-direction: column;
326
326
  flex: 1;
327
327
  text-align: start;
328
- gap: ${theme.spacing["6xs"]};
328
+ gap: ${theme.spacing.spacing_10};
329
329
  `}
330
330
  `;
331
331
  var MessageActionStyled = styled.div`
332
332
  ${({ theme }) => `
333
- padding-top: ${theme.spacing["4xs"]};
333
+ padding-top: ${theme.spacing.spacing_30};
334
334
  `}
335
335
  `;
336
336
  var MessageIconStyled = styled.div`
@@ -387,10 +387,10 @@ var Message = ({
387
387
  );
388
388
  };
389
389
  Message.Title = ({ children }) => {
390
- return /* @__PURE__ */ jsx58(Typography, { color: "content.dark", element: "h2", fontStyles: "body2Bold", children });
390
+ return /* @__PURE__ */ jsx58(Typography, { color: "content.dark", element: "h2", fontStyles: "bodyMdBold", children });
391
391
  };
392
392
  Message.Description = ({ children }) => {
393
- return /* @__PURE__ */ jsx58(Typography, { color: "content.default", fontStyles: "body3", children });
393
+ return /* @__PURE__ */ jsx58(Typography, { color: "content.default", fontStyles: "bodySmRegular", children });
394
394
  };
395
395
  Message.Action = ({ children, dataTestId }) => /* @__PURE__ */ jsx58(MessageActionStyled, { "data-testid": dataTestId != null ? dataTestId : "message-action", children });
396
396
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dt-dds/react-message",
3
- "version": "1.0.0-beta.59",
3
+ "version": "1.0.0-beta.60",
4
4
  "license": "MIT",
5
5
  "exports": {
6
6
  ".": "./dist/index.js"
@@ -20,10 +20,10 @@
20
20
  "test:update:snapshot": "jest -u"
21
21
  },
22
22
  "dependencies": {
23
- "@dt-dds/react-core": "1.0.0-beta.43",
24
- "@dt-dds/react-typography": "1.0.0-beta.34",
25
- "@dt-dds/react-link": "1.0.0-beta.20",
26
- "@dt-dds/themes": "1.0.0-beta.3"
23
+ "@dt-dds/react-core": "1.0.0-beta.44",
24
+ "@dt-dds/react-typography": "1.0.0-beta.35",
25
+ "@dt-dds/react-link": "1.0.0-beta.21",
26
+ "@dt-dds/themes": "1.0.0-beta.4"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@babel/core": "^7.22.9",