@moderneinc/neo-design 1.2.3 → 1.2.5

package/dist/breakpoints.js

@@ -4,18 +4,46 @@
  * @generated
  */
 
+/**
+ * @typedef {{  }} Xl
+ */
+
+/**
+ * @type {Xl}
+ */
 export const xl = 1920;
 
+/**
+ * @typedef {{  }} Lg
+ */
+
+/**
+ * @type {Lg}
+ */
 export const lg = 1280;
 
+/**
+ * @typedef {{  }} Md
+ */
+
+/**
+ * @type {Md}
+ */
 export const md = 960;
 
+/**
+ * @typedef {{  }} Sm
+ */
+
+/**
+ * @type {Sm}
+ */
 export const sm = 600;
 
-// Default export with all tokens
+// Default export with all color groups
 export default {
-  'xl': xl,
-  'lg': lg,
-  'md': md,
-  'sm': sm
-};
+  xl,
+  lg,
+  md,
+  sm
+};

package/dist/colors.css

@@ -4,11 +4,13 @@
   --neo-digital-blue-200: #b6bfff;
   --neo-digital-blue-300: #8d99ff;
   --neo-digital-blue-400: #626eff;
+  /* primary color */
   --neo-digital-blue-500: #2f42ff;
   --neo-digital-blue-600: #2637e6;
   --neo-digital-blue-700: #1e2ec2;
   --neo-digital-blue-800: #131e7a;
   --neo-digital-blue-900: #000855;
+  /* primary color */
   --neo-digital-blue-main: #2f42ff;
   --neo-digital-green-50: #f3fff5;
   --neo-digital-green-100: #cfffd7;

package/dist/colors.js

@@ -4,20 +4,36 @@
  * @generated
  */
 
+/**
+ * @typedef {{ 50: string, 100: string, 200: string, 300: string, 400: string, 500: string, 600: string, 700: string, 800: string, 900: string, main: string }} DigitalBlue
+ */
+
+/**
+ * @type {DigitalBlue}
+ */
 export const digitalBlue = {
   "50": "#f2f3ff",
   "100": "#dce0ff",
   "200": "#b6bfff",
   "300": "#8d99ff",
   "400": "#626eff",
+  /** primary color */
   "500": "#2f42ff",
   "600": "#2637e6",
   "700": "#1e2ec2",
   "800": "#131e7a",
   "900": "#000855",
+  /** primary color */
   "main": "#2f42ff"
 };
 
