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

package/dist/components/Icon/assets/users.svg.js

@@ -0,0 +1 @@
+import*as a from"react";var l;function t(){return t=Object.assign?Object.assign.bind():function(a){for(var l=1;l<arguments.length;l++){var t=arguments[l];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e])}return a},t.apply(this,arguments)}var e=function(e){return a.createElement("svg",t({viewBox:"0 0 18 16",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=a.createElement("path",{d:"M4.763 11.244c1.276 0 2.367.28 3.272.838.406.256.733.563.981.923l.118.184v.009a2.8 2.8 0 0 1 .385 1.208l.007.21v.097l-.005.073-.015.069-.004.053a.477.477 0 0 1-.127.23.316.316 0 0 1-.13.071l-.07.01H.348a.296.296 0 0 1-.228-.112.49.49 0 0 1-.1-.214l-.01-.083-.007-.15A.278.278 0 0 1 0 14.615c-.004-.42.093-.827.29-1.221l.106-.196a3.145 3.145 0 0 1 1.1-1.116c.9-.558 1.989-.838 3.267-.838Zm8.474-4.621c1.276 0 2.367.28 3.272.837.406.256.733.564.981.923l.118.184v.01a2.8 2.8 0 0 1 .385 1.208l.007.209v.097l-.005.073-.015.07-.004.052a.477.477 0 0 1-.127.23.316.316 0 0 1-.13.072l-.071.009H8.823a.296.296 0 0 1-.228-.112.49.49 0 0 1-.1-.213l-.01-.083-.007-.151a.278.278 0 0 1-.004-.044c-.004-.42.093-.828.29-1.222l.106-.196a3.145 3.145 0 0 1 1.1-1.116c.9-.558 1.989-.837 3.267-.837ZM4.765 4.622c.747 0 1.386.276 1.916.83.53.553.796 1.22.796 2s-.265 1.446-.796 2c-.53.553-1.169.83-1.916.83-.747 0-1.386-.277-1.916-.83a2.777 2.777 0 0 1-.8-2c0-.78.267-1.447.8-2 .53-.554 1.169-.83 1.916-.83ZM13.24 0c.747 0 1.386.277 1.916.83.53.553.796 1.22.796 2s-.265 1.446-.796 2c-.53.553-1.169.83-1.916.83-.747 0-1.386-.277-1.916-.83a2.777 2.777 0 0 1-.8-2c0-.78.267-1.447.8-2 .53-.553 1.169-.83 1.916-.83Z",fill:"#121212",fillRule:"evenodd"})))};export{e as default};

package/dist/components/Icon/assets/users2.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var t;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},r.apply(this,arguments)}var a=function(a){return e.createElement("svg",r({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),t||(t=e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.155 9.452c.53.553.796 1.22.796 2s-.265 1.446-.796 2c-.53.553-1.169.83-1.916.83-.747 0-1.386-.277-1.916-.83a2.777 2.777 0 0 1-.8-2c0-.78.267-1.447.8-2 .53-.554 1.169-.83 1.916-.83.747 0 1.386.276 1.916.83Zm2.453 7.737v.009c.264.454.394.927.392 1.417v.098a.49.49 0 0 1-.02.142l-.004.053a.477.477 0 0 1-.127.23.298.298 0 0 1-.201.08H3.349a.296.296 0 0 1-.228-.111.506.506 0 0 1-.11-.297l-.007-.15A.279.279 0 0 1 3 18.615c-.004-.49.128-.962.396-1.417v-.01c.255-.439.621-.808 1.1-1.106.9-.558 1.989-.838 3.267-.838 1.276 0 2.367.28 3.272.838.397.25.72.55.966.9.244-.35.567-.65.968-.9.9-.558 1.99-.838 3.268-.838 1.276 0 2.367.28 3.272.838.473.298.84.667 1.099 1.107ZM9.681 9.452c.53.553.796 1.22.796 2s-.265 1.446-.796 2c-.53.553-1.169.83-1.916.83-.747 0-1.386-.277-1.916-.83a2.777 2.777 0 0 1-.8-2c0-.78.267-1.447.8-2 .53-.554 1.169-.83 1.916-.83.747 0 1.386.276 1.916.83Z",fill:"#000"})))};export{a as default};

package/dist/components/Icon/assets/videoConfirmation.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var t;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},r.apply(this,arguments)}var n=function(n){return e.createElement("svg",r({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),t||(t=e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.25 9.317v3.733h6.3v6.3H3.75v-6.3h6.3V9.317C8.8 8.59 7.95 7.251 7.95 5.7a4.2 4.2 0 0 1 8.4 0c0 1.55-.85 2.89-2.1 3.617ZM20.566 22.5h-16.8v-2.1h16.8v2.1Z",fill:"#000"})))};export{n as default};

package/dist/components/Icon/assets/view.svg.js

@@ -0,0 +1 @@
+import*as t from"react";var e;function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},r.apply(this,arguments)}var n=function(n){return t.createElement("svg",r({viewBox:"0 0 22 14",xmlns:"http://www.w3.org/2000/svg"},n),e||(e=t.createElement("path",{d:"M11 0c4.959 0 8.598 2.279 10.918 6.837L22 7l-.082.163c-.092.18-.185.357-.281.53C19.308 11.897 15.763 14 11 14 6.042 14 2.403 11.721.082 7.164L0 7l.082-.163C2.402 2.279 6.042 0 11 0Zm-.029 2.739c-2.37 0-4.293 1.839-4.293 4.107 0 2.269 1.922 4.108 4.293 4.108 2.371 0 4.294-1.839 4.294-4.108 0-2.268-1.923-4.107-4.294-4.107Zm0 1.825c1.318 0 2.385 1.022 2.385 2.282s-1.067 2.282-2.385 2.282c-1.317 0-2.385-1.021-2.385-2.282 0-1.26 1.068-2.282 2.385-2.282Z",fill:"#121212",fillRule:"evenodd"})))};export{n as default};

package/dist/components/Icon/assets/warning.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var t;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},r.apply(this,arguments)}var n=function(n){return e.createElement("svg",r({viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),t||(t=e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.216 14.976 10.55 3h4l-.667 11.976h-2.667ZM12.55 21c-1.105 0-2-.946-2-2.113 0-1.168.895-2.114 2-2.114 1.104 0 2 .947 2 2.114 0 1.167-.896 2.113-2 2.113Z",fill:"#000"})))};export{n as default};

package/dist/components/Icon/assets/works.svg.js

@@ -0,0 +1 @@
+import*as t from"react";var e;function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},r.apply(this,arguments)}var a=function(a){return t.createElement("svg",r({viewBox:"0 0 18 20",xmlns:"http://www.w3.org/2000/svg"},a),e||(e=t.createElement("path",{d:"M13.092 0 18 5.718V20H0V0h13.092ZM14.1 4l-2.846.426-.094.021a.656.656 0 0 0-.467.627v7.095l-.195-.078a2.563 2.563 0 0 0-.853-.145c-1.35 0-2.446 1.026-2.446 2.291 0 1.266 1.095 2.292 2.446 2.292 1.352 0 2.447-1.026 2.447-2.292l-.004-.065h.003V7.487l2.009-.302V4Zm-7.05 5.923H4.03v1.612h3.02V9.923Zm2.015-2.701H4.028v1.612h5.036V7.222Zm0-2.701H4.028v1.612h5.036V4.52Z",fill:"#121212",fillRule:"evenodd"})))};export{a as default};

package/dist/components/Icon/assets/writer.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var t;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},r.apply(this,arguments)}var n=function(n){return e.createElement("svg",r({viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},n),t||(t=e.createElement("path",{d:"M9.812 8c.518 0 .938.42.938.937v5.813c0 .518-.42.938-.938.938h-.937v5.624c0 .346-.28.625-.625.625H4.5a.625.625 0 0 1-.625-.625v-5.624h-.938A.938.938 0 0 1 2 14.75V8.937C2 8.42 2.42 8 2.937 8ZM22 7.479v3.185l-1.994.302v6.685c-.002.022 0 .043 0 .065 0 1.266-1.087 2.292-2.429 2.292-1.341 0-2.429-1.026-2.429-2.292 0-1.265 1.088-2.291 2.43-2.291.298 0 .583.052.846.145l.194.078V8.553c0-.288.187-.538.453-.624l.104-.024 2.825-.426ZM15 13.402v1.612h-3v-1.612h3Zm2-2.701v1.612h-5V10.7h5ZM17 8v1.612h-5V8h5ZM4.607 2.733A2.499 2.499 0 0 1 8.875 4.5a2.5 2.5 0 1 1-4.268-1.767Z",fill:"none",fillRule:"evenodd"})))};export{n as default};

package/dist/components/Icon/assets/youtube.svg.js

@@ -0,0 +1 @@
+import*as t from"react";var e;function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},r.apply(this,arguments)}var n=function(n){return t.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},n),e||(e=t.createElement("path",{fillRule:"evenodd",d:"M18.5 5C19.88 5 21 6.088 21 7.431v9.819c0 .966-.806 1.75-1.8 1.75H4.8c-.994 0-1.8-.784-1.8-1.75V6.75C3 5.784 3.806 5 4.8 5zM10 8v8l6-4-6-4z"})))};export{n as default};

