@moderneinc/design-system-tokens 6.0.0-next.02da4a

package/dist/colors.js

@@ -0,0 +1,147 @@
+/**
+ * Moderne Design System
+ * Generated from Figma design tokens
+ * @generated
+ */
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': string }} Gold
+ */
+
+/**
+ * @type {Gold}
+ */
+export const gold = {"50":"#fef9e8","100":"#fbf1d2","200":"#f7e3a5","300":"#f4d479","400":"#ffd34d","500":"#ecb81f","600":"#bd9319","700":"#8e6e13","800":"#806a00","900":"#2f2506"};
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': string }} Violet
+ */
+
+/**
+ * @type {Violet}
+ */
+export const violet = {"50":"#f6eefb","100":"#ebd5f1","200":"#d6ace3","300":"#c282d5","400":"#ad59c7","500":"#9d5be8","600":"#7a2694","700":"#5c1c6f","800":"#3d134a","900":"#1f0925"};
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': string }} WarmGrey
+ */
+
+/**
+ * @type {WarmGrey}
+ */
+export const warmGrey = {"50":"#faf8f3","100":"#f6f1e8","200":"#f1ece0","300":"#dcd3c3","400":"#c9bfa6","500":"#9c927e","600":"#7b7263","700":"#564e41","800":"#38332a","900":"#15120f"};
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': string }} Ink
+ */
+
+/**
+ * @type {Ink}
+ */
+export const ink = {"50":"#f1f1f6","100":"#d9d9e4","200":"#b4b4c4","300":"#8a8a9e","400":"#62627a","500":"#4a4a66","600":"#62627a","700":"#2c2c50","800":"#232342","900":"#17171c"};
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': string }} Cream
+ */
+
+/**
+ * @type {Cream}
+ */
+export const cream = {"50":"#fbfaf6","100":"#f4f2eb","200":"#f2f0ea","300":"#f2efe7","400":"#edebe2","500":"#e4e1d6","600":"#dedbd0","700":"#918c7c","800":"#5f5b4f","900":"#33312b"};
+
+/**
+ * @typedef {{ '300': string, '500': string }} Periwinkle
+ */
+
+/**
+ * @type {Periwinkle}
+ */
+export const periwinkle = {"300":"#8ca0f5","500":"#3e5be8"};
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': 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",
+};
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': string }} DigitalGreen
+ */
+
+/**
+ * @type {DigitalGreen}
+ */
+export const digitalGreen = {"50":"#f3fff5","100":"#cfffd7","200":"#acffb9","300":"#88fe9b","400":"#72e184","500":"#5ec46f","600":"#4ca75a","700":"#3b8948","800":"#2c6c36","900":"#1e4f26"};
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': string }} Grey
+ */
+
+/**
+ * @type {Grey}
+ */
+export const grey = {"50":"#f9fafb","100":"#f3f4f6","200":"#e5e7eb","300":"#d1d5db","400":"#9ca3af","500":"#6b7280","600":"#4b5563","700":"#374151","800":"#1f2937","900":"#111827"};
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': string }} Orange
+ */
+
+/**
+ * @type {Orange}
+ */
+export const orange = {"50":"#fff8e5","100":"#ffebb7","200":"#ffde8a","300":"#ffd15c","400":"#ff8f52","500":"#ffb800","600":"#d69b00","700":"#856000","800":"#a34e14","900":"#5c4200"};
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': string }} Red
+ */
+
+/**
+ * @type {Red}
+ */
+export const red = {"50":"#fbefed","100":"#ffc6cd","200":"#f0b4ac","300":"#fa826f","400":"#ed4a5d","500":"#cb3446","600":"#c9291c","700":"#871421","800":"#650914","900":"#43020a"};
+
+/**
+ * @typedef {{ '50': string, '100': string, '200': string, '300': string, '400': string, '500': string, '600': string, '700': string, '800': string, '900': string }} TealGreen
+ */
+
+/**
+ * @type {TealGreen}
+ */
+export const tealGreen = {"50":"#eefffa","100":"#c9fff1","200":"#a4ffe7","300":"#7fffde","400":"#54eec6","500":"#3bcca6","600":"#27aa88","700":"#17886b","800":"#0b664e","900":"#034433"};
+
+/**
+ * @type {string}
+ */
+export const white = "#ffffff";
+
+// Default export with all color groups
+export default {
+gold,
+violet,
+warmGrey,
+ink,
+cream,
+periwinkle,
+digitalBlue,
+digitalGreen,
+grey,
+orange,
+red,
+tealGreen,
+white,
+};

package/dist/height.css

@@ -0,0 +1,12 @@
+:root {  --mod-height-button-default: 40px;
+  --mod-height-button-small: 32px;
+  --mod-height-button-large: 48px;
+  --mod-height-input-default: 40px;
+  --mod-height-input-dense: 32px;
+  --mod-height-table-header-compact: 44px;
+  --mod-height-table-header-standard: 38px;
+  --mod-height-table-header-comfortable: 52px;
+  --mod-height-table-row-compact: 48px;
+  --mod-height-table-row-standard: 42px;
+  --mod-height-table-row-comfortable: 56px;
+  --mod-height-tooltip: 24px;}

package/dist/height.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Moderne Design System
+ * TypeScript declarations generated from Figma design tokens
+ * @generated
+ */
+
+export type Button = {
+default: 40;
+small: 32;
+large: 48;
+};
+
+export declare const button: Button;
+
+export type Input = {
+default: 40;
+dense: 32;
+};
+
+export declare const input: Input;
+
+export type Table = {
+headerCompact: 44;
+headerStandard: 38;
+headerComfortable: 52;
+rowCompact: 48;
+rowStandard: 42;
+rowComfortable: 56;
+};
+
+export declare const table: Table;
+
+export declare const tooltip: 24;
+
+declare const _default: {
+button: typeof button,
+input: typeof input,
+table: typeof table,
+tooltip: typeof tooltip,
+};
+
+export default _default;

package/dist/height.js

@@ -0,0 +1,45 @@
+/**
+ * Moderne Design System
+ * Generated from Figma design tokens
+ * @generated
+ */
+
+/**
+ * @typedef {{ default: number, small: number, large: number }} Button
+ */
+
+/**
+ * @type {Button}
+ */
+export const button = {"default":40,"small":32,"large":48};
+
+/**
+ * @typedef {{ default: number, dense: number }} Input
+ */
+
+/**
+ * @type {Input}
+ */
+export const input = {"default":40,"dense":32};
+
+/**
+ * @typedef {{ headerCompact: number, headerStandard: number, headerComfortable: number, rowCompact: number, rowStandard: number, rowComfortable: number }} Table
+ */
+
+/**
+ * @type {Table}
+ */
+export const table = {"headerCompact":44,"headerStandard":38,"headerComfortable":52,"rowCompact":48,"rowStandard":42,"rowComfortable":56};
+
+/**
+ * @type {number}
+ */
+export const tooltip = 24;
+
+// Default export with all color groups
+export default {
+button,
+input,
+table,
+tooltip,
+};