@orfium/ictinus 5.0.0-next.7 → 5.0.0-next.9

package/dist/components/Tooltip/Tooltip.style.js

@@ -0,0 +1,21 @@
+import{css as t}from"@emotion/react";import{rem as r}from"../../theme/utils.js";const o=({size:o,isTransparent:e})=>a=>{const g="darkGrey",s=e?"transparent":a.utils.getColor(g,850);return t`
+      background: transparent;
+
+      .tippy-content {
+        color: ${a.utils.getAAColorFromSwatches(g,850)};
+        background-color: ${s};
+        max-width: ${r(256)};
+        padding: ${a.globals.spacing.get("4")};
+        font-size: ${(t=>"large"===t?a.globals.typography.fontSizes.get("4"):"small"===t?a.globals.typography.fontSizes.get("2"):a.globals.typography.fontSizes.get("3"))(o)};
+        font-weight: ${a.globals.typography.weights.get("regular")};
+        line-height: 110%;
+        border-radius: ${a.globals.spacing.get("4")};
+        text-align: start;
+        white-space: pre-wrap;
+        word-break: break-word;
+      }
+
+      .tippy-arrow {
+        color: ${s};
+      }
+    `};export{o as tooltipStyle};

package/dist/components/TopAppBar/TopAppBar.js

@@ -0,0 +1 @@
+import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import r from"./components/Logo/Logo.wrapper.js";import n from"./components/SidebarMenuIcon/SidebarMenuIcon.js";import s from"./components/UserMenu/UserMenu.js";import a from"./components/Search/Search.js";import i from"./TopAppBar.style.js";import c from"../../hooks/useBreakpoints.js";const t=({searchPlaceholder:t="Search",searchDefaultValue:l="",logoIcon:d,onMenuIconClick:p,additionalTools:m,userMenu:h,onSearchHandler:u,onKeyPressHandler:j,isSearchDisabled:v=!1,isDark:S=!1})=>{const b=c();return o("div",Object.assign({role:"banner","aria-label":"Top Application Banner",css:i.topAppBarWrapper(S)},{children:[o("div",Object.assign({css:i.mainSection(Boolean(u))},{children:[!b.des1200&&e(n,{onMenuIconClick:p},void 0),e(r,{logoIcon:d},void 0),u&&e(a,{onSearchHandler:u,onKeyPressHandler:j,searchPlaceholder:t,searchDefaultValue:l,isSearchDisabled:v,isDark:S},void 0)]}),void 0),e("div",Object.assign({css:i.additionalToolsSection(Boolean(m))},{children:m}),void 0),e("div",Object.assign({css:i.topAppBarSection},{children:e(s,Object.assign({isDark:S},h),void 0)}),void 0)]}),void 0)};export{t as default};

package/dist/components/TopAppBar/TopAppBar.style.js

@@ -0,0 +1,23 @@
+import{css as o}from"@emotion/react";import{rem as t}from"../../theme/utils.js";import{flexCenter as e}from"../../theme/functions.js";const a=o`
+  ${e};
+  flex-wrap: nowrap;
+`;var l={topAppBarWrapper:a=>l=>o`
+      ${e};
+      position: relative;
+      justify-content: space-between;
+      background-color: ${a?l.globals.colors.black:l.globals.colors.white};
+      height: ${t(62)};
+      padding: 0 ${l.globals.spacing.get("6")};
+      box-shadow: ${l.globals.elevation["02"]};
+      > *:not(:last-of-type) {
+        color: ${a?l.globals.colors.white:l.utils.getColor("darkGrey",850)};
+      }
+    `,topAppBarSection:a,additionalToolsSection:t=>e=>o`
+      ${a};
+      margin: 0 ${e.globals.spacing.get("6")};
+      flex-grow: ${t?1:0};
+    `,mainSection:t=>o`
+  ${a};
+  flex-grow: ${t?1:0};
+  justify-content: flex-start;
+`};export{l as default};

package/dist/components/TopAppBar/components/Logo/Logo.style.js

@@ -0,0 +1,15 @@
+import{css as t}from"@emotion/react";import{rem as a}from"../../../../theme/utils.js";import{flexCenter as e}from"../../../../theme/functions.js";const r=t`
+  margin: auto;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: default;
+`;var o={wrapper:r=>t`
+  ${e};
+  background-color: transparent;
+  margin: ${r.globals.spacing.get("6")} ${r.globals.spacing.get("8")}
+    ${r.globals.spacing.get("6")} ${r.globals.spacing.get("6")};
+  border-radius: ${r.globals.spacing.get("3")};
+  max-width: ${a(400)};
+`,placeholderWrapper:r};export{o as default,r as placeholderWrapper};