package/dist/components/IconButton/IconButton.js

@@ -0,0 +1 @@
+import{jsx as o}from"@emotion/react/jsx-runtime";import r from"react";import{useTypeColorToColorMatch as t}from"../../hooks/useTypeColorToColorMatch.js";import{defineBackgroundColor as e}from"../Button/utils.js";import s from"../Icon/Icon.js";import{sxProp as i}from"./IconButton.style.js";import m from"../ButtonBase/ButtonBase.js";import n from"../../hooks/useTheme.js";const a=r.forwardRef(((r,a)=>{const{iconSize:c,color:l="",type:p="primary",isFilled:f=!0,name:u,isTransparent:d}=r,j=n(),{calculateColorBetweenColorAndType:B}=t(),h=B(l,p),y=f&&!d?j.utils.getAAColorFromSwatches(h.color,h.shade):e(j,h,p,!0,!0),T=i({size:r.size});return o(m,Object.assign({},r,{ref:a,sx:T,dataTestPrefixId:"icon-"},{children:o(s,{name:u,color:y,size:c},void 0)}),void 0)}));a.displayName="IconButton";export{a as default};

package/dist/components/IconButton/IconButton.style.js

@@ -0,0 +1 @@
+import{heightBasedOnSize as t}from"../ButtonBase/ButtonBase.style.js";const e=({size:e})=>({container:{display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"100%",padding:0,width:t(e||"default")}});export{e as sxProp};

package/dist/components/Label/Label.js

@@ -0,0 +1 @@
+import{jsxs as r}from"@emotion/react/jsx-runtime";import{labelStyle as e}from"./Label.style.js";const s=({hasError:s=!1,htmlFor:t,label:i,isRequired:o=!1,isAnimated:a=!1})=>r("label",Object.assign({htmlFor:t,css:e({isAnimated:a,hasError:s})},{children:[i," ",o&&"*"]}),void 0);export{s as default};

package/dist/components/Label/Label.style.js

@@ -0,0 +1,17 @@
+import{css as t}from"@emotion/react";import{BASE_SHADE as o}from"../../theme/palette.js";import{rem as e}from"../../theme/utils.js";const r=e(3),s=({isAnimated:e,hasError:s})=>a=>t`
+      transition: transform 0.25s, opacity 0.25s ease-in-out;
+      transform-origin: 0 0;
+      width: 100%;
+      position: absolute;
+      user-select: none;
+      transform: ${e?`translate(${r}, -95%) scale(0.8);`:`translate(${r}, 0)`};
+      font-size: ${a.globals.typography.fontSizes.get("4")};
+      font-weight: ${a.globals.typography.weights.get("regular")};
+      color: ${s?a.utils.getColor("error",o,"normal"):a.utils.getColor("lightGrey",650)};
+      align-items: center;
+      display: flex;
+      top: 0;
+      bottom: 0;
+      margin: auto;
+      white-space: nowrap;
+    `;export{r as LABEL_TRANSFORM_LEFT_SPACING,s as labelStyle};

package/dist/components/List/List.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import t,{memo as i}from"react";import r from"react-fast-compare";import{wrapperStyle as a}from"./List.style.js";import s from"./NormalList/NormalList.js";import o from"./VirtualizedList/VirtualizedList.js";const d=t.forwardRef((({data:t,rowSize:i,width:r,height:d,isVirtualized:m=!1,selectedItem:l,isSearchable:c,defaultOption:h,searchTerm:f,handleOptionClick:p,dataTestId:n},u)=>e("div",Object.assign({css:a({width:r,isSearchable:c})},{children:m?e(o,{items:t,rowSize:i,customWidth:r,customHeight:d,ref:u,selectedItem:l,defaultOption:h,searchTerm:f,handleOptionClick:p,dataTestId:n},void 0):e(s,{items:t,rowSize:i,width:r,height:d,ref:u,selectedItem:l,isSearchable:c,defaultOption:h,searchTerm:f,handleOptionClick:p,dataTestId:n},void 0)}),void 0)));d.displayName="List";var m=i(d,r);export{m as default};

package/dist/components/List/List.style.js

@@ -0,0 +1,14 @@
+import{css as i}from"@emotion/react";import{rem as t}from"../../theme/utils.js";const o=({width:t,isSearchable:o})=>e=>i`
+      border: ${o?"initial":`1px solid ${e.utils.getColor("lightGrey",100)}`};
+      border-radius: ${o?"initial":e.globals.spacing.get("3")};
+      width: ${`${t}px`||"100%"};
+    `,e=({width:o,height:e,isSearchable:r})=>a=>i`
+      padding-left: 0;
+      margin-top: 0;
+      margin-bottom: 0;
+      border-radius: ${r?"initial":a.globals.spacing.get("3")};
+      width: ${o?t(o):"100%"};
+      height: ${e?t(e):"100%"};
+      overflow: auto;
+      overflow-x: hidden;
+    `;export{e as listStyle,o as wrapperStyle};

