@narmi/design_system 3.48.0-beta.0 → 3.48.0-beta.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.
@@ -1,190 +0,0 @@
1
- /**
2
- * DO NOT EDIT
3
- * Generated by style-dictionary on Thu Aug 22 2024 11:24:23 GMT-0700 (Pacific Daylight Time)
4
- * github.com/narmi/design_system/
5
- */
6
-
7
-
8
- const tokens = {
9
- "border": {
10
- "color": {
11
- "primary": "#1A4338",
12
- "light": "#D9D9D9",
13
- "default": "#D9D9D9"
14
- },
15
- "radius": {
16
- "s": 4,
17
- "m": 8,
18
- "l": 20,
19
- "default": 4
20
- },
21
- "size": {
22
- "s": 1,
23
- "m": 2,
24
- "default": 1
25
- }
26
- },
27
- "color": {
28
- "alpha": {
29
- "5": 0.05,
30
- "10": 0.1,
31
- "20": 0.2
32
- },
33
- "background": {
34
- "blueGrey": "#F4F6FA",
35
- "cloudGrey": "#E9E9E9",
36
- "neutralGrey": "#F9F9F9",
37
- "smokeGrey": "#F3F3F3",
38
- "snowGrey": "#FBFBFB",
39
- "white": "#FFFFFF",
40
- "scrimLight": "rgba(255, 255, 255, 0.85)",
41
- "scrimDark": "rgba(80, 80, 80, 0.7)"
42
- },
43
- "narmi": {
44
- "moss100": "#002921",
45
- "moss200": "#0F3C32",
46
- "moss300": "#005242",
47
- "moss400": "#006553",
48
- "moss500": "#3E8373",
49
- "moss600": "#6EA193",
50
- "moss700": "#9DC0B6",
51
- "moss800": "#CDDED9",
52
- "moss": "#006553",
53
- "pine100": "#041A14",
54
- "pine200": "#062821",
55
- "pine300": "#16362C",
56
- "pine400": "#1A4338",
57
- "pine500": "#44655B",
58
- "pine600": "#708981",
59
- "pine700": "#708981",
60
- "pine800": "#CDD6D3",
61
- "pine": "#1A4338",
62
- "cove100": "#002547",
63
- "cove200": "#00376A",
64
- "cove300": "#094895",
65
- "cove400": "#005CB2",
66
- "cove500": "#237CC3",
67
- "cove600": "#66A2D6",
68
- "cove700": "#A6CFF0",
69
- "cove800": "#D4EDFF",
70
- "cove": "#005CB2",
71
- "azul100": "#001340",
72
- "azul200": "#00205E",
73
- "azul300": "#002C82",
74
- "azul400": "#003EA0",
75
- "azul500": "#3664B5",
76
- "azul600": "#6B89C7",
77
- "azul700": "#9CB1DE",
78
- "azul800": "#C9D8F2",
79
- "azul": "#003EA0",
80
- "pistachio100": "#485E3D",
81
- "pistachio200": "#6B8C5A",
82
- "pistachio300": "#90BB78",
83
- "pistachio400": "#B5E995",
84
- "pistachio500": "#CCF0B4",
85
- "pistachio600": "#DAF4C8",
86
- "pistachio700": "#E9F8DE",
87
- "pistachio800": "#F7FCF3",
88
- "pistachio": "#B5E995",
89
- "cactus100": "#324C23",
90
- "cactus200": "#4B7137",
91
- "cactus300": "#63964B",
92
- "cactus400": "#7FBC5B",
93
- "cactus500": "#99CA7A",
94
- "cactus600": "#B3D79A",
95
- "cactus700": "#CCE4BA",
96
- "cactus800": "#E5F1DC",
97
- "cactus": "#7FBC5B",
98
- "sand100": "#423329",
99
- "sand200": "#684D41",
100
- "sand300": "#947564",
101
- "sand400": "#C4A08A",
102
- "sand500": "#DCC1A2",
103
- "sand600": "#EED6C3",
104
- "sand700": "#F4E3D6",
105
- "sand800": "#FCF0E9",
106
- "sand": "#DCC1A2",
107
- "black": "#333333",
108
- "grey": "#4C4C4C",
109
- "mediumGrey": "#8C8C8C",
110
- "lightGrey": "#D9D9D9",
111
- "white": "#FFFFFF"
112
- },
113
- "system": {
114
- "successDark": "#37B374",
115
- "successLight": "#E3FAE7",
116
- "warnDark": "#EAC348",
117
- "warnLight": "#FEF8E3",
118
- "infoDark": "#195274",
119
- "infoLight": "#E8EEF1",
120
- "errorDark": "#D93B3B",
121
- "errorLight": "#FDF1F1"
122
- },
123
- "theme": {
124
- "primary": "#1A4338",
125
- "secondary": "#006553",
126
- "tertiary": "#7FBC5B",
127
- "link": "#006553"
128
- }
129
- },
130
- "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": 10,
150
- "xs": 12,
151
- "s": 14,
152
- "m": 16,
153
- "l": 20,
154
- "heading0": 40,
155
- "heading1": 32,
156
- "heading2": 28,
157
- "heading3": 24,
158
- "default": 16
159
- },
160
- "weight": {
161
- "thin": "200",
162
- "normal": "400",
163
- "semibold": "600",
164
- "bold": "700",
165
- "default": "400"
166
- }
167
- },
168
- "layout": {
169
- "space": {
170
- "xxs": 4,
171
- "xs": 8,
172
- "s": 12,
173
- "m": 16,
174
- "l": 20,
175
- "xl": 40,
176
- "xxl": 60,
177
- "default": 20
178
- }
179
- },
180
- "shadow": {
181
- "elevation": {
182
- "low": "0 2 12px 0 rgba(80, 80, 80, 0.05)",
183
- "middle": "0 2 12px 0 rgba(0, 0, 0, 0.1)",
184
- "high": "0 2 12px 0 rgba(80, 80, 80, 0.2)",
185
- "default": "0 2 12px 0 rgba(0, 0, 0, 0.1)"
186
- }
187
- }
188
- };
189
-
190
- module.exports = tokens;
@@ -1,57 +0,0 @@
1
- /// <reference types="react" />
2
- declare module "types/Icon.types" {
3
- /**
4
- * Generated by `scripts/buildTypes.mjs`
5
- */
6
- export type IconName = "bank" | "loan" | "logo-remitly" | "zelle-outline" | "question" | "signal" | "car" | "check-front" | "dollar-bill-line" | "wires" | "m2m" | "venmo-logo" | "face-id" | "library" | "profile" | "filter-2" | "business" | "profiles" | "star-filled" | "car-outline" | "dining" | "fingerprint" | "heart-pulse" | "paw" | "receipt" | "self-care" | "stroller" | "security, narmi-fat-security" | "feed, narmi-feed" | "activity" | "airplay" | "alert-circle" | "alert-octagon" | "alert-triangle" | "align-center" | "align-justify" | "align-left" | "align-right" | "anchor" | "aperture" | "archive" | "arrow-down" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-right" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-right" | "arrow-up-down" | "at-sign" | "award" | "bar-chart" | "bar-chart-2" | "battery" | "battery-charging" | "bell" | "bell-off" | "bluetooth" | "bold" | "book" | "book-open" | "bookmark" | "box" | "briefcase" | "calendar" | "camera" | "camera-off" | "cast" | "check" | "check-circle" | "check-square" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-left" | "chevrons-right" | "chevrons-up" | "chrome" | "circle" | "clipboard" | "clock" | "cloud" | "cloud-drizzle" | "cloud-lightning" | "cloud-off" | "cloud-rain" | "cloud-snow" | "code" | "codepen" | "codesandbox" | "coffee" | "columns" | "command" | "compass" | "copy" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "cpu" | "credit-card1" | "crop" | "crosshair" | "database" | "delete" | "disc" | "dollar-sign" | "download" | "download-cloud" | "droplet" | "edit" | "edit-2" | "edit-3" | "external-link" | "eye" | "eye-off" | "facebook" | "fast-forward" | "feather" | "figma" | "file" | "file-minus" | "file-plus" | "file-text1" | "film" | "filter" | "flag" | "folder" | "folder-minus" | "folder-plus" | "framer" | "frown" | "gift" | "git-branch" | "git-commit" | "git-merge" | "git-pull-request" | "github" | "gitlab" | "globe" | "grid" | "hard-drive" | "hash" | "headphones" | "heart" | "help-circle" | "hexagon" | "home" | "image" | "inbox" | "info" | "instagram" | "italic" | "key" | "layers" | "layout" | "life-buoy" | "link" | "link-2" | "linkedin" | "list" | "loader" | "lock" | "log-in" | "log-out" | "mail" | "map" | "map-pin" | "maximize" | "maximize-2" | "meh" | "menu" | "message-circle" | "message-square" | "mic" | "mic-off" | "minimize" | "minimize-2" | "minus" | "minus-circle" | "minus-square" | "monitor" | "moon" | "more-horizontal" | "more-vertical" | "mouse-pointer" | "move" | "music" | "navigation" | "navigation-2" | "octagon" | "package" | "paperclip" | "pause" | "pause-circle" | "pen-tool" | "percent" | "phone" | "phone-call" | "phone-forwarded" | "phone-incoming" | "phone-missed" | "phone-off" | "phone-outgoing" | "pie-chart" | "play" | "play-circle" | "plus" | "plus-circle" | "plus-square" | "pocket" | "power" | "printer" | "radio" | "refresh-ccw" | "refresh-cw" | "repeat" | "rewind" | "rotate-ccw" | "rotate-cw" | "rss" | "save" | "scissors" | "search" | "send" | "server" | "settings" | "share" | "share-2" | "shield" | "shield-off" | "shopping-bag" | "shopping-cart" | "shuffle" | "sidebar" | "skip-back" | "skip-forward" | "slack" | "slash" | "sliders" | "smartphone" | "smile" | "speaker" | "square" | "star" | "stop-circle" | "sun" | "sunrise" | "sunset" | "tablet" | "tag" | "target" | "terminal" | "thermometer" | "thumbs-down" | "thumbs-up" | "toggle-left" | "toggle-right" | "tool" | "trash" | "trash-2" | "trello" | "trending-down" | "trending-up" | "triangle" | "truck" | "tv" | "twitch" | "twitter" | "type" | "umbrella" | "underline" | "unlock" | "upload" | "upload-cloud" | "user" | "user-check" | "user-minus" | "user-plus" | "user-x" | "users" | "video" | "video-off" | "voicemail" | "volume" | "volume-1" | "volume-2" | "volume-x" | "watch" | "wifi" | "wifi-off" | "wind" | "x" | "x-circle" | "x-octagon" | "x-square" | "youtube" | "zap" | "zap-off" | "zoom-in" | "zoom-out" | "student" | "hand-spock" | "solid-circle" | "GroupOutlined" | "LocalAtm" | "MonetizationOnOutlined" | "SyncAlt" | "p2p" | "check-endorsed" | "piggy-bank" | "venmo" | "folder-open" | "group" | "settings-gear" | "admin-user" | "transfer-arrows, narmi-transfer" | "blob" | "bill" | "credit-card" | "office" | "file-text";
7
- }
8
- declare module "SeparatorList/index" {
9
- import React from "react";
10
- interface SeparatorListProps {
11
- items: React.ReactNode[];
12
- separator?: string;
13
- noWrap?: boolean;
14
- testId?: string;
15
- }
16
- /**
17
- * Takes a list of elements and places a visual separator between items.
18
- */
19
- const SeparatorList: React.FC<SeparatorListProps>;
20
- export default SeparatorList;
21
- }
22
- declare module "Slider/Thumbs" {
23
- const Thumbs: (props: any) => import("react/jsx-runtime").JSX.Element;
24
- export default Thumbs;
25
- }
26
- declare module "Slider/index" {
27
- export interface Props {
28
- /** Visually hidden label to describe the input */
29
- label: string;
30
- /** `name` attribute passed to the lower value input thumb */
31
- lowerName: string;
32
- /** `name` attribute passed to the higher value input thumb */
33
- higherName: string;
34
- /** value of the input */
35
- value?: number[];
36
- /** change callback invoked when the value of the `input` changes */
37
- onChange?: (value: number[]) => void;
38
- /** optionally format the input value */
39
- formatOptions?: Intl.NumberFormatOptions;
40
- /** lower bound for the input, inclusive */
41
- minValue?: number;
42
- /** upper bound for the input, inclusive */
43
- maxValue?: number;
44
- /** if uncontrolled, intial value for the input */
45
- defaultValue?: number[];
46
- /** increment number for the range input */
47
- step?: number;
48
- /**
49
- * Text rendered within an `<output>` element.
50
- * If omitted, will default to `Between {lower} and {upper}`
51
- */
52
- output?: string;
53
- }
54
- const Slider: (props: Props) => import("react/jsx-runtime").JSX.Element;
55
- export default Slider;
56
- }
57
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/Icon.types.ts","../../src/SeparatorList/index.tsx","../../src/Slider/Thumbs.tsx","../../src/Slider/index.tsx"],"names":[],"mappings":"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"}