gd-design-library 0.2.0 → 0.3.1

package/tokens/index.js

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

package/tokens/inlineNotification.d.ts

@@ -19,6 +19,7 @@ export declare const inlineNotification: {
         content: {};
         icon: {
             name: string;
+            fill: string;
         };
     };
     warning: {
@@ -26,6 +27,7 @@ export declare const inlineNotification: {
         content: {};
         icon: {
             name: string;
+            fill: string;
         };
     };
     error: {
@@ -33,6 +35,7 @@ export declare const inlineNotification: {
         content: {};
         icon: {
             name: string;
+            fill: string;
         };
     };
     info: {
@@ -40,6 +43,7 @@ export declare const inlineNotification: {
         content: {};
         icon: {
             name: string;
+            fill: string;
         };
     };
     basic: {
@@ -51,5 +55,8 @@ export declare const inlineNotification: {
         content: {
             fontWeight: number;
         };
+        icon: {
+            name: string;
+        };
     };
 };

package/tokens/inlineNotification.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./spacing.js"),r=require("./shadow.js"),t=require("./borders.js"),c=require("./values.js"),e=require("./colors.js"),o=require("./display.js"),i=require("./font.js"),s={default:{wrapper:{display:o.display.inlineFlex,alignItems:o.flexAlignItems.center,gap:n.spacing.xs,width:"max-content"},content:{flex:1,fontFamily:i.font.family,fontWeight:i.font.weight.medium,fontSize:i.font.size.small,lineHeight:i.font.line.height.small}},success:{wrapper:{},content:{},icon:{name:"success",fill:e.colors.icon.success}},warning:{wrapper:{},content:{},icon:{name:"warning",fill:e.colors.icon.warning}},error:{wrapper:{},content:{},icon:{name:"error",fill:e.colors.icon.error}},info:{wrapper:{},content:{},icon:{name:"info",fill:e.colors.icon.info}},basic:{wrapper:{border:t.borders.generic({width:c.values.borderThin,color:e.colors.border.default}),boxShadow:r.shadows.inlineNotification.default,padding:`${n.spacing.sm} ${n.spacing.md} ${n.spacing.sm} ${n.spacing.md}`},content:{fontWeight:i.font.weight.normal},icon:{name:""}}};exports.inlineNotification=s;

package/tokens/input.d.ts

@@ -1,4 +1,4 @@
-import { FlexDirection } from '../components/layout/index.types';
+import { FlexDirection } from '../types';
 export declare const input: {
     wrapper: {
         default: {
@@ -42,7 +42,6 @@ export declare const input: {
             };
             '&[readonly], &:disabled': {
                 color: string;
-                backgroundColor: string;
                 cursor: string;
             };
             '&[type="checkbox"]': {
@@ -58,12 +57,12 @@ export declare const input: {
                     '&::after': {
                         content: string;
                         position: string;
-                        top: `${number}px` | `${number}rem` | `${number}%`;
-                        right: `${number}px` | `${number}rem` | `${number}%`;
-                        bottom: `${number}px` | `${number}rem` | `${number}%`;
-                        left: `${number}px` | `${number}rem` | `${number}%`;
+                        top: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                        right: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                        bottom: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                        left: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
                         border: string;
-                        borderRadius: `${number}px` | `${number}rem` | `${number}%` | undefined;
+                        borderRadius: `${number}px` | `${number}rem` | `${number}%` | `${number}em` | undefined;
                     };
                 };
             };
@@ -95,12 +94,12 @@ export declare const input: {
                     '&::after': {
                         content: string;
                         position: string;
-                        top: `${number}px` | `${number}rem` | `${number}%`;
-                        right: `${number}px` | `${number}rem` | `${number}%`;
-                        bottom: `${number}px` | `${number}rem` | `${number}%`;
-                        left: `${number}px` | `${number}rem` | `${number}%`;
+                        top: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                        right: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                        bottom: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
+                        left: `${number}px` | `${number}rem` | `${number}%` | `${number}em`;
                         border: string;
-                        borderRadius: `${number}px` | `${number}rem` | `${number}%` | undefined;
+                        borderRadius: `${number}px` | `${number}rem` | `${number}%` | `${number}em` | undefined;
                     };
                 };
                 '&[readonly], &:disabled': {

package/tokens/input.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../assets/svg/checkbox_border.svg.js"),b=require("../assets/svg/checkbox_bg_checked.svg.js"),g=require("../assets/svg/checkbox_disabled_bg_checked.svg.js"),y=require("../assets/svg/radio_bg.svg.js"),h=require("../assets/svg/radio_bg_checked.svg.js"),s=require("../constants/positioning.js"),c=require("../types/typography.js"),x=require("../types/layout.js"),r=require("../types/input.js"),n=require("./borders.js"),d=require("./typography.js"),t=require("./display.js"),l=require("./spacing.js"),e=require("./colors.js"),i=require("./cursors.js"),I=require("./values.js"),o=require("./utils.js"),a=u=>({position:"absolute",top:0,left:0,width:"100%",height:"100%",border:n.borders.generic({width:I.values.borderThin,color:u})}),m={wrapper:{default:{boxSizing:"border-box",display:t.display.flex,alignSelf:t.flexAlignItems.stretch,alignItems:t.flexAlignItems.center,borderRadius:n.borders.none,position:"relative",width:"100%"},withGap:{flexDirection:x.FlexDirection.Column,alignItems:t.flexAlignItems.start,gap:l.spacing.xs}},input:{default:{borderRadius:n.borders.none,padding:l.spacing.sm,outline:"none",position:"relative",cursor:i.cursors.text,border:n.borders.none,backgroundColor:"transparent","&::placeholder":{color:e.colors.text.disabled},'&:not([type="radio"], [type="checkbox"], [type="range"])':{height:"40px",width:"100%",zIndex:s.Z_INDEX.FIRST},'&[type="number"]':{appearance:"textfield","&::-webkit-outer-spin-button, &::-webkit-inner-spin-button":{appearance:"none",margin:0}},"&[readonly], &:disabled":{color:e.colors.text.disabled,cursor:i.cursors.default},'&[type="checkbox"]':{cursor:i.cursors.pointer,appearance:"none",height:"18px",width:"18px",backgroundColor:"transparent",border:"none",backgroundImage:o.getImgSrc(p),"&:focus-visible":o.getFocusStyles({inset:"-4px",borderRadius:"3px"})},'&[type="checkbox"]:not(:checked)':{"&[readonly], &:disabled":{opacity:.5}},'&[type="checkbox"]:checked':{backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"18px",backgroundColor:e.colors.neutral.white,border:"none",backgroundImage:o.getImgSrc(b),"&[readonly], &:disabled":{backgroundImage:o.getImgSrc(g)}},'&[type="radio"]':{cursor:i.cursors.pointer,appearance:"none",height:"20px",width:"20px",border:"none",backgroundImage:o.getImgSrc(y),"&:focus-visible":o.getFocusStyles({inset:"-4px",borderRadius:"50%"}),"&[readonly], &:disabled":{opacity:.5}},'&[type="radio"]:checked':{backgroundImage:o.getImgSrc(h)}},defaultInteraction:{"&:focus-visible ~ .Input__outline":{position:"absolute",top:0,left:0,bottom:0,width:"100%",outline:n.borders.focus,outlineOffset:"3px"}},mouseInteraction:{},[r.InputColorVariant.Primary]:{"& + .Input__border":a(e.colors.border.default)},[r.InputColorVariant.Success]:{"& + .Input__border":a(e.colors.border.success)},[r.InputColorVariant.Warning]:{"& + .Input__border":a(e.colors.primary.default)},[r.InputColorVariant.Error]:{"& + .Input__border":a(e.colors.border.error)}},helper:{default:{sm:d.typography[c.TypographyVariant.Caption],md:{color:e.colors.text.disabled,...d.typography[c.TypographyVariant.Body2]}},[r.InputColorVariant.Primary]:{sm:{color:e.colors.text.caption},md:{}},[r.InputColorVariant.Success]:{sm:{color:e.colors.text.success},md:{}},[r.InputColorVariant.Warning]:{sm:{color:e.colors.text.caption},md:{}},[r.InputColorVariant.Error]:{sm:{color:e.colors.text.error},md:{}}},adornment:{default:{display:t.display.flex,alignItems:t.flexAlignItems.center,position:"relative",zIndex:s.Z_INDEX.FIRST}}};exports.input=m;

package/tokens/inputfile.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../constants/positioning.js"),i={default:{},input:{opacity:0,position:"absolute",zIndex:t.Z_INDEX.NEGATIVE}};exports.inputfile=i;

package/tokens/label.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cursors.js"),r={default:{cursor:e.cursors.pointer}};exports.label=r;

package/tokens/link.d.ts

@@ -1,4 +1,4 @@
-import { Cursors } from '../components/core/types/cursors.types';
+import { Cursors } from '../types';
 export declare const link: {
     default: {
         fontFamily: string;

package/tokens/link.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../utils/helpers.js");require("react");const t=require("./spacing.js"),u=require("./font.js"),r=require("./colors.js"),i=require("./borders.js"),d=require("../types/cursors.js"),o=require("../types/link.js"),a=require("./values.js"),n=(l=e.get(r.colors,"text.default"),s="transparent",c=e.get(r.colors,"text.default"))=>({"&::after":{content:'""',position:"absolute",right:t.spacing.none,bottom:t.spacing.none,left:t.spacing.none,borderBottom:`1px solid ${l}`},"&:hover":{backgroundColor:s,"&::after":{borderBottomColor:c}}}),f={default:{fontFamily:u.font.family,fontSize:"inherit",fontWeight:"inherit",lineHeight:"inherit",color:r.colors.text.default,position:"relative","&:visited":{color:r.colors.text.caption,"&::after":{borderBottom:i.borders.generic({width:a.values.borderThin,color:e.get(r.colors,"bg.fill.primary.default")})}},"&:focus, &:active, &:focus-visible":{outline:i.borders.generic({width:a.values.borderThin,color:e.get(r.colors,"border.info")})},"&.Link--disabled":{color:r.colors.text.disabled,cursor:d.Cursors.Default,textDecoration:"none",backgroundColor:"transparent","&::after":{borderBottomColor:"transparent"}}},[o.LinkVariant.Primary]:n(),[o.LinkVariant.Secondary]:n(e.get(r.colors,"text.default"),e.get(r.colors,"bg.fill.primary.default"),"transparent"),[o.LinkVariant.Inverted]:n("transparent","transparent",e.get(r.colors,"text.default")),[o.LinkVariant.Inherit]:{color:"inherit"}};exports.link=f;

package/tokens/list.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../types/common.js"),s=require("../types/typography.js"),t=require("../types/list.js"),c=require("./radius.js"),e=require("./spacing.js"),r=require("./colors.js"),n=require("./font.js"),a={content:"counter(list-counter)",counterIncrement:"list-counter",background:r.colors.primary.default,fontFamily:n.font.family,fontSize:n.font.size[s.TypographyVariant.Body2],fontWeight:n.font.weight.medium,width:e.spacing[i.SizeVariant.Lg],height:e.spacing[i.SizeVariant.Lg],color:r.colors.text.default,display:"flex",alignItems:"center",justifyContent:"center",marginRight:e.spacing[i.SizeVariant.Sm]},o={counterReset:"list-counter",paddingLeft:e.spacing.none,"& .List__bulletPoint":{marginRight:e.spacing[i.SizeVariant.Sm],color:r.colors.primary.default}},l={wrapper:{default:{listStyle:"none",padding:e.spacing.none,margin:e.spacing.none},[t.ListVariant.OrderedCircle]:{counterReset:"list-counter",paddingLeft:e.spacing.none},[t.ListVariant.OrderedSquare]:{counterReset:"list-counter",paddingLeft:e.spacing.none}},item:{default:{display:"flex",alignItems:"center",flexDirection:"row",margin:`${e.spacing[i.SizeVariant.Sm]} 0`,"&:first-child":{margin:`0 0 ${e.spacing[i.SizeVariant.Sm]}`}},[t.ListVariant.OrderedCircle]:{"&::before":{borderRadius:c.radius.round,...a}},[t.ListVariant.OrderedSquare]:{"&::before":{...a}},[t.ListVariant.UnorderedCheck]:{...o},[t.ListVariant.UnorderedDot]:{...o}},icons:{bulletDot:{name:"dot",width:6,height:6},bulletCheck:{name:"check"}}};exports.list=l;

package/tokens/loader.d.ts

@@ -1,42 +1,133 @@
 export declare const loader: {
-    default: {
-        border: string;
-        borderTop: string;
-        borderRadius: string;
+    default: {};
+    inline: {};
+    section: {};
+    fullPage: {};
+    circle: {
+        default: {
+            border: string;
+            borderTop: string;
+            borderRadius: string;
+        };
+        xs: {
+            borderWidth: string;
+            width: string;
+            height: string;
+            minWidth: string;
+            minHeight: string;
+        };
+        sm: {
+            borderWidth: string;
+            width: string;
+            height: string;
+            maxWidth: string;
+            maxHeight: string;
+        };
+        md: {
+            borderWidth: string;
+            width: string;
+            height: string;
+            maxWidth: string;
+            maxHeight: string;
+        };
+        lg: {
+            borderWidth: string;
+            width: string;
+            height: string;
+            maxWidth: string;
+            maxHeight: string;
+        };
+        xl: {
+            borderWidth: string;
+            width: string;
+            height: string;
+            maxWidth: string;
+            maxHeight: string;
+        };
     };
-    xs: {
-        borderWidth: string;
-        width: string;
-        height: string;
-        minWidth: string;
-        minHeight: string;
+    dots: {
+        default: {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+        };
+        xs: {
+            gap: string | number;
+            '.dot': {
+                background: string;
+                width: string;
+                height: string;
+                '&:nth-of-type(1)': {
+                    animationDelay: string;
+                };
+                '&:nth-of-type(2)': {
+                    animationDelay: string;
+                };
+            };
+        };
+        sm: {
+            gap: string | number;
+            '.dot': {
+                background: string;
+                width: string;
+                height: string;
+                '&:nth-of-type(1)': {
+                    animationDelay: string;
+                };
+                '&:nth-of-type(2)': {
+                    animationDelay: string;
+                };
+            };
+        };
+        md: {
+            gap: string | number;
+            '.dot': {
+                background: string;
+                width: string;
+                height: string;
+                '&:nth-of-type(1)': {
+                    animationDelay: string;
+                };
+                '&:nth-of-type(2)': {
+                    animationDelay: string;
+                };
+            };
+        };
+        lg: {
+            gap: string | number;
+            '.dot': {
+                background: string;
+                width: string;
+                height: string;
+                '&:nth-of-type(1)': {
+                    animationDelay: string;
+                };
+                '&:nth-of-type(2)': {
+                    animationDelay: string;
+                };
+            };
+        };
+        xl: {
+            gap: string | number;
+            '.dot': {
+                background: string;
+                width: string;
+                height: string;
+                '&:nth-of-type(1)': {
+                    animationDelay: string;
+                };
+                '&:nth-of-type(2)': {
+                    animationDelay: string;
+                };
+            };
+        };
     };
-    sm: {
-        borderWidth: string;
-        width: string;
-        height: string;
-        maxWidth: string;
-        maxHeight: string;
-    };
-    md: {
-        borderWidth: string;
-        width: string;
-        height: string;
-        maxWidth: string;
-        maxHeight: string;
-    };
-    lg: {
-        borderWidth: string;
-        width: string;
-        height: string;
-        maxWidth: string;
-        maxHeight: string;
-    };
-    xl: {
-        borderWidth: string;
-        width: string;
-        height: string;
-        maxWidth: string;
-        maxHeight: string;
+    animation: {
+        circle: {
+            name: string;
+        };
+        dots: {
+            name: string;
+        };
     };
 };

package/tokens/loader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../types/common.js"),e=require("./utils.js"),a=require("./display.js"),n=require("./radius.js"),t=require("./colors.js"),o={default:{},inline:{},section:{},fullPage:{},circle:{default:{border:`3px solid ${t.colors.transparent}`,borderTop:`3px solid ${t.colors.bg.fill.primary.default}`,borderRadius:n.radius.round},[i.SizeVariant.Xs]:{borderWidth:"1px",width:"16px",height:"16px",minWidth:"16px",minHeight:"16px"},[i.SizeVariant.Sm]:{borderWidth:"2px",width:"24px",height:"24px",maxWidth:"24px",maxHeight:"24px"},[i.SizeVariant.Md]:{borderWidth:"3px",width:"32px",height:"32px",maxWidth:"32px",maxHeight:"32px"},[i.SizeVariant.Lg]:{borderWidth:"4px",width:"48px",height:"48px",maxWidth:"48px",maxHeight:"48px"},[i.SizeVariant.Xl]:{borderWidth:"5px",width:"54px",height:"54px",maxWidth:"54px",maxHeight:"54px"}},dots:{default:{display:a.display.flex,justifyContent:a.flexAlignItems.center,alignItems:a.flexAlignItems.center},[i.SizeVariant.Xs]:{gap:e.getSpacing(1),".dot":{background:t.colors.bg.fill.primary.default,width:"8px",height:"8px","&:nth-of-type(1)":{animationDelay:"-0.32s"},"&:nth-of-type(2)":{animationDelay:"-0.16s"}}},[i.SizeVariant.Sm]:{gap:e.getSpacing(2),".dot":{background:t.colors.bg.fill.primary.default,width:"12px",height:"12px","&:nth-of-type(1)":{animationDelay:"-0.32s"},"&:nth-of-type(2)":{animationDelay:"-0.16s"}}},[i.SizeVariant.Md]:{gap:e.getSpacing(2),".dot":{background:t.colors.bg.fill.primary.default,width:"16px",height:"16px","&:nth-of-type(1)":{animationDelay:"-0.32s"},"&:nth-of-type(2)":{animationDelay:"-0.16s"}}},[i.SizeVariant.Lg]:{gap:e.getSpacing(2),".dot":{background:t.colors.bg.fill.primary.default,width:"24px",height:"24px","&:nth-of-type(1)":{animationDelay:"-0.32s"},"&:nth-of-type(2)":{animationDelay:"-0.16s"}}},[i.SizeVariant.Xl]:{gap:e.getSpacing(2),".dot":{background:t.colors.bg.fill.primary.default,width:"32px",height:"32px","&:nth-of-type(1)":{animationDelay:"-0.32s"},"&:nth-of-type(2)":{animationDelay:"-0.16s"}}}},animation:{circle:{name:"spinKeyframes"},dots:{name:"bounceKeyframes"}}};exports.loader=o;

package/tokens/menu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./colors.js"),o={wrapper:{default:{padding:"0",height:"24px"}},content:{default:{backgroundColor:e.colors.neutral.white,position:"absolute",boxShadow:"0 2px 3px -1px #00000033"}}};exports.menu=o;

package/tokens/modal.d.ts

@@ -1,4 +1,3 @@
-export declare const BORDER_COLOR = "#e0e0e0";
 export declare const modal: {
     header: {
         default: {
@@ -34,12 +33,17 @@ export declare const modal: {
             background: string;
             padding: number;
             borderRadius: string;
-            maxWidth: string;
-            width: string;
             boxShadow: string;
             position: string;
             display: string;
             flexDirection: string;
+            maxWidth: string;
+            width: string;
+            '@media (max-width: 768px)': {
+                maxWidth: string;
+                width: string;
+                height: string;
+            };
         };
     };
     footer: {

package/tokens/modal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../constants/positioning.js"),i=require("../types/common.js"),s=require("../types/typography.js");require("react");const r=require("../utils/layout.js"),n=require("./utils.js"),t=require("./display.js"),e=require("./spacing.js"),d=require("./font.js"),o=require("./colors.js"),a=require("./borders.js"),h=require("./cursors.js"),b=require("./values.js"),x=require("./shadow.js");var l,c,u,p,g,f;const m={header:{default:{display:t.display.flex,alignItems:t.flexAlignItems.center,justifyContent:r.calculateJustify("end"),padding:`${n.getSpacing(4)} ${n.getSpacing(6)}`,fontSize:d.font.size[(l=s.TypographyVariant)==null?void 0:l.H6],fontWeight:"bold",borderBottom:a.borders.generic({width:"1px",color:o.colors.border.default})},withTitle:{justifyContent:r.calculateJustify("between")}},title:{default:{display:"flex",alignItems:"center",padding:e.spacing.none,margin:e.spacing.none}},body:{default:{padding:e.spacing[(c=i.SizeVariant)==null?void 0:c.Lg],fontSize:d.font.size[(u=s.TypographyVariant)==null?void 0:u.Body1],color:o.colors.text.default}},content:{default:{background:o.colors.bg.surface,padding:e.spacing.none,borderRadius:b.values.border.radius.none,boxShadow:x.shadows.modal.default,position:"relative",display:t.display.flex,flexDirection:"column",maxWidth:"654px",width:"654px","@media (max-width: 768px)":{maxWidth:"100%",width:"100vw",height:"100vh"}}},footer:{default:{display:t.display.flex,justifyContent:r.calculateJustify("end"),gap:`calc(${e.spacing[(p=i.SizeVariant)==null?void 0:p.Xs]} * 3)`,padding:`${e.spacing[(g=i.SizeVariant)==null?void 0:g.Md]} ${e.spacing[(f=i.SizeVariant)==null?void 0:f.Lg]}`,borderTop:a.borders.generic({width:"1px",color:o.colors.border.default})}},closeButton:{default:{background:o.colors.transparent,border:a.borders.none,cursor:h.cursors.pointer,padding:e.spacing.none}},overlay:{default:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",background:n.hexToRgba(o.colors.neutral.black,.5),display:t.display.flex,alignItems:t.flexAlignItems.center,justifyContent:r.calculateJustify("center"),zIndex:y.Z_INDEX.HIGH}},icons:{close:{name:"cross"}}};exports.modal=m;

package/tokens/price.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../types/common.js"),t=require("../types/typography.js"),i=require("./display.js"),n=require("./spacing.js"),e=require("./font.js"),o=require("./colors.js"),a={default:{display:i.display.flex,alignItems:i.flexAlignItems.center,gap:n.spacing[r.SizeVariant.Sm]},currentPrice:{default:{fontSize:e.font.size[t.TypographyVariant.H3],fontWeight:e.font.weight.medium,lineHeight:e.font.line.height[t.TypographyVariant.H3],color:o.colors.text.default}},oldPrice:{default:{fontSize:e.font.size[t.TypographyVariant.H4],fontWeight:e.font.weight.medium,lineHeight:e.font.line.height[t.TypographyVariant.H4],color:o.colors.text.disabled}}};exports.price=a;

package/tokens/progressbar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const r=require("../utils/layout.js"),t=require("./colors.js"),i=require("./spacing.js"),e=require("./display.js"),l=require("./font.js"),n=require("./values.js"),o={styledProgressBar:{default:{width:"100%",display:e.display.block}},styledTrack:{default:{position:"relative",width:"100%",height:i.spacing.md,overflow:"hidden",backgroundColor:t.colors.bg.default}},styledDeterminateFill:{default:{display:e.display.flex,alignItems:e.flexAlignItems.center,justifyContent:r.calculateJustify("end"),paddingRight:i.spacing.none,whiteSpace:"nowrap",height:"100%",backgroundColor:t.colors.bg.fill.primary.default,transition:n.values.transitions.progressbar.styledDeterminateFill}},styledIndeterminateFill:{default:{backgroundColor:t.colors.bg.fill.primary.default,width:"30%",height:"100%"}},styledIndeterminateFillAnimations:{animationName:"progressIndeterminate",animationProps:"1.2s infinite ease-in-out"},styledPercentLabel:{default:{display:e.display.flex,alignItems:e.flexAlignItems.center,color:t.colors.neutral.black,fontSize:l.font.size.caption,fontWeight:l.font.weight.normal,height:"100%",userSelect:"none"}}};exports.progressbar=o;

package/tokens/radiogroup.d.ts

@@ -1,5 +1,4 @@
-import { FlexDirection } from '../components/layout/index.types';
-import { TextAlign } from '../components/core/Typography/Typography.types';
+import { FlexDirection, TextAlign } from '../types';
 export declare const radiogroup: {
     input: {
         position: string;

package/tokens/radiogroup.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../types/typography.js"),n=require("../types/layout.js"),r=require("./borders.js"),e=require("./spacing.js"),l=require("./display.js"),s=require("./font.js"),t=require("./cursors.js"),o=require("./colors.js"),c={input:{position:"absolute",opacity:0,pointerEvents:"none"},default:{margin:e.spacing.none,padding:e.spacing.none,border:r.borders.none},label:{default:{display:l.display.block,padding:`${e.spacing.sm} ${e.spacing.md}`,fontSize:s.font.size.p,fontWeight:s.font.weight.medium,cursor:t.cursors.inherit,color:o.colors.text.caption,width:"100%",height:"100%",alignContent:i.TextAlign.Center,textAlign:i.TextAlign.Center},disabled:{},selected:{},hover:{"&:hover":{color:o.colors.neutral["grey.90"]}}},item:{default:{position:"relative",cursor:t.cursors.pointer,border:r.borders.generic({width:"1px",type:"solid",color:o.colors.border.default}),"&:focus-within":{outline:`2px solid ${o.colors.border.focus}`,outlineOffset:"-1px"}},disabled:{cursor:t.cursors.notAllowed,backgroundColor:o.colors.bg.default,"&::after":{content:'""',position:"absolute",top:e.spacing.none,left:e.spacing.none,width:"100%",height:"100%",background:`
+          linear-gradient(
+              to top right,
+              transparent 49%,
+            #E5E5E5 49%,
+            #E5E5E5 51%,
+              transparent 51%
+          )
+      `}},selected:{boxShadow:`0 0 0 1px ${o.colors.neutral.black}`,border:r.borders.generic({width:"1px",type:"solid",color:o.colors.neutral.black})},hover:{"&:hover":{border:r.borders.generic({width:"1px",type:"solid",color:o.colors.neutral.black})}}},layouts:{column:{display:"flex",flexDirection:n.FlexDirection.Column},row:{display:"flex",flexDirection:n.FlexDirection.Row},grid:{display:"grid"}}};exports.radiogroup=c;

package/tokens/radius.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../types/common.js"),i={default:"6px",none:"0px",[e.SizeVariant.Xs]:"2px",[e.SizeVariant.Sm]:"4px",[e.SizeVariant.Md]:"8px",[e.SizeVariant.Lg]:"16px",[e.SizeVariant.Xl]:"32px",round:"50%"};exports.radius=i;

package/tokens/rating.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../utils/helpers.js");require("react");const e=require("../types/common.js"),r=require("./cursors.js"),i=require("./display.js"),a=require("./values.js"),s={default:{display:i.display.inlineFlex,gap:0,position:"relative",overflow:"hidden"},progress:{default:{position:"absolute",display:i.display.flex,overflow:"hidden",left:0,svg:{flexShrink:0,flexGrow:0}}},radioInput:{default:{display:i.display.none}},label:{default:{cursor:r.cursors.pointer},active:{"&:hover":{transform:"scale(1.2)",transition:t.get(a.values,"transitions.rating.label")}},readOnly:{cursor:r.cursors.default}},size:{[e.SizeVariant.Sm]:{width:12,height:12},[e.SizeVariant.Md]:{width:24,height:24},[e.SizeVariant.Lg]:{width:48,height:48},[e.SizeVariant.Xl]:{width:60,height:60}},icons:{rateActive:{name:"star"},rateInactive:{name:"starOutlined"}}};exports.rating=s;

package/tokens/reset.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css           */const e={};exports.reset=e;

package/tokens/row.js

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

package/tokens/scroll.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../constants/positioning.js"),n=require("./colors.js"),r=require("./display.js"),e=require("./spacing.js"),o=require("./values.js"),t=8,l={container:{default:{position:"relative",display:r.display.flex,overflow:"auto",isolation:"isolate",maxBlockSize:"100%","&::-webkit-scrollbar, &::-webkit-scrollbar-thumb":{background:"transparent",width:"0",height:"0"}}},content:{default:{position:"relative",zIndex:i.Z_INDEX.ZERO,flex:1,flexBasis:"auto",height:"max-content"}},scrollbars:{default:{position:"sticky",top:"0",left:"0",zIndex:i.Z_INDEX.FIRST,minWidth:"calc(100% - 1px)",minHeight:"calc(100% - 1px)",maxWidth:"calc(100% - 1px)",maxHeight:"calc(100% - 1px)",float:"left",marginRight:"calc(-100% + 1px)",marginInlineStart:"0",marginInlineEnd:"calc(-100% + 1px)",pointerEvents:"none"}},scrollbar:{default:{position:"absolute",pointerEvents:"auto",opacity:.2,transition:o.values.transitions.scroll.scrollbar,"&:hover":{opacity:1}},vertical:{right:0,bottom:`${t}px`,top:0,width:`${t}px`},horizontal:{left:0,bottom:0,right:`${t}px`,height:`${t}px`}},thumb:{default:{position:"absolute",cursor:"pointer",pointerEvents:"auto",background:n.colors.neutral["grey.80"],backgroundClip:"content-box",boxSizing:"border-box"},vertical:{right:0,bottom:0,top:0,width:`${t}px`,minHeight:e.spacing.md,transition:o.values.transitions.scroll.thumb},horizontal:{left:0,right:0,bottom:0,height:`${t}px`,minWidth:e.spacing.md,transition:o.values.transitions.scroll.thumb}}};exports.scroll=l;

package/tokens/search.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./spacing.js"),r=require("./colors.js"),i=require("./display.js"),n={default:{},input:{default:{width:"100%",boxSizing:"border-box"}},dropdownHeader:{row:{},link:{default:{},typography:{}},icon:{}},renderer:{row:{width:"100%",padding:`${e.spacing.md} ${e.spacing.md} 0`},link:{display:i.display.flex,alignItems:i.flexAlignItems.center,"&:after":{borderBottom:"none"},"& svg":{marginLeft:e.spacing.md}},linkIcon:{fill:r.colors.icon.primary.active,name:"arrowRight",width:10,height:10}}};exports.search=n;

package/tokens/searchModal.d.ts

@@ -1,4 +1,4 @@
-import { FlexDirection } from '../components/layout';
+import { ButtonVariant, FlexDirection } from '../types';
 export declare const searchModal: {
     default: {};
     wrapper: {
@@ -7,7 +7,7 @@ export declare const searchModal: {
     };
     input: {
         default: {
-            '&[type="search"]': {
+            '& input[type="search"]': {
                 padding: string;
                 height: string;
                 fontSize: string;
@@ -48,12 +48,20 @@ export declare const searchModal: {
             flexDirection: FlexDirection;
         };
         newSearchBtn: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-            color: string;
-            padding: string;
+            styles: {
+                '.gd-button__content': {
+                    justifyContent: string;
+                };
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                textAlign: string;
+                color: string;
+                padding: string;
+            };
+            attrs: {
+                variant: ButtonVariant;
+            };
         };
         noResult: {
             fontSize: string;
@@ -75,13 +83,21 @@ export declare const searchModal: {
             color: string;
         };
         item: {
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-            textAlign: string;
-            gap: string | number;
-            padding: string;
-            color: string;
+            styles: {
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                textAlign: string;
+                gap: string | number;
+                padding: string;
+                color: string;
+                '.gd-button__content': {
+                    display: string;
+                };
+            };
+            attrs: {
+                variant: ButtonVariant;
+            };
         };
         itemRow: {
             alignItems: string;

package/tokens/searchModal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../utils/helpers.js");require("react");const s=require("../utils/layout.js"),n=require("../types/common.js"),o=require("../types/typography.js"),r=require("../types/layout.js"),c=require("../types/button.js"),e=require("./utils.js"),a=require("./typography.js"),l=require("./icon.js"),t=require("./display.js"),g=require("./cursors.js"),d=require("./font.js"),i=require("./colors.js"),u={default:{},wrapper:{padding:`${e.getSpacing(4)} ${e.getSpacing(3)}`,overflowY:"auto"},input:{default:{'& input[type="search"]':{padding:`${e.getSpacing(3)} 0 ${e.getSpacing(3)} ${e.getSpacing(7)}`,height:"54px",fontSize:d.font.size[o.TypographyVariant.Body2],"&::placeholder":{color:p.get(i.colors,["neutral","grey.60"])},"&::-webkit-search-cancel-button":{appearance:t.display.none},"&::-ms-clear":{display:t.display.none}}},endIcon:{margin:`0 ${e.getSpacing(3)} 0 0`,padding:e.getSpacing(2),cursor:g.cursors.pointer},icons:{close:{name:"cross",width:12,height:12}}},loader:{default:{display:t.display.flex,flexDirection:r.FlexDirection.Column,gap:e.getSpacing(2)}},items:{default:{display:t.display.flex,flexDirection:r.FlexDirection.Column},newSearchBtn:{styles:{textAlign:"left",color:i.colors.text.default,padding:`${e.getSpacing(2)} ${e.getSpacing(4)}`,...a.typography[o.TypographyVariant.Body2],".gd-button__content":{justifyContent:t.flexAlignItems.start}},attrs:{variant:c.ButtonVariant.Text}},noResult:{display:t.display.flex,flexDirection:r.FlexDirection.Row,alignItems:t.flexAlignItems.center,gap:e.getSpacing(2),padding:`${e.getSpacing(2)} ${e.getSpacing(4)}`,color:i.colors.text.caption,...a.typography[o.TypographyVariant.Body2]},groupTitle:{textAlign:"left",padding:`${e.getSpacing(2)} ${e.getSpacing(4)}`,color:i.colors.text.caption,...a.typography[o.TypographyVariant.Body2]},item:{styles:{textAlign:"left",gap:e.getSpacing(2),padding:`${e.getSpacing()} ${e.getSpacing(4)}`,color:i.colors.text.default,".gd-button__content":{display:t.display.block},...a.typography[o.TypographyVariant.Body2]},attrs:{variant:c.ButtonVariant.Text}},itemRow:{alignItems:t.flexAlignItems.center,justifyContent:s.calculateJustify("between"),gap:e.getSpacing(2),flexWrap:"noWrap"},itemColumn:{gap:e.getSpacing(.5),minWidth:0,flexWrap:"noWrap"},itemContent:{default:{},title:{flex:1,minWidth:0,whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},description:{flex:1,minWidth:0,whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",color:i.colors.text.caption},date:{flex:"0 0",whiteSpace:"nowrap",color:i.colors.text.caption}},icons:{newChat:{name:"edit",fill:i.colors.icon.primary.default,...l.icon.size[n.SizeVariant.Sm]},noResults:{name:"search",...l.icon.size[n.SizeVariant.Sm]},item:{fill:i.colors.icon.primary.default,...l.icon.size[n.SizeVariant.Sm]}}}};exports.searchModal=u;

package/tokens/select.d.ts

@@ -1,10 +1,10 @@
-import { TextAlign } from '../components/core/Typography/Typography.types';
-import { Cursors } from '../components/core/types/cursors.types';
+import { Cursors, FlexDirection, TextAlign, ButtonColorVariant, ButtonVariant } from '../types';
 export declare const select: {
     default: {
         position: string;
         display: string;
     };
+    initiatorWrapper: {};
     dropdown: {
         position: string;
         textAlign: string;
@@ -32,31 +32,40 @@ export declare const select: {
             alignItems: string;
             minWidth: string;
             textAlign: TextAlign;
+            '.gd-button__content': {
+                justifyContent: string;
+            };
+        };
+        attrs: {
+            variant: ButtonVariant;
+            color: ButtonColorVariant;
         };
     };
     item: {
+        default: {
+            cursor: Cursors;
+            '&:hover, &.active': {
+                backgroundColor: string;
+            };
+        };
         disabled: {
             opacity: number;
             cursor: Cursors;
             pointerEvents: string;
         };
-        base: {
-            cursor: string;
-            '&:hover:not(.disabled), &.active': {
-                backgroundColor: string;
-            };
-            '&.disabled': {
-                cursor: string;
-                opacity: string;
-            };
-        };
     };
     arrowIconWrapper: {
-        transform: {
-            open: string;
-            close: string;
+        default: {
             transition: string;
         };
+        transform: {
+            open: {
+                transform: string;
+            };
+            close: {
+                transform: string;
+            };
+        };
     };
     arrowIcon: {
         name: string;
@@ -64,4 +73,13 @@ export declare const select: {
         width: number;
         height: number;
     };
+    adornment: {
+        default: {
+            display: string;
+            alignItems: string;
+            flexDirection: FlexDirection;
+            position: string;
+            zIndex: number;
+        };
+    };
 };

package/tokens/select.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../types/typography.js"),T=require("../types/layout.js"),i=require("../types/button.js"),a=require("../types/cursors.js"),s=require("../constants/positioning.js"),z=require("./values.js"),o=require("./spacing.js"),t=require("./colors.js"),r=require("./font.js"),_=require("./shadow.js"),e=require("./display.js");var l,c,d,u,p,f,g,y,m,b,w,h,x,I,q,v,A,C,W,D,S;const j={default:{position:"relative",display:"inline-block"},initiatorWrapper:{},dropdown:{position:"absolute",textAlign:"left",top:"100%",left:"auto",minWidth:"100%",background:(c=(l=t.colors)==null?void 0:l.bg)==null?void 0:c.surface,boxShadow:(u=(d=_.shadows)==null?void 0:d.select)==null?void 0:u.default,fontFamily:(p=r.font)==null?void 0:p.family,fontSize:(g=(f=r.font)==null?void 0:f.size)==null?void 0:g[n.TypographyVariant.Body1],fontWeight:(m=(y=r.font)==null?void 0:y.weight)==null?void 0:m.normal,listStyleType:"none",margin:(b=o.spacing)==null?void 0:b.none,padding:(w=o.spacing)==null?void 0:w.none,zIndex:s.Z_INDEX.LOW},button:{default:{borderColor:(x=(h=t.colors)==null?void 0:h.border)==null?void 0:x.default,padding:(I=o.spacing)==null?void 0:I.sm,width:"100%",display:(q=e.display)==null?void 0:q.flex,flexDirection:"row",justifyContent:"space-between",alignItems:(v=e.flexAlignItems)==null?void 0:v.center,minWidth:"300px",textAlign:n.TextAlign.Left,".gd-button__content":{justifyContent:e.flexAlignItems.start}},attrs:{variant:i.ButtonVariant.Outlined,color:i.ButtonColorVariant.Primary}},item:{default:{cursor:a.Cursors.Pointer,"&:hover, &.active":{backgroundColor:(D=(W=(C=(A=t.colors)==null?void 0:A.bg)==null?void 0:C.fill)==null?void 0:W.secondary)==null?void 0:D.hover}},disabled:{opacity:.5,cursor:a.Cursors.NotAllowed,pointerEvents:"none"}},arrowIconWrapper:{default:{transition:z.values.transitions.select.arrowIconWrapper},transform:{open:{transform:"rotate(180deg)"},close:{transform:"rotate(0deg)"}}},arrowIcon:{name:"arrowDown",fill:(S=t.colors)==null?void 0:S.neutral["grey.90"],width:18,height:18},adornment:{default:{display:e.display.flex,alignItems:e.flexAlignItems.center,flexDirection:T.FlexDirection.Row,position:"relative",zIndex:s.Z_INDEX.FIRST}}};exports.select=j;

package/tokens/separator.d.ts

@@ -0,0 +1,56 @@
+import { FlexDirection, TypographyVariant } from '../types';
+export declare const separator: {
+    default: {
+        alignItems: string;
+        justifyItems: string;
+        gap: string | number;
+    };
+    horizontal: {
+        width: string;
+        display: string;
+        flexDirection: FlexDirection;
+    };
+    vertical: {
+        height: string;
+        display: string;
+        flexDirection: FlexDirection;
+    };
+    line: {
+        default: {};
+        horizontal: {
+            width: string;
+        };
+        vertical: {
+            height: string;
+        };
+    };
+    label: {
+        default: {};
+        attrs: {
+            xs: {
+                $variant: TypographyVariant;
+                $as: TypographyVariant;
+            };
+            sm: {
+                $variant: TypographyVariant;
+                $as: TypographyVariant;
+            };
+            md: {
+                $variant: TypographyVariant;
+                $as: TypographyVariant;
+            };
+            lg: {
+                $variant: TypographyVariant;
+                $as: TypographyVariant;
+            };
+            xl: {
+                $variant: TypographyVariant;
+                $as: TypographyVariant;
+            };
+            xxl: {
+                $variant: TypographyVariant;
+                $as: TypographyVariant;
+            };
+        };
+    };
+};