+/**
+ * @typedef {{ 50: string, 100: string, 200: string, 300: string, 400: string, 500: string, 600: string, 700: string, 800: string, 900: string, main: string }} DigitalGreen
+ */
+
+/**
+ * @type {DigitalGreen}
+ */
 export const digitalGreen = {
   "50": "#f3fff5",
   "100": "#cfffd7",
@@ -32,6 +48,13 @@ export const digitalGreen = {
   "main": "#5ec46f"
 };
 
+/**
+ * @typedef {{ 100: string, 200: string, 300: string, 400: string, 500: string, 600: string, 700: string, 800: string, 900: string, main: string }} Gold
+ */
+
+/**
+ * @type {Gold}
+ */
 export const gold = {
   "100": "#fbf1d2",
   "200": "#f7e3a5",
@@ -45,6 +68,13 @@ export const gold = {
   "main": "#ecb81f"
 };
 
+/**
+ * @typedef {{ 50: string, 100: string, 200: string, 300: string, 400: string, 500: string, 600: string, 700: string, 800: string, 900: string, main: string }} Grey
+ */
+
+/**
+ * @type {Grey}
+ */
 export const grey = {
   "50": "#f9fafb",
   "100": "#f3f4f6",
@@ -59,6 +89,13 @@ export const grey = {
   "main": "#6b7280"
 };
 
+/**
+ * @typedef {{ 50: string, 100: string, 200: string, 300: string, 400: string, 500: string, 600: string, 700: string, 800: string, 900: string, main: string }} Orange
+ */
+
+/**
+ * @type {Orange}
+ */
 export const orange = {
   "50": "#fff8e5",
   "100": "#ffebb7",
@@ -73,6 +110,13 @@ export const orange = {
   "main": "#ffb800"
 };
 
+/**
+ * @typedef {{ 50: string, 100: string, 200: string, 300: string, 400: string, 500: string, 600: string, 700: string, 800: string, 900: string, main: string }} Red
+ */
+
+/**
+ * @type {Red}
+ */
 export const red = {
   "50": "#ffedef",
   "100": "#ffc6cd",
@@ -87,6 +131,13 @@ export const red = {
   "main": "#cb3446"
 };
 
+/**
+ * @typedef {{ 50: string, 100: string, 200: string, 300: string, 400: string, 500: string, 600: string, 700: string, 800: string, 900: string, main: string }} TealGreen
+ */
+
+/**
+ * @type {TealGreen}
+ */
 export const tealGreen = {
   "50": "#eefffa",
   "100": "#c9fff1",
@@ -101,6 +152,13 @@ export const tealGreen = {
   "main": "#3bcca6"
 };
 
+/**
+ * @typedef {{ 100: string, 200: string, 300: string, 400: string, 500: string, 600: string, 700: string, 800: string, 900: string, main: string }} Violet
+ */
+
+/**
+ * @type {Violet}
+ */
 export const violet = {
   "100": "#ebd5f1",
   "200": "#d6ace3",
@@ -114,14 +172,14 @@ export const violet = {
   "main": "#992fb9"
 };
 
-// Default export with all tokens
+// Default export with all color groups
 export default {
-  'digitalBlue': digitalBlue,
-  'digitalGreen': digitalGreen,
-  'gold': gold,
-  'grey': grey,
-  'orange': orange,
-  'red': red,
-  'tealGreen': tealGreen,
-  'violet': violet
-};
+  digitalBlue,
+  digitalGreen,
+  gold,
+  grey,
+  orange,
+  red,
+  tealGreen,
+  violet
+};

package/dist/index.esm.js

@@ -1,9 +1,9 @@
-export * from '.../../dist/breakpoints.js';
-export { default as breakpoints } from '.../../dist/breakpoints.js';
-export * from '.../../dist/colors.js';
-export { default as colors } from '.../../dist/colors.js';
-export * from '.../../dist/semantic-colors.js';
-export { default as semanticColors } from '.../../dist/semantic-colors.js';
-export * from '.../../dist/typography.js';
-export { default as typography } from '.../../dist/typography.js';
+import * as breakpoints_js from './breakpoints.js';
+export { breakpoints_js as breakpoints };
+import * as colors_js from './colors.js';
+export { colors_js as colors };
+import * as semanticColors_js from './semantic-colors.js';
+export { semanticColors_js as semanticColors };
+import * as typography_js from './typography.js';
+export { typography_js as typography };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.js

@@ -1,38 +1,36 @@
 'use strict';
 
-var breakpoints_js = require('.../../dist/breakpoints.js');
-var colors_js = require('.../../dist/colors.js');
-var semanticColors_js = require('.../../dist/semantic-colors.js');
-var typography_js = require('.../../dist/typography.js');
+var breakpoints_js = require('./breakpoints.js');
+var colors_js = require('./colors.js');
+var semanticColors_js = require('./semantic-colors.js');
+var typography_js = require('./typography.js');
 
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
 
+var breakpoints_js__namespace = /*#__PURE__*/_interopNamespaceDefault(breakpoints_js);
+var colors_js__namespace = /*#__PURE__*/_interopNamespaceDefault(colors_js);
+var semanticColors_js__namespace = /*#__PURE__*/_interopNamespaceDefault(semanticColors_js);
+var typography_js__namespace = /*#__PURE__*/_interopNamespaceDefault(typography_js);
 
-exports.breakpoints = breakpoints_js;
-exports.colors = colors_js;
-exports.semanticColors = semanticColors_js;
-exports.typography = typography_js;
-Object.keys(breakpoints_js).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return breakpoints_js[k]; }
-	});
-});
-Object.keys(colors_js).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return colors_js[k]; }
-	});
-});
-Object.keys(semanticColors_js).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return semanticColors_js[k]; }
-	});
-});
-Object.keys(typography_js).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return typography_js[k]; }
-	});
-});
+
+
+exports.breakpoints = breakpoints_js__namespace;
+exports.colors = colors_js__namespace;
+exports.semanticColors = semanticColors_js__namespace;
+exports.typography = typography_js__namespace;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/package.json

