@narmi/design_system 4.45.0 → 4.46.1
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/dist/index.js +102 -3
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -2132
- package/dist/style.css.map +1 -1
- package/dist/tokens/css/rgbColors.css +2 -2
- package/dist/tokens/css/tokens.css +2 -2
- package/dist/tokens/js/colors.esm.js +99 -0
- package/dist/tokens/js/colors.js +3 -3
- package/dist/tokens/js/manifest.esm.js +187 -0
- package/dist/tokens/js/manifest.js +148 -2664
- package/dist/tokens/js/reactNativeWeb.js +3 -3
- package/dist/tokens/json/tokens.json +2 -2
- package/dist/types/Alert/index.d.ts +2 -2
- package/dist/types/AutocompleteModal/AutoComplete.d.ts +1 -1
- package/dist/types/AutocompleteModal/Item.d.ts +1 -1
- package/dist/types/AutocompleteModal/index.d.ts +4 -4
- package/dist/types/Button/index.d.ts +2 -2
- package/dist/types/Checkbox/index.d.ts +1 -1
- package/dist/types/Chip/index.d.ts +2 -2
- package/dist/types/ContentCard/index.d.ts +2 -2
- package/dist/types/ContentCard/index.d.ts.map +1 -1
- package/dist/types/ContextMenu/index.d.ts +1 -1
- package/dist/types/Dialog/index.d.ts +1 -1
- package/dist/types/DisabledShim/index.d.ts +2 -2
- package/dist/types/LoadingSkeleton/index.d.ts +1 -1
- package/dist/types/Radio/index.d.ts +1 -1
- package/dist/types/RadioButtons/index.d.ts +2 -2
- package/dist/types/Row/RowItem.d.ts +1 -1
- package/dist/types/Row/index.d.ts +2 -2
- package/dist/types/SeparatorList/index.d.ts +1 -1
- package/dist/types/Snackbar/index.d.ts +1 -1
- package/dist/types/SplitButton/SplitButtonMenu.d.ts +1 -1
- package/dist/types/SplitButton/SplitButtonPopover.d.ts +1 -1
- package/dist/types/SplitButton/index.d.ts +4 -4
- package/dist/types/Table/Body.d.ts +1 -1
- package/dist/types/Table/Cell.d.ts +1 -1
- package/dist/types/Table/Header.d.ts +1 -1
- package/dist/types/Table/HeaderCell.d.ts +1 -1
- package/dist/types/Table/Row.d.ts +1 -1
- package/dist/types/Table/index.d.ts +4 -4
- package/dist/types/Table/util/breakpoint.d.ts +1 -1
- package/dist/types/Table/util/colVisibilityContext.d.ts +2 -2
- package/dist/types/Table/util/grid.d.ts +1 -1
- package/dist/types/TableAutocomplete/Item.d.ts +1 -1
- package/dist/types/TableAutocomplete/index.d.ts +3 -3
- package/dist/types/TableInput/index.d.ts +1 -1
- package/dist/types/Tabs/TabsList.d.ts +1 -1
- package/dist/types/Tabs/TabsPanel.d.ts +1 -1
- package/dist/types/Tabs/context.d.ts +1 -1
- package/dist/types/Tabs/index.d.ts +4 -4
- package/dist/types/Tooltip/index.d.ts +1 -1
- package/dist/types/index.d.ts +30 -33
- package/package.json +18 -21
- package/dist/fonts/8b53d5067b416b155cc8.woff +0 -0
- package/dist/fonts/d819207ee2e092cc2735.woff2 +0 -0
- package/dist/icons/Icons.stories.jsx +0 -74
- package/dist/icons/README.md +0 -29
- package/dist/icons/fonts/icomoon.svg +0 -347
- package/dist/icons/fonts/icomoon.ttf +0 -0
- package/dist/icons/fonts/icomoon.woff +0 -0
- package/dist/index.js.LICENSE.txt +0 -35
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import PropTypes from "prop-types";
|
|
3
|
-
import {
|
|
4
|
-
Title,
|
|
5
|
-
Subtitle,
|
|
6
|
-
Primary,
|
|
7
|
-
Stories,
|
|
8
|
-
} from '@storybook/addon-docs';
|
|
9
|
-
import iconSelection from "dist/icons/selection.json";
|
|
10
|
-
import compatIcons from "./compat-icons";
|
|
11
|
-
|
|
12
|
-
const IconDocs = ({ iconNames }) => {
|
|
13
|
-
return (
|
|
14
|
-
<div className="nds-typography">
|
|
15
|
-
<div className="icon-demo">
|
|
16
|
-
{iconNames.map((name) => (
|
|
17
|
-
<div key={name} className="icon-demo-box">
|
|
18
|
-
<span className={`icon-demo-icon narmi-icon-${name}`}> </span>
|
|
19
|
-
<span className="icon-demo-title">{name}</span>
|
|
20
|
-
</div>
|
|
21
|
-
))}
|
|
22
|
-
</div>
|
|
23
|
-
</div>
|
|
24
|
-
);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
IconDocs.propTypes = {
|
|
28
|
-
iconNames: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
// Main Icons story
|
|
32
|
-
export const Icons = () => {
|
|
33
|
-
const iconNames = [];
|
|
34
|
-
|
|
35
|
-
iconSelection.icons.forEach((iconData) => {
|
|
36
|
-
const namesAndAliases = iconData.properties.name.split(",");
|
|
37
|
-
namesAndAliases.forEach((name) => {
|
|
38
|
-
iconNames.push(name.trim());
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
return <IconDocs iconNames={iconNames} />;
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
// Mobile-Compatible Icons story
|
|
45
|
-
export const MobileCompatibleIcons = () => (
|
|
46
|
-
<>
|
|
47
|
-
<IconDocs iconNames={compatIcons.icons} />
|
|
48
|
-
</>
|
|
49
|
-
);
|
|
50
|
-
MobileCompatibleIcons.parameters = {
|
|
51
|
-
docs: {
|
|
52
|
-
description: {
|
|
53
|
-
story: `This set of icons is safe to use in our mobile application.
|
|
54
|
-
These shapes are supported down to release \`v2022.7\` (NDS version \`v2.21.2\`)
|
|
55
|
-
to account for users on older versions of the mobile app.`,
|
|
56
|
-
},
|
|
57
|
-
},
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
export default {
|
|
61
|
-
title: "Style/Icons",
|
|
62
|
-
parameters: {
|
|
63
|
-
docs: {
|
|
64
|
-
page: () => (
|
|
65
|
-
<>
|
|
66
|
-
<Title />
|
|
67
|
-
<Subtitle />
|
|
68
|
-
<Primary />
|
|
69
|
-
<Stories />
|
|
70
|
-
</>
|
|
71
|
-
),
|
|
72
|
-
},
|
|
73
|
-
},
|
|
74
|
-
};
|
package/dist/icons/README.md
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
# Working with Icons
|
|
2
|
-
|
|
3
|
-
Until this process has better automation, please follow the instructions below
|
|
4
|
-
when updating our icon set.
|
|
5
|
-
|
|
6
|
-
## Updating icons
|
|
7
|
-
|
|
8
|
-
1. Log into icomoon using our narmi engineering account
|
|
9
|
-
2. Upload `selection.json` - this config file holds all shape information and metadata
|
|
10
|
-
3. Modify the icon set in the icomoon UI as needed
|
|
11
|
-
4. Click "Generate font" from the project view in the icomoon UI, then click "Download"
|
|
12
|
-
5. Copy assets (**SEE BELOW**)
|
|
13
|
-
6. `npm run build:types` will regenerate `src/Icon.types.ts`
|
|
14
|
-
7. Commit the changes & submit a PR
|
|
15
|
-
|
|
16
|
-
### Copying assets into NDS
|
|
17
|
-
|
|
18
|
-
Unzip the icomoon download. Copy all of the following into `src/icons/` in NDS:
|
|
19
|
-
|
|
20
|
-
- `fonts/`
|
|
21
|
-
- `selection.json`
|
|
22
|
-
- `style.css`
|
|
23
|
-
|
|
24
|
-
NOTE: style.css may include multiple urls as the src for @font-face. Please remove all except the woff url.
|
|
25
|
-
|
|
26
|
-
### Testing icon changes
|
|
27
|
-
|
|
28
|
-
Run storybook with `npm run dev` and navigate to the icons page. Icon additions
|
|
29
|
-
and changes should be visible in the story.
|