gd-design-library 0.3.4 → 0.3.5

package/tokens/colors.js

@@ -1 +1,157 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={transparent:"transparent",primary:{default:"#FFB800","default.80":"#F0A800","default.10":"#FFF9E9"},secondary:{default:"#53B7E8","default.80":"#35A0D6","default.10":"#DDFBFD"},neutral:{white:"#FFF",black:"#000000","grey.100":"#202020","grey.90":"#646464","grey.80":"#838383","grey.60":"#A5A5A5","grey.40":"#CECECE","grey.30":"#E5E5E5","grey.10":"#F8F7F5"},status:{red:"#D21C1C","red.80":"#BD1919","red.20":"#F7C5C5","red.10":"#FDEDED",green:"#34A853","green.80":"#1F843A","green.20":"#C9E6CA","green.10":"#E0F0E4",blue:"#0069B4","blue.80":"#00476E","blue.20":"#D1EFFD","blue.10":"#E3F6FF",orange:"#FF8700","orange.80":"#F26530","orange.20":"#FFDBB2","orange.10":"#FFE9D0"},bg:{default:"#F8F7F5",surface:"#FFF",input:{default:"#FFFFFF",disabled:"#F8F7F5"},fill:{disabled:"#E5E5E5",primary:{default:"#FFB800",hover:"#F0A800"},secondary:{default:"#FFFFFF",hover:"#FFF9E9"},error:{primary:{default:"#D21C1C",hover:"#BD1919"},secondary:{default:"#FDEDED",hover:"#F7C5C5"}},success:{primary:{default:"#34A853",hover:"#1F843A"},secondary:{default:"#EFFCF2",hover:"#C9E6CA"}},warning:{primary:{default:"#FF8700",hover:"#CD4800"},secondary:{default:"#FFE9D0",hover:"#FFDBB2"}},info:{primary:{default:"#0069B4",hover:"#00476E"},secondary:{default:"#E3F6FF",hover:"#D1EFFD"}}},toast:{success:"#EFFCF2",error:"#FDEDED",warning:"#FFF8EF",info:"#E3F6FF"}},border:{primary:{default:"#FFB800",hover:"#F0A800"},secondary:{default:"#202020",disabled:"#838383",hover:"#838383"},error:"#D21C1C",success:"#34A853",info:"#0069B4",warning:"#FF8700",default:"#E5E5E5",focus:"#0069B4"},text:{default:"#000000",active:"#202020",disabled:"#646464",title:"#000000",caption:"#ccc",error:"#BD1919",success:"#1F843A",info:"#00476E",link:{default:"#53B7E8",hover:"#278CBF"},warning:"#F26530",primary:{default:"#FFB800",hover:"#F0A800"}},icon:{primary:{default:"#646464",active:"#202020",disabled:"#838383"},success:"#34A853",info:"#0069B4",warning:"#FF8700",error:"#D21C1C"}};exports.colors=e;
+const e = {
+  transparent: "transparent",
+  primary: {
+    default: "#FFB800",
+    "default.80": "#F0A800",
+    "default.10": "#FFF9E9"
+  },
+  secondary: {
+    default: "#53B7E8",
+    "default.80": "#35A0D6",
+    "default.10": "#DDFBFD"
+  },
+  neutral: {
+    white: "#FFF",
+    black: "#000000",
+    "grey.100": "#202020",
+    "grey.90": "#646464",
+    "grey.80": "#838383",
+    "grey.60": "#A5A5A5",
+    "grey.40": "#CECECE",
+    "grey.30": "#E5E5E5",
+    "grey.10": "#F8F7F5"
+  },
+  status: {
+    red: "#D21C1C",
+    "red.80": "#BD1919",
+    "red.20": "#F7C5C5",
+    "red.10": "#FDEDED",
+    green: "#34A853",
+    "green.80": "#1F843A",
+    "green.20": "#C9E6CA",
+    "green.10": "#E0F0E4",
+    blue: "#0069B4",
+    "blue.80": "#00476E",
+    "blue.20": "#D1EFFD",
+    "blue.10": "#E3F6FF",
+    orange: "#FF8700",
+    "orange.80": "#F26530",
+    "orange.20": "#FFDBB2",
+    "orange.10": "#FFE9D0"
+  },
+  bg: {
+    default: "#F8F7F5",
+    surface: "#FFF",
+    input: {
+      default: "#FFFFFF",
+      disabled: "#F8F7F5"
+    },
+    fill: {
+      disabled: "#E5E5E5",
+      primary: {
+        default: "#FFB800",
+        hover: "#F0A800"
+      },
+      secondary: {
+        default: "#FFFFFF",
+        hover: "#FFF9E9"
+      },
+      error: {
+        primary: {
+          default: "#D21C1C",
+          hover: "#BD1919"
+        },
+        secondary: {
+          default: "#FDEDED",
+          hover: "#F7C5C5"
+        }
+      },
+      success: {
+        primary: {
+          default: "#34A853",
+          hover: "#1F843A"
+        },
+        secondary: {
+          default: "#EFFCF2",
+          hover: "#C9E6CA"
+        }
+      },
+      warning: {
+        primary: {
+          default: "#FF8700",
+          hover: "#CD4800"
+        },
+        secondary: {
+          default: "#FFE9D0",
+          hover: "#FFDBB2"
+        }
+      },
+      info: {
+        primary: {
+          default: "#0069B4",
+          hover: "#00476E"
+        },
+        secondary: {
+          default: "#E3F6FF",
+          hover: "#D1EFFD"
+        }
+      }
+    },
+    toast: {
+      success: "#EFFCF2",
+      error: "#FDEDED",
+      warning: "#FFF8EF",
+      info: "#E3F6FF"
+    }
+  },
+  border: {
+    primary: {
+      default: "#FFB800",
+      hover: "#F0A800"
+    },
+    secondary: {
+      default: "#202020",
+      disabled: "#838383",
+      hover: "#838383"
+    },
+    error: "#D21C1C",
+    success: "#34A853",
+    info: "#0069B4",
+    warning: "#FF8700",
+    default: "#E5E5E5",
+    focus: "#0069B4"
+  },
+  text: {
+    default: "#000000",
+    active: "#202020",
+    disabled: "#646464",
+    title: "#000000",
+    caption: "#ccc",
+    error: "#BD1919",
+    success: "#1F843A",
+    info: "#00476E",
+    link: {
+      default: "#53B7E8",
+      hover: "#278CBF"
+    },
+    warning: "#F26530",
+    primary: {
+      default: "#FFB800",
+      hover: "#F0A800"
+    }
+  },
+  icon: {
+    primary: {
+      default: "#646464",
+      active: "#202020",
+      disabled: "#838383"
+    },
+    success: "#34A853",
+    info: "#0069B4",
+    warning: "#FF8700",
+    error: "#D21C1C"
+  }
+};
+export {
+  e as colors
+};

