@narmi/design_system 4.46.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 (59) 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 +1 -1
  6. package/dist/tokens/css/tokens.css +1 -1
  7. package/dist/tokens/js/colors.esm.js +99 -0
  8. package/dist/tokens/js/colors.js +1 -1
  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 +1 -1
  12. package/dist/types/Alert/index.d.ts +2 -2
  13. package/dist/types/AutocompleteModal/AutoComplete.d.ts +1 -1
  14. package/dist/types/AutocompleteModal/Item.d.ts +1 -1
  15. package/dist/types/AutocompleteModal/index.d.ts +4 -4
  16. package/dist/types/Button/index.d.ts +2 -2
  17. package/dist/types/Checkbox/index.d.ts +1 -1
  18. package/dist/types/Chip/index.d.ts +2 -2
  19. package/dist/types/ContentCard/index.d.ts +1 -1
  20. package/dist/types/ContextMenu/index.d.ts +1 -1
  21. package/dist/types/Dialog/index.d.ts +1 -1
  22. package/dist/types/DisabledShim/index.d.ts +2 -2
  23. package/dist/types/LoadingSkeleton/index.d.ts +1 -1
  24. package/dist/types/Radio/index.d.ts +1 -1
  25. package/dist/types/RadioButtons/index.d.ts +2 -2
  26. package/dist/types/Row/RowItem.d.ts +1 -1
  27. package/dist/types/Row/index.d.ts +2 -2
  28. package/dist/types/SeparatorList/index.d.ts +1 -1
  29. package/dist/types/Snackbar/index.d.ts +1 -1
  30. package/dist/types/SplitButton/SplitButtonMenu.d.ts +1 -1
  31. package/dist/types/SplitButton/SplitButtonPopover.d.ts +1 -1
  32. package/dist/types/SplitButton/index.d.ts +4 -4
  33. package/dist/types/Table/Body.d.ts +1 -1
  34. package/dist/types/Table/Cell.d.ts +1 -1
  35. package/dist/types/Table/Header.d.ts +1 -1
  36. package/dist/types/Table/HeaderCell.d.ts +1 -1
  37. package/dist/types/Table/Row.d.ts +1 -1
  38. package/dist/types/Table/index.d.ts +4 -4
  39. package/dist/types/Table/util/breakpoint.d.ts +1 -1
  40. package/dist/types/Table/util/colVisibilityContext.d.ts +2 -2
  41. package/dist/types/Table/util/grid.d.ts +1 -1
  42. package/dist/types/TableAutocomplete/Item.d.ts +1 -1
  43. package/dist/types/TableAutocomplete/index.d.ts +3 -3
  44. package/dist/types/TableInput/index.d.ts +1 -1
  45. package/dist/types/Tabs/TabsList.d.ts +1 -1
  46. package/dist/types/Tabs/TabsPanel.d.ts +1 -1
  47. package/dist/types/Tabs/context.d.ts +1 -1
  48. package/dist/types/Tabs/index.d.ts +4 -4
  49. package/dist/types/Tooltip/index.d.ts +1 -1
  50. package/dist/types/index.d.ts +30 -33
  51. package/package.json +14 -11
  52. package/dist/fonts/8b53d5067b416b155cc8.woff +0 -0
  53. package/dist/fonts/d819207ee2e092cc2735.woff2 +0 -0
  54. package/dist/icons/Icons.stories.jsx +0 -74
  55. package/dist/icons/README.md +0 -29
  56. package/dist/icons/fonts/icomoon.svg +0 -347
  57. package/dist/icons/fonts/icomoon.ttf +0 -0
  58. package/dist/icons/fonts/icomoon.woff +0 -0
  59. package/dist/index.js.LICENSE.txt +0 -35