package/dist/components/List/ListItem/ListItem.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import i,{useCallback as t}from"react";import{renderContent as s}from"../utils.js";import{listItemStyle as o,contentStyle as r}from"./ListItem.style.js";const d=i.forwardRef((({size:i,content:d,index:l,isSelected:n=!1,isHighlighted:a=!1,isDisabled:c=!1,handleOptionClick:m,searchTerm:u,dataTestId:p,isGroupItem:f},h)=>{const g=t((()=>{d&&m&&!c&&m(d)}),[d,c,m]);return e("div",Object.assign({css:o({size:i,isSelected:n,isHighlighted:a,isDisabled:c,isGroupItem:f}),ref:n?h:null,onClick:g,onMouseDown:e=>{e.preventDefault()},"data-testid":null!=p?p:"ictinus_list_item_"+l},{children:e("div",Object.assign({css:r()},{children:s(d,u)}),void 0)}),void 0)}));d.displayName="ListItem";export{d as default};

package/dist/components/List/ListItem/ListItem.style.js

@@ -0,0 +1,30 @@
+import{css as o}from"@emotion/react";import{rem as e}from"../../../theme/utils.js";const i=({size:i,isSelected:t,isHighlighted:l,isDisabled:r,isGroupItem:s})=>g=>o`
+      height: ${e("normal"===i?56:46)};
+      font-size: ${g.globals.typography.fontSizes.get("normal"===i?"4":"3")};
+      background-color: ${t?g.utils.getColor("blue",50):g.globals.colors.white};
+      display: flex;
+      align-items: center;
+      padding: 0px ${g.globals.spacing.get("6")} 0px
+        ${s?g.globals.spacing.get("9"):g.globals.spacing.get("6")};
+      font-weight: ${t&&g.globals.typography.weights.get("medium")};
+      cursor: pointer;
+
+      ${l&&"font-weight: 500;"}
+
+      &:hover {
+        background-color: ${g.utils.getColor("lightGrey",50)};
+      }
+
+      ${r&&"\n        opacity: 0.5;\n        cursor: not-allowed;\n    "}
+    `,t=()=>o`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: inherit;
+  flex: 1;
+  flex-direction: row;
+  display: flex;
+  > div {
+    flex: 1;
+  }
+`;export{t as contentStyle,i as listItemStyle};

package/dist/components/List/ListItemGroup/ListGroupTitle/ListGroupTitle.js

@@ -0,0 +1 @@
+import{jsx as i}from"@emotion/react/jsx-runtime";import{listGroupTitleStyle as s,contentStyle as t}from"./ListGroupTitle.style.js";import{renderContent as e}from"../../utils.js";const o=({size:o,content:r,index:d,searchTerm:a,dataTestId:l})=>i("div",Object.assign({css:s({size:o,isDisabled:r.isDisabled}),"data-testid":null!=l?l:"ictinus_list_group_title_"+d},{children:i("div",Object.assign({css:t()},{children:e(r,a)}),void 0)}),void 0);o.displayName="ListGroupTitle";export{o as default};

package/dist/components/List/ListItemGroup/ListGroupTitle/ListGroupTitle.style.js