package/dist/components/TopAppBar/components/Logo/Logo.wrapper.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as r}from"@emotion/react/jsx-runtime";import e from"./Logo.style.js";const i=()=>r("div",Object.assign({css:e.placeholderWrapper},{children:[o("strong",{children:"LOGO"},void 0),"PLACEHOLDER"]}),void 0),s=({logoIcon:r})=>o("div",Object.assign({css:e.wrapper},{children:r||o(i,{},void 0)}),void 0);export{s as default};

package/dist/components/TopAppBar/components/Search/Search.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as s}from"@emotion/react/jsx-runtime";import o from"../../../Icon/Icon.js";import{iconWrapperStyle as r}from"../../../TextField/TextField.style.js";import{searchWrapper as a,customInputStyle as i}from"./Search.style.js";import t from"../../../../hooks/useTheme.js";const l=({searchPlaceholder:l="Search",searchDefaultValue:c="",onSearchHandler:d,onKeyPressHandler:n,isSearchDisabled:h=!1,isDark:m=!1})=>{const p=t();return e("div",Object.assign({"aria-disabled":h,css:a(m)},{children:[e("div",Object.assign({css:r({iconPosition:"left"})},{children:[s(o,{name:"search",color:m?p.globals.colors.white:p.utils.getColor("lightGrey",650),size:20},void 0)," "]}),void 0),s("input",{readOnly:!1,css:i(l,m),placeholder:l,defaultValue:c,id:"top-nav-search","data-testid":"top-nav-search",disabled:!1,onChange:d,onKeyPress:n},void 0)]}),void 0)};export{l as default};

package/dist/components/TopAppBar/components/Search/Search.style.js

@@ -0,0 +1,26 @@
+import{css as o}from"@emotion/react";import{lighten as r,darken as e}from"polished";import{rem as t}from"../../../../theme/utils.js";import{inputStyle as n}from"../../../TextInputBase/TextInputBase.style.js";import{flex as l,flexCenterVertical as i}from"../../../../theme/functions.js";const s=n=>s=>{const a=((o,r)=>o?r.utils.getColor("darkGrey",650):r.utils.getColor("lightGrey",50))(n,s);return o`
+      flex-grow: 1;
+      max-width: ${t(520)};
+      ${l}
+      ${i}
+    height: ${t(36)};
+      background-color: ${a};
+      padding-left: ${s.globals.spacing.get("6")};
+      border-radius: ${s.globals.spacing.get("3")};
+
+      &[aria-disabled='true'] {
+        opacity: 0.5;
+        pointer-events: none;
+      }
+
+      &:hover {
+        background: ${n?r(.03,a):e(.03,a)};
+      }
+
+      &:focus-within {
+        background: ${a};
+      }
+    `},a=(r,e)=>l=>{const i=n({placeholder:r,size:"sm",isDark:e})(l),s=`\n    border-radius: ${t(4)};\n      color: ${e?l.utils.getColor("darkGrey",50):l.utils.getColor("lightGrey",750)};\n\n  \n    &:focus {\n      color: ${e?l.globals.colors.white:l.utils.getColor("darkGrey",850)};\n      outline: none;\n    }\n   \n    &::placeholder {\n        color: ${e?l.utils.getColor("darkGrey",50):l.utils.getColor("lightGrey",850)};\n       outline: none;\n      }\n\n  `;return o`
+    ${i};
+    ${s};
+  `};export{a as customInputStyle,s as searchWrapper};

package/dist/components/TopAppBar/components/SidebarMenuIcon/SidebarMenuIcon.js

@@ -0,0 +1 @@
+import{jsx as o}from"@emotion/react/jsx-runtime";import e from"../../../Icon/Icon.js";import n from"./SidebarMenuIcon.style.js";const i=({onMenuIconClick:i})=>o("div",Object.assign({css:n.iconWrapper,onClick:i,"data-testid":"menu-handler"},{children:o(e,{color:"primary",name:"menu",size:24},void 0)}),void 0);export{i as default};

package/dist/components/TopAppBar/components/SidebarMenuIcon/SidebarMenuIcon.style.js