package/tokens/column.js

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={default:{maxWidth:"100%",display:"flex"}};exports.column=e;
+const l = {
+  default: {
+    maxWidth: "100%",
+    display: "flex"
+  }
+};
+export {
+  l as column
+};

package/tokens/constants.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["overflow","border","minWidth","width","maxWidth","minHeight","height","maxHeight","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","position","flexWrap","flex","flexGrow","flexShrink","flexBasis","order","gap"];exports.BOX_STYLE_PROPS=i;
+const i = ["overflow", "border", "minWidth", "width", "maxWidth", "minHeight", "height", "maxHeight", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "position", "flexWrap", "flex", "flexGrow", "flexShrink", "flexBasis", "order", "gap"];
+export {
+  i as BOX_STYLE_PROPS
+};

package/tokens/counter.js

@@ -1 +1,37 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../types/typography.js"),t=require("./utils.js"),i=require("./display.js"),n=require("./values.js"),r={default:{display:i.display.flex,width:"140px","& input":{width:"100%",textAlign:e.TextAlign.Center}},navButton:{padding:t.getSpacing(3),borderWidth:n.values.borderThin,"&:disabled":{opacity:.5,backgroundColor:"inherit"}},icons:{plus:{name:"plus",width:14,height:14},minus:{name:"minus",width:14,height:14}}};exports.counter=r;
+import { getSpacing as i } from "./utils.js";
+import { display as t } from "./display.js";
+import { values as o } from "./values.js";
+import { TextAlign as e } from "../types/typography.js";
+const a = {
+  default: {
+    display: t.flex,
+    width: "140px",
+    "& input": {
+      width: "100%",
+      textAlign: e.Center
+    }
+  },
+  navButton: {
+    padding: i(3),
+    borderWidth: o.borderThin,
+    "&:disabled": {
+      opacity: 0.5,
+      backgroundColor: "inherit"
+    }
+  },
+  icons: {
+    plus: {
+      name: "plus",
+      width: 14,
+      height: 14
+    },
+    minus: {
+      name: "minus",
+      width: 14,
+      height: 14
+    }
+  }
+};
+export {
+  a as counter
+};