@@ -0,0 +1,16 @@
+import{css as o}from"@emotion/react";import{rem as e}from"../../../../theme/utils.js";const t=({size:t,isDisabled:l})=>i=>o`
+      height: ${e("normal"===t?56:46)};
+      font-size: ${i.globals.typography.fontSizes["normal"===t?"13":"11"]};
+      background-color: ${i.globals.colors.white};
+      color: ${i.utils.getColor("lightGrey",650)};
+      display: flex;
+      align-items: center;
+      padding: 0px ${i.globals.spacing.get("6")};
+      font-weight: ${i.globals.typography.weights.get("bold")};
+
+      ${l&&"\n        opacity: 0.5;\n        cursor: not-allowed;\n    "}
+    `,l=()=>o`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;export{l as contentStyle,t as listGroupTitleStyle};

package/dist/components/List/ListItemGroup/ListItemGroup.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import i from"react";import{generateUniqueID as s}from"../../../utils/helpers.js";import{listStyle as r}from"../List.style.js";import o from"../ListItem/ListItem.js";import{isSelected as d}from"../utils.js";import m from"./ListGroupTitle/ListGroupTitle.js";const l=i.forwardRef((({size:i,content:l,groupIndex:n,selectedItem:a,searchTerm:c,handleOptionClick:p,dataTestId:u},f)=>{var I;return e("li",{children:[t(m,{content:l,size:i,index:n,searchTerm:c,dataTestId:u},void 0),t("ul",Object.assign({css:r({})},{children:null===(I=l.options)||void 0===I?void 0:I.map(((e,r)=>t("li",{children:t(o,{content:e,size:i,index:""+n+r,ref:f,searchTerm:c,isDisabled:null==e?void 0:e.isDisabled,dataTestId:u,handleOptionClick:p,isSelected:d({item:e,selectedItem:a}),isGroupItem:!0},void 0)},s("list_item"+n+r))))}),void 0)]},void 0)}));l.displayName="ListItemGroup";export{l as default};

package/dist/components/List/NormalList/NormalList.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import t from"lodash/isUndefined";import i from"react";import{generateUniqueID as s}from"../../../utils/helpers.js";import{listStyle as o}from"../List.style.js";import r from"../ListItem/ListItem.js";import l from"../ListItemGroup/ListItemGroup.js";import{isSelected as d}from"../utils.js";const m=i.forwardRef((({items:i,width:m,height:a,rowSize:n,selectedItem:c,defaultOption:p,isSearchable:h,searchTerm:u,handleOptionClick:f,dataTestId:I},v)=>{const _=p?[p,...i]:i;return e("div",Object.assign({"data-testid":I?`${I}_list`:"ictinus_list"},{children:e("ul",Object.assign({css:o({width:m,height:a,isSearchable:h})},{children:_.map(((i,o)=>{var m,a;return(null===(m=i)||void 0===m?void 0:m.options)?e(l,{content:i,size:n,groupIndex:o,ref:v,searchTerm:u,dataTestId:I,handleOptionClick:f,selectedItem:c},s("list_item_group_"+o)):e("li",{children:e(r,{content:i,size:n,index:o,ref:v,isHighlighted:Boolean(p&&0===o),searchTerm:u,isDisabled:null===(a=i)||void 0===a?void 0:a.isDisabled,dataTestId:p&&0===o?null!=I?I:"ictinus_list_default_option":I,handleOptionClick:f,isSelected:p&&0===o?t(c)||d({item:p,selectedItem:c}):d({item:i,selectedItem:c})},void 0)},s("list_item"+o))}))}),void 0)}),void 0)}));m.displayName="NormalList";export{m as default};

package/dist/components/List/VirtualizedList/VirtualizedList.js

@@ -0,0 +1 @@
+import{jsx as t}from"@emotion/react/jsx-runtime";import e,{useMemo as i,useCallback as o}from"react";import{VariableSizeList as s}from"react-window";import{listStyle as d}from"../List.style.js";import r from"../ListItem/ListItem.js";import n from"../ListItemGroup/ListItemGroup.js";import{MAX_LARGE_HEIGHT as l,MAX_SMALL_HEIGHT as a,isSelected as m}from"../utils.js";const c=e.forwardRef((({items:e,customWidth:c,customHeight:u,rowSize:p,selectedItem:h,defaultOption:v,searchTerm:f,handleOptionClick:g,dataTestId:I},j)=>{const O=i((()=>v?[v,...e]:e),[v,e]),b=o((t=>{var e,i,o;const s="normal"===p?56:46;return(null===(e=O[t])||void 0===e?void 0:e.options)?((null===(o=null===(i=O[t])||void 0===i?void 0:i.options)||void 0===o?void 0:o.length)+1)*s:s}),[O,p]);return t(s,Object.assign({"data-testid":I?`${I}_list`:"ictinus_list",height:u||"normal"===p?l:a,width:c||"100%",itemCount:O.length,itemSize:b,css:{overflowX:"hidden"}},{children:({index:e,style:i})=>{var o,s;return t("span",Object.assign({css:Object.assign({},i)},{children:(null===(o=O[e])||void 0===o?void 0:o.options)?t("ul",Object.assign({css:d({})},{children:t(n,{size:p,content:O[e],groupIndex:e,ref:j,searchTerm:f,dataTestId:I,handleOptionClick:g,selectedItem:h},void 0)}),void 0):t(r,{size:p,content:O[e],index:e,ref:j,isDisabled:null===(s=O[e])||void 0===s?void 0:s.isDisabled,isSelected:m({item:O[e],selectedItem:h}),searchTerm:f,dataTestId:I+`${v&&0===e&&"default"}`,isHighlighted:Boolean(v&&0===e),handleOptionClick:g},void 0)}),void 0)}}),void 0)}));c.displayName="VirtualizedList";export{c as default};

package/dist/components/List/utils.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i,Fragment as t}from"@emotion/react/jsx-runtime";import o from"react";import r from"react-highlight-words";import l from"../Icon/Icon.js";const a=6,n=5,s=277,c=265,m=({item:e,selectedItem:i})=>{if(e&&o.isValidElement(e))return!1;const t=e=>e&&!o.isValidElement(e)&&"object"==typeof e&&!Array.isArray(e)&&"value"in e&&(null==e?void 0:e.value)?e.value:e;return("string"==typeof e||"number"==typeof e?e:t(e))===("string"==typeof i||"number"==typeof i?i:t(i))},d=(a,n)=>n&&a&&!o.isValidElement(a)&&"object"==typeof a&&!Array.isArray(a)&&"label"in a&&(null==a?void 0:a.label)?e(r,{highlightClassName:"search-text",highlightTag:"strong",searchWords:[n],autoEscape:!0,textToHighlight:a.label},void 0):a&&!o.isValidElement(a)&&"object"==typeof a&&!Array.isArray(a)&&"label"in a&&(null==a?void 0:a.label)?i(t,{children:[e("div",{children:a.label},void 0)," ",(null==a?void 0:a.iconProps)&&e(l,Object.assign({},a.iconProps),void 0)]},void 0):a;export{s as MAX_LARGE_HEIGHT,a as MAX_NON_VIRTUALIZED_ITEMS_FILTER,n as MAX_NON_VIRTUALIZED_ITEMS_SELECT,c as MAX_SMALL_HEIGHT,m as isSelected,d as renderContent};

package/dist/components/Loader/Loader.js

@@ -0,0 +1 @@
+import{jsx as o}from"@emotion/react/jsx-runtime";import{loaderContainer as t}from"./Loader.style.js";import{getLoader as r}from"./Loader.utils.js";const s=({type:s="dots",dataTestId:e,color:i})=>o("div",Object.assign({css:t()},{children:r(s,e,i)}),void 0);export{s as default};

package/dist/components/Loader/Loader.style.js

@@ -0,0 +1,3 @@
+import{css as e}from"@emotion/react";const o=()=>()=>e`
+  align-self: center;
+`;export{o as loaderContainer};

package/dist/components/Loader/Loader.utils.js

@@ -0,0 +1 @@
+import{jsx as o}from"@emotion/react/jsx-runtime";import t from"./components/DotsLoader/DotsLoader.js";import e from"./components/IndeterminateLoader/IndeterminateLoader.js";import r from"./components/Spinner/Spinner.js";const n=(n,d,i)=>n?((n,d)=>({dots:o(t,{dataTestId:n,color:d},void 0),indeterminate:o(e,{dataTestId:n,color:d},void 0),spinner:o(r,{dataTestId:n,color:d},void 0)}))(d,i)[n]:null;export{n as getLoader};

package/dist/components/Loader/components/DotsLoader/DotsLoader.js

@@ -0,0 +1 @@
+import{jsx as t}from"@emotion/react/jsx-runtime";import{generateTestDataId as o}from"../../../../utils/helpers.js";import{dotsWrapper as s,dotsContainer as i}from"./DotsLoader.style.js";const d=({dataTestId:d,color:e})=>t("div",Object.assign({css:s,"data-testid":o("dots-loading",d)},{children:t("div",{css:i(e)},void 0)}),void 0);export{d as default};

package/dist/components/Loader/components/DotsLoader/DotsLoader.style.js

@@ -0,0 +1,46 @@
+import{css as o}from"@emotion/react";import{darken as t}from"polished";import{rem as i}from"../../../../theme/utils.js";const e=(o,i=0,e)=>t(i,e||o.utils.getColor("lightGrey",150)),r=(t,r,n,a,l)=>o`
+  left: ${a&&i(a)};
+  width: ${i(6)};
+  height: ${i(6)};
+  border-radius: ${i(5)};
+  background-color: ${e(n,.1,l)};
+  color: ${e(n,.1,l)};
+  animation: ${r};
+  animation-delay: ${t}s;
+`,n=o`
+  width: ${i(26)};
+  position: relative;
+  height: ${i(6)};
+`,a=t=>n=>o`
+  position: absolute;
+  left: ${i(10)};
+  ${r(.5,"dotFlashing 0.7s infinite linear alternate",n,0,t)};
+
+  &::after,
+  &::before {
+    content: '';
+    display: inline-block;
+    position: absolute;
+    top: 0;
+  }
+
+  &::before {
+    ${r(0,"dotFlashing 0.7s infinite alternate",n,-10,t)};
+  }
+
+  &::after {
+    ${r(.7,"dotFlashing 0.7s infinite alternate",n,10,t)};
+  }
+
+  @keyframes dotFlashing {
+    0% {
+      background-color: ${e(n,0,t)};
+    }
+    50% {
+      background-color: ${e(n,.05,t)};
+    }
+    100% {
+      background-color: ${e(n,.1,t)};
+    }
+  }
+`;export{a as dotsContainer,n as dotsWrapper,e as getColorForDots,r as getDotsLayout};

package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.js

@@ -0,0 +1 @@
+import{jsxs as s,jsx as t}from"@emotion/react/jsx-runtime";import{generateTestDataId as i}from"../../../../utils/helpers.js";import{LoaderContainer as o,LoaderLine as d,LoaderDecLine as e,LoaderIncLine as r}from"./IndeterminateLoader.style.js";const a=({dataTestId:a,color:c})=>s("div",Object.assign({css:o(),"data-testid":i("dots-loading",a)},{children:[t("div",{css:d()},void 0),t("div",{css:e(c)},void 0),t("div",{css:r(c)},void 0)]}),void 0);export{a as default};

package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.style.js

@@ -0,0 +1,45 @@
+import{css as t}from"@emotion/react";import{BASE_SHADE as e}from"../../../../theme/palette.js";import{rem as i}from"../../../../theme/utils.js";const o=()=>e=>t`
+  position: absolute;
+  opacity: 0.4;
+  background: ${e.utils.getColor("lightGrey",100)};
+  width: 150%;
+  height: ${i(8)};
+`,r=e=>t`
+  position: absolute;
+  background: ${e};
+  height: ${i(8)};
+`,a=i=>o=>t`
+  ${r(i||o.utils.getColor("primary",e,"normal"))};
+
+  animation: decrease 2.3s 0.8s infinite;
+  @keyframes decrease {
+    from {
+      left: -80%;
+      width: 80%;
+    }
+    to {
+      left: 110%;
+      width: 10%;
+    }
+  }
+`,s=i=>o=>t`
+  ${r(i||o.utils.getColor("primary",e,"normal"))};
+
+  animation: increase 2.3s infinite;
+  @keyframes increase {
+    from {
+      left: -5%;
+      width: 5%;
+    }
+    to {
+      left: 130%;
+      width: 100%;
+    }
+  }
+`,n=()=>()=>t`
+  position: relative;
+  width: 100%;
+  height: ${i(8)};
+  overflow-x: hidden;
+  border-radius: ${i(8)};
+`;export{n as LoaderContainer,a as LoaderDecLine,s as LoaderIncLine,o as LoaderLine,r as LoaderSubLine};

package/dist/components/Loader/components/Spinner/Spinner.js

@@ -0,0 +1 @@
+import{jsx as t}from"@emotion/react/jsx-runtime";import{generateTestDataId as o}from"../../../../utils/helpers.js";import{spinnerContainer as r}from"./Spinner.style.js";const s=({dataTestId:s,color:e})=>t("div",{"data-testid":o("spinner",s),css:r(e)},void 0);export{s as default};

package/dist/components/Loader/components/Spinner/Spinner.style.js

@@ -0,0 +1,23 @@
+import{css as r}from"@emotion/react";import{BASE_SHADE as t}from"../../../../theme/palette.js";import{rem as o}from"../../../../theme/utils.js";const e=(r,e)=>`${o(2)} solid ${e||r.utils.getColor("primary",t,"normal")};`,i=t=>o=>r`
+      width: ${o.globals.spacing.get("8")};
+      height: ${o.globals.spacing.get("8")};
+      margin: auto;
+      box-sizing: border-box;
+      border-top: ${e(o,t)};
+      border-right: ${e(o,t)};
+      border-bottom: ${e(o,t)};
+      border-left: ${e(o,"transparent")};
+      border-radius: 50%;
+      animation: spin 1.1s infinite linear;
+
+      @keyframes spin {
+        0% {
+          -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+        }
+        100% {
+          -webkit-transform: rotate(360deg);
+          transform: rotate(360deg);
+        }
+      }
+    `;export{i as spinnerContainer};

package/dist/components/Menu/Menu.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as i}from"@emotion/react/jsx-runtime";import t from"../../hooks/useTheme.js";import{useTypeColorToColorMatch as e}from"../../hooks/useTypeColorToColorMatch.js";import s from"lodash/isEmpty";import*as r from"react";import l from"../Avatar/Avatar.js";import n from"../Button/Button.js";import{defineBackgroundColor as c}from"../Button/utils.js";import a from"../Icon/Icon.js";import m from"../utils/ClickAwayListener/ClickAwayListener.js";import{optionsStyle as d}from"../utils/DropdownOptions/index.js";import{wrapperStyle as p}from"./Menu.style.js";import u from"../List/List.js";const f=f=>{const{items:v,onSelect:h,color:j="",size:C="md",buttonText:b="More",menuPosition:y="left",buttonType:g="primary",rightIconName:k,isFilled:z=!0,isDisabled:A=!1,leftIconName:O,iconSize:T=16,avatar:w,dataTestId:I}=f,[L,S]=r.useState(!1),x=t(),{calculateColorBetweenColorAndType:B}=e(),D=B(j,g),F=z?x.utils.getAAColorFromSwatches(D.color,D.shade):c(x,D,g,!0,!0);return o(m,Object.assign({onClick:()=>S(!1)},{children:i("div",Object.assign({css:p(),"data-testid":I},{children:[o(n,Object.assign({size:C,onClick:()=>S(!open),type:g,color:j,isDisabled:A,isFilled:z,iconRight:k?o(a,{name:k,color:F,size:T},void 0):null,iconLeft:s(w)?O?o(a,{name:O,color:F,size:T},void 0):null:o(l,Object.assign({size:"sm",src:null==w?void 0:w.src,color:null==w?void 0:w.color,iconName:"user"},{children:null==w?void 0:w.letter}),void 0)},{children:o("span",{children:b},void 0)}),void 0),L&&o("div",Object.assign({css:d({menuPosition:y})(x)},{children:v&&o(u,{data:v,rowSize:"small",handleOptionClick:o=>{S(!1),h(o)}},void 0)}),void 0)]}),void 0)}),void 0)};export{f as default};

package/dist/components/Menu/Menu.style.js

@@ -0,0 +1,4 @@
+import{css as o}from"@emotion/react";const i=()=>()=>o`
+    position: relative;
+    display: inline-block;
+  `;export{i as wrapperStyle};

package/dist/components/Modal/Modal.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as e}from"@emotion/react/jsx-runtime";import{useEffect as s}from"react";import t from"../../hooks/useEscape.js";import{generateTestDataId as i}from"../../utils/helpers.js";import d from"../Card/Card.js";import n from"../IconButton/IconButton.js";import r from"../utils/ClickAwayListener/ClickAwayListener.js";import{backgroundContainer as a,cardSizing as c,closeContainer as l,modalContainer as m}from"./Modal.style.js";import j from"./ModalContent/ModalContent.js";const p=({isOpen:p=!1,onClose:v,dataTestId:f,children:u,contentProps:h,isContentPadded:C=!0})=>(t((()=>{v()})),s((()=>(p&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="unset"})),[p]),p?o("div",Object.assign({css:a,"data-testid":i("modal-container",f)},{children:o(r,Object.assign({onClick:v},{children:o("div",Object.assign({css:c},{children:e(d,Object.assign({elevated:"02",radius:"3"},{children:[o("div",Object.assign({css:l},{children:o(n,{name:"close",isFilled:!1,isTransparent:!0,color:"lightGrey-650",size:"sm",onClick:v,dataTestId:"modal-close"},void 0)}),void 0),o("div",Object.assign({css:m({isContentPadded:C})},{children:h?o(j,Object.assign({},h),void 0):u}),void 0)]}),void 0)}),void 0)}),void 0)}),void 0):null);export{p as default};

package/dist/components/Modal/Modal.style.js

@@ -0,0 +1,32 @@
+import{css as e}from"@emotion/react";import{transparentize as i}from"polished";import{rem as t}from"../../theme/utils.js";const o=t=>e`
+  position: fixed;
+  z-index: 3000; // Because TextField has a z-index of 2000 in its style.
+  width: 100vw;
+  height: 100vh;
+  top: 0;
+  left: 0;
+  background-color: ${i(.8,t.globals.colors.white)};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,l=e`
+  max-width: ${t(500)};
+  max-height: ${t(684)};
+`,s=({isContentPadded:i})=>t=>e`
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+
+      padding: ${i?`${t.globals.spacing.get("8")} ${t.globals.spacing.get("9")} ${t.globals.spacing.get("9")} ${t.globals.spacing.get("9")}`:void 0};
+    `,a=i=>e`
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  padding: ${i.globals.spacing.get("4")} ${i.globals.spacing.get("4")} 0 0;
+  box-sizing: border-box;
+
+  //TODO: REMOVE THIS AFTER BUTTONS REFACTOR
+  svg {
+    color: ${i.utils.getColor("lightGrey",650)};
+  }
+`;export{o as backgroundContainer,l as cardSizing,a as closeContainer,s as modalContainer};