@@ -27,7 +27,7 @@
     "format": "biome format --write src",
     "knip": "knip",
     "knip:production": "knip --production",
-    "check:all": "npm run format && npm run lint:fix && npm run knip",
+    "check:all": "npm run format && npm run lint:fix && npm run knip && npm run test:run",
     "build-storybook": "storybook build",
     "dev-storybook": "storybook dev -p 6006",
     "storybook": "npm run dev-storybook"
@@ -50,9 +50,7 @@
     "@biomejs/biome": "2.2.4",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "16.0.1",
-    "@semantic-release/changelog": "6.0.3",
     "@semantic-release/commit-analyzer": "13.0.1",
-    "@semantic-release/git": "10.0.1",
     "@semantic-release/github": "11.0.6",
     "@semantic-release/npm": "12.0.2",
     "@semantic-release/release-notes-generator": "14.1.0",

package/dist/semantic-colors.css

@@ -1,4 +1,5 @@
 :root {
+  --neo-base-primatives-blue: #2f42ff;
   --neo-activity-recipe-run: #992fb9;
   --neo-activity-commit-job: #2f42ff;
   --neo-activity-visualization: #27aa88;
@@ -32,6 +33,36 @@
   --neo-icons-disabled: #9ca3af;
   --neo-icons-placeholder: #4b5563;
   --neo-icons-checkbox: #4b5563;
+  --neo-base-digital-blue-900: #000855;
+  --neo-base-digital-blue-800: #131e7a;
+  --neo-base-digital-blue-700: #1e2ec2;
+  --neo-base-digital-blue-600: #2637e6;
+  --neo-base-digital-blue-500: #2f42ff;
+  --neo-base-digital-blue-400: #626eff;
+  --neo-base-digital-blue-300: #8d99ff;
+  --neo-base-digital-blue-200: #b6bfff;
+  --neo-base-digital-blue-100: #dce0ff;
+  --neo-base-digital-blue-50: #f2f3ff;
+  --neo-base-grey-grey-900: #111827;
+  --neo-base-grey-grey-800: #1f2937;
+  --neo-base-grey-grey-700: #374151;
+  --neo-base-grey-grey-600: #4b5563;
+  --neo-base-grey-grey-500: #6b7280;
+  --neo-base-grey-grey-400: #9ca3af;
+  --neo-base-grey-grey-300: #d1d5db;
+  --neo-base-grey-grey-200: #e5e7eb;
+  --neo-base-grey-grey-100: #f3f4f6;
+  --neo-base-grey-grey-50: #f9fafb;
+  --neo-base-digital-green-digital-green-50: #f3fff5;
+  --neo-base-digital-green-digital-green-100: #cfffd7;
+  --neo-base-digital-green-digital-green-600: #4ca75a;
+  --neo-base-digital-green-digital-green-700: #3b8948;
+  --neo-base-red-red-50: #ffedef;
+  --neo-base-red-red-100: #ffc6cd;
+  --neo-base-red-red-400: #ed4a5d;
+  --neo-base-red-red-500: #cb3446;
+  --neo-base-teal-green-teal-green-500: #3bcca6;
+  --neo-base-teal-green-teal-green-600: #27aa88;
   --neo-status-success-dark: #4ca75a;
   --neo-status-warning-dark: #ffb800;
   --neo-status-error-dark: #cb3446;
@@ -73,10 +104,10 @@
   --neo-typography-tooltip: #ffffff;
   --neo-data-green: #4ca75a;
   --neo-data-yellow: #fdda04;
-  --neo-data-orange1: #ffc008;
-  --neo-data-orange2: #ff9800;
-  --neo-data-orange3: #f9a91b;
-  --neo-data-red1: #ff5c24;
-  --neo-data-red2: #ed4134;
-  --neo-data-red3: #cb3446;
+  --neo-data-orange-1: #ffc008;
+  --neo-data-orange-2: #ff9800;
+  --neo-data-orange-3: #f9a91b;
+  --neo-data-red-1: #ff5c24;
+  --neo-data-red-2: #ed4134;
+  --neo-data-red-3: #cb3446;
 }