@@ -0,0 +1,99 @@
1
+ /**
2
+ * DO NOT EDIT
3
+ * Generated by style-dictionary on Tue Nov 04 2025 16:48:07 GMT+0000 (Coordinated Universal Time)
4
+ * github.com/narmi/design_system/
5
+ */
6
+
7
+
8
+ export const ColorAlpha5 = "0.05";
9
+ export const ColorAlpha10 = "0.1";
10
+ export const ColorAlpha20 = "0.2";
11
+ export const ColorBackgroundBlueGrey = "#f4f6fa";
12
+ export const ColorBackgroundCloudGrey = "#e9e9e9";
13
+ export const ColorBackgroundNeutralGrey = "#f9f9f9";
14
+ export const ColorBackgroundSmokeGrey = "#f3f3f3";
15
+ export const ColorBackgroundSnowGrey = "#fbfbfb";
16
+ export const ColorBackgroundWhite = "#ffffff";
17
+ export const ColorBackgroundScrimLight = "rgba(255, 255, 255, 0.85)";
18
+ export const ColorBackgroundScrimDark = "rgba(80, 80, 80, 0.7)";
19
+ export const ColorNarmiMoss100 = "#002921";
20
+ export const ColorNarmiMoss200 = "#0f3c32";
21
+ export const ColorNarmiMoss300 = "#005242";
22
+ export const ColorNarmiMoss400 = "#006553";
23
+ export const ColorNarmiMoss500 = "#3e8373";
24
+ export const ColorNarmiMoss600 = "#6ea193";
25
+ export const ColorNarmiMoss700 = "#9dc0b6";
26
+ export const ColorNarmiMoss800 = "#cdded9";
27
+ export const ColorNarmiMoss = "#006553";
28
+ export const ColorNarmiPine100 = "#041a14";
29
+ export const ColorNarmiPine200 = "#062821";
30
+ export const ColorNarmiPine300 = "#16362c";
31
+ export const ColorNarmiPine400 = "#1a4338";
32
+ export const ColorNarmiPine500 = "#44655b";
33
+ export const ColorNarmiPine600 = "#708981";
34
+ export const ColorNarmiPine700 = "#708981";
35
+ export const ColorNarmiPine800 = "#cdd6d3";
36
+ export const ColorNarmiPine = "#1a4338";
37
+ export const ColorNarmiCove100 = "#002547";
38
+ export const ColorNarmiCove200 = "#00376a";
39
+ export const ColorNarmiCove300 = "#094895";
40
+ export const ColorNarmiCove400 = "#005cb2";
41
+ export const ColorNarmiCove500 = "#237cc3";
42
+ export const ColorNarmiCove600 = "#66a2d6";
43
+ export const ColorNarmiCove700 = "#a6cff0";
44
+ export const ColorNarmiCove800 = "#d4edff";
45
+ export const ColorNarmiCove = "#005cb2";
46
+ export const ColorNarmiAzul100 = "#001340";
47
+ export const ColorNarmiAzul200 = "#00205e";
48
+ export const ColorNarmiAzul300 = "#002c82";
49
+ export const ColorNarmiAzul400 = "#003ea0";
50
+ export const ColorNarmiAzul500 = "#3664b5";
51
+ export const ColorNarmiAzul600 = "#6b89c7";
52
+ export const ColorNarmiAzul700 = "#9cb1de";
53
+ export const ColorNarmiAzul800 = "#c9d8f2";
54
+ export const ColorNarmiAzul = "#003ea0";
55
+ export const ColorNarmiPistachio100 = "#485e3d";
56
+ export const ColorNarmiPistachio200 = "#6b8c5a";
57
+ export const ColorNarmiPistachio300 = "#90bb78";
58
+ export const ColorNarmiPistachio400 = "#b5e995";
59
+ export const ColorNarmiPistachio500 = "#ccf0b4";
60
+ export const ColorNarmiPistachio600 = "#daf4c8";
61
+ export const ColorNarmiPistachio700 = "#e9f8de";
62
+ export const ColorNarmiPistachio800 = "#f7fcf3";
63
+ export const ColorNarmiPistachio = "#b5e995";
64
+ export const ColorNarmiCactus100 = "#324c23";
65
+ export const ColorNarmiCactus200 = "#4b7137";
66
+ export const ColorNarmiCactus300 = "#63964b";
67
+ export const ColorNarmiCactus400 = "#7fbc5b";
68
+ export const ColorNarmiCactus500 = "#99ca7a";
69
+ export const ColorNarmiCactus600 = "#b3d79a";
70
+ export const ColorNarmiCactus700 = "#cce4ba";
71
+ export const ColorNarmiCactus800 = "#e5f1dc";
72
+ export const ColorNarmiCactus = "#7fbc5b";
73
+ export const ColorNarmiSand100 = "#423329";
74
+ export const ColorNarmiSand200 = "#684d41";
75
+ export const ColorNarmiSand300 = "#947564";
76
+ export const ColorNarmiSand400 = "#c4a08a";
77
+ export const ColorNarmiSand500 = "#dcc1a3";
78
+ export const ColorNarmiSand600 = "#eed6c3";
79
+ export const ColorNarmiSand700 = "#f4e3d6";
80
+ export const ColorNarmiSand800 = "#fcf0e9";
81
+ export const ColorNarmiSand = "#dcc1a3";
82
+ export const ColorNarmiAmethyst = "#5514b8";
83
+ export const ColorNarmiBlack = "#333333";
84
+ export const ColorNarmiGrey = "#4c4c4c";
85
+ export const ColorNarmiMediumGrey = "#8c8c8c";
86
+ export const ColorNarmiLightGrey = "#d9d9d9";
87
+ export const ColorNarmiWhite = "#ffffff";
88
+ export const ColorSystemSuccessDark = "#027a48";
89
+ export const ColorSystemSuccessLight = "#ecfdf3";
90
+ export const ColorSystemWarnDark = "#b54708";
91
+ export const ColorSystemWarnLight = "#fffaeb";
92
+ export const ColorSystemInfoDark = "#195274";
93
+ export const ColorSystemInfoLight = "#e8eef1";
94
+ export const ColorSystemErrorDark = "#b42318";
95
+ export const ColorSystemErrorLight = "#fef3f2";
96
+ export const ColorThemePrimary = "#1a4338";
97
+ export const ColorThemeSecondary = "#006553";
98
+ export const ColorThemeTertiary = "#7fbc5b";
99
+ export const ColorThemeLink = "#006553";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 24 Oct 2025 22:45:06 GMT
3
+ * Generated on Tue, 04 Nov 2025 16:48:07 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -0,0 +1,187 @@
1
+ /**
2
+ * DO NOT EDIT
3
+ * Generated by style-dictionary on Tue Nov 04 2025 16:48:07 GMT+0000 (Coordinated Universal Time)
4
+ * github.com/narmi/design_system/
5
+ */
6
+
7
+
8
+ export const border = {
9
+ "color": {
10
+ "primary": "#1a4338",
11
+ "light": "#d9d9d9",
12
+ "default": "#d9d9d9"
13
+ },
14
+ "radius": {
15
+ "s": "4px",
16
+ "m": "8px",
17
+ "l": "20px",
18
+ "default": "4px"
19
+ },
20
+ "size": {
21
+ "s": "1px",
22
+ "m": "2px",
23
+ "default": "1px"
24
+ }
25
+ };
26
+ export const color = {
27
+ "alpha": {
28
+ "5": "0.05",
29
+ "10": "0.1",
30
+ "20": "0.2"
31
+ },
32
+ "background": {
33
+ "blueGrey": "#f4f6fa",
34
+ "cloudGrey": "#e9e9e9",
35
+ "neutralGrey": "#f9f9f9",
36
+ "smokeGrey": "#f3f3f3",
37
+ "snowGrey": "#fbfbfb",
38
+ "white": "#ffffff",
39
+ "scrimLight": "rgba(255, 255, 255, 0.85)",
40
+ "scrimDark": "rgba(80, 80, 80, 0.7)"
41
+ },
42
+ "narmi": {
43
+ "moss100": "#002921",
44
+ "moss200": "#0f3c32",
45
+ "moss300": "#005242",
46
+ "moss400": "#006553",
47
+ "moss500": "#3e8373",
48
+ "moss600": "#6ea193",
49
+ "moss700": "#9dc0b6",
50
+ "moss800": "#cdded9",
51
+ "moss": "#006553",
52
+ "pine100": "#041a14",
53
+ "pine200": "#062821",
54
+ "pine300": "#16362c",
55
+ "pine400": "#1a4338",
56
+ "pine500": "#44655b",
57
+ "pine600": "#708981",
58
+ "pine700": "#708981",
59
+ "pine800": "#cdd6d3",
60
+ "pine": "#1a4338",
61
+ "cove100": "#002547",
62
+ "cove200": "#00376a",
63
+ "cove300": "#094895",
64
+ "cove400": "#005cb2",
65
+ "cove500": "#237cc3",
66
+ "cove600": "#66a2d6",
67
+ "cove700": "#a6cff0",
68
+ "cove800": "#d4edff",
69
+ "cove": "#005cb2",
70
+ "azul100": "#001340",
71
+ "azul200": "#00205e",
72
+ "azul300": "#002c82",
73
+ "azul400": "#003ea0",
74
+ "azul500": "#3664b5",
75
+ "azul600": "#6b89c7",
76
+ "azul700": "#9cb1de",
77
+ "azul800": "#c9d8f2",
78
+ "azul": "#003ea0",
79
+ "pistachio100": "#485e3d",
80
+ "pistachio200": "#6b8c5a",
81
+ "pistachio300": "#90bb78",
82
+ "pistachio400": "#b5e995",
83
+ "pistachio500": "#ccf0b4",
84
+ "pistachio600": "#daf4c8",
85
+ "pistachio700": "#e9f8de",
86
+ "pistachio800": "#f7fcf3",
87
+ "pistachio": "#b5e995",
88
+ "cactus100": "#324c23",
89
+ "cactus200": "#4b7137",
90
+ "cactus300": "#63964b",
91
+ "cactus400": "#7fbc5b",
92
+ "cactus500": "#99ca7a",
93
+ "cactus600": "#b3d79a",
94
+ "cactus700": "#cce4ba",
95
+ "cactus800": "#e5f1dc",
96
+ "cactus": "#7fbc5b",
97
+ "sand100": "#423329",
98
+ "sand200": "#684d41",
99
+ "sand300": "#947564",
100
+ "sand400": "#c4a08a",
101
+ "sand500": "#dcc1a3",
102
+ "sand600": "#eed6c3",
103
+ "sand700": "#f4e3d6",
104
+ "sand800": "#fcf0e9",
105
+ "sand": "#dcc1a3",
106
+ "amethyst": "#5514b8",
107
+ "black": "#333333",
108
+ "grey": "#4c4c4c",
109
+ "mediumGrey": "#8c8c8c",
110
+ "lightGrey": "#d9d9d9",
111
+ "white": "#ffffff"
112
+ },
113
+ "system": {
114
+ "successDark": "#027a48",
115
+ "successLight": "#ecfdf3",
116
+ "warnDark": "#b54708",
117
+ "warnLight": "#fffaeb",
118
+ "infoDark": "#195274",
119
+ "infoLight": "#e8eef1",
120
+ "errorDark": "#b42318",
121
+ "errorLight": "#fef3f2"
122
+ },
123
+ "theme": {
124
+ "primary": "#1a4338",
125
+ "secondary": "#006553",
126
+ "tertiary": "#7fbc5b",
127
+ "link": "#006553"
128
+ }
129
+ };
130
+ export const font = {
131
+ "color": {
132
+ "heading": "#333333",
133
+ "primary": "#4c4c4c",
134
+ "secondary": "#6c6c6c",
135
+ "hint": "#d9d9d9"
136
+ },
137
+ "family": {
138
+ "heading": "'Narmi Matiere', serif",
139
+ "body": "Mulish, Helvetica, sans-serif",
140
+ "default": "Mulish, Helvetica, sans-serif"
141
+ },
142
+ "lineHeight": {
143
+ "smallText": "1.6",
144
+ "bodyText": "1.25",
145
+ "bigText": "1.1",
146
+ "default": "1.25"
147
+ },
148
+ "size": {
149
+ "xxs": "10px",
150
+ "xs": "12px",
151
+ "s": "14px",
152
+ "m": "16px",
153
+ "l": "20px",
154
+ "heading0": "40px",
155
+ "heading1": "32px",
156
+ "heading2": "28px",
157
+ "heading3": "24px",
158
+ "default": "16px"
159
+ },
160
+ "weight": {
161
+ "thin": "200",
162
+ "normal": "400",
163
+ "semibold": "600",
164
+ "bold": "700",
165
+ "default": "400"
166
+ }
167
+ };
168
+ export const layout = {
169
+ "space": {
170
+ "xxs": "4px",
171
+ "xs": "8px",
172
+ "s": "12px",
173
+ "m": "16px",
174
+ "l": "20px",
175
+ "xl": "40px",
176
+ "xxl": "60px",
177
+ "default": "20px"
178
+ }
179
+ };
180
+ export const shadow = {
181
+ "elevation": {
182
+ "low": "0 2px 12px 0 rgba(80, 80, 80, 0.05)",
183
+ "middle": "0 2px 12px 0 rgba(0, 0, 0, 0.1)",
184
+ "high": "0 2px 12px 0 rgba(80, 80, 80, 0.2)",
185
+ "default": "0 2px 12px 0 rgba(0, 0, 0, 0.1)"
186
+ }
187
+ };