npm - @dt-dds/react-drawer - Versions diffs - 1.0.0-beta.47 - Mend

@dt-dds/react-drawer 1.0.0-beta.47

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.

Files changed (7) hide show

package/CHANGELOG.md ADDED Viewed

@@ -0,0 +1,447 @@
+# @dt-ui/react-drawer
+## 1.0.0-beta.47
+### 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-icon-button@1.0.0-beta.9
+  - @dt-dds/react-typography@1.0.0-beta.32
+## 0.1.0-beta.46
+### Patch Changes
+- refactor: theme typography values
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.40
+  - @dt-ui/react-icon-button@0.1.0-beta.8
+  - @dt-ui/react-typography@0.1.0-beta.31
+## 0.1.0-beta.45
+### Minor Changes
+- feat: update shadow theme values
+### Patch Changes
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.39
+  - @dt-ui/react-icon-button@0.1.0-beta.7
+  - @dt-ui/react-typography@0.1.0-beta.30
+## 0.1.0-beta.44
+### Patch Changes
+- chore: update theme font-styles
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.38
+  - @dt-ui/react-icon-button@0.1.0-beta.6
+  - @dt-ui/react-typography@0.1.0-beta.29
+## 0.1.0-beta.43
+### Patch Changes
+- chore: review OSS files
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.37
+  - @dt-ui/react-icon-button@0.1.0-beta.5
+  - @dt-ui/react-typography@0.1.0-beta.28
+## 0.1.0-beta.42
+### Patch Changes
+- chore: update contextual colors
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.36
+  - @dt-ui/react-icon-button@0.1.0-beta.4
+  - @dt-ui/react-typography@0.1.0-beta.27
+## 0.1.0-beta.41
+### Minor Changes
+- feat: implement IconButton contrast and size
+### Patch Changes
+- Updated dependencies
+  - @dt-ui/react-icon-button@0.1.0-beta.3
+## 0.1.0-beta.40
+### Patch Changes
+- fix: circular dependencies
+## 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
+### Minor Changes
+- feat: move icon-button to independent
+## 0.1.0-beta.37
+### 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.36
+### 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.35
+### 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.34
+### 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.33
+### 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.32
+### 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.31
+### 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.30
+### 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.29
+### 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.28
+### 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.27
+### 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.26
+### 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.25
+### Patch Changes
+- fix: drawerbody protect ref variable
+## 0.1.0-beta.24
+### 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.23
+### 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.22
+### 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.21
+### 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.20
+### 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.19
+### 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.18
+### 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.17
+### 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.16
+### 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.15
+### Patch Changes
+- refactor: apply correct drawer styles as specified
+## 0.1.0-beta.14
+### 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.13
+### 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.12
+### 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.11
+### Patch Changes
+- chore: make Typography component independent
+- Updated dependencies
+  - @dt-ui/react-typography@0.1.0-beta.1
+## 0.1.0-beta.10
+### 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.9
+### 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.8
+### Patch Changes
+- chore: update component generator and lint fixes
+## 0.1.0-beta.7
+### Patch Changes
+- chore: move util functions to the core
+- Updated dependencies
+  - @dt-ui/react-core@0.1.0-beta.8
+## 0.1.0-beta.6
+### 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.5
+### 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.4
+### 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.3
+### 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.2
+### Patch Changes
+- fix: icon button import
+## 0.1.0-beta.1
+### Patch Changes
+- fix: drawer close button
+- chore: transform drawer in independent pkg

package/LICENSE.md ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,111 @@
+# Drawer Package
+A drawer is a component that slides in from the side of the screen. It is typically used to display additional content, such as a detail view or a list of options.
+## Usage
+```jsx
+import { Drawer } from '@dt-dds/react';
+export const App = () => {
+  const [isDrawerVisible, setIsDrawerVisible] = useState(props.isVisible);
+  const toggleDrawer = () => {
+    setIsDrawerVisible((prevState) => !prevState);
+  };
+  return (
+    <>
+      <button onClick={toggleDrawer} type='button'>
+        Open Drawer
+      </button>
+      <Drawer isVisible={isDrawerVisible} setIsVisible={setIsDrawerVisible}>
+        <Drawer.Header>
+          <Drawer.Title title='Drawer title' />
+          <div>Drawer header content here.</div>
+        </Drawer.Header>
+        <Drawer.Body>
+          <div>Drawer body content here.</div>
+        </Drawer.Body>
+      </Drawer>
+    </>
+  );
+};
+```
+## API
+### Drawer
+| Property       | Type        | Default | Description                                                                  |
+| -------------- | ----------- | ------- | ---------------------------------------------------------------------------- |
+| `isVisible`    | `boolean`   | false   | State function boolean value to define if the drawer is being shown or not   |
+| `setIsVisible` | `function`  | -       | State function set to handle the drawer open and close via its boolean value |
+| `children`     | `ReactNode` | -       | Child component to be rendered on the drawer body                            |
+| `dataTestId`   | `string`    | drawer  | Drawer test identifier                                                       |
+### Drawer.Title
+| Property | Type     | Default | Description              |
+| -------- | -------- | ------- | ------------------------ |
+| `title`  | `string` | -       | Defines the drawer title |
+### Drawer.Header
+A Drawer header displays header content and includes a close button. It should wrap the `Drawer.Title`.
+| Property   | Type        | Default | Description                     |
+| ---------- | ----------- | ------- | ------------------------------- |
+| `children` | `ReactNode` | -       | Child components to be rendered |
+### Drawer.Body
+| Property   | Type        | Default | Description                     |
+| ---------- | ----------- | ------- | ------------------------------- |
+| `children` | `ReactNode` | -       | Child components to be rendered |
+## 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
+drawer
+└── 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 ADDED Viewed

@@ -0,0 +1,29 @@
+import * as _dt_dds_react_core from '@dt-dds/react-core';
+import { BaseProps, Theme } from '@dt-dds/react-core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import react from 'react';
+interface DrawerTitleProps {
+    title: string;
+}
+interface DrawerBaseProps extends BaseProps {
+    isVisible: boolean;
+}
+interface DrawerProps extends DrawerBaseProps {
+    setIsVisible: react.Dispatch<react.SetStateAction<boolean>>;
+}
+declare const Drawer: {
+    ({ isVisible, setIsVisible, children, dataTestId, }: DrawerProps): react_jsx_runtime.JSX.Element;
+    Title: ({ title }: DrawerTitleProps) => react_jsx_runtime.JSX.Element;
+    Header: ({ children }: _dt_dds_react_core.BaseProps) => react_jsx_runtime.JSX.Element;
+    Body: ({ children, style, dataTestId }: _dt_dds_react_core.BaseProps) => react_jsx_runtime.JSX.Element;
+};
+declare module '@emotion/react' {
+    interface Theme extends Theme {
+    }
+}
+export { Drawer };