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

package/dist/semantic-colors-dark.js

@@ -0,0 +1,255 @@
+/**
+ * Moderne Design System
+ * Generated from Figma design tokens
+ * @generated
+ */
+
+/**
+ * @typedef {{ hoverBorder: string, pressedBackground: string, inverse: string, hover: string, hoverBackground: string, disabled: string, placeholder: string, pressed: string, utility: string, default: string, active: string }} Icons
+ */
+
+/**
+ * @type {Icons}
+ */
+export const icons = {"hoverBorder":"rgba(127, 169, 249, 0.4)","pressedBackground":"rgba(127, 169, 249, 0.16)","inverse":"#232342","hover":"#7fa9f9","hoverBackground":"rgba(127, 169, 249, 0.16)","disabled":"rgba(240, 240, 246, 0.08)","placeholder":"#9c9ca8","pressed":"#73aaff","utility":"#9c9ca8","default":"#f1f0ea","active":"#73aaff"};
+
+/**
+ * @typedef {{ highlightBackground: string, activeHighlight: string, dataGrid: object, toggleKnob: string, page: string, card: string, cardHeader: string, tabActive: string, listHover: string, shadowNeutral: string, shadowPrimary: string, tooltip: string, scrim: string, tabSecondaryBackground: string, snackbarDarkMode: string, snackbarBrand: string, snackbarLightMode: string, white: string, black: string }} Surfaces
+ */
+
+/**
+ * @type {Surfaces}
+ */
+export const surfaces = {"highlightBackground":"rgba(127, 169, 249, 0.16)","activeHighlight":"rgba(62, 123, 246, 0.1)","dataGrid":{"header":"#2d2d36","selected":"rgba(127, 169, 249, 0.16)","selectedHover":"rgba(127, 169, 249, 0.16)","hover":"#2e2e38","default":"#26262e","border":"rgba(240, 240, 246, 0.12)","borderStrong":"rgba(240, 240, 246, 0.38)","stripe":"#222229","focused":"rgba(127, 169, 249, 0.16)","pinned":"#2a2a32","disabled":"#1b1b21","background":"#26262e"},"toggleKnob":"#8c8c96","page":"#141419","card":"#26262e","cardHeader":"#2d2d36","tabActive":"#26262e","listHover":"#2e2e38","shadowNeutral":"rgba(0, 0, 0, 0.6)","shadowPrimary":"rgba(16, 24, 128, 0.4)","tooltip":"#f1f0ea","scrim":"rgba(0, 0, 0, 0.5)","tabSecondaryBackground":"#2d2d35","snackbarDarkMode":"#f1f0ea","snackbarBrand":"#131e7a","snackbarLightMode":"#33333d","white":"#26262e","black":"#17171c"};
+
+/**
+ * @typedef {{ searchInputBackground: string, linkDefault: string, linkHover: string, navigation: object, linkWhite: string, linkWhiteHover: string, tab: object, tooltip: object, input: object, code: object, button: object, link: object, error: string, success: string, warning: string, legal: string, bodySecondary: string, body: string }} Typography
+ */
+
+/**
+ * @type {Typography}
+ */
+export const typography = {"searchInputBackground":"#222229","linkDefault":"#73aaff","linkHover":"#f2f3ff","navigation":{"search":{"highlightText":"#7fa9f9","highlightBackground":"rgba(62, 123, 246, 0.16)","inputBackground":"#222229","highlightBackgroundActive":"rgba(62, 123, 246, 0.35)"},"default":"#f1f0ea"},"linkWhite":"#ffffff","linkWhiteHover":"#ffffff","tab":{"disabled":"#9c9ca8","inactive":"#f1f0ea","active":"#7fa9f9"},"tooltip":{"secondary":"#9c9ca8","default":"#232342"},"input":{"placeholder":"#9c9ca8","default":"#f1f0ea","label":"#f1f0ea","helper":"#9c9ca8"},"code":{"primary":"#f1f0ea","secondary":"#9c9ca8"},"button":{"disabled":"#9c9ca8"},"link":{"primary":"#73aaff","disabled":"#75757f","default":"#73aaff","white":"#f9fafb"},"error":"#fa826f","success":"#30f284","warning":"#ffa83d","legal":"#9c9ca8","bodySecondary":"#b9b9c6","body":"#f1f0ea"};
+
+/**
+ * @typedef {{ overlay: string, subtle: string, strong: string, hairline: string, primary: string, secondary: string, focus: string }} Border
+ */
+
+/**
+ * @type {Border}
+ */
+export const border = {"overlay":"rgba(240, 240, 246, 0.08)","subtle":"rgba(240, 240, 246, 0.08)","strong":"rgba(240, 240, 246, 0.38)","hairline":"rgba(240, 240, 246, 0.12)","primary":"rgba(240, 240, 246, 0.12)","secondary":"rgba(240, 240, 246, 0.12)","focus":"#7fa9f9"};
+
+/**
+ * @typedef {{ active: object, queued: object, canceled: object, success: object, error: object, warning: object, info: object, neutral: object, successText: string, successTint: string, successBorder: string, errorText: string, errorTint: string, errorBorder: string, warningText: string, warningTint: string, warningBorder: string, queuedTint: string, queuedBorder: string }} Status
+ */
+
+/**
+ * @type {Status}
+ */
+export const status = {"active":{"dark":"#9b73f0","default":"#825ae1","light":"#231d34","transparent":"rgba(125, 85, 220, 0.45)","border":"#402e66"},"queued":{"dark":"#b99bf2","default":"#a07deb","light":"#28223a","transparent":"rgba(145, 110, 230, 0.45)","border":"#4d3b6b"},"canceled":{"dark":"#a59b8a","default":"#948876","light":"#232224","transparent":"rgba(148, 136, 118, 0.35)","border":"#474033"},"success":{"border":"#264d33","light":"#192f26","default":"#37c36e","transparent":"rgba(55, 195, 110, 0.45)","dark":"#30f284"},"error":{"border":"#612921","light":"#2e1b1b","default":"#eb4b2d","transparent":"rgba(235, 75, 45, 0.42)","dark":"#fa826f"},"warning":{"border":"#59451a","light":"#34281d","default":"#f0a028","transparent":"rgba(240, 160, 40, 0.45)","dark":"#e8ba4c"},"info":{"border":"#263b61","dark":"#69aaf0","default":"#468ee4","light":"#1a2435","transparent":"rgba(65, 135, 225, 0.42)"},"neutral":{"border":"#423d38","dark":"#aca598","default":"#9b9487","light":"#242326","transparent":"rgba(155, 148, 135, 0.38)"},"successText":"#30f284","successTint":"rgba(48, 242, 132, 0.13)","successBorder":"rgba(48, 242, 132, 0.55)","errorText":"#fa826f","errorTint":"rgba(252, 71, 50, 0.12)","errorBorder":"rgba(252, 71, 50, 0.42)","warningText":"#e8ba4c","warningTint":"rgba(255, 168, 61, 0.12)","warningBorder":"rgba(255, 168, 61, 0.5)","queuedTint":"rgba(157, 91, 232, 0.16)","queuedBorder":"rgba(157, 91, 232, 0.45)"};
+
+/**
+ * @typedef {{ default: string, hover: string, tint: string, tintBorder: string }} Link
+ */
+
+/**
+ * @type {Link}
+ */
+export const link = {"default":"#7fa9f9","hover":"#7fa9f9","tint":"rgba(127, 169, 249, 0.16)","tintBorder":"rgba(127, 169, 249, 0.4)"};
+
+/**
+ * @typedef {{ border: string, borderSelected: string, glyph: string, checkedBg: string, checkedFg: string }} Control
+ */
+
+/**
+ * @type {Control}
+ */
+export const control = {"border":"rgba(240, 240, 246, 0.38)","borderSelected":"#7fa9f9","glyph":"#7fa9f9","checkedBg":"#7fa9f9","checkedFg":"#0b1220"};
+
+/**
+ * @typedef {{ track: string, fill: string, label: string }} Progress
+ */
+
+/**
+ * @type {Progress}
+ */
+export const progress = {"track":"rgba(127, 169, 249, 0.16)","fill":"#7fa9f9","label":"#7fa9f9"};
+
+/**
+ * @typedef {{ panel: string, stroke: string, strokeMuted: string, inset: string, accent: string, positive: string }} Illustration
+ */
+
+/**
+ * @type {Illustration}
+ */
+export const illustration = {"panel":"#26262e","stroke":"rgba(240, 240, 246, 0.38)","strokeMuted":"#9c9ca8","inset":"#2a2a32","accent":"#8ca0f5","positive":"#30f284"};
+
+/**
+ * @typedef {{ categorical: object, boundary: object, na: string, grid: string }} Dataviz
+ */
+
+/**
+ * @type {Dataviz}
+ */
+export const dataviz = {"categorical":{"coral":"#ff6f61","orange":"#ff8f52","tangerine":"#ffa83d","gold":"#ffd34d","green":"#30f284","periwinkle":"#8ca0f5","teal":"#25d0c0","lilac":"#b39deb","magenta":"#e6399b","lime":"#c7e84b"},"boundary":{"coral":"#a63325","orange":"#a34e14","tangerine":"#935b00","gold":"#806a00","green":"#1d5937","na":"#75757f","periwinkle":"#16306b","teal":"#0e4a45","lilac":"#3f1340","magenta":"#7a1e52","lime":"#4f5a12"},"na":"#75757f","grid":"rgba(240, 240, 246, 0.12)"};
+
+/**
+ * @typedef {{ successText: string, successBg: string, successBorder: string, warningText: string, warningBg: string, warningBorder: string, errorText: string, errorBg: string, errorBorder: string, infoText: string, infoBg: string, infoBorder: string }} Toast
+ */
+
+/**
+ * @type {Toast}
+ */
+export const toast = {"successText":"#4ade80","successBg":"#0f2015","successBorder":"#1e3a28","warningText":"#e3b341","warningBg":"#211d0c","warningBorder":"#3a3316","errorText":"#f76a62","errorBg":"#2a1012","errorBorder":"#4a1d1e","infoText":"#7fa9f9","infoBg":"#101a2e","infoBorder":"#1e3a6b"};
+
+/**
+ * @typedef {{ canvasChrome: string, canvasContent: string, field: string, sunken: string, sunken2: string, rowHover: string, scrim: string, tooltip: string, cardFrosted: string }} Surface
+ */
+
+/**
+ * @type {Surface}
+ */
+export const surface = {"canvasChrome":"#141419","canvasContent":"#1b1b21","field":"#222229","sunken":"#2a2a32","sunken2":"#33333d","rowHover":"#2e2e38","scrim":"rgba(15, 15, 20, 0.45)","tooltip":"#2d2d36","cardFrosted":"rgba(38, 38, 46, 0.78)"};
+
+/**
+ * @typedef {{ primary: string, muted: string, link: string, tabActive: string, onPrimary: string, codePrimary: string, codeSecondary: string, inputPlaceholder: string }} Text
+ */
+
+/**
+ * @type {Text}
+ */
+export const text = {"primary":"#f1f0ea","muted":"#b9b9c6","link":"#73aaff","tabActive":"#7fa9f9","onPrimary":"#17171c","codePrimary":"#e9eaf2","codeSecondary":"#9598ac","inputPlaceholder":"#9c9ca8"};
+
+/**
+ * @typedef {{ primaryBg: string, primaryFg: string, primaryBgHover: string, destructiveBg: string, destructiveBgHover: string }} Button
+ */
+
+/**
+ * @type {Button}
+ */
+export const button = {"primaryBg":"#f1f0ea","primaryFg":"#17171c","primaryBgHover":"#fbfaf6","destructiveBg":"#fa826f","destructiveBgHover":"#f0b4ac"};
+
+/**
+ * @typedef {{ periwinkle: string, teal: string, lilac: string, coral: string, green: string, yellow: string, orange1: string, orange2: string, orange3: string, red1: string, red2: string, red3: string }} Data
+ */
+
+/**
+ * @type {Data}
+ */
+export const data = {"periwinkle":"#8ca0f5","teal":"#25d0c0","lilac":"#b39deb","coral":"#ff6f61","green":"#30f284","yellow":"#ffd34d","orange1":"#ffa83d","orange2":"#ff8f52","orange3":"#ff6f61","red1":"#fa826f","red2":"#c9291c","red3":"#a63325"};
+
+/**
+ * @typedef {{ background: string, wave: string }} Skeleton
+ */
+
+/**
+ * @type {Skeleton}
+ */
+export const skeleton = {"background":"#33333d","wave":"rgba(255, 255, 255, 0.08)"};
+
+/**
+ * @typedef {{ default: string, deep: string, tint: string, border: string, primaryFg: string, glow: string, glowSecondary: string }} Accent
+ */
+
+/**
+ * @type {Accent}
+ */
+export const accent = {"default":"#7fa9f9","deep":"#7fa9f9","tint":"rgba(127, 169, 249, 0.16)","border":"rgba(127, 169, 249, 0.4)","primaryFg":"#ffffff","glow":"rgba(62, 123, 246, 0.18)","glowSecondary":"rgba(157, 91, 232, 0.2)"};
+
+/**
+ * @typedef {{ violetBorder: string, magentaTint: string, magentaText: string, magentaBorder: string, tealTint: string, tealText: string, tealBorder: string, violetTint: string, violetText: string }} Role
+ */
+
+/**
+ * @type {Role}
+ */
+export const role = {"violetBorder":"rgba(157, 91, 232, 0.45)","magentaTint":"rgba(230, 57, 155, 0.14)","magentaText":"#e6399b","magentaBorder":"rgba(230, 57, 155, 0.4)","tealTint":"rgba(37, 208, 192, 0.16)","tealText":"#25d0c0","tealBorder":"rgba(37, 208, 192, 0.42)","violetTint":"rgba(157, 91, 232, 0.16)","violetText":"#9d5be8"};
+
+/**
+ * @typedef {{ userDefaultBg: string, userDefaultText: string, initials: object }} Avatar
+ */
+
+/**
+ * @type {Avatar}
+ */
+export const avatar = {"userDefaultBg":"#30f284","userDefaultText":"#1d5937","initials":{"text1":"#9d5be8","text2":"#30f284","text3":"#ffa83d","text4":"#e6399b","text5":"#9d5be8","text6":"#25d0c0","text7":"#3e7bf6","border1":"rgba(157, 91, 232, 0.45)","border2":"rgba(48, 242, 132, 0.42)","border3":"rgba(255, 168, 61, 0.42)","border4":"rgba(230, 57, 155, 0.4)","border5":"rgba(157, 91, 232, 0.45)","border6":"rgba(37, 208, 192, 0.42)","border7":"rgba(62, 123, 246, 0.4)","background1":"rgba(157, 91, 232, 0.16)","background2":"rgba(48, 242, 132, 0.16)","background3":"rgba(255, 168, 61, 0.16)","background4":"rgba(230, 57, 155, 0.14)","background5":"rgba(157, 91, 232, 0.16)","background6":"rgba(37, 208, 192, 0.16)","background7":"rgba(62, 123, 246, 0.16)"}};
+
+/**
+ * @typedef {{ radio: string, checkbox: string, hoverBackground: string, background: string, disabledBackground: string }} Input
+ */
+
+/**
+ * @type {Input}
+ */
+export const input = {"radio":"#73aaff","checkbox":"#73aaff","hoverBackground":"#222229","background":"#222229","disabledBackground":"#222229"};
+
+/**
+ * @typedef {{ primary: object, secondary: object, tertiary: object, destructive: string, navigation: object }} Buttons
+ */
+
+/**
+ * @type {Buttons}
+ */
+export const buttons = {"primary":{"hover":"#fbfaf6","disabled":"#2d2d36","pressed":"#fbfaf6","default":"#f1f0ea"},"secondary":{"defaultBorder":"rgba(240, 240, 246, 0.38)","hoverBackground":"#2a2a32","pressedBackground":"#33333d","disabledBackground":"#222229","defaultBackground":"#222229","default":"#f1f0ea"},"tertiary":{"default":"#f1f0ea","hover":"#f1f0ea","pressed":"#f1f0ea","disabled":"#9c9ca8"},"destructive":"#fa826f","navigation":{"active":"rgba(127, 169, 249, 0.16)","defaultBorder":"rgba(127, 169, 249, 0.4)","hoverBackground":"rgba(127, 169, 249, 0.16)","pressedBackground":"rgba(127, 169, 249, 0.16)","activeBorder":"#7fa9f9"}};
+
+/**
+ * @typedef {{ recipeRun: string, commitJob: string, visualization: string }} Activity
+ */
+
+/**
+ * @type {Activity}
+ */
+export const activity = {"recipeRun":"#9d5be8","commitJob":"#7fa9f9","visualization":"#25d0c0"};
+
+/**
+ * @typedef {{ secondaryBackground: string }} Tab
+ */
+
+/**
+ * @type {Tab}
+ */
+export const tab = {"secondaryBackground":"#2d2d36"};
+
+/**
+ * @typedef {{ background: string }} Code
+ */
+
+/**
+ * @type {Code}
+ */
+export const code = {"background":"#2a2a32"};
+
+/**
+ * @type {string}
+ */
+export const brand = "#7fa9f9";
+
+// Default export with all color groups
+export default {
+icons,
+surfaces,
+typography,
+border,
+status,
+link,
+control,
+progress,
+illustration,
+dataviz,
+toast,
+surface,
+text,
+button,
+data,
+skeleton,
+accent,
+role,
+avatar,
+input,
+buttons,
+activity,
+tab,
+code,
+brand,
+};