package/tokens/cursors.js

@@ -1 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={default:"default",pointer:"pointer",text:"text",move:"move",wait:"wait",crosshair:"crosshair",notAllowed:"not-allowed",grab:"grab",grabbing:"grabbing",help:"help",progress:"progress",alias:"alias",zoomIn:"zoom-in",zoomOut:"zoom-out",inherit:"inherit"};exports.cursors=o;
+const o = {
+  default: "default",
+  pointer: "pointer",
+  text: "text",
+  move: "move",
+  wait: "wait",
+  crosshair: "crosshair",
+  notAllowed: "not-allowed",
+  grab: "grab",
+  grabbing: "grabbing",
+  help: "help",
+  progress: "progress",
+  alias: "alias",
+  zoomIn: "zoom-in",
+  zoomOut: "zoom-out",
+  inherit: "inherit"
+};
+export {
+  o as cursors
+};

package/tokens/defaultTheme.d.ts

@@ -183,24 +183,31 @@ export declare const defaultTheme: {
         };
         fallbackText: {
             default: {
-                variant: import('../types').TypographyVariant;
-                align: import('../types').TextAlign;
+                overflow: string;
+                textOverflow: string;
+                whiteSpace: string;
             };
-            size: {
-                xs: {
-                    variant: import('../types').TypographyVariant;
-                };
-                sm: {
-                    variant: import('../types').TypographyVariant;
-                };
-                md: {
-                    variant: import('../types').TypographyVariant;
-                };
-                lg: {
+            attrs: {
+                default: {
                     variant: import('../types').TypographyVariant;
+                    align: import('../types').TextAlign;
                 };
-                xl: {
-                    variant: import('../types').TypographyVariant;
+                size: {
+                    xs: {
+                        variant: import('../types').TypographyVariant;
+                    };
+                    sm: {
+                        variant: import('../types').TypographyVariant;
+                    };
+                    md: {
+                        variant: import('../types').TypographyVariant;
+                    };
+                    lg: {
+                        variant: import('../types').TypographyVariant;
+                    };
+                    xl: {
+                        variant: import('../types').TypographyVariant;
+                    };
                 };
             };
         };

package/tokens/defaultTheme.js

@@ -1 +1,113 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./separator.js"),o=require("./draganddrop.js"),t=require("./avatar.js"),i=require("./chatbubble.js"),s=require("./radiogroup.js"),n=require("./draganddropfiles.js"),a=require("./searchModal.js"),c=require("./inputfile.js"),u=require("./carousel.js"),l=require("./progressbar.js"),d=require("./card.js"),q=require("./counter.js"),p=require("./typography.js"),b=require("./button.js"),g=require("./input.js"),m=require("./label.js"),h=require("./link.js"),f=require("./form.js"),k=require("./wrapper.js"),w=require("./loader.js"),e=require("./display.js"),y=require("./cursors.js"),x=require("./values.js"),v=require("./textarea.js"),T=require("./flexContainer.js"),M=require("./row.js"),C=require("./column.js"),N=require("./toggle.js"),A=require("./switch.js"),I=require("./tooltip.js"),S=require("./animations.js"),j=require("./modal.js"),O=require("./image.js"),P=require("./snackbar.js"),_=require("./skeleton.js"),z=require("./list.js"),B=require("./select.js"),D=require("./search.js"),E=require("./breadcrumbs.js"),F=require("./icon.js"),G=require("./reset.js"),H=require("./tabs.js"),J=require("./stepper.js"),K=require("./colors.js"),L=require("./price.js"),Q=require("./header.js"),R=require("./rating.js"),U=require("./accordion.js"),V=require("./inlineNotification.js"),W=require("./chat.js"),X=require("./slider.js"),Y=require("./menu.js"),Z=require("./scroll.js"),$={separator:r.separator,draganddrop:o.draganddrop,avatar:t.avatar,chatbubble:i.chatbubble,draganddropfiles:n.draganddropfiles,searchModal:a.searchModal,inputfile:c.inputfile,carousel:u.carousel,progressbar:l.progressbar,card:d.card,counter:q.counter,name:"default",reset:G.reset,typography:p.typography,button:b.button,input:g.input,label:m.label,flexContainer:T.flexContainer,link:h.link,form:f.form,wrapper:k.wrapper,loader:w.loader,display:e.display,cursors:y.cursors,values:x.values,flexAlignItems:e.flexAlignItems,textarea:v.textarea,image:O.image,row:M.row,switchToggle:N.switchToggle,column:C.column,tooltip:I.tooltip,animations:S.animations,modal:j.modal,snackbar:P.snackbar,skeleton:_.skeleton,list:z.list,select:B.select,search:D.search,breadcrumbs:E.breadcrumbs,scroll:Z.scroll,icon:F.icon,tabs:H.tabs,stepper:J.stepper,colors:K.colors,menu:Y.menu,price:L.price,header:Q.header,rating:R.rating,accordion:U.accordion,inlineNotification:V.inlineNotification,switchToken:A.switchToken,chat:W.chat,slider:X.slider,radiogroup:s.radiogroup};exports.defaultTheme=$;
+import { separator as r } from "./separator.js";
+import { draganddrop as o } from "./draganddrop.js";
+import { avatar as m } from "./avatar.js";
+import { chatbubble as t } from "./chatbubble.js";
+import { radiogroup as i } from "./radiogroup.js";
+import { draganddropfiles as p } from "./draganddropfiles.js";
+import { searchModal as f } from "./searchModal.js";
+import { inputfile as e } from "./inputfile.js";
+import { carousel as a } from "./carousel.js";
+import { progressbar as l } from "./progressbar.js";
+import { card as s } from "./card.js";
+import { counter as n } from "./counter.js";
+import { typography as c } from "./typography.js";
+import { button as d } from "./button.js";
+import { input as u } from "./input.js";
+import { label as b } from "./label.js";
+import { link as g } from "./link.js";
+import { form as h } from "./form.js";
+import { wrapper as k } from "./wrapper.js";
+import { loader as w } from "./loader.js";
+import { flexAlignItems as x, display as y } from "./display.js";
+import { cursors as T } from "./cursors.js";
+import { values as v } from "./values.js";
+import { textarea as A } from "./textarea.js";
+import { flexContainer as C } from "./flexContainer.js";
+import { row as I } from "./row.js";
+import { column as M } from "./column.js";
+import { switchToggle as N } from "./toggle.js";
+import { switchToken as j } from "./switch.js";
+import { tooltip as q } from "./tooltip.js";
+import { animations as z } from "./animations.js";
+import { modal as B } from "./modal.js";
+import { image as D } from "./image.js";
+import { snackbar as E } from "./snackbar.js";
+import { skeleton as F } from "./skeleton.js";
+import { list as G } from "./list.js";
+import { select as H } from "./select.js";
+import { search as J } from "./search.js";
+import { breadcrumbs as K } from "./breadcrumbs.js";
+import { icon as L } from "./icon.js";
+import { reset as O } from "./reset.js";
+import { tabs as P } from "./tabs.js";
+import { stepper as Q } from "./stepper.js";
+import { colors as R } from "./colors.js";
+import { price as S } from "./price.js";
+import { header as U } from "./header.js";
+import { rating as V } from "./rating.js";
+import { accordion as W } from "./accordion.js";
+import { inlineNotification as X } from "./inlineNotification.js";
+import { chat as Y } from "./chat.js";
+import { slider as Z } from "./slider.js";
+import { menu as _ } from "./menu.js";
+import { scroll as $ } from "./scroll.js";
+const $r = {
+  separator: r,
+  draganddrop: o,
+  avatar: m,
+  chatbubble: t,
+  draganddropfiles: p,
+  searchModal: f,
+  inputfile: e,
+  carousel: a,
+  progressbar: l,
+  card: s,
+  counter: n,
+  name: "default",
+  reset: O,
+  typography: c,
+  button: d,
+  input: u,
+  label: b,
+  flexContainer: C,
+  link: g,
+  form: h,
+  wrapper: k,
+  loader: w,
+  display: y,
+  cursors: T,
+  values: v,
+  flexAlignItems: x,
+  textarea: A,
+  image: D,
+  row: I,
+  switchToggle: N,
+  column: M,
+  tooltip: q,
+  animations: z,
+  modal: B,
+  snackbar: E,
+  skeleton: F,
+  list: G,
+  select: H,
+  search: J,
+  breadcrumbs: K,
+  scroll: $,
+  icon: L,
+  tabs: P,
+  stepper: Q,
+  colors: R,
+  menu: _,
+  price: S,
+  header: U,
+  rating: V,
+  accordion: W,
+  inlineNotification: X,
+  switchToken: j,
+  chat: Y,
+  slider: Z,
+  radiogroup: i
+};
+export {
+  $r as defaultTheme
+};

package/tokens/display.js

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={flex:"flex",inlineFlex:"inline-flex",grid:"grid",block:"block",inline:"inline",inlineBlock:"inline-block",none:"none"},n={start:"flex-start",center:"center",end:"flex-end",baseline:"baseline",stretch:"stretch"};exports.display=e;exports.flexAlignItems=n;
+const e = {
+  flex: "flex",
+  inlineFlex: "inline-flex",
+  grid: "grid",
+  block: "block",
+  inline: "inline",
+  inlineBlock: "inline-block",
+  none: "none"
+}, n = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  baseline: "baseline",
+  stretch: "stretch"
+};
+export {
+  e as display,
+  n as flexAlignItems
+};

package/tokens/draganddrop.js

@@ -1 +1,87 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./spacing.js"),r=require("./colors.js"),e=require("./borders.js"),d=require("./radius.js"),i=require("./cursors.js"),s=require("./display.js"),l=require("./icon.js"),a={default:{position:"relative"},dragAndDropArea:{default:{backgroundColor:r.colors.bg.surface,border:e.borders.generic({width:"1px",color:r.colors.border.default,type:"dashed"}),borderRadius:d.radius.default,padding:`${o.spacing.xxl} ${o.spacing.md} ${o.spacing.xxl} ${o.spacing.md}`},hover:{"&:hover":{backgroundColor:r.colors.bg.fill.secondary.hover,border:e.borders.generic({width:"1px",color:r.colors.border.primary.hover,type:"dashed"}),borderRadius:d.radius.default}},disabled:{cursor:i.cursors.notAllowed,backgroundColor:r.colors.bg.input.disabled},error:{border:e.borders.generic({width:"2px",color:r.colors.border.error,type:"dashed"})},loading:{backgroundColor:r.colors.bg.fill.secondary.hover,cursor:i.cursors.notAllowed}},dragOverContent:{default:{backgroundColor:r.colors.bg.fill.secondary.hover,width:"100%",height:"100%",display:s.display.flex,justifyContent:s.flexAlignItems.center,alignItems:s.flexAlignItems.center,border:e.borders.generic({width:"1px",color:r.colors.border.primary.hover,type:"dashed"}),borderRadius:d.radius.default}},uploadIcon:{default:{name:"upload",width:l.icon.size.lg.width,height:l.icon.size.lg.height},disabled:{fill:r.colors.icon.primary.disabled}},contentTypography:{default:{margin:o.spacing.none},disabled:{color:r.colors.text.disabled}}};exports.draganddrop=a;
+import { spacing as o } from "./spacing.js";
+import { colors as r } from "./colors.js";
+import { borders as e } from "./borders.js";
+import { radius as d } from "./radius.js";
+import { cursors as i } from "./cursors.js";
+import { flexAlignItems as a, display as t } from "./display.js";
+import { icon as l } from "./icon.js";
+const h = {
+  default: {
+    position: "relative"
+  },
+  dragAndDropArea: {
+    default: {
+      backgroundColor: r.bg.surface,
+      border: e.generic({
+        width: "1px",
+        color: r.border.default,
+        type: "dashed"
+      }),
+      borderRadius: d.default,
+      padding: `${o.xxl} ${o.md} ${o.xxl} ${o.md}`
+    },
+    hover: {
+      "&:hover": {
+        backgroundColor: r.bg.fill.secondary.hover,
+        border: e.generic({
+          width: "1px",
+          color: r.border.primary.hover,
+          type: "dashed"
+        }),
+        borderRadius: d.default
+      }
+    },
+    disabled: {
+      cursor: i.notAllowed,
+      backgroundColor: r.bg.input.disabled
+    },
+    error: {
+      border: e.generic({
+        width: "2px",
+        color: r.border.error,
+        type: "dashed"
+      })
+    },
+    loading: {
+      backgroundColor: r.bg.fill.secondary.hover,
+      cursor: i.notAllowed
+    }
+  },
+  dragOverContent: {
+    default: {
+      backgroundColor: r.bg.fill.secondary.hover,
+      width: "100%",
+      height: "100%",
+      display: t.flex,
+      justifyContent: a.center,
+      alignItems: a.center,
+      border: e.generic({
+        width: "1px",
+        color: r.border.primary.hover,
+        type: "dashed"
+      }),
+      borderRadius: d.default
+    }
+  },
+  uploadIcon: {
+    default: {
+      name: "upload",
+      width: l.size.lg.width,
+      height: l.size.lg.height
+    },
+    disabled: {
+      fill: r.icon.primary.disabled
+    }
+  },
+  contentTypography: {
+    default: {
+      margin: o.none
+    },
+    disabled: {
+      color: r.text.disabled
+    }
+  }
+};
+export {
+  h as draganddrop
+};

package/tokens/draganddropfiles.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={default:{}};exports.draganddropfiles=e;
+const d = {
+  default: {}
+};
+export {
+  d as draganddropfiles
+};

package/tokens/flexContainer.js

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../types/layout.js"),t=require("./display.js"),i={default:{display:t.display.flex,width:"100%",margin:"0 auto",flexDirection:e.FlexDirection.Column}};exports.flexContainer=i;
+import { display as i } from "./display.js";
+import { FlexDirection as o } from "../types/layout.js";
+const r = {
+  default: {
+    display: i.flex,
+    width: "100%",
+    margin: "0 auto",
+    flexDirection: o.Column
+  }
+};
+export {
+  r as flexContainer
+};

package/tokens/font.js

@@ -1 +1,52 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../types/common.js"),a=require("../types/typography.js");;/* empty css          */const r={family:'"Fira Sans", sans-serif',weight:{light:300,normal:400,medium:500,bold:700},size:{[p.SizeVariant.Xs]:"32px",[p.SizeVariant.Sm]:"36px",[p.SizeVariant.Md]:"40px",[p.SizeVariant.Lg]:"48px",[p.SizeVariant.Xl]:"64px",[a.TypographyVariant.H1]:"48px",[a.TypographyVariant.H2]:"32px",[a.TypographyVariant.H3]:"28px",[a.TypographyVariant.H4]:"24px",[a.TypographyVariant.H5]:"20px",[a.TypographyVariant.H6]:"18px",[a.TypographyVariant.Body1]:"16px",[a.TypographyVariant.Body2]:"14px",[a.TypographyVariant.Caption]:"12px",[a.TypographyVariant.Sub]:"12px",[a.TypographyVariant.Sup]:"12px"},line:{height:{[p.SizeVariant.Xs]:"38px",[p.SizeVariant.Sm]:"44px",[p.SizeVariant.Md]:"48px",[p.SizeVariant.Lg]:"58px",[p.SizeVariant.Xl]:"77px",[a.TypographyVariant.H1]:"56px",[a.TypographyVariant.H2]:"36px",[a.TypographyVariant.H3]:"34px",[a.TypographyVariant.H4]:"28px",[a.TypographyVariant.H5]:"26px",[a.TypographyVariant.H6]:"24px",[a.TypographyVariant.Body1]:"24px",[a.TypographyVariant.Body2]:"20px",[a.TypographyVariant.Caption]:"16px",[a.TypographyVariant.Sub]:"16px",[a.TypographyVariant.Sup]:"16px"}}};exports.font=r;
+import { TypographyVariant as p } from "../types/typography.js";
+import { SizeVariant as x } from "../types/common.js";
+const a = {
+  family: '"Fira Sans", sans-serif',
+  weight: {
+    light: 300,
+    normal: 400,
+    medium: 500,
+    bold: 700
+  },
+  size: {
+    [x.Xs]: "32px",
+    [x.Sm]: "36px",
+    [x.Md]: "40px",
+    [x.Lg]: "48px",
+    [x.Xl]: "64px",
+    [p.H1]: "48px",
+    [p.H2]: "32px",
+    [p.H3]: "28px",
+    [p.H4]: "24px",
+    [p.H5]: "20px",
+    [p.H6]: "18px",
+    [p.Body1]: "16px",
+    [p.Body2]: "14px",
+    [p.Caption]: "12px",
+    [p.Sub]: "12px",
+    [p.Sup]: "12px"
+  },
+  line: {
+    height: {
+      [x.Xs]: "38px",
+      [x.Sm]: "44px",
+      [x.Md]: "48px",
+      [x.Lg]: "58px",
+      [x.Xl]: "77px",
+      [p.H1]: "56px",
+      [p.H2]: "36px",
+      [p.H3]: "34px",
+      [p.H4]: "28px",
+      [p.H5]: "26px",
+      [p.H6]: "24px",
+      [p.Body1]: "24px",
+      [p.Body2]: "20px",
+      [p.Caption]: "16px",
+      [p.Sub]: "16px",
+      [p.Sup]: "16px"
+    }
+  }
+};
+export {
+  a as font
+};

package/tokens/form.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={default:{}};exports.form=e;
+const o = {
+  default: {}
+};
+export {
+  o as form
+};