package/dist/components/Modal/ModalContent/ModalContent.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"@emotion/react/jsx-runtime";import{generateTestDataId as s}from"../../../utils/helpers.js";import a from"../../Button/Button.js";import{modalContentContainer as i,labelContainer as o,headingContainer as d,messageContainer as n,actionsContainer as r}from"./ModalContent.style.js";const c=({label:c,heading:l,message:m,primaryCTA:p,primaryCTALabel:g,secondaryCTA:h,secondaryCTALabel:j,dataTestId:y})=>e("div",Object.assign({role:"dialog",css:i,"data-testid":s("modal-content",y)},{children:[Boolean(c)&&t("p",Object.assign({css:o},{children:c}),void 0),t("h5",Object.assign({css:d,"data-testid":s("modal-content-header",y)},{children:l}),void 0),t("p",Object.assign({css:n,"data-testid":s("modal-content-message",y)},{children:m}),void 0),e("div",Object.assign({css:r},{children:[Boolean(h&&j)&&t(a,Object.assign({type:"primary",isFilled:!1,onClick:h,size:"md",dataTestId:"modal-content-secondaryCTA",isTransparent:!0},{children:j}),void 0),Boolean(p&&g)&&t(a,Object.assign({type:"primary",onClick:p,size:"md",dataTestId:"modal-content-primaryCTA"},{children:g}),void 0)]}),void 0)]}),void 0);export{c as default};