@@ -0,0 +1,4 @@
+import{css as a}from"@emotion/react";var o={iconWrapper:o=>a`
+  cursor: pointer;
+  margin: ${o.globals.spacing.get("8")} 0px ${o.globals.spacing.get("8")} ${o.globals.spacing.get("3")};
+`};export{o as default};

package/dist/components/TopAppBar/components/UserMenu/UserMenu.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import t from"../../../Menu/Menu.js";import r from"./UserMenu.style.js";const n=({items:n,userAvatar:o,userName:s,onSelect:a,isDark:i=!1})=>e(t,{items:n,size:"sm",color:i?"neutralBlack-500":"neutralWhite-100",buttonText:e("span",Object.assign({css:r.buttonTextStyle},{children:s}),void 0),buttonType:"warning",rightIconName:"chevronLargeDown",avatar:o,onSelect:a,dataTestId:"userMenu"},void 0);export{n as default};

package/dist/components/TopAppBar/components/UserMenu/UserMenu.style.js

@@ -0,0 +1,3 @@
+import{css as t}from"@emotion/react";var e={buttonTextStyle:e=>t`
+  font-weight: ${e.globals.typography.weights.get("medium")};
+`};export{e as default};

package/dist/components/TruncatedContent/TruncatedContent.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useState as o,useRef as t,useCallback as n,useMemo as r}from"react";import{TruncationDiv as i}from"./TruncatedContent.style.js";import s from"../Tooltip/Tooltip.js";const c=({children:c,isAlwaysVisible:l=!1,tooltipContent:a,placement:m="bottom"})=>{const[d,p]=o(!1),u=t(null),f=u.current,h=n((()=>{p(!0)}),[]),j=n((()=>{p(!1)}),[]),v=r((()=>!!f&&f.scrollWidth>f.offsetWidth),[f]),b=n(((e,o,t,n)=>void 0!==e&&(!!n||o&&t)),[]);return b(a,d,v,l)?e(s,Object.assign({placement:m,content:a},{children:e(i,Object.assign({ref:u,onMouseEnter:h,onMouseLeave:j},{children:c}),void 0)}),void 0):e(i,Object.assign({ref:u,onMouseEnter:h,onMouseLeave:j},{children:c}),void 0)};export{c as default};

package/dist/components/TruncatedContent/TruncatedContent.style.js

