@narmi/design_system 3.13.1 → 3.14.0-beta.0

package/dist/tokens/js/reactNativeWeb.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Thu Oct 26 2023 13:31:28 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Thu Nov 09 2023 18:21:50 GMT-0500 (Eastern Standard Time)
 * github.com/narmi/design_system/
 */
 

package/dist/types/Icon.types.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated by `scripts/buildTypes.mjs` at Thu Nov 09 2023 18:07:40 GMT-0500 (Eastern Standard Time)
+ */
+export type IconName = "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" | "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" | "logo-remitly" | "zelle-outline" | "question" | "signal" | "car" | "check-front" | "dollar-bill-line" | "wires" | "m2m" | "venmo-logo" | "face-id" | "library" | "profile" | "bank" | "office" | "file-text";

package/dist/types/SeparatorList/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { IconName } from "../types/Icon.types";
+interface SeparatorListProps {
+    items: React.ReactNode[];
+    separator?: string;
+    noWrap?: boolean;
+    testId?: string;
+    icon?: IconName;
+}
+/**
+ * Takes a list of elements and places a visual separator between items.
+ */
+declare const SeparatorList: React.FC<SeparatorListProps>;
+export default SeparatorList;

package/dist/types/types/Icon.types.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated by `scripts/buildTypes.mjs` at Thu Nov 09 2023 18:21:49 GMT-0500 (Eastern Standard Time)
+ */
+export type IconName = "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" | "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" | "logo-remitly" | "zelle-outline" | "question" | "signal" | "car" | "check-front" | "dollar-bill-line" | "wires" | "m2m" | "venmo-logo" | "face-id" | "library" | "profile" | "bank" | "office" | "file-text";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@narmi/design_system",
-  "version": "3.13.1",
+  "version": "3.14.0-beta.0",
   "description": "⚡ A consistent look-and-feel and extensible interface for Narmi experiences 🔥",
   "main": "dist/index.js",
   "files": [
@@ -12,17 +12,19 @@
   },
   "scripts": {
     "watch": "watch 'npm run build' src",
+    "build:types": "node ./scripts/buildTypes.mjs && npx tsc",
     "build:jsdoc": "node ./scripts/jsDoc.mjs",
     "build:classdoc": "node ./scripts/classManifest.mjs",
     "build:tokens": "style-dictionary build --config=./tokens/config.js",
     "build:components": "webpack --mode=production",
-    "build": "npm run build:tokens && npm run build:jsdoc && npm run build:classdoc && npm run build:components",
+    "build": "npm run build:types && npm run build:tokens && npm run build:jsdoc && npm run build:classdoc && npm run build:components",
+    "build:clean": "rm -rf dist/ && npm run build",
     "prepublish": "npm run build",
     "test": "jest",
     "lint": "eslint \"./src/**\" \"./scripts/**\" \"./tokens/**\" --no-error-on-unmatched-pattern",
     "release": "semantic-release",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "chromatic": "npx chromatic --project-token $CHROMATIC_PROJECT_TOKEN --exit-zero-on-changes",
     "stats:components": "node ./scripts/component-adoption.mjs",
     "stats:classes": "node ./scripts/class-adoption.mjs",
@@ -39,23 +41,28 @@
     "@babel/plugin-proposal-class-properties": "^7.13.0",
     "@babel/preset-env": "^7.15.6",
     "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.23.2",
     "@commitlint/cli": "^13.2.0",
     "@commitlint/config-conventional": "^13.2.0",
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
     "@semantic-release/changelog": "^6.0.0",
     "@semantic-release/git": "^10.0.0",
-    "@storybook/addon-a11y": "^6.4.20",
-    "@storybook/addon-actions": "^6.4.20",
-    "@storybook/addon-essentials": "^6.4.20",
-    "@storybook/addon-links": "^6.4.20",
-    "@storybook/builder-webpack5": "^6.4.20",
-    "@storybook/manager-webpack5": "^6.4.20",
-    "@storybook/react": "^6.4.20",
-    "@storybook/theming": "^6.4.20",
+    "@storybook/addon-a11y": "^7.5.2",
+    "@storybook/addon-actions": "^7.5.2",
+    "@storybook/addon-essentials": "^7.5.2",
+    "@storybook/addon-links": "^7.5.2",
+    "@storybook/addon-mdx-gfm": "^7.5.2",
+    "@storybook/react": "^7.5.2",
+    "@storybook/react-webpack5": "^7.5.2",
+    "@storybook/theming": "^7.5.2",
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^12.1.2",
     "@types/jest": "^27.0.2",
+    "@types/react": "^18.2.31",
+    "@types/react-dom": "^18.2.14",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.2",
     "chromatic": "^6",
@@ -65,10 +72,11 @@
     "core-js": "^3.15.2",
     "css": "^3.0.0",
     "css-loader": "^6.2.0",
-    "eslint": "^8",
+    "eslint": "^8.52.0",
     "eslint-plugin-jest": "^26.1.3",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-storybook": "^0.6.15",
     "glob": "^7.2.0",
     "html-webpack-plugin": "^5.3.1",
     "husky": "^8.0.3",
@@ -82,13 +90,16 @@
     "pretty-quick": "^3.1.0",
     "prop-types": "^15.7.2",
     "react": "^16",
+    "react-docgen-typescript-plugin": "^1.0.5",
     "react-dom": "^16",
     "sass": "^1.45.0",
     "sass-loader": "^12.1.0",
     "semantic-release": "^19.0.0",
+    "storybook": "^7.5.2",
     "style-dictionary": "^3.7.1",
     "style-loader": "^0.23.1",
     "tinycolor2": "^1.4.2",
+    "typescript": "^5.2.2",
     "use-clipboard-copy": "^0.2.0",
     "watch": "^1.0.2",
     "webpack": "^5.50.0",