@narmi/design_system 2.10.0 → 2.11.2
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/LICENSE.md +0 -1
- package/README.md +28 -16
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/style.css +3 -3
- package/dist/style.css.map +1 -1
- package/dist/tokens/css/rgbColors.css +1 -1
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/js/colors.js +1 -1
- package/dist/tokens/js/manifest.js +1 -1
- package/package.json +18 -10
package/LICENSE.md
CHANGED
|
@@ -7,4 +7,3 @@ The above copyright notice and this permission notice shall be included in all c
|
|
|
7
7
|
The rights granted above may only be exercised to develop and distribute applications that integrate or interoperate with Narmi software or services, and in the case of external, stand-alone applications that do not embed directly inside Narmi, the rights granted above may only be exercised to develop and distribute applications that are dissimilar and visually distinct from Narmi products and services (including the internal administration page(s) of Narmi banking products), as determined by Narmi in its sole discretion.
|
|
8
8
|
|
|
9
9
|
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.
|
|
10
|
-
|
package/README.md
CHANGED
|
@@ -11,6 +11,7 @@ custom experiences in combination with the [Narmi API](https://www.narmi.com/dev
|
|
|
11
11
|
## Getting started
|
|
12
12
|
|
|
13
13
|
### Installation
|
|
14
|
+
|
|
14
15
|
Narmi Design System is published as a single NPM package.
|
|
15
16
|
|
|
16
17
|
```
|
|
@@ -18,6 +19,7 @@ npm install @narmi/design_system --save
|
|
|
18
19
|
```
|
|
19
20
|
|
|
20
21
|
#### Peer dependencies
|
|
22
|
+
|
|
21
23
|
Your project must provide the following packages as peer dependencies:
|
|
22
24
|
|
|
23
25
|
- React (>=16.9, supports Hooks)
|
|
@@ -26,12 +28,12 @@ Your project must provide the following packages as peer dependencies:
|
|
|
26
28
|
|
|
27
29
|
- 📖 [Storybook (latest)](https://narmi.github.io/design_system/)
|
|
28
30
|
- 🎨 [Design Guidelines](https://zeroheight.com/8ac87d4ba/p/446c38-narmi-design-system-nds)
|
|
29
|
-
- ✏️
|
|
30
|
-
|
|
31
|
+
- ✏️ [Contributing](https://github.com/narmi/design_system/blob/master/CONTRIBUTING.md)
|
|
31
32
|
|
|
32
33
|
## Usage
|
|
33
34
|
|
|
34
35
|
### Components
|
|
36
|
+
|
|
35
37
|
Components can be imported from package root:
|
|
36
38
|
|
|
37
39
|
```
|
|
@@ -39,6 +41,7 @@ import { Button, Tooltip } from '@narmi/design_system';
|
|
|
39
41
|
```
|
|
40
42
|
|
|
41
43
|
### Style Helpers
|
|
44
|
+
|
|
42
45
|
NDS provides a set of global CSS helper classes to make it easy to tweak
|
|
43
46
|
styling in your markup with standard Narmi design values. For example:
|
|
44
47
|
|
|
@@ -53,6 +56,7 @@ styling in your markup with standard Narmi design values. For example:
|
|
|
53
56
|
For full documentation of available classes, see [storybook docs](https://narmi.github.io/design_system/).
|
|
54
57
|
|
|
55
58
|
### Design tokens
|
|
59
|
+
|
|
56
60
|
All available distributions of design tokens can be found in `dist/tokens`.
|
|
57
61
|
All CSS custom properites from design tokens are already included in the base
|
|
58
62
|
stylesheet, `dist/style.css`.
|
|
@@ -60,53 +64,59 @@ stylesheet, `dist/style.css`.
|
|
|
60
64
|
To request a new distribution, please [file an issue](https://github.com/narmi/design_system/issues/new/choose).
|
|
61
65
|
|
|
62
66
|
### Versioning
|
|
67
|
+
|
|
63
68
|
This project uses [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
64
69
|
Refer to the [**Changelog**](https://github.com/narmi/design_system/blob/master/CHANGELOG.md) for details.
|
|
65
70
|
|
|
66
71
|
### Browser Support
|
|
72
|
+
|
|
67
73
|
See [`.browserslistrc`](https://github.com/narmi/design_system/blob/master/.editorconfig) for officially supported browsers or
|
|
68
74
|
run `npx browserslist` in this project locally to see a full list of targeted browsers.
|
|
69
75
|
|
|
70
76
|
This project does not support any version of Internet Explorer.
|
|
71
77
|
|
|
72
|
-
|
|
73
78
|
## Contributing
|
|
74
79
|
|
|
75
80
|
### Local development
|
|
76
|
-
|
|
81
|
+
|
|
82
|
+
To run project locally:
|
|
77
83
|
|
|
78
84
|
```
|
|
79
85
|
git clone git@github.com:narmi/design_system.git
|
|
80
86
|
cd design_system
|
|
81
|
-
npm
|
|
87
|
+
npm run dev
|
|
82
88
|
```
|
|
83
89
|
|
|
84
90
|
### NPM scripts
|
|
85
91
|
|
|
86
|
-
`npm run` command
|
|
87
|
-
|
|
88
|
-
`build:jsdoc`
|
|
89
|
-
`build:tokens`
|
|
90
|
-
`build:components`
|
|
91
|
-
`build`
|
|
92
|
-
`test`
|
|
93
|
-
`storybook`
|
|
94
|
-
`watch`
|
|
92
|
+
| `npm run` command | Description |
|
|
93
|
+
| ------------------ | ---------------------------------------------------- |
|
|
94
|
+
| `build:jsdoc` | builds jsDoc documentation to `dist/` |
|
|
95
|
+
| `build:tokens` | builds all distributions of design tokens to `dist/` |
|
|
96
|
+
| `build:components` | builds all components and base stylesheet to `dist/` |
|
|
97
|
+
| `build` | builds everytyhing |
|
|
98
|
+
| `test` | runs all jest tests |
|
|
99
|
+
| `storybook` | starts storybook in dev server mode on `:6006` |
|
|
100
|
+
| `watch` | watches `src` dir, triggering `build` on changes |
|
|
101
|
+
| `dev` | **Start storybook and watch for all `src` changes** |
|
|
95
102
|
|
|
96
103
|
### Releases
|
|
104
|
+
|
|
97
105
|
This project uses [`semantic-release`](https://semantic-release.gitbook.io/semantic-release/),
|
|
98
|
-
|
|
106
|
+
configured to use [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/).
|
|
99
107
|
|
|
100
108
|
Any time new commits are added to the `master` branch, the GitHub Action "release" will run `semantic-release`. The job will
|
|
101
109
|
parse recent git tags and commit messages to determine the new version number, tag the release, publish to NPM, and update the changelog.
|
|
102
110
|
|
|
103
111
|
#### Major releases
|
|
112
|
+
|
|
104
113
|
All PRs target `master` unless it contains breaking changes. Any branch continaing breaking change commits should target the open major release branch.
|
|
105
114
|
For example, if NDS is on major version `1`, breaking changes should target the branch `major/v2`.
|
|
106
115
|
|
|
107
116
|
Branches containing breaking change commits should follow the naming convention `breaking/<branch name>`.
|
|
108
117
|
|
|
109
118
|
### Commit Guidelines
|
|
119
|
+
|
|
110
120
|
This project requires structured commit messages in the [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) format:
|
|
111
121
|
|
|
112
122
|
```
|
|
@@ -120,16 +130,19 @@ Adding a bang (`!`) to the commit type denotes a breaking change ([see docs](htt
|
|
|
120
130
|
#### Examples
|
|
121
131
|
|
|
122
132
|
Making a fix without scope specified:
|
|
133
|
+
|
|
123
134
|
```
|
|
124
135
|
fix: update global `text-rendering` value
|
|
125
136
|
```
|
|
126
137
|
|
|
127
138
|
Adding a feature within the scope of the Button component:
|
|
139
|
+
|
|
128
140
|
```
|
|
129
141
|
feat(Button): add secondary button variant
|
|
130
142
|
```
|
|
131
143
|
|
|
132
144
|
Breaking change within the Button component scope:
|
|
145
|
+
|
|
133
146
|
```
|
|
134
147
|
refactor(Button)!: remove variant `disabled`. The `disabled` boolean prop is now used to disable a button.
|
|
135
148
|
```
|
|
@@ -148,4 +161,3 @@ If you are making a breaking change, please [note it in your commit message](htt
|
|
|
148
161
|
## License
|
|
149
162
|
|
|
150
163
|
Source code is under a custom license based on MIT. The license restricts `@narmi/design_system` usage to applications that integrate or interoperate with Narmi software or services, with additional restrictions for external, stand-alone applications. Please see LICENSE.md for full details.
|
|
151
|
-
|