@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.
Files changed (61) hide show
  1. package/dist/index.js +102 -3
  2. package/dist/index.js.map +1 -1
  3. package/dist/style.css +1 -2132
  4. package/dist/style.css.map +1 -1
  5. package/dist/tokens/css/rgbColors.css +2 -2
  6. package/dist/tokens/css/tokens.css +2 -2
  7. package/dist/tokens/js/colors.esm.js +99 -0
  8. package/dist/tokens/js/colors.js +3 -3
  9. package/dist/tokens/js/manifest.esm.js +187 -0
  10. package/dist/tokens/js/manifest.js +148 -2664
  11. package/dist/tokens/js/reactNativeWeb.js +3 -3
  12. package/dist/tokens/json/tokens.json +2 -2
  13. package/dist/types/Alert/index.d.ts +2 -2
  14. package/dist/types/AutocompleteModal/AutoComplete.d.ts +1 -1
  15. package/dist/types/AutocompleteModal/Item.d.ts +1 -1
  16. package/dist/types/AutocompleteModal/index.d.ts +4 -4
  17. package/dist/types/Button/index.d.ts +2 -2
  18. package/dist/types/Checkbox/index.d.ts +1 -1
  19. package/dist/types/Chip/index.d.ts +2 -2
  20. package/dist/types/ContentCard/index.d.ts +2 -2
  21. package/dist/types/ContentCard/index.d.ts.map +1 -1
  22. package/dist/types/ContextMenu/index.d.ts +1 -1
  23. package/dist/types/Dialog/index.d.ts +1 -1
  24. package/dist/types/DisabledShim/index.d.ts +2 -2
  25. package/dist/types/LoadingSkeleton/index.d.ts +1 -1
  26. package/dist/types/Radio/index.d.ts +1 -1
  27. package/dist/types/RadioButtons/index.d.ts +2 -2
  28. package/dist/types/Row/RowItem.d.ts +1 -1
  29. package/dist/types/Row/index.d.ts +2 -2
  30. package/dist/types/SeparatorList/index.d.ts +1 -1
  31. package/dist/types/Snackbar/index.d.ts +1 -1
  32. package/dist/types/SplitButton/SplitButtonMenu.d.ts +1 -1
  33. package/dist/types/SplitButton/SplitButtonPopover.d.ts +1 -1
  34. package/dist/types/SplitButton/index.d.ts +4 -4
  35. package/dist/types/Table/Body.d.ts +1 -1
  36. package/dist/types/Table/Cell.d.ts +1 -1
  37. package/dist/types/Table/Header.d.ts +1 -1
  38. package/dist/types/Table/HeaderCell.d.ts +1 -1
  39. package/dist/types/Table/Row.d.ts +1 -1
  40. package/dist/types/Table/index.d.ts +4 -4
  41. package/dist/types/Table/util/breakpoint.d.ts +1 -1
  42. package/dist/types/Table/util/colVisibilityContext.d.ts +2 -2
  43. package/dist/types/Table/util/grid.d.ts +1 -1
  44. package/dist/types/TableAutocomplete/Item.d.ts +1 -1
  45. package/dist/types/TableAutocomplete/index.d.ts +3 -3
  46. package/dist/types/TableInput/index.d.ts +1 -1
  47. package/dist/types/Tabs/TabsList.d.ts +1 -1
  48. package/dist/types/Tabs/TabsPanel.d.ts +1 -1
  49. package/dist/types/Tabs/context.d.ts +1 -1
  50. package/dist/types/Tabs/index.d.ts +4 -4
  51. package/dist/types/Tooltip/index.d.ts +1 -1
  52. package/dist/types/index.d.ts +30 -33
  53. package/package.json +18 -21
  54. package/dist/fonts/8b53d5067b416b155cc8.woff +0 -0
  55. package/dist/fonts/d819207ee2e092cc2735.woff2 +0 -0
  56. package/dist/icons/Icons.stories.jsx +0 -74
  57. package/dist/icons/README.md +0 -29
  58. package/dist/icons/fonts/icomoon.svg +0 -347
  59. package/dist/icons/fonts/icomoon.ttf +0 -0
  60. package/dist/icons/fonts/icomoon.woff +0 -0
  61. 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
- };
@@ -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.