@dynamic-framework/ui-react 2.0.0-dev.9 → 2.0.0
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/README.md +52 -3
- package/dist/css/dynamic-ui-non-root.css +2 -4
- package/dist/css/dynamic-ui-non-root.min.css +2 -2
- package/dist/css/dynamic-ui-root.css +1 -1
- package/dist/css/dynamic-ui-root.min.css +1 -1
- package/dist/css/dynamic-ui.css +2 -4
- package/dist/css/dynamic-ui.min.css +2 -2
- package/package.json +1 -1
- package/src/style/components/_d-carousel.scss +4 -3
- package/src/style/components/_d-voucher.scss +0 -1
package/README.md
CHANGED
|
@@ -1,8 +1,57 @@
|
|
|
1
|
-
# Dynamic
|
|
1
|
+
# Dynamic UI
|
|
2
|
+
|
|
3
|
+
<!-- Badges -->
|
|
4
|
+
[](https://www.npmjs.com/package/@dynamic-framework/ui-react)
|
|
5
|
+
[](https://github.com/dynamic-framework/dynamic-ui/actions/workflows/release-please.yml)
|
|
6
|
+
[](https://www.npmjs.com/package/@dynamic-framework/ui-react)
|
|
7
|
+
[](https://raw.githubusercontent.com/dynamic-framework/dynamic-ui/refs/heads/master/LICENSE.md)
|
|
8
|
+
|
|
2
9
|
|
|
3
10
|
Quickly create feature-rich financial applications through a robust micro frontend architecture of React-based components with customizable templates built for integration.
|
|
4
11
|
|
|
12
|
+
|
|
5
13
|
## Getting Started
|
|
6
|
-
Please follow the documentation at [dynamicbanking.co](https://dynamicbanking.co/)
|
|
7
14
|
|
|
8
|
-
|
|
15
|
+
### Installation
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
npm install @dynamic-framework/ui-react
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
For more details, visit the [npm package page](https://www.npmjs.com/package/@dynamic-framework/ui-react).
|
|
22
|
+
|
|
23
|
+
### Development Commands
|
|
24
|
+
|
|
25
|
+
For local development and testing, you can use the following commands after clone the project:
|
|
26
|
+
|
|
27
|
+
- **Install deps:** Install required deps for development
|
|
28
|
+
```bash
|
|
29
|
+
npm install
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
- **Build:** Compiles the project for distribution.
|
|
33
|
+
```bash
|
|
34
|
+
npm run build
|
|
35
|
+
```
|
|
36
|
+
- **Test:** Runs all unit tests.
|
|
37
|
+
```bash
|
|
38
|
+
npm test
|
|
39
|
+
```
|
|
40
|
+
- **Test with Coverage:** Runs unit tests and generates a coverage report.
|
|
41
|
+
```bash
|
|
42
|
+
npm run test:coverage
|
|
43
|
+
```
|
|
44
|
+
- **Storybook:** Starts the Storybook development server to browse components.
|
|
45
|
+
```bash
|
|
46
|
+
npm run storybook
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
### Documentation and Useful Links
|
|
50
|
+
- **Official Documentation:** Find guides and in-depth documentation at [docs.modyo.com/en/dynamic](https://docs.modyo.com/en/dynamic/).
|
|
51
|
+
- **Framework Website:** Visit our main site at [dynamicframework.dev](https://dynamicframework.dev).
|
|
52
|
+
- **Component Library:** Explore our components in Storybook at [react.dynamicframework.dev](https://react.dynamicframework.dev/).
|
|
53
|
+
|
|
54
|
+
<br />
|
|
55
|
+
<br />
|
|
56
|
+
|
|
57
|
+
**Made with 💚 by Modyo**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* dynamic-framework 2.0.0
|
|
2
|
+
* dynamic-framework 2.0.0
|
|
3
3
|
* bootstrap ~5.3.8
|
|
4
4
|
* license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
|
|
5
5
|
*/
|
|
@@ -11044,7 +11044,6 @@ react-datepicker__navigation
|
|
|
11044
11044
|
.d-voucher-footer {
|
|
11045
11045
|
display: flex;
|
|
11046
11046
|
gap: var(--bs-voucher-footer-gap);
|
|
11047
|
-
justify-content: center;
|
|
11048
11047
|
justify-content: flex-start;
|
|
11049
11048
|
}
|
|
11050
11049
|
|
|
@@ -11510,7 +11509,7 @@ react-datepicker__navigation
|
|
|
11510
11509
|
|
|
11511
11510
|
.d-carousel {
|
|
11512
11511
|
--bs-carousel-arrow-space: calc(var(--bs-ref-spacer-4) * -1);
|
|
11513
|
-
--bs-carousel-pagination-bottom:
|
|
11512
|
+
--bs-carousel-pagination-bottom: auto;
|
|
11514
11513
|
--bs-carousel-pagination-page-bg: var(--bs-secondary-100);
|
|
11515
11514
|
--bs-carousel-pagination-active-page-bg: var(--bs-secondary);
|
|
11516
11515
|
--bs-carousel-focus-outline-color: var(--bs-focus-ring-color);
|
|
@@ -11527,7 +11526,6 @@ react-datepicker__navigation
|
|
|
11527
11526
|
.d-carousel .d-carousel-pagination {
|
|
11528
11527
|
bottom: var(--bs-carousel-pagination-bottom);
|
|
11529
11528
|
position: relative;
|
|
11530
|
-
bottom: auto;
|
|
11531
11529
|
top: -0.5rem;
|
|
11532
11530
|
width: -webkit-fit-content;
|
|
11533
11531
|
width: -moz-fit-content;
|