@dt-dds/react-message 1.0.0-beta.55

package/CHANGELOG.md

@@ -0,0 +1,532 @@
+# @dt-ui/react-message
+
+## 1.0.0-beta.55
+
+### Patch Changes
+
+- chore: fix publish after npmjs.org pkg unpublish
+- Updated dependencies
+  - @dt-dds/react-link@1.0.0-beta.16
+
+## 1.0.0-beta.54
+
+### Major Changes
+
+- refactor!: rename pkg and publish to npmjs
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-dds/react-core@1.0.0-beta.41
+  - @dt-dds/react-link@1.0.0-beta.15
+  - @dt-dds/react-typography@1.0.0-beta.32
+
+## 0.1.0-beta.53
+
+### Patch Changes
+
+- refactor: drop icon funcional state
+- Updated dependencies
+  - @dt-ui/react-link@0.1.0-beta.14
+
+## 0.1.0-beta.52
+
+### Patch Changes
+
+- refactor: theme typography values
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.40
+  - @dt-ui/react-link@0.1.0-beta.13
+  - @dt-ui/react-typography@0.1.0-beta.31
+
+## 0.1.0-beta.51
+
+### Minor Changes
+
+- feat: update shadow theme values
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.39
+  - @dt-ui/react-link@0.1.0-beta.12
+  - @dt-ui/react-typography@0.1.0-beta.30
+
+## 0.1.0-beta.50
+
+### Minor Changes
+
+- feat: add new icon font sizes
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-link@0.1.0-beta.11
+
+## 0.1.0-beta.49
+
+### Patch Changes
+
+- chore: update theme font-styles
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.38
+  - @dt-ui/react-link@0.1.0-beta.10
+  - @dt-ui/react-typography@0.1.0-beta.29
+
+## 0.1.0-beta.48
+
+### Patch Changes
+
+- chore: review OSS files
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.37
+  - @dt-ui/react-link@0.1.0-beta.9
+  - @dt-ui/react-typography@0.1.0-beta.28
+
+## 0.1.0-beta.47
+
+### Minor Changes
+
+- feat: add mobile breakpoint for button
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-link@0.1.0-beta.8
+
+## 0.1.0-beta.46
+
+### Patch Changes
+
+- refactor: repalce enum with type
+- Updated dependencies
+  - @dt-ui/react-link@0.1.0-beta.7
+
+## 0.1.0-beta.45
+
+### Patch Changes
+
+- fix: link build
+- Updated dependencies
+  - @dt-ui/react-link@0.1.0-beta.6
+
+## 0.1.0-beta.44
+
+### Minor Changes
+
+- feat: add icon to link
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-link@0.1.0-beta.5
+
+## 0.1.0-beta.43
+
+### Patch Changes
+
+- chore: update contextual colors
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.36
+  - @dt-ui/react-link@0.1.0-beta.4
+  - @dt-ui/react-typography@0.1.0-beta.27
+
+## 0.1.0-beta.42
+
+### Minor Changes
+
+- feat: add active state to link
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-link@0.1.0-beta.3
+
+## 0.1.0-beta.41
+
+### Minor Changes
+
+- feat: update link according to design
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-link@0.1.0-beta.2
+
+## 0.1.0-beta.40
+
+### Patch Changes
+
+- chore: link independent pkg
+- Updated dependencies
+  - @dt-ui/react-link@0.1.0-beta.1
+
+## 0.1.0-beta.39
+
+### Patch Changes
+
+- fix: change content.light contextual color
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.35
+  - @dt-ui/react-typography@0.1.0-beta.26
+
+## 0.1.0-beta.38
+
+### Patch Changes
+
+- fix: add accent to colors type
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.34
+  - @dt-ui/react-typography@0.1.0-beta.25
+
+## 0.1.0-beta.37
+
+### Patch Changes
+
+- fix: change button text according to ux
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.33
+  - @dt-ui/react-typography@0.1.0-beta.24
+
+## 0.1.0-beta.36
+
+### Patch Changes
+
+- chore: update contexual colors
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.32
+  - @dt-ui/react-typography@0.1.0-beta.23
+
+## 0.1.0-beta.35
+
+### Patch Changes
+
+- style: update responsive font styles
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.31
+  - @dt-ui/react-typography@0.1.0-beta.22
+
+## 0.1.0-beta.34
+
+### Minor Changes
+
+- feat: add spinner size 'extra-small' & update specs
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.30
+  - @dt-ui/react-typography@0.1.0-beta.21
+
+## 0.1.0-beta.33
+
+### Patch Changes
+
+- chore: add theme breakpoints
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.29
+  - @dt-ui/react-typography@0.1.0-beta.20
+
+## 0.1.0-beta.32
+
+### Minor Changes
+
+- feat: add id to base props
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.28
+  - @dt-ui/react-typography@0.1.0-beta.19
+
+## 0.1.0-beta.31
+
+### Minor Changes
+
+- feat: change breakpoints values
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.27
+  - @dt-ui/react-typography@0.1.0-beta.18
+
+## 0.1.0-beta.30
+
+### Patch Changes
+
+- fix: replace body to correct one
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.26
+  - @dt-ui/react-typography@0.1.0-beta.17
+
+## 0.1.0-beta.29
+
+### Patch Changes
+
+- chore: add theme colors missing types
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.25
+  - @dt-ui/react-typography@0.1.0-beta.16
+
+## 0.1.0-beta.28
+
+### Patch Changes
+
+- refactor: drop truckapi theme
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.24
+  - @dt-ui/react-typography@0.1.0-beta.15
+
+## 0.1.0-beta.27
+
+### Minor Changes
+
+- feat: update core and semantic colors
+- feat: remove greenlane theme
+
+### Patch Changes
+
+- Updated dependencies
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.23
+  - @dt-ui/react-typography@0.1.0-beta.14
+
+## 0.1.0-beta.26
+
+### Minor Changes
+
+- feat: add icon option for truckapi theme
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.22
+  - @dt-ui/react-typography@0.1.0-beta.13
+
+## 0.1.0-beta.25
+
+### Patch Changes
+
+- fix: tooltip z index
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.21
+  - @dt-ui/react-typography@0.1.0-beta.12
+
+## 0.1.0-beta.24
+
+### Minor Changes
+
+- feat: add segmented control component
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.20
+  - @dt-ui/react-typography@0.1.0-beta.11
+
+## 0.1.0-beta.23
+
+### Patch Changes
+
+- fix: add shape for tooltip on truckapi theme
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.19
+  - @dt-ui/react-typography@0.1.0-beta.10
+
+## 0.1.0-beta.22
+
+### Patch Changes
+
+- fix: remove devDependecy export
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.18
+  - @dt-ui/react-typography@0.1.0-beta.9
+
+## 0.1.0-beta.21
+
+### Patch Changes
+
+- test: add test custom render
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.17
+  - @dt-ui/react-typography@0.1.0-beta.8
+
+## 0.1.0-beta.20
+
+### Minor Changes
+
+- feat: create select
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.16
+  - @dt-ui/react-typography@0.1.0-beta.7
+
+## 0.1.0-beta.19
+
+### Patch Changes
+
+- fix: show shadows only when scroll is visible
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.15
+  - @dt-ui/react-typography@0.1.0-beta.6
+
+## 0.1.0-beta.18
+
+### Patch Changes
+
+- fix: update border radius theme specifications
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.14
+  - @dt-ui/react-typography@0.1.0-beta.5
+
+## 0.1.0-beta.17
+
+### Patch Changes
+
+- fix: match accordion design
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.13
+  - @dt-ui/react-typography@0.1.0-beta.4
+
+## 0.1.0-beta.16
+
+### Patch Changes
+
+- fix: make icons an optional property in theme
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.12
+  - @dt-ui/react-typography@0.1.0-beta.3
+
+## 0.1.0-beta.15
+
+### Patch Changes
+
+- refactor: extract text-field to new package with greenlane theme
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.11
+  - @dt-ui/react-typography@0.1.0-beta.2
+
+## 0.1.0-beta.14
+
+### Patch Changes
+
+- chore: make Typography component independent
+- Updated dependencies
+  - @dt-ui/react-typography@0.1.0-beta.1
+
+## 0.1.0-beta.13
+
+### Patch Changes
+
+- refactor: move and refactor checkbox refactor checkbox according to design
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.10
+
+## 0.1.0-beta.12
+
+### Patch Changes
+
+- fix(icons): export css and update imports on deps
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.9
+
+## 0.1.0-beta.11
+
+### Patch Changes
+
+- chore: update component generator and lint fixes
+
+## 0.1.0-beta.10
+
+### Patch Changes
+
+- chore: move util functions to the core
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.8
+
+## 0.1.0-beta.9
+
+### Minor Changes
+
+- feat: add contextual color add content tertiary to palette
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.7
+
+## 0.1.0-beta.8
+
+### Minor Changes
+
+- feat: create Icons package
+- feat: add icons to theme Provider
+
+### Patch Changes
+
+- Updated dependencies
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.6
+
+## 0.1.0-beta.7
+
+### Minor Changes
+
+- feat: create TruckAPI theme and update default
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.5
+
+## 0.1.0-beta.6
+
+### Minor Changes
+
+- feat: update contextual color to follow figma spec
+
+### Patch Changes
+
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.4
+
+## 0.1.0-beta.5
+
+### Minor Changes
+
+- feat: review Message designs based on designs
+
+### Patch Changes
+
+- fix: move react-core to main dependencies
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.3
+
+## 0.1.0-beta.4
+
+### Patch Changes
+
+- chore: migrate jest setup file to jest package
+- chore: migrate jest configuration to typescript
+
+## 0.1.0-beta.3
+
+### Patch Changes
+
+- chore: create core package
+
+## 0.1.0-beta.2
+
+### Patch Changes
+
+- fix: change warning icons names
+- refactor: remove dismiss logic from message component
+
+## 0.1.0-beta.1
+
+### Patch Changes
+
+- chore: make message component an independent package

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Daimler Truck AG.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,107 @@
+# Message Package
+
+This component fills the width of the container where is placed and its height varies depending on the content in it.
+The usage of this component is to show a message to call attention to something, be it useful information or a warning message. They should be used to provide context in proximity to a piece of content.
+Furthermore, it can be used to add an action like a link, by passing it as a children.
+
+## Usage
+
+```jsx
+import { Message } from '@dt-dds/react';
+
+export const App = () => {
+  const title = 'Some Title';
+  const description = 'Some Description';
+  const type = 'Error';
+
+  return (
+    <Message type={type}>
+      <Message.Title>{title}</Message.Title>
+      <Message.Description>{description}</Message.Description>
+      <Message.Action>
+        <Link textSize='small' href='/'>
+          View action
+        </Link>
+      </Message.Action>
+    </Message>
+  );
+};
+```
+
+## API
+
+### Message
+
+| Property      | Type                  | Default     | Description                                                                                                                                                              |
+| ------------- | --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `children`    | `ReactNode`           | -           | Child components to be rendered. There is flexibility on what the content can be, but the recommendation is that it should be a link with a character count limit of 25. |
+| `dataTestId`  | `string`              | `'message'` | Customizable test identifier.                                                                                                                                            |
+| `style`       | `React.CSSProperties` | -           | Customizable styles                                                                                                                                                      |
+| `type`        | `MessageType`         | `'default'` | Sets the type of the Message, responsible for the icon and It's color, the background color and color of the dashed border                                               |
+| `title`       | `string`              | -           | Optional Text to be presented as Title within the Message.Content, It should have text character count limit: 50.                                                        |
+| `description` | `string`              | -           | Text to be presented as Description within the Message.Content, It should have text character count limit: 230.                                                          |
+| `onClose`     | `function`            | -           | When provided, a close button is displayed and, when clicked, it triggers this function.                                                                                 |
+
+### Message.Title
+
+| Property   | Type        | Default | Description                                                          |
+| ---------- | ----------- | ------- | -------------------------------------------------------------------- |
+| `children` | `ReactNode` | -       | Child components to be rendered within the action. Text is expected. |
+
+### Message.Description
+
+| Property   | Type        | Default | Description                                                          |
+| ---------- | ----------- | ------- | -------------------------------------------------------------------- |
+| `children` | `ReactNode` | -       | Child components to be rendered within the action. Text is expected. |
+
+### Message.Action
+
+| Property     | Type        | Default            | Description                                        |
+| ------------ | ----------- | ------------------ | -------------------------------------------------- |
+| `children`   | `ReactNode` | -                  | Child components to be rendered within the action. |
+| `dataTestId` | `string`    | `'message-action'` | Customizable test identifier for the action.       |
+
+## Stack
+
+- [TypeScript](https://www.typescriptlang.org/) for static type checking
+- [React](https://reactjs.org/) — JavaScript library for user interfaces
+- [Emotion](https://emotion.sh/docs/introduction) — for writing css styles with JavaScript
+- [Storybook](https://storybook.js.org/) — UI component environment powered by Vite
+- [Jest](https://jestjs.io/) - JavaScript Testing Framework
+- [React Testing Library](https://testing-library.com/) - to test UI components in a user-centric way
+- [ESLint](https://eslint.org/) for code linting
+- [Prettier](https://prettier.io) for code formatting
+- [Tsup](https://github.com/egoist/tsup) — TypeScript bundler powered by esbuild
+- [Yarn](https://yarnpkg.com/) from managing packages
+
+## Commands
+
+- `yarn build` - Build the package
+- `yarn dev` - Run the package locally
+- `yarn lint` - Lint all files within this package
+- `yarn test` - Run all unit tests
+- `yarn test:report` - Open the test coverage report
+- `yarn test:update:snapshot` - Run all unit tests and update the snapshot
+
+## Compilation
+
+Running `yarn build` from the root of the package will use [tsup](https://tsup.egoist.dev/) to compile the raw TypeScript and React code to plain JavaScript.
+
+The `/dist` folder contains the compiled output.
+
+```bash
+message
+└── dist
+    ├── index.d.ts  <-- Types
+    ├── index.js    <-- CommonJS version
+    └── index.mjs   <-- ES Modules version
+    ...
+```
+
+## Versioning
+
+Follows [semantic versioning](https://semver.org/)
+
+## &copy; License
+
+Licensed under [MIT License](LICENSE.md)

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+import { BaseProps, Theme } from '@dt-dds/react-core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SVGProps, ReactElement } from 'react';
+
+declare const OMessageType: {
+    readonly Default: "default";
+    readonly Error: "error";
+    readonly Info: "informative";
+    readonly Success: "success";
+    readonly Warning: "warning";
+};
+type MessageType = (typeof OMessageType)[keyof typeof OMessageType];
+
+interface MessageProps extends BaseProps {
+    type: MessageType;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+type MessageIcon = (props: SVGProps<SVGSVGElement>) => ReactElement;
+declare const MessageIcons: Record<MessageType, MessageIcon | null>;
+declare const Message: {
+    ({ children, dataTestId, style, type, onClose, }: MessageProps): react_jsx_runtime.JSX.Element;
+    Title({ children }: BaseProps): react_jsx_runtime.JSX.Element;
+    Description({ children }: BaseProps): react_jsx_runtime.JSX.Element;
+    Action({ children, dataTestId }: BaseProps): react_jsx_runtime.JSX.Element;
+};
+
+declare module '@emotion/react' {
+    interface Theme extends Theme {
+    }
+}
+
+export { Message, MessageIcons, MessageProps };