package/dist/components/Modal/ModalContent/ModalContent.style.js

@@ -0,0 +1,35 @@
+import{css as t}from"@emotion/react";import{rem as o}from"../../../theme/utils.js";const e=o=>t`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  text-align: left;
+  color: ${o.utils.getColor("lightGrey",700,"flat")};
+  font-weight: ${o.globals.typography.weights.get("regular")};
+`,l=o=>t`
+  font-size: ${o.globals.typography.fontSizes.get("3")};
+  margin: 0 0 ${o.globals.spacing.get("3")} 0;
+`,g=o=>t`
+  font-size: ${o.globals.typography.fontSizes.get("9")};
+  color: ${o.utils.getColor("darkGrey",850)};
+  font-weight: ${o.globals.typography.weights.get("medium")};
+  margin: 0 0 ${o.globals.spacing.get("9")} 0;
+`,i=e=>t`
+  font-size: ${e.globals.typography.fontSizes.get("4")};
+  color: ${e.utils.getColor("lightGrey",750)};
+  max-height: ${o(430)};
+  overflow-y: hidden;
+  margin: 0;
+`,r=o=>t`
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
+  margin: ${o.globals.spacing.get("9")} 0 0 0;
+
+  button {
+    margin-left: ${o.globals.spacing.get("6")};
+  }
+`;export{r as actionsContainer,g as headingContainer,l as labelContainer,i as messageContainer,e as modalContentContainer};

package/dist/components/Notification/Banner/Banner.js

@@ -0,0 +1 @@
+import{jsx as t}from"@emotion/react/jsx-runtime";import e from"../subcomponents/CompactNotification/CompactNotification.js";const a=({hasIcon:a=!1,title:o,message:i,type:s,styleType:r="elevated",primaryCTALabel:m,primaryCTA:p,closeCTA:n,dataTestId:c})=>t(e,{hasIcon:a,message:i,title:o,variant:"banner",type:s,styleType:r,primaryCTALabel:m,primaryCTA:p,closeCTA:n,dataTestId:c},void 0);export{a as default};

package/dist/components/Notification/InlineNotification/InlineNotification.js

@@ -0,0 +1 @@
+import{jsx as e}from"@emotion/react/jsx-runtime";import t from"../subcomponents/CompactNotification/CompactNotification.js";const a=({hasIcon:a=!1,message:o,type:i,styleType:s="elevated",primaryCTALabel:r,primaryCTA:m,closeCTA:p,dataTestId:n})=>e(t,{hasIcon:a,message:o,variant:"inline",type:i,styleType:s,primaryCTALabel:r,primaryCTA:m,closeCTA:p,dataTestId:n},void 0);export{a as default};

package/dist/components/Notification/Notification.style.js

@@ -0,0 +1,24 @@
+import{css as o}from"@emotion/react";import{tint as t}from"polished";import{rem as i}from"../../theme/utils.js";const e=(o,t)=>o.utils.getColor(t,550,"normal"),n=(n,l,r)=>o`
+  border: ${i(1)} solid ${r.utils.getColor(n,100,"normal")};
+
+  &[notification-type='banner'] {
+    box-shadow: ${r.globals.elevation["02"]};
+  }
+
+  ${"outlined"===l?`\n        border: ${i(2)} solid ${e(r,n)};\n        background: white;\n      `:`\n        background: ${t(.95,e(r,n))};\n`}
+`,l=()=>t=>o`
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-end;
+      margin-top: ${t.globals.spacing.get("6")};
+      position: sticky;
+      bottom: ${t.globals.spacing.get("6")};
+      top: 100%;
+    `,r=()=>t=>o`
+      cursor: pointer;
+      margin-left: ${t.globals.spacing.get("6")};
+    `,g=()=>t=>o`
+      padding-right: ${t.globals.spacing.get("4")};
+    `,s=()=>t=>o`
+      font-weight: ${t.globals.typography.weights.get("bold")};
+    `;export{r as actionContainer,l as actionsContainer,s as boldMessageContainer,g as iconContainer,n as notificationsContainerPerType,e as typeToThemePalette};

package/dist/components/Notification/NotificationVisual/NotificationVisual.js

