gd-design-library 0.2.0 → 0.3.1

package/tokens/defaultTheme.js

@@ -0,0 +1 @@
+"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=$;

package/tokens/display.js

@@ -0,0 +1 @@
+"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;

package/tokens/draganddrop.d.ts

@@ -0,0 +1,61 @@
+export declare const draganddrop: {
+    default: {
+        position: string;
+    };
+    dragAndDropArea: {
+        default: {
+            backgroundColor: string;
+            border: string;
+            borderRadius: string;
+            padding: string;
+        };
+        hover: {
+            '&:hover': {
+                backgroundColor: string;
+                border: string;
+                borderRadius: string;
+            };
+        };
+        disabled: {
+            cursor: string;
+            backgroundColor: string;
+        };
+        error: {
+            border: string;
+        };
+        loading: {
+            backgroundColor: string;
+            cursor: string;
+        };
+    };
+    dragOverContent: {
+        default: {
+            backgroundColor: string;
+            width: string;
+            height: string;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            border: string;
+            borderRadius: string;
+        };
+    };
+    uploadIcon: {
+        default: {
+            name: string;
+            width: number;
+            height: number;
+        };
+        disabled: {
+            fill: string;
+        };
+    };
+    contentTypography: {
+        default: {
+            margin: number;
+        };
+        disabled: {
+            color: string;
+        };
+    };
+};

package/tokens/draganddrop.js

@@ -0,0 +1 @@
+"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;

package/tokens/draganddropfiles.js

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

package/tokens/flexContainer.d.ts

@@ -1,4 +1,4 @@
-import { FlexDirection } from '../components/layout';
+import { FlexDirection } from '../types';
 export declare const flexContainer: {
     default: {
         display: string;

package/tokens/flexContainer.js

@@ -0,0 +1 @@
+"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;

package/tokens/font.js

@@ -0,0 +1 @@
+"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;

package/tokens/form.js

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

package/tokens/header.d.ts

@@ -1,4 +1,3 @@
-export declare const BORDER_COLOR = "#e0e0e0";
 export declare const header: {
     container: {
         fontFamily: string;

package/tokens/header.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../constants/positioning.js"),e=require("./spacing.js"),t=require("./font.js"),o=require("./colors.js"),n=require("./display.js"),i=require("./borders.js"),a=require("./cursors.js"),c={container:{fontFamily:t.font.family,alignItems:n.flexAlignItems.center,backgroundColor:o.colors.bg.surface,maxWidth:"100%"},topBannerRow:{width:"100%",backgroundColor:o.colors.neutral.black,color:o.colors.bg.surface},searchColumn:{default:{flexDirection:"row",justifyContent:n.flexAlignItems.center,"& a":{margin:`${e.spacing.none} ${e.spacing.md}`}}},navigationRow:{default:{width:"100%",padding:`${e.spacing.md} ${e.spacing.lg}`,alignItems:n.flexAlignItems.center}},actionsColumn:{default:{flexDirection:"row","& > button":{margin:`${e.spacing.none} calc(${e.spacing.lg}/2)`}}},menuRow:{default:{width:"100%",justifyContent:n.flexAlignItems.center},column:{flexDirection:"row","& a":{margin:`${e.spacing.none} ${e.spacing.md}`}}},children:{default:{margin:`${e.spacing.md} ${e.spacing.lg}`}},mobile:{openedDropdownWrapper:{position:"fixed",top:e.spacing.none,left:e.spacing.none,zIndex:r.Z_INDEX.HIGH,background:o.colors.neutral.white,width:"100vw",height:"100vh",padding:`${e.spacing.xxl} ${e.spacing.lg} ${e.spacing.md}`,overflowY:"auto"},closeMenuIconWrapper:{width:"40px",height:"40px",display:n.display.flex,justifyContent:"center",alignItems:n.flexAlignItems.center},openMenuIconWrapper:{width:"40px",height:"40px",display:n.display.flex,justifyContent:"center",alignItems:n.flexAlignItems.center},menuWrapper:{margin:`${e.spacing.lg} ${e.spacing.none}`,borderTop:i.borders.generic({width:"1px",color:o.colors.border.default})},menuItemWrapper:{padding:`calc(${e.spacing.xs}*3) ${e.spacing.none}`,borderBottom:i.borders.generic({width:"1px",color:o.colors.border.default}),cursor:a.cursors.pointer}},icons:{close:{name:"cross",width:24,height:24},right:{name:"chevronRight",width:16,height:16},menu:{name:"mobileMenu",width:40,height:40}}};exports.header=c;

package/tokens/icon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../types/common.js"),t={size:{[i.SizeVariant.Xs]:{width:14,height:14},[i.SizeVariant.Sm]:{width:16,height:16},[i.SizeVariant.Md]:{width:18,height:18},[i.SizeVariant.Lg]:{width:24,height:24},[i.SizeVariant.Xl]:{width:32,height:32},[i.SizeVariant.Xxl]:{width:40,height:40}}};exports.icon=t;

package/tokens/image.d.ts

@@ -1,5 +1,4 @@
-import { TextAlign } from '../components/core/Typography/Typography.types';
-import { FlexDirection } from '../components/layout';
+import { FlexDirection, TextAlign } from '../types';
 export declare const image: {
     default: {
         width: string;

package/tokens/image.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../types/common.js"),t=require("../types/typography.js"),n=require("../types/layout.js"),i=require("./colors.js"),e=require("./display.js"),r=require("./spacing.js"),l=require("./font.js"),s={default:{width:"100%",height:"100%",transition:"opacity 0.2s ease-in-out"},wrapper:{position:"relative",display:e.display.flex,flexDirection:n.FlexDirection.Column,alignItems:e.flexAlignItems.center},placeholder:{position:"absolute",top:0,left:0,width:"100%",height:"100%",display:e.display.flex,alignItems:e.flexAlignItems.center,justifyContent:e.flexAlignItems.center,background:i.colors.bg.default},caption:{marginTop:r.spacing[o.SizeVariant.Xs],fontSize:l.font.size[t.TypographyVariant.Body2],color:i.colors.text.caption,textAlign:t.TextAlign.Center}};exports.image=s;