gd-design-library 1.8.2 → 1.8.3

package/tokens/rating.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`),t=require(`./cursors.cjs`),n=require(`./display.cjs`),r=require(`../types/common.cjs`);var i={default:{display:n.display.inlineFlex,alignItems:`center`,gap:0,position:`relative`,overflow:`hidden`,width:`fit-content`},progress:{default:{position:`absolute`,display:n.display.flex,overflow:`hidden`,left:0,svg:{flexShrink:0,flexGrow:0}}},radioInput:{default:{display:n.display.none}},label:{default:{cursor:t.cursors.pointer},active:{"&:hover":{transform:`scale(1.2)`,transition:t=>e.get(t,`values.transitions.rating.label`,`theme.values.transitions.rating.label`)}},readOnly:{cursor:t.cursors.default}},size:{[r.SizeVariant.Sm]:{width:12,height:12},[r.SizeVariant.Md]:{width:24,height:24},[r.SizeVariant.Lg]:{width:48,height:48},[r.SizeVariant.Xl]:{width:60,height:60}},icons:{rateActive:{name:`star`,fill:`bg.fill.primary`},rateHalfActive:{name:`starHalf`,fill:`bg.fill.primary`},rateInactive:{name:`starOutlined`,fill:`bg.fill.disabled`}}};exports.rating=i;
+const e=require("../utils/helpers.cjs"),t=require("./cursors.cjs"),n=require("./display.cjs"),r=require("../types/common.cjs");var i={default:{display:n.display.inlineFlex,alignItems:`center`,gap:0,position:`relative`,overflow:`hidden`,width:`fit-content`},progress:{default:{position:`absolute`,display:n.display.flex,overflow:`hidden`,left:0,svg:{flexShrink:0,flexGrow:0}}},radioInput:{default:{display:n.display.none}},label:{default:{cursor:t.cursors.pointer},active:{"&:hover":{transform:`scale(1.2)`,transition:t=>e.get(t,`values.transitions.rating.label`,`theme.values.transitions.rating.label`)}},readOnly:{cursor:t.cursors.default}},size:{[r.SizeVariant.Sm]:{width:12,height:12},[r.SizeVariant.Md]:{width:24,height:24},[r.SizeVariant.Lg]:{width:48,height:48},[r.SizeVariant.Xl]:{width:60,height:60}},icons:{rateActive:{name:`star`,fill:`bg.fill.primary`},rateHalfActive:{name:`starHalf`,fill:`bg.fill.primary`},rateInactive:{name:`starOutlined`,fill:`bg.fill.disabled`}}};exports.rating=i;

package/tokens/rating.d.cts

@@ -0,0 +1,73 @@
+export declare const rating: {
+    default: {
+        display: string;
+        alignItems: string;
+        gap: number;
+        position: string;
+        overflow: string;
+        width: string;
+    };
+    progress: {
+        default: {
+            position: string;
+            display: string;
+            overflow: string;
+            left: number;
+            svg: {
+                flexShrink: number;
+                flexGrow: number;
+            };
+        };
+    };
+    radioInput: {
+        default: {
+            display: string;
+        };
+    };
+    label: {
+        default: {
+            cursor: string;
+        };
+        active: {
+            '&:hover': {
+                transform: string;
+                transition: (theme: Record<symbol, unknown>) => string;
+            };
+        };
+        readOnly: {
+            cursor: string;
+        };
+    };
+    size: {
+        sm: {
+            width: number;
+            height: number;
+        };
+        md: {
+            width: number;
+            height: number;
+        };
+        lg: {
+            width: number;
+            height: number;
+        };
+        xl: {
+            width: number;
+            height: number;
+        };
+    };
+    icons: {
+        rateActive: {
+            name: string;
+            fill: string;
+        };
+        rateHalfActive: {
+            name: string;
+            fill: string;
+        };
+        rateInactive: {
+            name: string;
+            fill: string;
+        };
+    };
+};

package/tokens/reset.d.cts

@@ -0,0 +1 @@
+export declare const reset: {};

package/tokens/row.d.cts

@@ -0,0 +1,5 @@
+export declare const row: {
+    default: {
+        display: string;
+    };
+};

package/tokens/scroll.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`),t=require(`./display.cjs`);var n=8,r={container:{default:{position:`relative`,display:t.display.flex,overflow:`auto`,isolation:`isolate`,maxBlockSize:`100%`,"&::-webkit-scrollbar, &::-webkit-scrollbar-thumb":{background:`transparent`,width:`0`,height:`0`}}},content:{default:{position:`relative`,zIndex:t=>e.get(t,`zIndex.zero`,`theme.zIndex.zero`),flex:1,flexBasis:`auto`,height:`max-content`}},scrollbars:{default:{position:`sticky`,top:`0`,left:`0`,zIndex:t=>e.get(t,`zIndex.first`,`theme.zIndex.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:t=>e.get(t,`values.transitions.scroll.scrollbar`,`theme.values.transitions.scroll.scrollbar`),"&:hover":{opacity:1}},vertical:{right:0,bottom:`${n}px`,top:0,width:`${n}px`},horizontal:{left:0,bottom:0,right:`${n}px`,height:`${n}px`},autoHide:{opacity:0,transition:`opacity 0.2s ease-in-out`},autoHideScrolling:{opacity:.2,"&:hover":{opacity:1}}},thumb:{default:{position:`absolute`,cursor:`pointer`,pointerEvents:`auto`,background:t=>e.get(t,`colors.neutral["grey.80"]`,`theme.colors.neutral["grey.80"]`),backgroundClip:`content-box`,boxSizing:`border-box`},vertical:{right:0,bottom:0,top:0,width:`${n}px`,minHeight:t=>e.get(t,`spacing.md`,`theme.spacing.md`),transition:t=>e.get(t,`values.transitions.scroll.thumb`,`theme.values.transitions.scroll.thumb`)},horizontal:{left:0,right:0,bottom:0,height:`${n}px`,minWidth:t=>e.get(t,`spacing.md`,`theme.spacing.md`),transition:t=>e.get(t,`values.transitions.scroll.thumb`,`theme.values.transitions.scroll.thumb`)},autoHide:{opacity:0,transition:`opacity 0.2s ease-in-out`},autoHideScrolling:{opacity:1}}};exports.scroll=r;
+const e=require("../utils/helpers.cjs"),t=require("./display.cjs");var n=8,r={container:{default:{position:`relative`,display:t.display.flex,overflow:`auto`,isolation:`isolate`,maxBlockSize:`100%`,"&::-webkit-scrollbar, &::-webkit-scrollbar-thumb":{background:`transparent`,width:`0`,height:`0`}}},content:{default:{position:`relative`,zIndex:t=>e.get(t,`zIndex.zero`,`theme.zIndex.zero`),flex:1,flexBasis:`auto`,height:`max-content`}},scrollbars:{default:{position:`sticky`,top:`0`,left:`0`,zIndex:t=>e.get(t,`zIndex.first`,`theme.zIndex.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:t=>e.get(t,`values.transitions.scroll.scrollbar`,`theme.values.transitions.scroll.scrollbar`),"&:hover":{opacity:1}},vertical:{right:0,bottom:`${n}px`,top:0,width:`${n}px`},horizontal:{left:0,bottom:0,right:`${n}px`,height:`${n}px`},autoHide:{opacity:0,transition:`opacity 0.2s ease-in-out`},autoHideScrolling:{opacity:.2,"&:hover":{opacity:1}}},thumb:{default:{position:`absolute`,cursor:`pointer`,pointerEvents:`auto`,background:t=>e.get(t,`colors.neutral["grey.80"]`,`theme.colors.neutral["grey.80"]`),backgroundClip:`content-box`,boxSizing:`border-box`},vertical:{right:0,bottom:0,top:0,width:`${n}px`,minHeight:t=>e.get(t,`spacing.md`,`theme.spacing.md`),transition:t=>e.get(t,`values.transitions.scroll.thumb`,`theme.values.transitions.scroll.thumb`)},horizontal:{left:0,right:0,bottom:0,height:`${n}px`,minWidth:t=>e.get(t,`spacing.md`,`theme.spacing.md`),transition:t=>e.get(t,`values.transitions.scroll.thumb`,`theme.values.transitions.scroll.thumb`)},autoHide:{opacity:0,transition:`opacity 0.2s ease-in-out`},autoHideScrolling:{opacity:1}}};exports.scroll=r;

package/tokens/scroll.d.cts

@@ -0,0 +1,108 @@
+export declare const scroll: {
+    container: {
+        default: {
+            position: string;
+            display: string;
+            overflow: string;
+            isolation: string;
+            maxBlockSize: string;
+            '&::-webkit-scrollbar, &::-webkit-scrollbar-thumb': {
+                background: string;
+                width: string;
+                height: string;
+            };
+        };
+    };
+    content: {
+        default: {
+            position: string;
+            zIndex: (theme: Record<symbol, unknown>) => string;
+            flex: number;
+            flexBasis: string;
+            height: string;
+        };
+    };
+    scrollbars: {
+        default: {
+            position: string;
+            top: string;
+            left: string;
+            zIndex: (theme: Record<symbol, unknown>) => string;
+            minWidth: string;
+            minHeight: string;
+            maxWidth: string;
+            maxHeight: string;
+            float: string;
+            marginRight: string;
+            marginInlineStart: string;
+            marginInlineEnd: string;
+            pointerEvents: string;
+        };
+    };
+    scrollbar: {
+        default: {
+            position: string;
+            pointerEvents: string;
+            opacity: number;
+            transition: (theme: Record<symbol, unknown>) => string;
+            '&:hover': {
+                opacity: number;
+            };
+        };
+        vertical: {
+            right: number;
+            bottom: string;
+            top: number;
+            width: string;
+        };
+        horizontal: {
+            left: number;
+            bottom: number;
+            right: string;
+            height: string;
+        };
+        autoHide: {
+            opacity: number;
+            transition: string;
+        };
+        autoHideScrolling: {
+            opacity: number;
+            '&:hover': {
+                opacity: number;
+            };
+        };
+    };
+    thumb: {
+        default: {
+            position: string;
+            cursor: string;
+            pointerEvents: string;
+            background: (theme: Record<symbol, unknown>) => string;
+            backgroundClip: string;
+            boxSizing: string;
+        };
+        vertical: {
+            right: number;
+            bottom: number;
+            top: number;
+            width: string;
+            minHeight: (theme: Record<symbol, unknown>) => string;
+            transition: (theme: Record<symbol, unknown>) => string;
+        };
+        horizontal: {
+            left: number;
+            right: number;
+            bottom: number;
+            height: string;
+            minWidth: (theme: Record<symbol, unknown>) => string;
+            transition: (theme: Record<symbol, unknown>) => string;
+        };
+        autoHide: {
+            opacity: number;
+            transition: string;
+        };
+        autoHideScrolling: {
+            opacity: number;
+        };
+    };
+};

package/tokens/search.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`),t=require(`./display.cjs`);var n={default:{},input:{default:{width:`100%`,boxSizing:`border-box`}},dropdownHeader:{row:{},link:{default:{},typography:{}},icon:{}},renderer:{row:{width:`100%`,padding:t=>`${e.get(t,`spacing.md`,`theme.spacing.md`)} ${e.get(t,`spacing.md`,`theme.spacing.md`)} 0`},link:{display:t.display.flex,alignItems:t.flexAlignItems.center,"&:after":{borderBottom:`none`},"& svg":{marginLeft:t=>e.get(t,`spacing.md`,`theme.spacing.md`)}},linkIcon:{fill:t=>e.get(t,`colors.icon.default`,`theme.colors.icon.default`),name:`arrowRight`,width:10,height:10}}};exports.search=n;
+const e=require("../utils/helpers.cjs"),t=require("./display.cjs");var n={default:{},input:{default:{width:`100%`,boxSizing:`border-box`}},dropdownHeader:{row:{},link:{default:{},typography:{}},icon:{}},renderer:{row:{width:`100%`,padding:t=>`${e.get(t,`spacing.md`,`theme.spacing.md`)} ${e.get(t,`spacing.md`,`theme.spacing.md`)} 0`},link:{display:t.display.flex,alignItems:t.flexAlignItems.center,"&:after":{borderBottom:`none`},"& svg":{marginLeft:t=>e.get(t,`spacing.md`,`theme.spacing.md`)}},linkIcon:{fill:t=>e.get(t,`colors.icon.default`,`theme.colors.icon.default`),name:`arrowRight`,width:10,height:10}}};exports.search=n;

package/tokens/search.d.cts

@@ -0,0 +1,39 @@
+export declare const search: {
+    default: {};
+    input: {
+        default: {
+            width: string;
+            boxSizing: string;
+        };
+    };
+    dropdownHeader: {
+        row: {};
+        link: {
+            default: {};
+            typography: {};
+        };
+        icon: {};
+    };
+    renderer: {
+        row: {
+            width: string;
+            padding: (theme: Record<symbol, unknown>) => string;
+        };
+        link: {
+            display: string;
+            alignItems: string;
+            '&:after': {
+                borderBottom: string;
+            };
+            '& svg': {
+                marginLeft: (theme: Record<symbol, unknown>) => string;
+            };
+        };
+        linkIcon: {
+            fill: (theme: Record<symbol, unknown>) => string;
+            name: string;
+            width: number;
+            height: number;
+        };
+    };
+};

package/tokens/searchModal.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`),t=require(`../utils/layout.cjs`),n=require(`./cursors.cjs`),r=require(`./display.cjs`),i=require(`../types/common.cjs`),a=require(`../types/layout.cjs`),o=require(`../types/button.cjs`),s=require(`./icon.cjs`);var c={default:{},wrapper:{padding:t=>{let n=e.get(t,`spacing.md`,`theme.spacing.md`),r=e.get(t,`spacing.lg`,`theme.spacing.lg`);return n&&r?`${n} ${r}`:`theme.spacing.md theme.spacing.lg`},overflowY:`auto`},input:{default:{'& input[type="search"]':{padding:t=>{let n=e.get(t,`spacing.lg`,`theme.spacing.lg`),r=e.get(t,`spacing.xl`,`theme.spacing.xl`);return n&&r?`${n} 0 ${n} ${r}`:`theme.spacing.lg 0 theme.spacing.lg theme.spacing.xl`},height:`54px`,fontSize:t=>e.get(t,`font.size.small`,`theme.font.size.small`),"&::placeholder":{color:t=>e.get(t,`colors.neutral.grey.60`,`theme.colors.neutral.grey.60`)},"&::-webkit-search-cancel-button":{appearance:r.display.none},"&::-ms-clear":{display:r.display.none}}},endIcon:{margin:t=>{let n=e.get(t,`spacing.lg`,`theme.spacing.lg`);return n?`0 ${n} 0 0`:`0 theme.spacing.lg 0 0`},padding:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),cursor:n.cursors.pointer},icons:{close:{name:`cross`,width:12,height:12}}},loader:{default:{display:r.display.flex,flexDirection:a.FlexDirection.Column,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)}},items:{default:{display:r.display.flex,flexDirection:a.FlexDirection.Column},newSearchBtn:{styles:{textAlign:`left`,color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),padding:t=>{let n=e.get(t,`spacing.sm`,`theme.spacing.sm`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} ${r}`:`theme.spacing.sm theme.spacing.md`},fontSize:t=>e.get(t,`font.size.small`,`font.size.small`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.small`,`theme.font.line.height.small`),".gd-button__content":{justifyContent:r.flexAlignItems.start}},attrs:{variant:o.ButtonVariant.Text}},noResult:{display:r.display.flex,flexDirection:a.FlexDirection.Row,alignItems:r.flexAlignItems.center,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),padding:t=>{let n=e.get(t,`spacing.sm`,`theme.spacing.sm`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} ${r}`:`theme.spacing.sm theme.spacing.md`},color:t=>e.get(t,`colors.text.caption`,`theme.colors.text.caption`),fontSize:t=>e.get(t,`font.size.small`,`font.size.small`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.small`,`theme.font.line.height.small`)},groupTitle:{textAlign:`left`,padding:t=>{let n=e.get(t,`spacing.sm`,`theme.spacing.sm`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} ${r}`:`theme.spacing.sm theme.spacing.md`},color:t=>e.get(t,`colors.text.caption`,`theme.colors.text.caption`),fontSize:t=>e.get(t,`font.size.small`,`font.size.small`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.small`,`theme.font.line.height.small`)},item:{styles:{textAlign:`left`,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),padding:t=>{let n=e.get(t,`spacing.xs`,`theme.spacing.xs`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} ${r}`:`theme.spacing.xs theme.spacing.md`},color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),".gd-button__content":{display:r.display.block},fontSize:t=>e.get(t,`font.size.small`,`font.size.small`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.small`,`theme.font.line.height.small`)},attrs:{variant:o.ButtonVariant.Text}},itemRow:{alignItems:r.flexAlignItems.center,justifyContent:t.calculateJustify(`between`),gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),flexWrap:`noWrap`},itemColumn:{gap:t=>e.get(t,`spacing.xs`,`theme.spacing.xs`),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:t=>e.get(t,`colors.text.caption`,`theme.colors.text.caption`)},date:{flex:`0 0`,whiteSpace:`nowrap`,color:t=>e.get(t,`colors.text.caption`,`theme.colors.text.caption`)}},icons:{newChat:{name:`edit`,...s.icon.size[i.SizeVariant.Sm]},noResults:{name:`search`,...s.icon.size[i.SizeVariant.Sm]},item:{...s.icon.size[i.SizeVariant.Sm]}}},section:{default:{padding:t=>{let n=e.get(t,`spacing.sm`,`theme.spacing.sm`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} 0`:`theme.spacing.sm 0`},borderTop:t=>`1px solid ${e.get(t,`colors.border.default`,`theme.colors.border.default`)}`},title:{padding:t=>{let n=e.get(t,`spacing.xs`,`theme.spacing.xs`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} ${r}`:`theme.spacing.xs theme.spacing.md`},color:t=>e.get(t,`colors.text.caption`,`theme.colors.text.caption`),fontSize:t=>e.get(t,`font.size.caption`,`font.size.caption`),fontWeight:t=>e.get(t,`font.weight.semibold`,`theme.font.weight.semibold`),textTransform:`uppercase`,letterSpacing:`0.5px`}}};exports.searchModal=c;
+const e=require("../utils/helpers.cjs"),t=require("../utils/layout.cjs"),n=require("./cursors.cjs"),r=require("./display.cjs"),i=require("../types/common.cjs"),a=require("../types/layout.cjs"),o=require("../types/button.cjs"),s=require("./icon.cjs");var c={default:{},wrapper:{padding:t=>{let n=e.get(t,`spacing.md`,`theme.spacing.md`),r=e.get(t,`spacing.lg`,`theme.spacing.lg`);return n&&r?`${n} ${r}`:`theme.spacing.md theme.spacing.lg`},overflowY:`auto`},input:{default:{'& input[type="search"]':{padding:t=>{let n=e.get(t,`spacing.lg`,`theme.spacing.lg`),r=e.get(t,`spacing.xl`,`theme.spacing.xl`);return n&&r?`${n} 0 ${n} ${r}`:`theme.spacing.lg 0 theme.spacing.lg theme.spacing.xl`},height:`54px`,fontSize:t=>e.get(t,`font.size.small`,`theme.font.size.small`),"&::placeholder":{color:t=>e.get(t,`colors.neutral.grey.60`,`theme.colors.neutral.grey.60`)},"&::-webkit-search-cancel-button":{appearance:r.display.none},"&::-ms-clear":{display:r.display.none}}},endIcon:{margin:t=>{let n=e.get(t,`spacing.lg`,`theme.spacing.lg`);return n?`0 ${n} 0 0`:`0 theme.spacing.lg 0 0`},padding:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),cursor:n.cursors.pointer},icons:{close:{name:`cross`,width:12,height:12}}},loader:{default:{display:r.display.flex,flexDirection:a.FlexDirection.Column,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`)}},items:{default:{display:r.display.flex,flexDirection:a.FlexDirection.Column},newSearchBtn:{styles:{textAlign:`left`,color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),padding:t=>{let n=e.get(t,`spacing.sm`,`theme.spacing.sm`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} ${r}`:`theme.spacing.sm theme.spacing.md`},fontSize:t=>e.get(t,`font.size.small`,`font.size.small`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.small`,`theme.font.line.height.small`),".gd-button__content":{justifyContent:r.flexAlignItems.start}},attrs:{variant:o.ButtonVariant.Text}},noResult:{display:r.display.flex,flexDirection:a.FlexDirection.Row,alignItems:r.flexAlignItems.center,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),padding:t=>{let n=e.get(t,`spacing.sm`,`theme.spacing.sm`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} ${r}`:`theme.spacing.sm theme.spacing.md`},color:t=>e.get(t,`colors.text.caption`,`theme.colors.text.caption`),fontSize:t=>e.get(t,`font.size.small`,`font.size.small`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.small`,`theme.font.line.height.small`)},groupTitle:{textAlign:`left`,padding:t=>{let n=e.get(t,`spacing.sm`,`theme.spacing.sm`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} ${r}`:`theme.spacing.sm theme.spacing.md`},color:t=>e.get(t,`colors.text.caption`,`theme.colors.text.caption`),fontSize:t=>e.get(t,`font.size.small`,`font.size.small`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.small`,`theme.font.line.height.small`)},item:{styles:{textAlign:`left`,gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),padding:t=>{let n=e.get(t,`spacing.xs`,`theme.spacing.xs`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} ${r}`:`theme.spacing.xs theme.spacing.md`},color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),".gd-button__content":{display:r.display.block},fontSize:t=>e.get(t,`font.size.small`,`font.size.small`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),lineHeight:t=>e.get(t,`font.line.height.small`,`theme.font.line.height.small`)},attrs:{variant:o.ButtonVariant.Text}},itemRow:{alignItems:r.flexAlignItems.center,justifyContent:t.calculateJustify(`between`),gap:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),flexWrap:`noWrap`},itemColumn:{gap:t=>e.get(t,`spacing.xs`,`theme.spacing.xs`),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:t=>e.get(t,`colors.text.caption`,`theme.colors.text.caption`)},date:{flex:`0 0`,whiteSpace:`nowrap`,color:t=>e.get(t,`colors.text.caption`,`theme.colors.text.caption`)}},icons:{newChat:{name:`edit`,...s.icon.size[i.SizeVariant.Sm]},noResults:{name:`search`,...s.icon.size[i.SizeVariant.Sm]},item:{...s.icon.size[i.SizeVariant.Sm]}}},section:{default:{padding:t=>{let n=e.get(t,`spacing.sm`,`theme.spacing.sm`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} 0`:`theme.spacing.sm 0`},borderTop:t=>`1px solid ${e.get(t,`colors.border.default`,`theme.colors.border.default`)}`},title:{padding:t=>{let n=e.get(t,`spacing.xs`,`theme.spacing.xs`),r=e.get(t,`spacing.md`,`theme.spacing.md`);return n&&r?`${n} ${r}`:`theme.spacing.xs theme.spacing.md`},color:t=>e.get(t,`colors.text.caption`,`theme.colors.text.caption`),fontSize:t=>e.get(t,`font.size.caption`,`font.size.caption`),fontWeight:t=>e.get(t,`font.weight.medium`,`theme.font.weight.medium`),textTransform:`uppercase`,letterSpacing:`0.5px`}}};exports.searchModal=c;

package/tokens/searchModal.d.cts

@@ -0,0 +1,167 @@
+import { ButtonVariant, FlexDirection } from '../types/index.js';
+export declare const searchModal: {
+    default: {};
+    wrapper: {
+        padding: (theme: Record<symbol, unknown>) => string;
+        overflowY: string;
+    };
+    input: {
+        default: {
+            '& input[type="search"]': {
+                padding: (theme: Record<symbol, unknown>) => string;
+                height: string;
+                fontSize: (theme: Record<symbol, unknown>) => string;
+                '&::placeholder': {
+                    color: (theme: Record<symbol, unknown>) => string;
+                };
+                '&::-webkit-search-cancel-button': {
+                    appearance: string;
+                };
+                '&::-ms-clear': {
+                    display: string;
+                };
+            };
+        };
+        endIcon: {
+            margin: (theme: Record<symbol, unknown>) => string;
+            padding: (theme: Record<symbol, unknown>) => string;
+            cursor: string;
+        };
+        icons: {
+            close: {
+                name: string;
+                width: number;
+                height: number;
+            };
+        };
+    };
+    loader: {
+        default: {
+            display: string;
+            flexDirection: FlexDirection;
+            gap: (theme: Record<symbol, unknown>) => string;
+        };
+    };
+    items: {
+        default: {
+            display: string;
+            flexDirection: FlexDirection;
+        };
+        newSearchBtn: {
+            styles: {
+                textAlign: string;
+                color: (theme: Record<symbol, unknown>) => string;
+                padding: (theme: Record<symbol, unknown>) => string;
+                fontSize: (theme: Record<symbol, unknown>) => string;
+                fontWeight: (theme: Record<symbol, unknown>) => string;
+                lineHeight: (theme: Record<symbol, unknown>) => string;
+                '.gd-button__content': {
+                    justifyContent: string;
+                };
+            };
+            attrs: {
+                variant: ButtonVariant;
+            };
+        };
+        noResult: {
+            display: string;
+            flexDirection: FlexDirection;
+            alignItems: string;
+            gap: (theme: Record<symbol, unknown>) => string;
+            padding: (theme: Record<symbol, unknown>) => string;
+            color: (theme: Record<symbol, unknown>) => string;
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            fontWeight: (theme: Record<symbol, unknown>) => string;
+            lineHeight: (theme: Record<symbol, unknown>) => string;
+        };
+        groupTitle: {
+            textAlign: string;
+            padding: (theme: Record<symbol, unknown>) => string;
+            color: (theme: Record<symbol, unknown>) => string;
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            fontWeight: (theme: Record<symbol, unknown>) => string;
+            lineHeight: (theme: Record<symbol, unknown>) => string;
+        };
+        item: {
+            styles: {
+                textAlign: string;
+                gap: (theme: Record<symbol, unknown>) => string;
+                padding: (theme: Record<symbol, unknown>) => string;
+                color: (theme: Record<symbol, unknown>) => string;
+                '.gd-button__content': {
+                    display: string;
+                };
+                fontSize: (theme: Record<symbol, unknown>) => string;
+                fontWeight: (theme: Record<symbol, unknown>) => string;
+                lineHeight: (theme: Record<symbol, unknown>) => string;
+            };
+            attrs: {
+                variant: ButtonVariant;
+            };
+        };
+        itemRow: {
+            alignItems: string;
+            justifyContent: string;
+            gap: (theme: Record<symbol, unknown>) => string;
+            flexWrap: string;
+        };
+        itemColumn: {
+            gap: (theme: Record<symbol, unknown>) => string;
+            minWidth: number;
+            flexWrap: string;
+        };
+        itemContent: {
+            default: {};
+            title: {
+                flex: number;
+                minWidth: number;
+                whiteSpace: string;
+                textOverflow: string;
+                overflow: string;
+            };
+            description: {
+                flex: number;
+                minWidth: number;
+                whiteSpace: string;
+                textOverflow: string;
+                overflow: string;
+                color: (theme: Record<symbol, unknown>) => string;
+            };
+            date: {
+                flex: string;
+                whiteSpace: string;
+                color: (theme: Record<symbol, unknown>) => string;
+            };
+        };
+        icons: {
+            newChat: {
+                width: number;
+                height: number;
+                name: string;
+            };
+            noResults: {
+                width: number;
+                height: number;
+                name: string;
+            };
+            item: {
+                width: number;
+                height: number;
+            };
+        };
+    };
+    section: {
+        default: {
+            padding: (theme: Record<symbol, unknown>) => string;
+            borderTop: (theme: Record<symbol, unknown>) => string;
+        };
+        title: {
+            padding: (theme: Record<symbol, unknown>) => string;
+            color: (theme: Record<symbol, unknown>) => string;
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            fontWeight: (theme: Record<symbol, unknown>) => string;
+            textTransform: string;
+            letterSpacing: string;
+        };
+    };
+};

package/tokens/searchModal.d.ts

@@ -1,4 +1,4 @@
-import { ButtonVariant, FlexDirection } from '../types';
+import { ButtonVariant, FlexDirection } from '../types/index.js';
 export declare const searchModal: {
     default: {};
     wrapper: {

package/tokens/searchModal.js

@@ -169,7 +169,7 @@ var l = {
 			},
 			color: (t) => e(t, "colors.text.caption", "theme.colors.text.caption"),
 			fontSize: (t) => e(t, "font.size.caption", "font.size.caption"),
-			fontWeight: (t) => e(t, "font.weight.semibold", "theme.font.weight.semibold"),
+			fontWeight: (t) => e(t, "font.weight.medium", "theme.font.weight.medium"),
 			textTransform: "uppercase",
 			letterSpacing: "0.5px"
 		}

package/tokens/select.cjs

@@ -1 +1 @@
-const e=require(`../utils/helpers.cjs`),t=require(`./utils.cjs`),n=require(`./borders.cjs`),r=require(`./display.cjs`),i=require(`../types/typography.cjs`),a=require(`../types/layout.cjs`),o=require(`../types/button.cjs`),s=require(`../types/cursors.cjs`);var c={default:{display:`inline-block`,position:`relative`},initiatorWrapper:{color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),"& > *":{width:`100%`},".gd-button__content":{whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`,display:`block`}},dropdown:{position:`absolute`,textAlign:`left`,color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),background:t=>e.get(t,`colors.bg.surface`,`theme.colors.bg.surface`),boxShadow:t=>e.get(t,`shadows.box["3"]`,`theme.shadows.box["3"]`),fontFamily:t=>e.get(t,`font.family`,`theme.font.family`),fontSize:t=>e.get(t,`font.size.p`,`theme.font.size.p`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),listStyleType:`none`,margin:t=>e.get(t,`spacing.none`,`theme.spacing.none`),padding:t=>e.get(t,`spacing.none`,`theme.spacing.none`),zIndex:t=>e.get(t,`zIndex.top`,`theme.zIndex.top`),overflowY:`auto`},button:{default:{border:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.default`,`theme.colors.border.default`)}),padding:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),width:`100%`,display:r.display?.flex,flexDirection:`row`,justifyContent:`space-between`,alignItems:r.flexAlignItems?.center,textAlign:i.TextAlign.Left,".gd-button__content":{justifyContent:r.flexAlignItems.start}},primary:{border:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.default`,`theme.colors.border.default`)})},success:{border:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.success`,`theme.colors.border.success`)})},warning:{border:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.primary`,`theme.colors.border.primary`)})},error:{border:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.error`,`theme.colors.border.error`)})},attrs:{variant:o.ButtonVariant.Inherit}},item:{default:{cursor:s.Cursors.Pointer,padding:t.getSpacing(2),"&:hover, &.active":{backgroundColor:t=>e.get(t,`colors.bg.fill.hover`,`theme.colors.bg.fill.hover`)}},disabled:{opacity:.5,cursor:s.Cursors.NotAllowed,pointerEvents:`none`}},arrowIconWrapper:{default:{transition:t=>e.get(t,`values.transitions.select.arrowIconWrapper`,`theme.values.transitions.select.arrowIconWrapper`)},transform:{open:{transform:`rotate(180deg)`},close:{transform:`rotate(0deg)`}}},icons:{arrowIcon:{name:`arrowDown`,fill:`icon.default`,width:18,height:18}},adornment:{default:{display:r.display.flex,alignItems:r.flexAlignItems.center,flexDirection:a.FlexDirection.Row,position:`relative`,zIndex:t=>e.get(t,`zIndex.first`,`theme.zIndex.first`)}},searchInput:{default:{width:`100%`,boxSizing:`border-box`,padding:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),border:`none`,borderBottom:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.default`,`theme.colors.border.default`)}),outline:`none`,fontFamily:t=>e.get(t,`font.family`,`theme.font.family`),fontSize:t=>e.get(t,`font.size.p`,`theme.font.size.p`),color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),backgroundColor:`transparent`,"&::placeholder":{color:t=>e.get(t,`colors.text.secondary`,`theme.colors.text.secondary`)}}}};exports.select=c;
+const e=require("../utils/helpers.cjs"),t=require("./utils.cjs"),n=require("./borders.cjs"),r=require("./display.cjs"),i=require("../types/typography.cjs"),a=require("../types/layout.cjs"),o=require("../types/button.cjs"),s=require("../types/cursors.cjs");var c={default:{display:`inline-block`,position:`relative`},initiatorWrapper:{color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),"& > *":{width:`100%`},".gd-button__content":{whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`,display:`block`}},dropdown:{position:`absolute`,textAlign:`left`,color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),background:t=>e.get(t,`colors.bg.surface`,`theme.colors.bg.surface`),boxShadow:t=>e.get(t,`shadows.box["3"]`,`theme.shadows.box["3"]`),fontFamily:t=>e.get(t,`font.family`,`theme.font.family`),fontSize:t=>e.get(t,`font.size.p`,`theme.font.size.p`),fontWeight:t=>e.get(t,`font.weight.normal`,`theme.font.weight.normal`),listStyleType:`none`,margin:t=>e.get(t,`spacing.none`,`theme.spacing.none`),padding:t=>e.get(t,`spacing.none`,`theme.spacing.none`),zIndex:t=>e.get(t,`zIndex.top`,`theme.zIndex.top`),overflowY:`auto`},button:{default:{border:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.default`,`theme.colors.border.default`)}),padding:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),width:`100%`,display:r.display?.flex,flexDirection:`row`,justifyContent:`space-between`,alignItems:r.flexAlignItems?.center,textAlign:i.TextAlign.Left,".gd-button__content":{justifyContent:r.flexAlignItems.start}},primary:{border:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.default`,`theme.colors.border.default`)})},success:{border:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.success`,`theme.colors.border.success`)})},warning:{border:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.primary`,`theme.colors.border.primary`)})},error:{border:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.error`,`theme.colors.border.error`)})},attrs:{variant:o.ButtonVariant.Inherit}},item:{default:{cursor:s.Cursors.Pointer,padding:t.getSpacing(2),"&:hover, &.active":{backgroundColor:t=>e.get(t,`colors.bg.fill.hover`,`theme.colors.bg.fill.hover`)}},disabled:{opacity:.5,cursor:s.Cursors.NotAllowed,pointerEvents:`none`}},arrowIconWrapper:{default:{transition:t=>e.get(t,`values.transitions.select.arrowIconWrapper`,`theme.values.transitions.select.arrowIconWrapper`)},transform:{open:{transform:`rotate(180deg)`},close:{transform:`rotate(0deg)`}}},icons:{arrowIcon:{name:`arrowDown`,fill:`icon.default`,width:18,height:18}},adornment:{default:{display:r.display.flex,alignItems:r.flexAlignItems.center,flexDirection:a.FlexDirection.Row,position:`relative`,zIndex:t=>e.get(t,`zIndex.first`,`theme.zIndex.first`)}},searchInput:{default:{width:`100%`,boxSizing:`border-box`,padding:t=>e.get(t,`spacing.sm`,`theme.spacing.sm`),border:`none`,borderBottom:t=>n.borders.generic({width:e.get(t,`values.borderThin`,`theme.values.borderThin`),color:e.get(t,`colors.border.default`,`theme.colors.border.default`)}),outline:`none`,fontFamily:t=>e.get(t,`font.family`,`theme.font.family`),fontSize:t=>e.get(t,`font.size.p`,`theme.font.size.p`),color:t=>e.get(t,`colors.text.default`,`theme.colors.text.default`),backgroundColor:`transparent`,"&::placeholder":{color:t=>e.get(t,`colors.text.secondary`,`theme.colors.text.secondary`)}}}};exports.select=c;