@@ -0,0 +1 @@
+import{jsxs as i,jsx as s}from"@emotion/react/jsx-runtime";import{generateTestDataId as t}from"../../../utils/helpers.js";import e from"../../Button/Button.js";import{boldMessageContainer as n,actionsContainer as r,actionContainer as a}from"../Notification.style.js";import{visualContainer as o,descriptionContainer as c}from"./NotificationVisual.style.js";const d=({title:d,primaryCTALabel:l="OK",primaryCTA:m,secondaryCTALabel:v="Cancel",secondaryCTA:p,description:j,dataTestId:b})=>i("div",Object.assign({css:o()},{children:[s("div",Object.assign({css:n()},{children:d}),void 0),s("div",Object.assign({css:c()},{children:j}),void 0),i("div",Object.assign({css:r()},{children:[s("div",Object.assign({css:a(),"data-testid":t("visual-secondary",b)},{children:s(e,Object.assign({type:"link",isTransparent:!0,size:"sm",onClick:p},{children:v}),void 0)}),void 0),s("div",Object.assign({css:a(),"data-testid":t("visual-primary",b)},{children:s(e,Object.assign({type:"link",isTransparent:!0,size:"sm",onClick:m},{children:l}),void 0)}),void 0)]}),void 0)]}),void 0);export{d as default};

package/dist/components/Notification/NotificationVisual/NotificationVisual.style.js

@@ -0,0 +1,8 @@
+import{css as t}from"@emotion/react";import{rem as o}from"../../../theme/utils.js";const i=()=>o=>t`
+      margin: ${o.globals.spacing.get("6")};
+    `,a=()=>i=>t`
+      margin-top: ${i.globals.spacing.get("4")};
+      max-height: ${o(180)};
+      overflow: auto;
+      max-width: fit-content;
+    `;export{a as descriptionContainer,i as visualContainer};

package/dist/components/Notification/NotificationsContainer/NotificationsContainer.js

@@ -0,0 +1 @@
+import{jsx as t}from"@emotion/react/jsx-runtime";import o from"react-dom";import{notificationsContainer as r}from"./NotificationsContainer.style.js";const e=e=>{const{children:i,position:n,parent:s=document.body}=e;return null===s?null:o.createPortal(t("div",Object.assign({css:r(n,s)},{children:i}),void 0),s)};export{e as default};

package/dist/components/Notification/NotificationsContainer/NotificationsContainer.style.js

@@ -0,0 +1,36 @@
+import{css as t}from"@emotion/react";import{rem as i}from"../../../theme/utils.js";const o={"top-right":"top:0; right: 0; align-items: flex-end;","top-left":"top:0; left: 0; align-items: flex-start;","bottom-left":"bottom:0; left: 0; align-items: flex-start;","bottom-right":"bottom:0; right: 0; align-items: flex-end;"},n=(n,e)=>a=>{return t`
+      position: ${e===document.body?"fixed":"absolute"};
+      ${l=o[n],t`
+    ${l}
+  `};
+      max-width: 66%;
+      display: flex;
+      flex-direction: column;
+      z-index: 2500;
+      margin: ${a.globals.spacing.get("4")} ${a.globals.spacing.get("6")} ${a.globals.spacing.get("6")};
+      > div {
+        margin: ${a.globals.spacing.get("4")} 0;
+      }
+
+      div[notification-type='toast'] {
+        min-width: ${i(336)};
+        width: 100%;
+      }
+
+      div[notification-type='snackbar'] {
+        min-width: ${i(336)};
+        width: 100%;
+      }
+
+      div[notification-type='banner'] {
+        min-width: ${i(490)};
+      }
+
+      div[notification-type='banner'] ~ div[notification-type='toast'] {
+        width: 100%;
+      }
+
+      div[notification-type='banner'] ~ div[notification-type='snackbar'] {
+        width: 100%;
+      }
+    `;var l};export{n as notificationsContainer};

package/dist/components/Notification/Snackbar/Snackbar.js

@@ -0,0 +1 @@
+import{jsxs as s,jsx as i}from"@emotion/react/jsx-runtime";import e from"../../../hooks/useTheme.js";import{generateTestDataId as o}from"../../../utils/helpers.js";import t from"../../Button/Button.js";import{iconContainer as c,boldMessageContainer as n,actionContainer as a,actionsContainer as r}from"../Notification.style.js";import{typeToIconName as d}from"../subcomponents/CompactNotification/CompactNotification.js";import{cardContainer as l,topContainer as m,infoContainer as p,descriptionContainer as v}from"./Snackbar.style.js";import b from"../../Icon/Icon.js";const j=({message:j,type:h,styleType:g="elevated",primaryCTALabel:y="OK",primaryCTA:f,secondaryCTALabel:O="Cancel",secondaryCTA:C,description:k,closeCTA:T,dataTestId:u})=>{const{utils:A}=e();return s("div",Object.assign({css:l(h,g),"notification-type":"snackbar"},{children:[s("div",Object.assign({css:m()},{children:[s("div",Object.assign({css:p()},{children:[i("div",Object.assign({css:c()},{children:i(b,{name:d(h),color:h,size:20},void 0)}),void 0),i("div",Object.assign({css:n()},{children:j}),void 0)]}),void 0),i("span",Object.assign({css:a(),onClick:T,"data-testid":o("snackbar-close",u)},{children:i(b,{name:"close",color:A.getColor("lightGrey",650),size:20},void 0)}),void 0)]}),void 0),i("div",Object.assign({css:v()},{children:k}),void 0),s("div",Object.assign({css:r()},{children:[i("div",Object.assign({css:a(),"data-testid":o("snackbar-secondary",u)},{children:i(t,Object.assign({type:"link",isTransparent:!0,size:"sm",onClick:C},{children:O}),void 0)}),void 0),i("div",Object.assign({css:a(),"data-testid":o("snackbar-primary",u)},{children:i(t,Object.assign({type:"link",isTransparent:!0,size:"sm",onClick:f},{children:y}),void 0)}),void 0)]}),void 0)]}),void 0)};export{j as default};

package/dist/components/Notification/Snackbar/Snackbar.style.js

@@ -0,0 +1,26 @@
+import{css as o}from"@emotion/react";import{rem as e}from"../../../theme/utils.js";import{typeToThemePalette as t}from"../Notification.style.js";const i=(i,n)=>l=>o`
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      padding: ${l.globals.spacing.get("6")};
+      box-sizing: border-box;
+      min-height: ${e(164)};
+      max-height: ${e(294)};
+      border-radius: ${e(8)};
+      background: ${l.globals.colors.white};
+      ${((o,i,n)=>"outlined"===i?`\n        border: ${e(2)} solid ${t(n,o)};\n      `:` \n    border-left: ${t(n,o)} ${e(4)} solid;\n    box-shadow: ${n.globals.elevation["02"]};\n`)(i,n,l)};
+    `,n=()=>e=>o`
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding-bottom: ${e.globals.spacing.get("6")};
+    `,l=()=>()=>o`
+    display: flex;
+    align-items: center;
+  `,a=()=>t=>o`
+      padding-bottom: ${t.globals.spacing.get("6")};
+      font-size: ${t.globals.typography.fontSizes.get("3")};
+      max-height: ${e(194)};
+      overflow: auto;
+      max-width: fit-content;
+    `;export{i as cardContainer,a as descriptionContainer,l as infoContainer,n as topContainer};

