@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 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
- - ✏️ [Contributing](https://github.com/narmi/design_system/blob/master/CONTRIBUTING.md)
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
- To run storybook locally:
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 install && npm run build && npm run storybook
87
+ npm run dev
82
88
  ```
83
89
 
84
90
  ### NPM scripts
85
91
 
86
- `npm run` command | Description
87
- -------------------- | ---------------------------------------
88
- `build:jsdoc` | builds jsDoc documentation to `dist/`
89
- `build:tokens` | builds all distributions of design tokens to `dist/`
90
- `build:components` | builds all components and base stylesheet to `dist/`
91
- `build` | builds everytyhing
92
- `test` | runs all jest tests
93
- `storybook` | starts storybook in dev server mode on `:6006`
94
- `watch` | watches `src` dir, triggering `build` on changes
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
- configured to use [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/).
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
-