package/tokens/select.d.cts

@@ -0,0 +1,125 @@
+import { Cursors, FlexDirection, TextAlign, ButtonVariant } from '../types/index.js';
+export declare const select: {
+    default: {
+        display: string;
+        position: string;
+    };
+    initiatorWrapper: {
+        color: (theme: Record<symbol, unknown>) => string;
+        '& > *': {
+            width: string;
+        };
+        '.gd-button__content': {
+            whiteSpace: string;
+            overflow: string;
+            textOverflow: string;
+            display: string;
+        };
+    };
+    dropdown: {
+        position: string;
+        textAlign: string;
+        color: (theme: Record<symbol, unknown>) => string;
+        background: (theme: Record<symbol, unknown>) => string;
+        boxShadow: (theme: Record<symbol, unknown>) => string;
+        fontFamily: (theme: Record<symbol, unknown>) => string;
+        fontSize: (theme: Record<symbol, unknown>) => string;
+        fontWeight: (theme: Record<symbol, unknown>) => string;
+        listStyleType: string;
+        margin: (theme: Record<symbol, unknown>) => string;
+        padding: (theme: Record<symbol, unknown>) => string;
+        zIndex: (theme: Record<symbol, unknown>) => string;
+        overflowY: string;
+    };
+    button: {
+        default: {
+            border: (theme: Record<symbol, unknown>) => string;
+            padding: (theme: Record<symbol, unknown>) => string;
+            width: string;
+            display: string;
+            flexDirection: string;
+            justifyContent: string;
+            alignItems: string;
+            textAlign: TextAlign;
+            '.gd-button__content': {
+                justifyContent: string;
+            };
+        };
+        primary: {
+            border: (theme: Record<symbol, unknown>) => string;
+        };
+        success: {
+            border: (theme: Record<symbol, unknown>) => string;
+        };
+        warning: {
+            border: (theme: Record<symbol, unknown>) => string;
+        };
+        error: {
+            border: (theme: Record<symbol, unknown>) => string;
+        };
+        attrs: {
+            variant: ButtonVariant;
+        };
+    };
+    item: {
+        default: {
+            cursor: Cursors;
+            padding: string | number;
+            '&:hover, &.active': {
+                backgroundColor: (theme: Record<symbol, unknown>) => string;
+            };
+        };
+        disabled: {
+            opacity: number;
+            cursor: Cursors;
+            pointerEvents: string;
+        };
+    };
+    arrowIconWrapper: {
+        default: {
+            transition: (theme: Record<symbol, unknown>) => string;
+        };
+        transform: {
+            open: {
+                transform: string;
+            };
+            close: {
+                transform: string;
+            };
+        };
+    };
+    icons: {
+        arrowIcon: {
+            name: string;
+            fill: string;
+            width: number;
+            height: number;
+        };
+    };
+    adornment: {
+        default: {
+            display: string;
+            alignItems: string;
+            flexDirection: FlexDirection;
+            position: string;
+            zIndex: (theme: Record<symbol, unknown>) => string;
+        };
+    };
+    searchInput: {
+        default: {
+            width: string;
+            boxSizing: string;
+            padding: (theme: Record<symbol, unknown>) => string;
+            border: string;
+            borderBottom: (theme: Record<symbol, unknown>) => string;
+            outline: string;
+            fontFamily: (theme: Record<symbol, unknown>) => string;
+            fontSize: (theme: Record<symbol, unknown>) => string;
+            color: (theme: Record<symbol, unknown>) => string;
+            backgroundColor: string;
+            '&::placeholder': {
+                color: (theme: Record<symbol, unknown>) => string;
+            };
+        };
+    };
+};