package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.js

@@ -0,0 +1 @@
+import{jsxs as i,jsx as t}from"@emotion/react/jsx-runtime";import s from"../../../../hooks/useTheme.js";import{generateTestDataId as e}from"../../../../utils/helpers.js";import o from"../../../Button/Button.js";import n from"../../../Icon/Icon.js";import{iconContainer as a,actionContainer as r}from"../../Notification.style.js";import{notificationsContainer as c,infoContainer as d,headContainer as l,messageContainer as m,actionsContainer as p,primaryActionContainer as v}from"./CompactNotification.style.js";const j=i=>"warning"===i?"alert":i,f=({hasIcon:f=!1,message:g,variant:h,type:b,styleType:y="elevated",primaryCTALabel:u,primaryCTA:O,closeCTA:C,title:T,dataTestId:k})=>{const{utils:I}=s();return i("div",Object.assign({css:c(b,y),"data-testid":e(h,k)},"banner"==h&&{"notification-type":"banner"},{children:[i("div",Object.assign({css:d()},{children:[f&&t("div",Object.assign({css:a()},{children:t(n,{name:j(b),color:b,size:20},void 0)}),void 0),"banner"===h&&t("div",Object.assign({css:l(),"data-testid":e(`${h}-title`,k)},{children:T}),void 0),t("div",Object.assign({css:m(),"data-testid":e(`${h}-message`,k)},{children:g}),void 0)]}),void 0),i("div",Object.assign({css:p()},{children:[O&&u&&t(o,Object.assign({css:v(),type:"link",size:"sm",onClick:O,"data-testid":e("notification-primary",k)},{children:u}),void 0),C&&t("span",Object.assign({css:r(),onClick:C,"data-testid":e("notification-close",k)},{children:t(n,{name:"close",color:I.getColor("lightGrey",650),size:20},void 0)}),void 0)]}),void 0)]}),void 0)};export{f as default,j as typeToIconName};

package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.style.js

@@ -0,0 +1,28 @@
+import{css as t}from"@emotion/react";import{rem as e}from"../../../../theme/utils.js";import{notificationsContainerPerType as i}from"../../Notification.style.js";const o=(o,g)=>s=>t`
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      overflow: hidden;
+      width: 100%;
+      min-height: ${e(46)};
+      border-radius: ${s.globals.spacing.get("3")};
+      color: ${s.utils.getColor("darkGrey",850)};
+      font-size: ${s.globals.typography.fontSizes.get("3")};
+      ${i(o,g,s)};
+    `,g=()=>e=>t`
+      display: flex;
+      align-items: center;
+      padding: 0 ${e.globals.spacing.get("6")};
+    `,s=()=>e=>t`
+      padding: ${e.globals.spacing.get("6")} 0;
+    `,a=()=>e=>t`
+      display: flex;
+      align-items: center;
+      padding-right: ${e.globals.spacing.get("6")};
+      font-weight: ${e.globals.typography.weights.get("medium")};
+    `,l=()=>e=>t`
+      padding-right: ${e.globals.spacing.get("3")};
+      font-weight: ${e.globals.typography.weights.get("medium")};
+    `,r=()=>()=>t`
+    cursor: pointer;
+  `;export{a as actionsContainer,l as headContainer,g as infoContainer,s as messageContainer,o as notificationsContainer,r as primaryActionContainer};

package/dist/components/Overlay/Overlay.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as s}from"@emotion/react/jsx-runtime";import e from"../../hooks/useEscape.js";import o from"react";import{generateTestDataId as t}from"../../utils/helpers.js";import{backdropStyle as r,overlayStyle as a,closeIconContainer as n,contentStyle as c}from"./Overlay.style.js";import l from"../IconButton/IconButton.js";import d from"../utils/ClickAwayListener/ClickAwayListener.js";const h=({anchor:i,size:s})=>"top"===i||"bottom"===i?{display:"flex",height:s,width:"100%"}:{display:"flex",height:"100%",width:s},m=o.forwardRef((({isOpen:o,onClose:m,anchor:p="left",size:f,dataTestId:v,children:y},j)=>(e((()=>{m()})),i("div",Object.assign({css:r({isOpen:o,anchor:p}),"data-testid":t("overlay-container",v)},{children:i(d,Object.assign({onClick:()=>m(),cssStyles:h({anchor:p,size:f})},{children:s("div",Object.assign({ref:j,css:a({isOpen:o,anchor:p})},{children:[i("div",Object.assign({css:n()},{children:i(l,{name:"close",isFilled:!1,isTransparent:!0,color:"lightGrey-650",size:"sm",onClick:m,dataTestId:"overlay-close"},void 0)}),void 0),i("div",Object.assign({css:c()},{children:y}),void 0)]}),void 0)}),void 0)}),void 0))));m.displayName="Overlay";export{m as default};

package/dist/components/Overlay/Overlay.style.js

@@ -0,0 +1,37 @@
+import{css as t}from"@emotion/react";import{transparentize as e}from"polished";import{flex as o,transition as r}from"../../theme/functions.js";const n=()=>t`
+  justify-content: flex-end;
+`,a=()=>t`
+  flex-direction: column;
+`,i=({isOpen:i,anchor:s})=>l=>t`
+      ${o};
+      position: fixed;
+      width: 100vw;
+      height: 100vh;
+      z-index: 2500;
+      right: 0;
+      bottom: 0;
+      top: 0;
+      left: 0;
+      background-color: ${e(.25,l.globals.colors.black)};
+      visibility: ${i?"visible":"hidden"};
+      opacity: ${i?1:0};
+      ${r(.2)}
+      ${(e=>{switch(e){case"top":return a();case"right":return n();case"bottom":return t`
+        ${n()} ${a()}
+      `;default:return t``}})(s)}
+    `,s=({isOpen:e,anchor:n})=>a=>t`
+      ${o};
+      flex-direction: column;
+      overflow-y: auto;
+      background-color: ${a.globals.colors.white};
+      width: 100%;
+      height: auto;
+      transform: ${((t,e)=>{switch(e){case"top":return t?"translateY(0)":"translateY(-100%)";case"right":return t?"translateX(0)":"translateX(100%)";case"bottom":return t?"translateY(0)":"translateY(100%)";default:return t?"translateX(0)":"translateX(-100%)"}})(e,n)};
+      ${r(.3)}
+    `,l=()=>e=>t`
+      ${o};
+      justify-content: flex-end;
+      padding: ${e.globals.spacing.get("4")} ${e.globals.spacing.get("4")} 0 0;
+    `,c=()=>e=>t`
+      padding: ${e.globals.spacing.get("9")};
+    `;export{i as backdropStyle,l as closeIconContainer,c as contentStyle,s as overlayStyle};