@midas-ds/theme 0.5.26 → 1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@midas-ds/theme",
-  "version": "0.5.26",
+  "version": "1.0.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "style": "index.css",

package/package/README.md

@@ -1,11 +0,0 @@
-# theme
-
-To get some basic global styles (like the Inter font) you can import the global css from this package:
-
-```bash
-npm i @midas-ds/theme
-```
-
-```tsx
-import '@midas-ds/theme/index.css'
-```

package/package/index.css

@@ -1 +0,0 @@
-@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/package/index.d.ts

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

package/package/index.js

@@ -1 +0,0 @@
-"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/package/index.mjs

@@ -1,156 +0,0 @@
-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/package/lib/index.d.ts

@@ -1,135 +0,0 @@
-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/package/lib/tokens.d.ts

@@ -1,132 +0,0 @@
-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/package.json

@@ -1,24 +0,0 @@
-{
-  "name": "@midas-ds/theme",
-  "version": "0.5.33",
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "style": "index.css",
-  "exports": {
-    ".": {
-      "import": "./index.mjs",
-      "require": "./index.js",
-      "types": "./index.d.ts"
-    },
-    "./index.css": "./index.css"
-  },
-  "files": [
-    "**",
-    "index.css"
-  ],
-  "gitHead": "660173f9a53a45cd053cc3ee2523dc3bcc65d9fa",
-  "repository": "https://github.com/migrationsverket/midas.git",
-  "publishConfig": {
-    "access": "public"
-  }
-}