@midas-ds/theme 0.5.33 → 1.0.0

package/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/index';

package/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={white:"#ffffff",black:"#000000",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray130:"#5d5d5d",gray150:"#1f1f1f",red10:"#f7e9e7",red20:"#f1d4d1",red30:"#e9beba",red40:"#e2a8a4",red50:"#d9918e",red60:"#d37a7a",red70:"#cc6467",red80:"#c54c56",red90:"#be3345",red100:"#b90835",red130:"#8b1327",red150:"#641018",blue10:"#eaf2f6",blue20:"#d5e5ed",blue30:"#c0d7e4",blue40:"#abcbdb",blue50:"#94bcd1",blue60:"#82b0c9",blue70:"#6ca3c0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue130:"#25607f",blue150:"#143c50"},o={outline:"#303030",primaryBackground:e.blue150,primaryText:"#303030",primaryHover:e.blue130,primaryFocus:e.black,primaryActive:"#4289ae",secondaryBackground:e.gray130,secondaryText:e.white,secondaryHover:"#303030",secondaryActive:"#303030"},i={inputText:e.gray150},r={signalGreen10:"#d5f2d9",signalGreen100:"#008d3c",signalBlue10:e.blue10,signalBlue100:"#0066cc",signalYellow10:"#fff8e1",signalYellow100:"#f1c21b",signalRed10:"#ffdfdf",signalRed100:"#e62323",signalRed130:"#b31b1b",signalRed150:"#801313"},a={sRadius:" 0.125rem",mRadius:" 0.25rem"},t={xsWidth:" 0.0625rem",sWidth:" 0.125rem",mWidth:" 0.25rem"},d={lightWeight:"300",regularWeight:"400",mediumWeight:"500",semiBoldWeight:"600",boldWeight:"700",blackWeight:"900"},n={desktopSize:"1rem",mobileSize:"1rem",largeSize:"1.5rem",inputNormalSize:"0.875rem",inputMessageSize:"0.75rem",inputLabelSize:"1rem",inputDescriptionSize:"0.875rem"},s={logoPrimary:e.red100,logoSecondary:e.white,textPrimary:e.gray150,textSecondary:e.white,textTertiary:e.red100,link:e.blue130,linkVisited:"#663366",backgroundPrimary:e.white,backgroundSecondary:e.gray10,backgroundFooter1:e.red100,backgroundFooter2:e.red130,backgroundInfo:e.blue10,backgroundImportant:r.signalYellow10,borderPrimary:e.black,borderSecondary:e.gray60,borderFocusOuter:e.black,borderFocusInner:e.white,iconPrimary:e.black,iconInverted:e.white},c={slowTransition:"500ms",normalTransition:"300ms",fastTransition:"250ms"},l={smBreakpoint:"(max-width: 767px)",mdBreakpoint:"(min-width: 768px)",lgBreakpoint:"(min-width: 1200px)",xlBreakpoint:"(min-width: 1440px)"},b={forcedColorsMode:"(forced-colors: active)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},g={display:'"Inter", sans-serif'},u=Object.freeze(Object.defineProperty({__proto__:null,accessibility:b,baseColors:e,borderRadius:a,borderWidths:t,breakpoints:l,buttonColors:o,font:g,fontSizes:n,fontWeights:d,inputColor:i,midasColors:s,midasTransitions:c,signalColors:r},Symbol.toStringTag,{value:"Module"})),m={...u};exports.accessibility=b;exports.baseColors=e;exports.borderRadius=a;exports.borderWidths=t;exports.breakpoints=l;exports.buttonColors=o;exports.font=g;exports.fontSizes=n;exports.fontWeights=d;exports.inputColor=i;exports.midasColors=s;exports.midasTransitions=c;exports.signalColors=r;exports.theme=m;

package/index.mjs

@@ -0,0 +1,156 @@
+const e = {
+  white: "#ffffff",
+  black: "#000000",
+  gray10: "#f2f2f2",
+  gray20: "#e6e6e6",
+  gray30: "#d9d9d9",
+  gray40: "#cccccc",
+  gray50: "#bfbfbf",
+  gray60: "#b3b3b3",
+  gray70: "#a6a6a6",
+  gray80: "#999999",
+  gray90: "#8c8c8c",
+  gray100: "#808080",
+  gray130: "#5d5d5d",
+  gray150: "#1f1f1f",
+  red10: "#f7e9e7",
+  red20: "#f1d4d1",
+  red30: "#e9beba",
+  red40: "#e2a8a4",
+  red50: "#d9918e",
+  red60: "#d37a7a",
+  red70: "#cc6467",
+  red80: "#c54c56",
+  red90: "#be3345",
+  red100: "#b90835",
+  red130: "#8b1327",
+  red150: "#641018",
+  blue10: "#eaf2f6",
+  blue20: "#d5e5ed",
+  blue30: "#c0d7e4",
+  blue40: "#abcbdb",
+  blue50: "#94bcd1",
+  blue60: "#82b0c9",
+  blue70: "#6ca3c0",
+  blue80: "#5897b8",
+  blue90: "#4289ad",
+  blue100: "#2e7ca5",
+  blue130: "#25607f",
+  blue150: "#143c50"
+}, o = {
+  outline: "#303030",
+  primaryBackground: e.blue150,
+  primaryText: "#303030",
+  primaryHover: e.blue130,
+  primaryFocus: e.black,
+  primaryActive: "#4289ae",
+  secondaryBackground: e.gray130,
+  secondaryText: e.white,
+  secondaryHover: "#303030",
+  secondaryActive: "#303030"
+}, a = {
+  inputText: e.gray150
+}, r = {
+  signalGreen10: "#d5f2d9",
+  signalGreen100: "#008d3c",
+  signalBlue10: e.blue10,
+  signalBlue100: "#0066cc",
+  signalYellow10: "#fff8e1",
+  signalYellow100: "#f1c21b",
+  signalRed10: "#ffdfdf",
+  signalRed100: "#e62323",
+  signalRed130: "#b31b1b",
+  signalRed150: "#801313"
+}, i = {
+  sRadius: " 0.125rem",
+  // 2px
+  mRadius: " 0.25rem"
+  // 4px
+}, d = {
+  xsWidth: " 0.0625rem",
+  // 1px
+  sWidth: " 0.125rem",
+  // 2px
+  mWidth: " 0.25rem"
+  // 4px
+}, t = {
+  lightWeight: "300",
+  regularWeight: "400",
+  mediumWeight: "500",
+  semiBoldWeight: "600",
+  boldWeight: "700",
+  blackWeight: "900"
+}, n = {
+  desktopSize: "1rem",
+  mobileSize: "1rem",
+  largeSize: "1.5rem",
+  inputNormalSize: "0.875rem",
+  inputMessageSize: "0.75rem",
+  inputLabelSize: "1rem",
+  inputDescriptionSize: "0.875rem"
+}, c = {
+  logoPrimary: e.red100,
+  logoSecondary: e.white,
+  textPrimary: e.gray150,
+  textSecondary: e.white,
+  textTertiary: e.red100,
+  link: e.blue130,
+  linkVisited: "#663366",
+  backgroundPrimary: e.white,
+  backgroundSecondary: e.gray10,
+  backgroundFooter1: e.red100,
+  backgroundFooter2: e.red130,
+  backgroundInfo: e.blue10,
+  backgroundImportant: r.signalYellow10,
+  borderPrimary: e.black,
+  borderSecondary: e.gray60,
+  borderFocusOuter: e.black,
+  borderFocusInner: e.white,
+  iconPrimary: e.black,
+  iconInverted: e.white
+}, s = {
+  slowTransition: "500ms",
+  normalTransition: "300ms",
+  fastTransition: "250ms"
+}, l = {
+  smBreakpoint: "(max-width: 767px)",
+  mdBreakpoint: "(min-width: 768px)",
+  lgBreakpoint: "(min-width: 1200px)",
+  xlBreakpoint: "(min-width: 1440px)"
+}, b = {
+  forcedColorsMode: "(forced-colors: active)",
+  prefersReducedMotion: "(prefers-reduced-motion: reduced)"
+}, g = {
+  display: '"Inter", sans-serif'
+}, u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  accessibility: b,
+  baseColors: e,
+  borderRadius: i,
+  borderWidths: d,
+  breakpoints: l,
+  buttonColors: o,
+  font: g,
+  fontSizes: n,
+  fontWeights: t,
+  inputColor: a,
+  midasColors: c,
+  midasTransitions: s,
+  signalColors: r
+}, Symbol.toStringTag, { value: "Module" })), m = { ...u };
+export {
+  b as accessibility,
+  e as baseColors,
+  i as borderRadius,
+  d as borderWidths,
+  l as breakpoints,
+  o as buttonColors,
+  g as font,
+  n as fontSizes,
+  t as fontWeights,
+  a as inputColor,
+  c as midasColors,
+  s as midasTransitions,
+  r as signalColors,
+  m as theme
+};