package/tokens/select.d.ts

@@ -1,4 +1,4 @@
-import { Cursors, FlexDirection, TextAlign, ButtonVariant } from '../types';
+import { Cursors, FlexDirection, TextAlign, ButtonVariant } from '../types/index.js';
 export declare const select: {
     default: {
         display: string;

package/tokens/separator.cjs

@@ -1 +1 @@
-const e=require(`./utils.cjs`);var t={default:{alignItems:`center`,justifyItems:`center`,gap:e.getSpacing(4)},horizontal:{width:`100%`,display:`flex`,flexDirection:`row`},vertical:{height:`100%`,display:`flex`,flexDirection:`column`,gap:e.getSpacing(1)},line:{default:{flex:1,minWidth:0,minHeight:0},horizontal:{width:`auto`},vertical:{height:`auto`}},label:{default:{},attrs:{xs:{$variant:`caption`,$as:`caption`},sm:{$variant:`body2`,$as:`body2`},md:{$variant:`body1`,$as:`body1`},lg:{$variant:`h6`,$as:`h6`},xl:{$variant:`h5`,$as:`h5`},xxl:{$variant:`h4`,$as:`h4`}}}};exports.separator=t;
+const e=require("./utils.cjs");var t={default:{alignItems:`center`,justifyItems:`center`,gap:e.getSpacing(4)},horizontal:{width:`100%`,display:`flex`,flexDirection:`row`},vertical:{height:`100%`,display:`flex`,flexDirection:`column`,gap:e.getSpacing(1)},line:{default:{flex:1,minWidth:0,minHeight:0},horizontal:{width:`auto`},vertical:{height:`auto`}},label:{default:{},attrs:{xs:{$variant:`caption`,$as:`caption`},sm:{$variant:`body2`,$as:`body2`},md:{$variant:`body1`,$as:`body1`},lg:{$variant:`h6`,$as:`h6`},xl:{$variant:`h5`,$as:`h5`},xxl:{$variant:`h4`,$as:`h4`}}}};exports.separator=t;