@@ -0,0 +1,5 @@
+import o from"@emotion/styled";const e=o.div`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;export{e as TruncationDiv};

package/dist/components/utils/ClickAwayListener/ClickAwayListener.js

@@ -0,0 +1 @@
+import{__rest as e}from"tslib";import{jsx as t}from"@emotion/react/jsx-runtime";import*as o from"react";const r=r=>{var{onClick:n,CustomHtmlTag:s="div",ariaRole:c="button",cssStyles:i}=r,m=e(r,["onClick","CustomHtmlTag","ariaRole","cssStyles"]);const a=o.useRef(null);return((e,t)=>{const r=o=>{e.current&&!e.current.contains(o.target)&&t()};o.useEffect((()=>(document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)})))})(a,n),t(s,Object.assign({role:c,ref:a,style:i},{children:m.children}),void 0)};export{r as default};

package/dist/components/utils/DropdownOptions/index.js

@@ -0,0 +1,15 @@
+import{css as o}from"@emotion/react";import{rem as t}from"../../../theme/utils.js";const i=({menuPosition:i})=>e=>o`
+      max-height: ${t(253)};
+      overflow-y: auto;
+      position: absolute;
+      top: ${t(48)};
+      left: ${"left"===i?0:"initial"};
+      right: 0;
+      min-width: ${t(150)};
+      width: 100%;
+      height: auto;
+      background-color: ${e.globals.colors.white};
+      box-shadow: ${e.globals.elevation["02"]};
+      border-radius: ${t(4)};
+      z-index: 1;
+    `;export{i as optionsStyle};

package/dist/components/utils/PositionInScreen/PositionInScreen.js

@@ -0,0 +1 @@
+import{jsxs as i,jsx as n}from"@emotion/react/jsx-runtime";import{useRef as e,useState as t,useEffect as o}from"react";import{container as r,itemContainer as l}from"./PositionInScreen.style.js";const d=({isVisible:d,parent:u,isOverflowAllowed:s,offsetX:c=0,offsetY:v=0,children:h})=>{const f=e(null),g=e(null),{x:w,y:a}=((i,n,e)=>{const[r,l]=t({x:-1,y:-1});return o((()=>{var e,t,o,r;let{x:d,y:u}=(null==i?void 0:i.current)?null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.getBoundingClientRect():{x:0,y:0};const s=(null===(t=null==i?void 0:i.current)||void 0===t?void 0:t.offsetHeight)||0,{width:c,height:v}=(null==n?void 0:n.current)?null===(r=null===(o=null==n?void 0:n.current)||void 0===o?void 0:o.children[0])||void 0===r?void 0:r.getBoundingClientRect():{width:0,height:0};u+s+v>window.innerHeight?(u-=v,u<0&&(u=0)):u+=s,d+c>window.innerWidth&&(d=window.innerWidth-c),l({x:d,y:u})}),[i,n,e]),r})(f,g,d),m=d&&-1!==w&&-1!==a,x=u;return i("div",Object.assign({css:r(s,m),ref:f},{children:[n(x,{},void 0),m&&n("div",Object.assign({css:l(w+c,a+v),id:"unique-tooltip-id",ref:g},{children:h}),void 0)]}),void 0)};export{d as default};

package/dist/components/utils/PositionInScreen/PositionInScreen.style.js

@@ -0,0 +1,18 @@
+import{css as t}from"@emotion/react";const i=(i,o)=>e=>t`
+      overflow: ${i?"hidden":"inherit"};
+      text-overflow: ${i?"ellipsis":"inherit"};
+      width: 100%;
+      height: inherit;
+
+      #unique-tooltip-id {
+        display: ${o?"block !important":"none !important"};
+      }
+    `,o=(i,o)=>e=>t`
+      position: fixed;
+      opacity: 1 !important;
+      top: ${o+"px"};
+      left: ${i+"px"};
+      z-index: 999999999;
+      width: fit-content;
+      height: fit-content;
+    `;export{i as container,o as itemContainer};

package/dist/components/utils/handleSearch.js

@@ -0,0 +1 @@
+const e=({event:e,isSearchable:t,setSearchValue:a,isAsync:r,onChange:n,minCharactersToSearch:s=0})=>{const{target:{value:c}}=e;if(t&&a(c),r){if(e.persist(),s&&c.length&&c.length<s)return;n(c.trim())}};export{e as default,e as handleSearch};

package/dist/hooks/useBreakpoints.js

@@ -0,0 +1 @@
+import e from"lodash/toPairs";import{useMedia as t}from"react-media";const d=["des1920","des1440","des1366","des1200","tab1024","tab970","tab750","mob480","mob320"],s={des1920:"1920",des1440:"1440",des1366:"1366",des1200:"1200",tab1024:"1024",tab970:"970",tab750:"750",mob480:"480",mob320:"320"},a=e(s).reduce(((e,t)=>(e[t[0]]=`(min-width: ${t[1]}px)`,e)),{}),o=()=>t({queries:a});export{o as default,d as queriesKeys,s as queriesSizes};

package/dist/hooks/useCombinedRefs.js

@@ -0,0 +1 @@
+import*as t from"react";const e=(...e)=>{const r=t.useRef(null);return t.useEffect((()=>{e.forEach((t=>{t&&("function"==typeof t?t(r.current):t&&"object"==typeof t&&(t.current=r.current))}))}),[e]),r};export{e as default};

package/dist/hooks/useEscape.js

@@ -0,0 +1 @@
+import{useEffect as e}from"react";const n=n=>{e((()=>{const e=e=>{"Escape"===e.key&&n()};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[n])};export{n as default};

package/dist/hooks/useLoading.js

@@ -0,0 +1 @@
+import{useState as n,useCallback as o}from"react";const r=(r,t=!1)=>{const[e,a]=n(t),c=o((n=>{a(n)}),[a]);return{isLoading:e,handleAsyncOperation:o((n=>{r&&r(c,n)}),[c,r])}};export{r as useLoading};

package/dist/hooks/useLocationToGetCurrentMenuItem.js

@@ -0,0 +1 @@
+import{useState as r,useLayoutEffect as t}from"react";import{useLocation as a}from"react-router-dom";const o=(o,e)=>{const m=a(),[n,p]=r();return t((()=>{o.forEach((r=>{(r.options.map((r=>r.url)).includes(m.pathname)||r.url===m.pathname)&&(p(r.url),e([r.url]))}))}),[m.pathname,o,e]),[n]};export{o as default};

package/dist/hooks/usePagination.js

@@ -0,0 +1 @@
+import*as a from"react";const e=({page:e=1,count:t=1,onChange:s})=>{const[g,n]=a.useState(e),o=g+1<=t,c=g-1>=1;a.useEffect((()=>{n(e)}),[e]);const l=a.useCallback((()=>{n(1),s(1)}),[s]),r=a.useCallback((()=>{n(t),s(t)}),[s,t]),u=a.useCallback((()=>{let a=g;a+1<=t&&(a+=1),n(a),s(a)}),[s,t,g]),P=a.useCallback((()=>{let a=g;a-1>=1&&(a-=1),n(a),s(a)}),[s,g]);return{currentPage:g,hasNextPage:o,hasPrevPage:c,navigateToFirstPage:l,navigateToLastPage:r,navigateToNextPage:u,navigateToPrevPage:P}};export{e as default};

package/dist/hooks/useTheme.js

@@ -0,0 +1 @@
+import{useTheme as e}from"@emotion/react";var a=()=>e();export{a as default};

package/dist/hooks/useThemeSwitch.js

@@ -0,0 +1 @@
+import{jsx as r}from"@emotion/react/jsx-runtime";import*as e from"react";const t=e.createContext({isDark:!1,toggle:()=>{}}),i=()=>e.useContext(t),o=({children:i})=>{const[o,s]=e.useState({isDark:!1});return r(t.Provider,Object.assign({value:{isDark:o.isDark,toggle:()=>{s((r=>({isDark:!r.isDark})))}}},{children:i}),void 0)};export{o as ThemeSwitchProvider,i as useThemeSwitch};

package/dist/hooks/useToggle.js

@@ -0,0 +1 @@
+import*as t from"react";const a=(a=!1)=>{const[e,r]=t.useState(a);return[e,t.useCallback((()=>r((t=>!t))),[r])]};export{a as default};

package/dist/hooks/useTypeColorToColorMatch.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import o from"./useTheme.js";import r from"lodash/keys";import t from"lodash/pick";import*as s from"react";import{mainTypes as l,BASE_SHADE as a}from"../theme/palette.js";import{calculateActualColorFromComponentProp as c}from"../utils/themeFunctions.js";const n=s.createContext({typesShadesColor:{},calculateColorBetweenColorAndType:(e,o)=>{}}),m=()=>s.useContext(n),i=({children:m})=>{const i=o(),u=t(i.globals.colors,l),d=s.useMemo((()=>((e,o)=>l.reduce(((t,s)=>{const l=e[s][a],c=r(o);return t[s]=c.reduce(((e,t)=>{const s=r(o[t]).find((e=>o[t][e].toLowerCase()===l.toLowerCase()));return s?{shade:Number(s),color:t}:e}),{}),t}),{}))(u,i.globals.colors.flat)),[u,i]),p=s.useCallback(((e,o)=>{const r=e?c(e):void 0;return r||d[o]}),[u,i,d]);return e(n.Provider,Object.assign({value:{typesShadesColor:d,calculateColorBetweenColorAndType:p}},{children:m}),void 0)};export{i as TypeColorToColorMatchProvider,m as useTypeColorToColorMatch};

package/dist/index.d.ts

@@ -38,26 +38,26 @@ declare const flexCenter: _emotion_react.SerializedStyles;
 declare const flexCenterVertical: _emotion_react.SerializedStyles;
 declare const plainTextButton: _emotion_react.SerializedStyles;
 
-declare const functions_d_grid: typeof grid;
-declare const functions_d_well: typeof well;
 declare const functions_d_centerAbsoluteVertical: typeof centerAbsoluteVertical;
-declare const functions_d_transition: typeof transition;
-declare const functions_d_lineEllipsis: typeof lineEllipsis;
 declare const functions_d_flex: typeof flex;
 declare const functions_d_flexCenter: typeof flexCenter;
 declare const functions_d_flexCenterVertical: typeof flexCenterVertical;
+declare const functions_d_grid: typeof grid;
+declare const functions_d_lineEllipsis: typeof lineEllipsis;
 declare const functions_d_plainTextButton: typeof plainTextButton;
+declare const functions_d_transition: typeof transition;
+declare const functions_d_well: typeof well;
 declare namespace functions_d {
   export {
-    functions_d_grid as grid,
-    functions_d_well as well,
     functions_d_centerAbsoluteVertical as centerAbsoluteVertical,
-    functions_d_transition as transition,
-    functions_d_lineEllipsis as lineEllipsis,
     functions_d_flex as flex,
     functions_d_flexCenter as flexCenter,
     functions_d_flexCenterVertical as flexCenterVertical,
+    functions_d_grid as grid,
+    functions_d_lineEllipsis as lineEllipsis,
     functions_d_plainTextButton as plainTextButton,
+    functions_d_transition as transition,
+    functions_d_well as well,
   };
 }
 
@@ -72,8 +72,8 @@ declare const elevation: Elevation;
 type elevation_d_Elevation = Elevation;
 declare namespace elevation_d {
   export {
-    elevation as default,
     elevation_d_Elevation as Elevation,
+    elevation as default,
   };
 }
 
@@ -138,13 +138,13 @@ declare type Spacing = {
 };
 declare const spacing: Spacing;
 
-type spacing_d_SpacingKey = SpacingKey;
 type spacing_d_Spacing = Spacing;
+type spacing_d_SpacingKey = SpacingKey;
 declare namespace spacing_d {
   export {
-    spacing as default,
-    spacing_d_SpacingKey as SpacingKey,
     spacing_d_Spacing as Spacing,
+    spacing_d_SpacingKey as SpacingKey,
+    spacing as default,
   };
 }
 
@@ -355,39 +355,39 @@ declare type Typography = {
 };
 declare const typography: Typography;
 
-type typography_d_FontSizeKey = FontSizeKey;
-type typography_d_FontWeightKey = FontWeightKey;
+type typography_d_FontFamily = FontFamily;
 type typography_d_FontFamilyKey = FontFamilyKey;
-type typography_d_LineHeightKey = LineHeightKey;
-type typography_d_LetterSpacingKey = LetterSpacingKey;
-type typography_d_TextCaseKey = TextCaseKey;
-type typography_d_TextDecorationKey = TextDecorationKey;
 type typography_d_FontSize = FontSize;
+type typography_d_FontSizeKey = FontSizeKey;
 type typography_d_FontWeight = FontWeight;
-type typography_d_FontFamily = FontFamily;
-type typography_d_LineHeight = LineHeight;
+type typography_d_FontWeightKey = FontWeightKey;
 type typography_d_LetterSpacing = LetterSpacing;
+type typography_d_LetterSpacingKey = LetterSpacingKey;
+type typography_d_LineHeight = LineHeight;
+type typography_d_LineHeightKey = LineHeightKey;
 type typography_d_TextCase = TextCase;
+type typography_d_TextCaseKey = TextCaseKey;
 type typography_d_TextDecoration = TextDecoration;
+type typography_d_TextDecorationKey = TextDecorationKey;
 type typography_d_Typography = Typography;
 declare namespace typography_d {
   export {
-    typography as default,
-    typography_d_FontSizeKey as FontSizeKey,
-    typography_d_FontWeightKey as FontWeightKey,
+    typography_d_FontFamily as FontFamily,
     typography_d_FontFamilyKey as FontFamilyKey,
-    typography_d_LineHeightKey as LineHeightKey,
-    typography_d_LetterSpacingKey as LetterSpacingKey,
-    typography_d_TextCaseKey as TextCaseKey,
-    typography_d_TextDecorationKey as TextDecorationKey,
     typography_d_FontSize as FontSize,
+    typography_d_FontSizeKey as FontSizeKey,
     typography_d_FontWeight as FontWeight,
-    typography_d_FontFamily as FontFamily,
-    typography_d_LineHeight as LineHeight,
+    typography_d_FontWeightKey as FontWeightKey,
     typography_d_LetterSpacing as LetterSpacing,
+    typography_d_LetterSpacingKey as LetterSpacingKey,
+    typography_d_LineHeight as LineHeight,
+    typography_d_LineHeightKey as LineHeightKey,
     typography_d_TextCase as TextCase,
+    typography_d_TextCaseKey as TextCaseKey,
     typography_d_TextDecoration as TextDecoration,
+    typography_d_TextDecorationKey as TextDecorationKey,
     typography_d_Typography as Typography,
+    typography as default,
   };
 }
 
@@ -397,8 +397,8 @@ declare const overrides: Overrides;
 type overrides_d_Overrides = Overrides;
 declare namespace overrides_d {
   export {
-    overrides as default,
     overrides_d_Overrides as Overrides,
+    overrides as default,
   };
 }
 
@@ -798,48 +798,48 @@ declare type GetAAColor = {
 };
 declare const getAAColor: (palette: Palette) => GetAAColor;
 
-declare const palette_d_neutralColors: typeof neutralColors;
-declare const palette_d_colorSchemes: typeof colorSchemes;
-declare const palette_d_flatColors: typeof flatColors;
-declare const palette_d_paleColors: typeof paleColors;
-declare const palette_d_colorShades: typeof colorShades;
-declare const palette_d_MIN_SHADE: typeof MIN_SHADE;
 declare const palette_d_BASE_SHADE: typeof BASE_SHADE;
-declare const palette_d_MAX_SHADE: typeof MAX_SHADE;
-declare const palette_d_mainTypes: typeof mainTypes;
 type palette_d_FlatPalette = FlatPalette;
-type palette_d_PalePalette = PalePalette;
 type palette_d_GeneratedColorShades = GeneratedColorShades;
+type palette_d_GetAAColor = GetAAColor;
+type palette_d_GetAAColorFromSwatches = GetAAColorFromSwatches;
+type palette_d_GetColor = GetColor;
+declare const palette_d_MAX_SHADE: typeof MAX_SHADE;
+declare const palette_d_MIN_SHADE: typeof MIN_SHADE;
+type palette_d_PalePalette = PalePalette;
 type palette_d_Palette = Palette;
+declare const palette_d_colorSchemes: typeof colorSchemes;
+declare const palette_d_colorShades: typeof colorShades;
+declare const palette_d_flatColors: typeof flatColors;
 type palette_d_formFieldStyles = formFieldStyles;
-type palette_d_GetColor = GetColor;
-declare const palette_d_getColor: typeof getColor;
-type palette_d_GetAAColorFromSwatches = GetAAColorFromSwatches;
-declare const palette_d_getAAColorFromSwatches: typeof getAAColorFromSwatches;
-type palette_d_GetAAColor = GetAAColor;
 declare const palette_d_getAAColor: typeof getAAColor;
+declare const palette_d_getAAColorFromSwatches: typeof getAAColorFromSwatches;
+declare const palette_d_getColor: typeof getColor;
+declare const palette_d_mainTypes: typeof mainTypes;
+declare const palette_d_neutralColors: typeof neutralColors;
+declare const palette_d_paleColors: typeof paleColors;
 declare namespace palette_d {
   export {
-    palette_d_neutralColors as neutralColors,
-    palette_d_colorSchemes as colorSchemes,
-    palette_d_flatColors as flatColors,
-    palette_d_paleColors as paleColors,
-    palette_d_colorShades as colorShades,
-    palette_d_MIN_SHADE as MIN_SHADE,
     palette_d_BASE_SHADE as BASE_SHADE,
-    palette_d_MAX_SHADE as MAX_SHADE,
-    palette_d_mainTypes as mainTypes,
     palette_d_FlatPalette as FlatPalette,
-    palette_d_PalePalette as PalePalette,
     palette_d_GeneratedColorShades as GeneratedColorShades,
+    palette_d_GetAAColor as GetAAColor,
+    palette_d_GetAAColorFromSwatches as GetAAColorFromSwatches,
+    palette_d_GetColor as GetColor,
+    palette_d_MAX_SHADE as MAX_SHADE,
+    palette_d_MIN_SHADE as MIN_SHADE,
+    palette_d_PalePalette as PalePalette,
     palette_d_Palette as Palette,
+    palette_d_colorSchemes as colorSchemes,
+    palette_d_colorShades as colorShades,
+    palette_d_flatColors as flatColors,
     palette_d_formFieldStyles as formFieldStyles,
-    palette_d_GetColor as GetColor,
-    palette_d_getColor as getColor,
-    palette_d_GetAAColorFromSwatches as GetAAColorFromSwatches,
-    palette_d_getAAColorFromSwatches as getAAColorFromSwatches,
-    palette_d_GetAAColor as GetAAColor,
     palette_d_getAAColor as getAAColor,
+    palette_d_getAAColorFromSwatches as getAAColorFromSwatches,
+    palette_d_getColor as getColor,
+    palette_d_mainTypes as mainTypes,
+    palette_d_neutralColors as neutralColors,
+    palette_d_paleColors as paleColors,
   };
 }