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

package/dist/theme/functions.js

@@ -0,0 +1,52 @@
+import{css as e}from"@emotion/react";const o=e`
+  display: grid;
+
+  grid-auto-columns: 1fr;
+`,t=e`
+  border-radius: 6px;
+  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
+  background-color: white;
+`,i=e`
+  position: absolute;
+  margin: auto;
+  top: 0;
+  bottom: 0;
+`,n=(o,t="all")=>e`
+  -webkit-transition: ${t} ${o}s ease-in-out;
+  -moz-transition: ${t} ${o}s ease-in-out;
+  -ms-transition: ${t} ${o}s ease-in-out;
+  -o-transition: ${t} ${o}s ease-in-out;
+  transition: ${t} ${o}s ease-in-out;
+`,r=e`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,s=e`
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: flex;
+`,a=e`
+  ${s};
+  -webkit-align-items: center;
+  -moz-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  justify-content: center;
+`,l=e`
+  ${s};
+  -webkit-align-items: center;
+  -moz-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+`,b=e`
+  ${n(.1,"color")}
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  text-shadow: none;
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+`;export{i as centerAbsoluteVertical,s as flex,a as flexCenter,l as flexCenterVertical,o as grid,r as lineEllipsis,b as plainTextButton,n as transition,t as well};

package/dist/theme/globals/borderRadius.js

@@ -0,0 +1 @@
+import{getFigmaTokensValue as s,FigmaTokenValueType as t}from"../utils.js";import o from"./constants/borderRadius.js";const r={get:s(o,t.Pixels)};export{r as default};

package/dist/theme/globals/borderWidth.js

@@ -0,0 +1 @@
+import{getFigmaTokensValue as t,FigmaTokenValueType as o}from"../utils.js";import s from"./constants/borderWidth.js";const r={get:t(s,o.Pixels)};export{r as default};

package/dist/theme/globals/boxShadow.js

@@ -0,0 +1 @@
+import{getFigmaTokensValue as o,FigmaTokenValueType as t}from"../utils.js";import s from"./constants/boxShadow.js";const a={get:o(s,t.BoxShadow)};export{a as default};

package/dist/theme/globals/colors.js

@@ -0,0 +1 @@
+import{paletteConfig as t}from"../palette.config.js";import{enhancePaletteWithShades as o}from"../utils.js";const r=o(t);export{r as default};

package/dist/theme/globals/constants/borderRadius.js

@@ -0,0 +1 @@
+const r={0:{value:"0px",type:"borderRadius",description:"Corner radius = 0px"},1:{value:"2px",type:"borderRadius",description:"Corner radius = 2px"},2:{value:"4px",type:"borderRadius",description:"Corner radius = 4px"},3:{value:"8px",type:"borderRadius",description:"Corner radius = 8px"},4:{value:"16px",type:"borderRadius",description:"Corner radius = 16px"},5:{value:"36px",type:"borderRadius",description:"Corner radius = 36px"},6:{value:"48px",type:"borderRadius",description:"Corner radius = 48px"},7:{value:"100px",type:"borderRadius",description:"Corner radius = 100px used for circles and pill shaped elements"}};export{r as default};

package/dist/theme/globals/constants/borderWidth.js

@@ -0,0 +1 @@
+const e={1:{value:"1px",type:"borderWidth",description:"Default 1pxs stroke"},2:{value:"2px",type:"borderWidth"}};export{e as default};

package/dist/theme/globals/constants/boxShadow.js

@@ -0,0 +1 @@
+const o={0:{value:{x:"0",y:"0",blur:"0",spread:"0",color:"#",type:"innerShadow"},type:"boxShadow"},1:{value:{x:"0",y:"2",blur:"5",spread:"0",color:"#10306612",type:"dropShadow"},type:"boxShadow"},2:{value:{x:"0",y:"4",blur:"8",spread:"0",color:"#10306612",type:"dropShadow"},type:"boxShadow"},3:{value:{color:"#10306612",type:"dropShadow",x:"0",y:"8",blur:"16",spread:"0"},type:"boxShadow"},4:{value:{color:"#10306612",type:"dropShadow",x:"0",y:"16",blur:"24",spread:"0"},type:"boxShadow"}};export{o as default};

package/dist/theme/globals/constants/fontFamily.js

@@ -0,0 +1 @@
+const o={roboto:{value:"Roboto",type:"fontFamilies"}};export{o as default};

package/dist/theme/globals/constants/fontSize.js

@@ -0,0 +1 @@
+const e={1:{value:"10",type:"fontSizes",description:"smallest possible body size. Used only for avatar initials"},2:{value:"12",type:"fontSizes"},3:{value:"14",type:"fontSizes"},4:{value:"16",type:"fontSizes"},5:{value:"18",type:"fontSizes"},6:{value:"20",type:"fontSizes"},7:{value:"22",type:"fontSizes"},8:{value:"24",type:"fontSizes"},9:{value:"28",type:"fontSizes"},10:{value:"32",type:"fontSizes"}};export{e as default};

package/dist/theme/globals/constants/fontWeight.js

@@ -0,0 +1 @@
+const e={regular:{value:"400",type:"fontWeights"},medium:{value:"500",type:"fontWeights"},semiBold:{value:"600",type:"fontWeights"},bold:{value:"700",type:"fontWeights"}};export{e as default};

package/dist/theme/globals/constants/letterSpacing.js

@@ -0,0 +1 @@
+const e={0:{value:"0",type:"letterSpacing"},1:{value:"0.1",type:"letterSpacing"},2:{value:".25",type:"letterSpacing"},3:{value:".5",type:"letterSpacing"}};export{e as default};

package/dist/theme/globals/constants/lineHeight.js

@@ -0,0 +1 @@
+const e={1:{value:"14",type:"lineHeights",description:"For form field labels only"},2:{value:"16",type:"lineHeights",description:"For input fields only (Form Fields & Tables)"},3:{value:"18px",type:"lineHeights"},4:{value:"20",type:"lineHeights"},5:{value:"22",type:"lineHeights"},6:{value:"24",type:"lineHeights"},7:{value:"28",type:"lineHeights"},8:{value:"32",type:"lineHeights"},9:{value:"36",type:"lineHeights"},10:{value:"40",type:"lineHeights"},11:{value:"48",type:"lineHeights"}};export{e as default};

package/dist/theme/globals/constants/opacity.js

@@ -0,0 +1 @@
+const e={0:{value:"0",type:"opacity"},1:{value:"7%",type:"opacity"},2:{value:"14%",type:"opacity"},3:{value:"21%",type:"opacity"},4:{value:"50%",type:"opacity",description:"used in disabled state"},5:{value:"75%",type:"opacity",description:"used in backdrop overlays"}};export{e as default};

package/dist/theme/globals/constants/sizing.js

@@ -0,0 +1 @@
+const e={0:{value:"0",type:"sizing"},1:{value:"4",type:"sizing"},2:{value:"8",type:"sizing"},3:{value:"12",type:"sizing"},4:{value:"16",type:"sizing"},5:{value:"20",type:"sizing"},6:{value:"24",type:"sizing"},7:{value:"28",type:"sizing"},8:{value:"32",type:"sizing"},9:{value:"36",type:"sizing"},10:{value:"40",type:"sizing"},11:{value:"44",type:"sizing"},12:{value:"48",type:"sizing"},13:{value:"52",type:"sizing"},14:{value:"56",type:"sizing"},15:{value:"64",type:"sizing"},16:{value:"72",type:"sizing"},17:{value:"80",type:"sizing"},18:{value:"88",type:"sizing"},19:{value:"92",type:"sizing"}};export{e as default};

package/dist/theme/globals/constants/spacing.js

@@ -0,0 +1 @@
+const a={0:{value:"0",type:"spacing"},1:{value:"1",type:"spacing"},2:{value:"2",type:"spacing"},3:{value:"4",type:"spacing"},4:{value:"8",type:"spacing"},5:{value:"12",type:"spacing"},6:{value:"16",type:"spacing"},7:{value:"20",type:"spacing"},8:{value:"24",type:"spacing"},9:{value:"32",type:"spacing"},10:{value:"36",type:"spacing"},11:{value:"40",type:"spacing"},12:{value:"44",type:"spacing"}};export{a as default};

package/dist/theme/globals/constants/textCase.js

@@ -0,0 +1 @@
+const e={none:{value:"none",type:"textCase"},uppercase:{value:"uppercase",type:"textCase"}};export{e as default};

package/dist/theme/globals/constants/textDecoration.js

@@ -0,0 +1 @@
+const e={link:{value:"underline",type:"textDecoration",description:"underline that appears on link while hovering"},none:{value:"none",type:"textDecoration"}};export{e as default};

package/dist/theme/globals/elevation.js

@@ -0,0 +1 @@
+const p={"01":"0px 2px 5px rgba(16, 48, 102, 0.07)","02":"0px 4px 8px rgba(16, 48, 102, 0.07)","03":"0px 8px 16px rgba(16, 48, 102, 0.07)","04":"0px 16px 24px rgba(16, 48, 102, 0.07)"};export{p as default};

package/dist/theme/globals/index.js

@@ -0,0 +1 @@
+import o from"./borderRadius.js";import r from"./borderWidth.js";import i from"./boxShadow.js";import t from"./colors.js";import s from"./elevation.js";import m from"./opacity.js";import p from"./sizing.js";import a from"./spacing.js";import d from"./typography.js";const e={colors:t,typography:d,spacing:a,elevation:s,borderRadius:o,borderWidth:r,boxShadow:i,opacity:m,sizing:p};export{e as default};

package/dist/theme/globals/opacity.js

@@ -0,0 +1 @@
+import{getFigmaTokensValue as t,FigmaTokenValueType as o}from"../utils.js";import s from"./constants/opacity.js";const r={get:t(s,o.String)};export{r as default};

package/dist/theme/globals/sizing.js

@@ -0,0 +1 @@
+import{getFigmaTokensValue as s,FigmaTokenValueType as t}from"../utils.js";import o from"./constants/sizing.js";const i={get:s(o,t.Pixels)};export{i as default};

package/dist/theme/globals/spacing.js

@@ -0,0 +1 @@
+import{getFigmaTokensValue as s,FigmaTokenValueType as t}from"../utils.js";import o from"./constants/spacing.js";const i={get:s(o,t.Pixels)};export{i as default};

package/dist/theme/globals/typography.js

@@ -0,0 +1 @@
+import{rem as t}from"polished";import{getFigmaTokensValue as o,FigmaTokenValueType as s}from"../utils.js";import e from"./constants/fontFamily.js";import i from"./constants/fontSize.js";import n from"./constants/fontWeight.js";import r from"./constants/letterSpacing.js";import m from"./constants/lineHeight.js";import a from"./constants/textCase.js";import g from"./constants/textDecoration.js";const p={get:o(i,s.Pixels),8:t("8px"),11:t("11px"),13:t("13px"),15:t("15px")},f={get:o(n,s.Number)},l={get:o(e,s.String)},c={get:o(m,s.Pixels)},x={get:o(r,s.String)},S={get:o(a,s.String)},j={get:o(g,s.String)},h=l.get("roboto"),F={globalFontSize:16,fontSizes:p,weights:f,fontFamilies:l,fontFamily:h,lineHeights:c,letterSpacings:x,textCases:S,textDecorations:j};export{F as default};

package/dist/theme/index.js

@@ -0,0 +1 @@
+import o from"lodash/get";import r from"./globals/index.js";import e from"./overrides.js";import{getColor as s,getAAColorFromSwatches as t,getAAColor as l}from"./palette.js";import m from"./tokens/index.js";const i=i=>({globals:r,colorScheme:i,overrides:e,tokens:Object.assign({},o(m,i,"semantic")),utils:{getColor:s(r.colors),getAAColorFromSwatches:t(r.colors),getAAColor:l(r.colors)}});export{i as default};

package/dist/theme/overrides.js

@@ -0,0 +1 @@
+const t={};export{t as default};

package/dist/theme/palette.config.js

@@ -0,0 +1 @@
+const e={orange:"#FF9F0F",red:"#FF176B",lightPurple:"#a8b1ff",blue:"#175bf5",darkBlue:"#4945ee",teal:"#1de9b6",purple:"#8833ff",magenta:"#F814E1",greyScale:"#808080",darkGrey:"#32324E",lightGrey:"#889BBF",lightBlue:"#28BDFF",green:"#36C152",yellow:"#FDD835",darkOrange:"#BF360C",neutralWhite:"#fbfbfb",neutralBlack:"#030303"},r={greyScale:"#F9F9F9",darkGrey:"#F5F5F6",lightGrey:"#F9FAFC",red:"#FFF3F6",magenta:"#FCF3FD",purple:"#F9F5FF",lightPurple:"#a8b1ff",darkBlue:"#F6F6FE",blue:"#F4F8FF",lightBlue:"#F4FCFF",teal:"#F4FEFB",green:"#F5FCF6",yellow:"#FFFDF5",orange:"#FFF8F2"},F={flat:Object.assign({},e),neutral:{light:"#ffffff",dark:"#32354c",grey:"#54587F",transparent:"rgba(0,0,0,0)"},gradient:{primary:"linear-gradient(90deg, #4945EE 0%, #175BF5 100%)",secondary:"linear-gradient(45deg, #a8b1ff 0%, #cad0ff 100%)",tertiary:"linear-gradient(90deg, #1DE9B6 0%, #8EF4DA 100%)",upsell:"linear-gradient(90deg, #F943E7 0%, #FA72ED 100%)",inverted:"linear-gradient(45deg, #212332 0%, #32354C 100%)"},primary:e.blue,secondary:e.teal,success:e.green,error:e.red,warning:e.orange,info:e.darkBlue,light:e.greyScale,link:"#246CE5",pale:Object.assign({},r),text:{primary:e.darkGrey,secondary:e.lightGrey,light:e.greyScale},white:"white",black:"black"};export{e as flatPaletteConfig,r as palePaletteConfig,F as paletteConfig};

package/dist/theme/palette.js

@@ -0,0 +1 @@
+import{getContrast as e}from"polished";import{errorHandler as l}from"../utils/helpers.js";import{getColorErrors as r}from"./utils.js";const t=["neutralWhite","neutralBlack"],a=["semantic","dark"],i=["greyScale","darkGrey","lightGrey","red","magenta","lightPurple","purple","darkBlue","blue","lightBlue","teal","green","yellow","orange","darkOrange",...t],n=["greyScale","darkGrey","lightGrey","red","magenta","lightPurple","purple","darkBlue","blue","lightBlue","teal","green","yellow","orange"],o=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],u=50,d=500,g=950,s=["primary","secondary","success","error","warning","info","light","link"],p=e=>(t,a,i="flat")=>{var n,o,u;let d;return d=null===a?null===(n=null==e?void 0:e[i])||void 0===n?void 0:n[t]:"normal"===i?e[t][a]:null===(u=null===(o=null==e?void 0:e[i])||void 0===o?void 0:o[t])||void 0===u?void 0:u[a],l(r,d),d},c=e=>(l,r)=>{const t=p(e)(l,r);return h(e)(t)},h=l=>r=>{const t=l.white,a=l.black;return e(r,a)>e(r,t)?a:t};export{d as BASE_SHADE,g as MAX_SHADE,u as MIN_SHADE,a as colorSchemes,o as colorShades,i as flatColors,h as getAAColor,c as getAAColorFromSwatches,p as getColor,s as mainTypes,t as neutralColors,n as paleColors};

package/dist/theme/states/disabled.js

@@ -0,0 +1 @@
+import{statesConfig as o}from"./statesConfig.js";const s=o.semantic.disabled.opacity.amount,t=o.semantic.disabled.cursor.name,a=()=>({style:{opacity:s,cursor:t},opacity:s,cursor:t});export{a as getDisabled};

package/dist/theme/states/focus.js

@@ -0,0 +1 @@
+import{rem as o}from"../utils.js";import{statesConfig as t}from"./statesConfig.js";const r=t.semantic.focus.border.width.step,e=t.semantic.focus.border.color,s=({theme:t,borderWidth:s=0})=>{const i=s+r,d=t.utils.getColor(e.name,e.shade);return{borderWidth:o(i),focusColor:d,styleBorder:`${o(i)} solid ${d}`,styleOutline:`${d} auto ${o(i)}`}};export{s as getFocus};

package/dist/theme/states/hover.js

@@ -0,0 +1 @@
+import{statesConfig as o}from"./statesConfig.js";import{getShadeWithStep as r}from"./utils.js";const e=({theme:e,color:c,shade:t})=>{const l=o[e.colorScheme].hover.backgroundColor.step,s=c||("dark"===e.colorScheme?"darkGrey":"lightGrey"),h=t||("dark"===e.colorScheme?700:0),m=r({shade:h,step:l,colorScheme:e.colorScheme});return{backgroundColor:e.utils.getColor(s,m)}};export{e as getHover};

package/dist/theme/states/pressed.js

@@ -0,0 +1 @@
+import{statesConfig as o}from"./statesConfig.js";import{getShadeWithStep as e}from"./utils.js";const r=({theme:r,color:c,shade:t})=>{const s=o[r.colorScheme].pressed.backgroundColor.step,l=c||("dark"===r.colorScheme?"darkGrey":"lightGrey"),m=t||("dark"===r.colorScheme?700:0),h=e({shade:m,step:s,colorScheme:r.colorScheme});return{backgroundColor:r.utils.getColor(l,h)}};export{r as getPressed};

package/dist/theme/states/statesConfig.js

@@ -0,0 +1 @@
+const o={hover:{backgroundColor:{step:50}},focus:{border:{width:{step:1},color:{name:"magenta",shade:500}}},pressed:{backgroundColor:{step:100}},disabled:{opacity:{amount:.5},cursor:{name:"not-allowed"}}},e={hover:{backgroundColor:{step:50}},focus:{border:{width:{step:1},color:{name:"magenta",shade:500}}},pressed:{backgroundColor:{step:100}},disabled:{opacity:{amount:.5},cursor:{name:"not-allowed"}}},a={semantic:o,dark:e};export{e as darkStatesConfig,o as semanticStatesConfig,a as statesConfig};

package/dist/theme/states/utils.js

@@ -0,0 +1 @@
+import{MAX_SHADE as e,MIN_SHADE as t}from"../palette.js";const o=({shade:o=0,step:r=50,colorScheme:s})=>{let c=o;return("semantic"===s?o+r>e:o-r>t)?c-=r:c+=r,c};export{o as getShadeWithStep};

package/dist/theme/tokens/index.js

@@ -0,0 +1 @@
+import t from"./semantic/index.js";const e={semantic:t};export{e as default};

package/dist/theme/tokens/semantic/backdrop.js

@@ -0,0 +1 @@
+import{getTokensValue as o}from"../utils.js";import r from"./variables/backdrop.js";const t={get:o(r)};export{t as default};

package/dist/theme/tokens/semantic/backgroundColor.js

@@ -0,0 +1 @@
+import{getTokensValue as o}from"../utils.js";import r from"./variables/backgroundColor.js";const t={get:o(r)};export{t as default};

package/dist/theme/tokens/semantic/borderColor.js

@@ -0,0 +1 @@
+import{getTokensValue as o}from"../utils.js";import r from"./variables/borderColor.js";const t={get:o(r)};export{t as default};

package/dist/theme/tokens/semantic/disabledState.js

@@ -0,0 +1 @@
+import{getTokensValue as t}from"../utils.js";import s from"./variables/disabledState.js";const a={get:t(s)};export{a as default};

package/dist/theme/tokens/semantic/index.js

@@ -0,0 +1 @@
+import o from"./backdrop.js";import r from"./backgroundColor.js";import t from"./borderColor.js";import e from"./disabledState.js";import a from"./palette.js";import m from"./textColor.js";const d={backdrop:o,backgroundColor:r,borderColor:t,disabledState:e,palette:a,textColor:m};export{d as default};

package/dist/theme/tokens/semantic/palette.js

@@ -0,0 +1 @@
+import{getTokensValue as t}from"../utils.js";import e from"./variables/palette.js";const o={get:t(e)};export{o as default};

package/dist/theme/tokens/semantic/textColor.js

@@ -0,0 +1 @@
+import{getTokensValue as t}from"../utils.js";import o from"./variables/textColor.js";const r={get:t(o)};export{r as default};

package/dist/theme/tokens/semantic/variables/backdrop.js

@@ -0,0 +1 @@
+const e={light:{value:"rgba(255,255,255,0.75)",type:"color",description:"The shade overlay that appears behind a modal on a given screen"},dark:{value:"rgba(2,9,24,0.75)",type:"color",description:"The shade overlay that appears behind a modal on a given screen"}};export{e as default};

package/dist/theme/tokens/semantic/variables/backgroundColor.js

@@ -0,0 +1 @@
+const o={light:{value:"#ffffff",type:"color",description:"for use as background color in pages"},neutralLight:{value:"#f9fafc",type:"color",description:"for use as background color in pages"},neutralDark:{value:"#f3f5f8",type:"color",description:"for use as background color in pages"},tintedLight:{value:"#f4f8ff",type:"color",description:"for use as background color in pages"},tintedDark:{value:"#e7eefe",type:"color",description:"for use as background color in pages"},inverted:{value:"#32354c",type:"color",description:"for use as background color in dark sections on pages"},invertedDark:{value:"#212332",type:"color",description:"for use as a background color in dark sections on pages"},transparent:{value:"rgba(0,0,0,0)",type:"color"},invertedAlt:{value:"#1d1b5f",type:"color"}};export{o as default};

package/dist/theme/tokens/semantic/variables/borderColor.js

@@ -0,0 +1 @@
+const l={decorative:{transparent:{value:"rgba(0,0,0,0)",type:"color"},light:{muted:{value:"{colors.lightPurple.150}",type:"color"},contrast:{value:"{colors.lightPurple.350}",type:"color"}},inverted:{muted:{value:"{colors.lightPurple.800}",type:"color"},contrast:{value:"{colors.lightPurple.750}",type:"color"}}},interactive:{inactive:{value:"{colors.blue.200}",type:"color"},inactiveAlt:{value:"{colors.lightPurple.150}",type:"color"},active:{value:"{colors.blue.500}",type:"color"},activeAlt:{value:"{colors.lightPurple.350}",type:"color"},focused:{value:"{colors.purple.500}",type:"color"},error:{value:"{colors.red.300}",type:"color"},success:{value:"{colors.teal.300}",type:"color"},warning:{value:"{colors.orange.300}",type:"color"}}};export{l as default};

package/dist/theme/tokens/semantic/variables/disabledState.js

@@ -0,0 +1 @@
+const t={value:"{opacity.4}",type:"opacity"};export{t as default};

package/dist/theme/tokens/semantic/variables/palette.js

@@ -0,0 +1 @@
+const o={systemic:{light:{neutral:{light:{type:"color",value:"{colors.neutral.light}"},main:{type:"color",value:"{colors.blue.50}"},dark:{type:"color",value:"{colors.blue.100}"}},tertiary:{light:{value:"rgba(23,91,245,0)",type:"color"},main:{type:"color",value:"rgba(23,91,245,0.07)"},dark:{type:"color",value:"rgba(23,91,245,0.14)"}},primary:{light:{type:"color",value:"{colors.blue.400}"},main:{type:"color",value:"{colors.blue.500}"},dark:{type:"color",value:"{colors.blue.600}"}},secondary:{light:{type:"color",value:"{colors.lightPurple.100}"},main:{type:"color",value:"{colors.lightPurple.200}"},dark:{type:"color",value:"{colors.lightPurple.300}"}},upsell:{light:{type:"color",value:"{colors.magenta.300}"},main:{type:"color",value:"{colors.magenta.500}"},dark:{type:"color",value:"{colors.magenta.650}"}}},error:{light:{type:"color",value:"{colors.red.50}"},main:{type:"color",value:"{colors.red.100}"},dark:{type:"color",value:"{colors.red.550}"}},success:{light:{type:"color",value:"{colors.teal.50}"},main:{type:"color",value:"{colors.teal.500}"},dark:{type:"color",value:"{colors.teal.650}"}},warning:{light:{type:"color",value:"{colors.orange.50}"},main:{type:"color",value:"{colors.orange.500}"},dark:{type:"color",value:"{colors.orange.650}"}},inverted:{neutral:{light:{type:"color",value:"{colors.lightPurple.850}"},main:{type:"color",value:"{colors.lightPurple.800}"},dark:{type:"color",value:"{colors.lightPurple.750}"}},tertiary:{light:{value:"rgba(23,91,245,0)",type:"color"},main:{type:"color",value:"rgba(168,177,255,0.07)"},dark:{type:"color",value:"rgba(168,177,255,0.14)"}},primary:{light:{type:"color",value:"{colors.teal.400}"},main:{type:"color",value:"{colors.teal.300}"},dark:{type:"color",value:"{colors.teal.500}"}},secondary:{light:{type:"color",value:"{colors.lightPurple.800}"},main:{type:"color",value:"{colors.lightPurple.750}"},dark:{type:"color",value:"{colors.lightPurple.900}"}}}},accents:{blue:{light:{value:"{colors.blue.100}",type:"color"},main:{value:"{colors.blue.150}",type:"color"},dark:{value:"{colors.blue.500}",type:"color"},contrast:{value:"{colors.blue.550}",type:"color"}},darkBlue:{light:{value:"{colors.darkBlue.100}",type:"color"},main:{value:"{colors.darkBlue.150}",type:"color"},dark:{value:"{colors.darkBlue.450}",type:"color"},contrast:{value:"{colors.darkBlue.550}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},purple:{light:{value:"{colors.purple.100}",type:"color"},main:{value:"{colors.purple.150}",type:"color"},dark:{value:"{colors.purple.500}",type:"color"},contrast:{value:"{colors.purple.550}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},magenta:{light:{value:"{colors.magenta.100}",type:"color"},main:{value:"{colors.magenta.200}",type:"color"},dark:{value:"{colors.magenta.550}",type:"color"},contrast:{value:"{colors.magenta.650}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},orange:{light:{value:"{colors.orange.100}",type:"color"},main:{value:"{colors.orange.200}",type:"color"},dark:{value:"{colors.orange.550}",type:"color"},contrast:{value:"{colors.orange.700}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},teal:{light:{value:"{colors.teal.150}",type:"color"},main:{value:"{colors.teal.250}",type:"color"},dark:{value:"{colors.teal.550}",type:"color"},contrast:{value:"{colors.teal.750}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},red:{light:{value:"{colors.red.100}",type:"color"},main:{value:"{colors.red.200}",type:"color"},dark:{value:"{colors.red.550}",type:"color"},contrast:{value:"{colors.red.650}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}},lightPurple:{light:{value:"{colors.lightPurple.200}",type:"color"},main:{value:"{colors.lightPurple.400}",type:"color"},dark:{value:"{colors.lightPurple.650}",type:"color"},contrast:{value:"{colors.lightPurple.750}",type:"color",description:"AA compliant for small text on 'Light' and 'Main' values of same color "}}}};export{o as default};

package/dist/theme/tokens/semantic/variables/textColor.js

@@ -0,0 +1 @@
+const o={light:{primary:{value:"{colors.lightPurple.900}",type:"color"},secondary:{value:"{colors.lightPurple.750}",type:"color"},error:{value:"{colors.red.650}",type:"color",description:"AA compliant against white and pale red (error)"},success:{value:"{colors.teal.750}",type:"color",description:"AA compliant for small text on all backgrounds"},warning:{value:"{colors.orange.500}",type:"color",description:"Not AA compliant use for icons only"},active:{value:"{colors.blue.550}",type:"color"},visited:{value:"{colors.purple.500}",type:"color"}},inverted:{visited:{value:"{colors.purple.250}",type:"color"},primary:{value:"{colors.neutral.light}",type:"color"},secondary:{value:"{colors.blue.150}",type:"color"},error:{value:"{colors.red.300}",type:"color"},success:{value:"{colors.teal.350}",type:"color"},warning:{value:"{colors.orange.350}",type:"color",description:"Not AA compliant use for icons only"},active:{value:"{colors.teal.500}",type:"color"},activeAlt:{value:"{colors.blue.300}",type:"color",description:"Alternative color for inverted link"}}};export{o as default};

package/dist/theme/tokens/utils.js

@@ -0,0 +1 @@
+import t from"lodash/get";import o from"lodash/isEmpty";import r from"../globals/index.js";const l=o=>{const{type:l}=o;return"color"===l?(o=>{const{value:l}=o;if(l.startsWith("{colors.")){const o=l.slice(1,-1).split("."),s=o[1],e=Number(o[2]);return t(r.colors.flat,[s,e],"")}return l})(o):(o=>{var l,s;const{value:e}=o,i=e.slice(1,-1).split("."),n=i[0],u=i[1];return null!==(s=null===(l=t(r,n))||void 0===l?void 0:l.get(u))&&void 0!==s?s:""})(o)},s=r=>s=>{if(null==r?void 0:r.value)return l(r);const e=s.split("."),i=t(r,e,{});return o(i)?"":l(i)};export{s as getTokensValue};

package/dist/theme/utils.js

@@ -0,0 +1 @@
+import e from"lodash/get";import{rem as r,tint as o,shade as t}from"polished";import{PropsValidationError as u}from"../utils/errors.js";const a=["white","black","pale","neutral","gradient"],n=(e,r=10,u=9)=>{const a=(e,r)=>Array.from({length:r},e),n=t=>a(((t,u)=>o((u+1)*r/100,e)),t),s=o=>a(((o,u)=>t((u+1)*r/100,e)),o);return((r=u)=>[...n(r).reverse(),e,...s(r)])().reduce(((e,r,o)=>(e[""+50*(o+1)]=r,e)),{})},s=(e,r)=>Object.keys(e).reduce(((o,t)=>("object"!=typeof e[t]?o[t]=r(e[t],t):a.includes(t)?o[t]=e[t]:o[t]=s(e[t],r),o)),{}),l=e=>s(e,((e,r)=>a.includes(r)?e:n(e,10))),i=e=>r(e,16),c=[{condition:e=>!e,error:new u("No color found with that name")}];var m;!function(e){e.Pixels="pixels",e.String="string",e.Number="number",e.BoxShadow="boxShadow"}(m||(m={}));const b=(r,o)=>t=>{switch(o){case m.Pixels:return i(Number(e(r,[t,"value"],"0")));case m.String:return e(r,[t,"value"],"0");case m.Number:return Number(e(r,[t,"value"],"0"));case m.BoxShadow:return((r,o)=>`${i(Number(e(r,[o,"value","x"],"0")))} ${i(Number(e(r,[o,"value","y"],"0")))} ${i(Number(e(r,[o,"value","blur"],"0")))} ${i(Number(e(r,[o,"value","spread"],"0")))} ${e(r,[o,"value","color"],"transparent")}`)(r,t)}};export{m as FigmaTokenValueType,n as colorShadesCreator,l as enhancePaletteWithShades,c as getColorErrors,b as getFigmaTokensValue,s as iterateObject,i as rem};

package/dist/utils/errors.js

@@ -0,0 +1 @@
+class r extends Error{constructor(r){super(r),this.name="ValidationError"}}class s extends r{constructor(r){super(r),this.name="PropsValidationError"}}export{s as PropsValidationError,r as ValidationError};

package/dist/utils/helpers.js

@@ -0,0 +1 @@
+import o from"dayjs";import*as t from"react";const n=(o="")=>o+"_"+(Date.now()+Math.random()).toString(36).substr(2,9),r=(o,t)=>t?`${o}-${t}`:o;function i(o){return"function"==typeof o&&t.isValidElement(o())}const a=t=>{var n,r;const i=null===(r=null===(n=o())||void 0===n?void 0:n.localeData())||void 0===r?void 0:r.longDateFormat("L");return t||i},e=(o,t)=>o.map((({condition:o,error:n})=>{if(o(t))throw"function"==typeof n?n(t):n}));export{e as errorHandler,r as generateTestDataId,n as generateUniqueID,a as getLocaleFormat,i as isComponentFunctionType};

package/dist/utils/initLocaleFormat.js

@@ -0,0 +1 @@
+import a from"dayjs";import o from"dayjs/plugin/localeData";import n from"dayjs/plugin/localizedFormat";import"dayjs/locale/en-gb";import"dayjs/locale/en";!function(l,i){[n,o].forEach(a.extend);const e="en-GB"===(null===navigator||void 0===navigator?void 0:navigator.language)?i:l;a.locale(e)}("en","en-gb");

package/dist/utils/size-utils.js

@@ -0,0 +1 @@
+import{rem as t}from"polished";import{SM_HEIGHT as e,MD_HEIGHT as r,MIN_WIDTH as s}from"../components/TextInputBase/config.js";const o="md",m=s=>{switch(s){case"md":return t(r);case"sm":return t(e);default:return"auto"}},n=e=>{switch(e){case"md":case"sm":return t(s);default:return"auto"}},i=(t=!0,e)=>t?{minWidth:n(e),height:m(e)}:{height:m(e)};export{o as DEFAULT_SIZE,i as getTextFieldSize};

package/dist/utils/themeFunctions.js

@@ -0,0 +1 @@
+import{mainTypes as o,flatColors as r,colorShades as e,BASE_SHADE as t}from"../theme/palette.js";import{PropsValidationError as l}from"./errors.js";import{errorHandler as n}from"./helpers.js";const s=(e,l,n=50)=>{const s=n&&50!==n?n:t;if(Object.values(o).includes(e)){const o=e;return"primary"===o?l.utils.getColor(o,n,"normal"):l.utils.getColor(o,s,"normal")}if(Object.values(r).includes(e)){const o=e;return l.utils.getColor(o,s)}return e},i=(o,r=50)=>e=>s(o,e,r),c=[{condition:({colorAfterSplit:o})=>Boolean(2!==o.length),error:({color:o})=>new l(`Error trying to translate your component color: ${o}`)},{condition:({colorAfterSplit:o})=>Boolean(!r.includes(o[0])),error:({color:o})=>new l(`You passed a wrong color for the first argument: ${o} - try something like red-500`)},{condition:({colorAfterSplit:o})=>Boolean(!e.includes(Number(o[1]))),error:({color:o})=>new l(`You passed a wrong shade for the second argument: ${o} - try something like red-500`)}],u=o=>{const r=o.split("-");n(c,{color:o,colorAfterSplit:r});return{color:r[0],shade:Number(r[1])}};export{u as calculateActualColorFromComponentProp,c as errors,i as fillPickerBasedOnType,s as getColorFromType};

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@orfium/ictinus",
-  "version": "5.0.0-next.7",
+  "version": "5.0.0-next.9",
   "main": "./dist/index.js",
-  "module": "./dist/index.esm.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
   "devDependencies": {
     "@amanda-mitchell/semantic-release-npm-multiple": "^2.8.0",
     "@babel/cli": "^7.13.16",
@@ -22,7 +24,7 @@
     "@emotion/jest": "^11.3.0",
     "@mdx-js/react": "^1.6.22",
     "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^23.0.3",
+    "@rollup/plugin-commonjs": "^23.0.7",
     "@rollup/plugin-image": "^3.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^10.0.1",
@@ -92,13 +94,15 @@
     "react-router-dom": "^5.2.0",
     "react-test-renderer": "^16.13.1",
     "rimraf": "^3.0.2",
-    "rollup": "^2.79.1",
+    "rollup": "3.9.1",
     "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-dts": "^4.2.3",
+    "rollup-plugin-dts": "^5.1.1",
     "rollup-plugin-flat-dts": "^2.0.0",
     "rollup-plugin-import-css": "^3.1.0",
+    "rollup-plugin-node-externals": "^5.0.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-rename": "^1.0.1",
     "rollup-plugin-svg": "^2.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "storybook-addon-designs": "^6.2.1",
@@ -127,6 +131,8 @@
     "react-switch": "^6.0.0",
     "react-window": "^1.8.6",
     "recharts": "^1.8.5",
+    "rollup-plugin-visualizer": "^5.9.0",
+    "tslib": "^2.4.1",
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
@@ -140,7 +146,7 @@
     "prepare": "yarn build && husky install",
     "start": "start-storybook -p 6006",
     "prebuild": "rimraf dist && rimraf example/src/dist",
-    "build": "rollup -c",
+    "build": "rollup -c --bundleConfigAsCjs",
     "build:partial:style": "cross-env NODE_ENV=production BABEL_ENV=production babel src --config-file ./babelrc.build.json --extensions '.ts' --out-dir ./dist2 --plugins=babel-plugin-inline-import-data-uri",
     "build:partial:nostyle": "cross-env NODE_ENV=production BABEL_ENV=production babel src --config-file ./babelrc.build.json --extensions '.ts,.tsx' --out-dir ./dist2 --plugins=babel-plugin-inline-react-svg --ignore '**/*.style.ts'",
     "build:partial:types": "tsc --emitDeclarationOnly",

package/dist/index.esm.css

@@ -1 +0,0 @@
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}