package/lib/index.d.ts

@@ -0,0 +1,135 @@
+export * from './tokens';
+export declare const theme: {
+    baseColors: {
+        white: string;
+        black: string;
+        gray10: string;
+        gray20: string;
+        gray30: string;
+        gray40: string;
+        gray50: string;
+        gray60: string;
+        gray70: string;
+        gray80: string;
+        gray90: string;
+        gray100: string;
+        gray130: string;
+        gray150: string;
+        red10: string;
+        red20: string;
+        red30: string;
+        red40: string;
+        red50: string;
+        red60: string;
+        red70: string;
+        red80: string;
+        red90: string;
+        red100: string;
+        red130: string;
+        red150: string;
+        blue10: string;
+        blue20: string;
+        blue30: string;
+        blue40: string;
+        blue50: string;
+        blue60: string;
+        blue70: string;
+        blue80: string;
+        blue90: string;
+        blue100: string;
+        blue130: string;
+        blue150: string;
+    };
+    buttonColors: {
+        outline: string;
+        primaryBackground: string;
+        primaryText: string;
+        primaryHover: string;
+        primaryFocus: string;
+        primaryActive: string;
+        secondaryBackground: string;
+        secondaryText: string;
+        secondaryHover: string;
+        secondaryActive: string;
+    };
+    inputColor: {
+        inputText: string;
+    };
+    signalColors: {
+        signalGreen10: string;
+        signalGreen100: string;
+        signalBlue10: string;
+        signalBlue100: string;
+        signalYellow10: string;
+        signalYellow100: string;
+        signalRed10: string;
+        signalRed100: string;
+        signalRed130: string;
+        signalRed150: string;
+    };
+    borderRadius: {
+        sRadius: string;
+        mRadius: string;
+    };
+    borderWidths: {
+        xsWidth: string;
+        sWidth: string;
+        mWidth: string;
+    };
+    fontWeights: {
+        lightWeight: string;
+        regularWeight: string;
+        mediumWeight: string;
+        semiBoldWeight: string;
+        boldWeight: string;
+        blackWeight: string;
+    };
+    fontSizes: {
+        desktopSize: string;
+        mobileSize: string;
+        largeSize: string;
+        inputNormalSize: string;
+        inputMessageSize: string;
+        inputLabelSize: string;
+        inputDescriptionSize: string;
+    };
+    midasColors: {
+        logoPrimary: string;
+        logoSecondary: string;
+        textPrimary: string;
+        textSecondary: string;
+        textTertiary: string;
+        link: string;
+        linkVisited: string;
+        backgroundPrimary: string;
+        backgroundSecondary: string;
+        backgroundFooter1: string;
+        backgroundFooter2: string;
+        backgroundInfo: string;
+        backgroundImportant: string;
+        borderPrimary: string;
+        borderSecondary: string;
+        borderFocusOuter: string;
+        borderFocusInner: string;
+        iconPrimary: string;
+        iconInverted: string;
+    };
+    midasTransitions: {
+        slowTransition: string;
+        normalTransition: string;
+        fastTransition: string;
+    };
+    breakpoints: {
+        smBreakpoint: string;
+        mdBreakpoint: string;
+        lgBreakpoint: string;
+        xlBreakpoint: string;
+    };
+    accessibility: {
+        forcedColorsMode: string;
+        prefersReducedMotion: string;
+    };
+    font: {
+        display: string;
+    };
+};

package/lib/tokens.d.ts

@@ -0,0 +1,132 @@
+export declare const baseColors: {
+    white: string;
+    black: string;
+    gray10: string;
+    gray20: string;
+    gray30: string;
+    gray40: string;
+    gray50: string;
+    gray60: string;
+    gray70: string;
+    gray80: string;
+    gray90: string;
+    gray100: string;
+    gray130: string;
+    gray150: string;
+    red10: string;
+    red20: string;
+    red30: string;
+    red40: string;
+    red50: string;
+    red60: string;
+    red70: string;
+    red80: string;
+    red90: string;
+    red100: string;
+    red130: string;
+    red150: string;
+    blue10: string;
+    blue20: string;
+    blue30: string;
+    blue40: string;
+    blue50: string;
+    blue60: string;
+    blue70: string;
+    blue80: string;
+    blue90: string;
+    blue100: string;
+    blue130: string;
+    blue150: string;
+};
+export declare const buttonColors: {
+    outline: string;
+    primaryBackground: string;
+    primaryText: string;
+    primaryHover: string;
+    primaryFocus: string;
+    primaryActive: string;
+    secondaryBackground: string;
+    secondaryText: string;
+    secondaryHover: string;
+    secondaryActive: string;
+};
+export declare const inputColor: {
+    inputText: string;
+};
+export declare const signalColors: {
+    signalGreen10: string;
+    signalGreen100: string;
+    signalBlue10: string;
+    signalBlue100: string;
+    signalYellow10: string;
+    signalYellow100: string;
+    signalRed10: string;
+    signalRed100: string;
+    signalRed130: string;
+    signalRed150: string;
+};
+export declare const borderRadius: {
+    sRadius: string;
+    mRadius: string;
+};
+export declare const borderWidths: {
+    xsWidth: string;
+    sWidth: string;
+    mWidth: string;
+};
+export declare const fontWeights: {
+    lightWeight: string;
+    regularWeight: string;
+    mediumWeight: string;
+    semiBoldWeight: string;
+    boldWeight: string;
+    blackWeight: string;
+};
+export declare const fontSizes: {
+    desktopSize: string;
+    mobileSize: string;
+    largeSize: string;
+    inputNormalSize: string;
+    inputMessageSize: string;
+    inputLabelSize: string;
+    inputDescriptionSize: string;
+};
+export declare const midasColors: {
+    logoPrimary: string;
+    logoSecondary: string;
+    textPrimary: string;
+    textSecondary: string;
+    textTertiary: string;
+    link: string;
+    linkVisited: string;
+    backgroundPrimary: string;
+    backgroundSecondary: string;
+    backgroundFooter1: string;
+    backgroundFooter2: string;
+    backgroundInfo: string;
+    backgroundImportant: string;
+    borderPrimary: string;
+    borderSecondary: string;
+    borderFocusOuter: string;
+    borderFocusInner: string;
+    iconPrimary: string;
+    iconInverted: string;
+};
+export declare const midasTransitions: {
+    slowTransition: string;
+    normalTransition: string;
+    fastTransition: string;
+};
+export declare const breakpoints: {
+    smBreakpoint: string;
+    mdBreakpoint: string;
+    lgBreakpoint: string;
+    xlBreakpoint: string;
+};
+export declare const accessibility: {
+    forcedColorsMode: string;
+    prefersReducedMotion: string;
+};
+export declare const font: {
+    display: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@midas-ds/theme",
-  "version": "0.5.33",
+  "version": "1.0.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "style": "index.css",
@@ -13,6 +13,7 @@
     "./index.css": "./index.css"
   },
   "files": [
+    "**",
     "index.css"
   ],
   "gitHead": "660173f9a53a45cd053cc3ee2523dc3bcc65d9fa",