@orfium/ictinus 4.55.0-next.7 → 4.55.0-next.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.css +1 -1
- package/dist/components/ButtonBase/ButtonBase.js +1 -1
- package/dist/components/DatePicker/utils.js +1 -1
- package/dist/components/Label/Label.style.js +6 -5
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Select/components/SelectMenu/SelectMenu.js +1 -1
- package/dist/components/Select/constants.js +1 -0
- package/dist/components/Select/hooks/useMultiselectUtils.js +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/TextInputBase/config.js +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.js +2 -3
- package/dist/components/Typography/Typography.js +1 -1
- package/dist/components/Typography/Typography.style.js +91 -85
- package/dist/components/utils/PositionInScreen/hooks.js +1 -1
- package/dist/components/utils/PositionInScreen/utils.js +1 -0
- package/dist/index.d.ts +6 -6
- package/dist/theme/globals/constants/letterSpacing.js +1 -1
- package/dist/theme/globals/typography.js +1 -1
- package/package.json +4 -4
package/dist/bundle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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;
|
|
1
|
+
.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;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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as o}from"@emotion/react/jsx-runtime";import
|
|
1
|
+
import{jsxs as t,jsx as o}from"@emotion/react/jsx-runtime";import e from"react";import{buttonWrapperStyle as r,buttonBaseStyle as i}from"./ButtonBase.style.js";import{generateTestDataId as s}from"../../utils/helpers.js";import a from"../Button/ButtonLoader/ButtonLoader.js";import n from"../Typography/Typography.js";const d=e.forwardRef(((e,d)=>{const{type:c="primary",isBlock:l=!1,isDisabled:p=!1,isLoading:m=!1,isIconButton:u=!1,shape:y="circle",children:B,dataTestId:f="",dataTestPrefixId:b="",htmlType:h="button",onClick:g,onBlur:j,sx:v}=e,I=`${b}button`;return t("div",Object.assign({css:r({isBlock:l})},{children:[m&&!p&&o(a,{dataTestId:I},void 0),o("button",Object.assign({ref:d,type:h,"data-testid":s(I,f),css:i({type:c,isLoading:m,isBlock:l,isDisabled:p,isIconButton:u,shape:y,sx:v}),onClick:t=>{g&&g(t)},onBlur:j,disabled:p},{children:u?B:o(n,Object.assign({type:(t=>"tertiary"===t?"secondary":"danger"===t?"error":t)(c),isInverted:"primary"===c,variant:"label02"},{children:B}),void 0)}),void 0)]}),void 0)}));d.displayName="ButtonBase";export{d as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"../../utils/date.js";const t=o("11-03-2020 12:00:00"),e=o=>"test"!==process.env.NODE_ENV?o:t,s="true"===process.env.STORYBOOK_ENV?t:e(o());e();const r=(t,e)=>{const
|
|
1
|
+
import o from"../../utils/date.js";const t=o("11-03-2020 12:00:00"),e=o=>"test"!==process.env.NODE_ENV?o:t,s="true"===process.env.STORYBOOK_ENV?t:e(o());e();const r=(t,e)=>{const r=e||Object.values(t).some((o=>o));return{from:r?o(t.from||s):void 0,to:r?o(t.to||s):void 0}};export{s as currentDay,r as initDates};
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
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),
|
|
1
|
+
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),i=({isAnimated:e,hasError:i})=>a=>t`
|
|
2
2
|
transition: transform 0.25s, opacity 0.25s ease-in-out;
|
|
3
3
|
transform-origin: 0 0;
|
|
4
|
+
line-height: normal;
|
|
4
5
|
width: 100%;
|
|
5
6
|
position: absolute;
|
|
6
7
|
user-select: none;
|
|
7
8
|
transform: ${e?`translate(${r}, -95%) scale(0.8);`:`translate(${r}, 0)`};
|
|
8
|
-
font-size: ${
|
|
9
|
-
font-weight: ${
|
|
10
|
-
color: ${a
|
|
9
|
+
font-size: ${a.globals.typography.fontSize.get("4")};
|
|
10
|
+
font-weight: ${a.globals.typography.fontWeight.get("regular")};
|
|
11
|
+
color: ${i?a.utils.getColor("error",o,"normal"):a.utils.getColor("lightGrey",650)};
|
|
11
12
|
align-items: center;
|
|
12
13
|
display: flex;
|
|
13
14
|
top: 0;
|
|
14
15
|
bottom: 0;
|
|
15
16
|
margin: auto;
|
|
16
17
|
white-space: nowrap;
|
|
17
|
-
`;export{r as LABEL_TRANSFORM_LEFT_SPACING,
|
|
18
|
+
`;export{r as LABEL_TRANSFORM_LEFT_SPACING,i as labelStyle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"tslib";import{jsxs as t,jsx as
|
|
1
|
+
import{__rest as e}from"tslib";import{jsxs as t,jsx as i}from"@emotion/react/jsx-runtime";import s from"lodash/debounce";import o,{useEffect as l,useMemo as a}from"react";import{generateTestDataId as n}from"../../utils/helpers.js";import r from"./components/MultiselectTextField/MultiselectTextField.js";import c from"./components/SelectMenu/SelectMenu.js";import d from"./hooks/useMultiselectUtils.js";import{rightIconContainer as u,selectWrapper as p}from"./Select.style.js";import h from"../../hooks/useCombinedRefs.js";import m from"../../hooks/useTheme.js";import f from"../Icon/Icon.js";import v from"../TextField/TextField.js";import C from"../utils/ClickAwayListener/ClickAwayListener.js";import{handleSearch as O}from"../utils/handleSearch.js";import b from"../Loader/Loader.js";import S from"../utils/PositionInScreen/PositionInScreen.js";const g={label:"",value:""},j=()=>{},y=o.forwardRef(((y,L)=>{const{handleSelectedOption:k=(()=>{}),defaultValue:T,selectedOption:w=g,isMulti:I=!1,options:D,isAsync:M=!1,isLoading:A=!1,asyncSearch:V=(()=>{}),status:x="normal",minCharactersToSearch:z=0,hasHighlightSearch:F=!1,isSearchable:R=!0,isVirtualized:H=!1,styleType:P,isDisabled:W,isLocked:G,dataTestId:K,onClear:N,onOptionDelete:U,selectedOptions:Y=[]}=y,q=e(y,["handleSelectedOption","defaultValue","selectedOption","isMulti","options","isAsync","isLoading","asyncSearch","status","minCharactersToSearch","hasHighlightSearch","isSearchable","isVirtualized","styleType","isDisabled","isLocked","dataTestId","onClear","onOptionDelete","selectedOptions"]),B=m(),[E,J]=o.useState(!1),Q=o.useRef(null),X=h(Q,L),Z=null!=T?T:w,[$,_]=o.useState(Z),[ee,te]=o.useState(""),ie=ee||$.label,{multiSelectedOptions:se,availableMultiSelectOptions:oe,handleOptionDelete:le,handleClearAllOptions:ae,handleMultiSelectOptionClick:ne}=d({selectedOptions:Y,options:D,setOpen:J,setSearchValue:te,isSearchable:R,onClear:N,onOptionDelete:U,isMulti:I});l((()=>{_(Z)}),[Z]);const re=o.useCallback(s((e=>{V(e)}),400),[]),ce=o.useCallback((e=>{open||J(!0),O({event:e,isSearchable:R,isAsync:M,setSearchValue:te,onChange:re,minCharactersToSearch:z})}),[re,M,R,z,open]),de=a((()=>{const e=I?oe:D;return M?e:e.filter((e=>{var t;return!ee||e.label.toLowerCase().includes(ee.toLowerCase())||!!(null===(t=e.options)||void 0===t?void 0:t.find((e=>e.label.toLowerCase().includes(ee.toLowerCase()))))})).map((e=>{var t;return e.label.toLowerCase().includes(ee.toLowerCase())?e:Object.assign(Object.assign({},e),{options:null===(t=e.options)||void 0===t?void 0:t.filter((e=>e.label.toLowerCase().includes(ee.toLowerCase())))})}))}),[M,I,oe,D,ee]),ue=a((()=>R?ee||$.value?"close":"search":"triangleDown"),[$.value,R,ee]),pe=o.useCallback((()=>{R&&E&&J(!E),R&&(ee||$.value)&&(te(""),_(g),V(""),N&&N())}),[V,$.value,R,N,E,ee]),he=a((()=>t("div",Object.assign({css:u(E,R)},{children:[A&&i(b,{},void 0),i(f,{size:R?20:12,name:ue,color:B.utils.getColor("lightGrey",650),onClick:pe,dataTestId:"select-right-icon"},void 0)]}),void 0)),[E,A,R,ue,B.utils,pe]);return i(C,Object.assign({onClick:()=>{J(!1),te("")}},{children:i("div",Object.assign({},!(W||G)&&{onClick:()=>{var e,t;E?R||(J(!1),null===(t=null==X?void 0:X.current)||void 0===t||t.blur()):(J(!0),null===(e=null==X?void 0:X.current)||void 0===e||e.focus())}},{css:p({isSearchable:R})},{children:i(S,Object.assign({isVisible:E,hasWrapperWidth:!0,offsetY:8,parent:I?i(r,Object.assign({selectedOptions:se,onInput:ce,onOptionDelete:le,onClearAllOptions:ae,isLoading:A,isDisabled:W,isLocked:G,readOnly:!R,dataTestId:n("select-input",K)},q,{status:x,value:ie,autoComplete:"off"}),void 0):i(v,Object.assign({styleType:P,rightIcon:he,onKeyDown:e=>{8===e.keyCode&&(_(g),re(""))},onInput:ce,onChange:j,readOnly:!R,isDisabled:W,isLocked:G,dataTestId:n("select-input",K)},q,{status:x,value:ie,ref:X,autoComplete:"off"}),void 0)},{children:i(c,{filteredOptions:de,handleOptionClick:e=>{I?ne(e):(_(e),J(!1)),R&&te(""),k(e)},selectedOption:$.value,size:q.size,status:x,isLoading:A,isVirtualized:H,searchTerm:F?ee:void 0,hasSelectAllOption:I},void 0)}),void 0)}),void 0)}),void 0)}));y.displayName="Select";export{y as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t}from"@emotion/react/jsx-runtime";import{useRef as e,useEffect as i}from"react";import{menuStyle as s,optionStyle as o}from"./SelectMenu.style.js";import l from"../../../List/List.js";import{MAX_NON_VIRTUALIZED_ITEMS_SELECT as r}from"../../../List/utils.js";import{SELECT_ALL_OPTION as n}from"../../constants.js";const c=c=>{const{filteredOptions:a,handleOptionClick:d,selectedOption:m,isLoading:p,isVirtualized:u,searchTerm:h,hasSelectAllOption:f=!1}=c,v=e(null);i((()=>{var t;null===(t=v.current)||void 0===t||t.scrollIntoView({block:"nearest",inline:"start"})}),[m]);return t("div",Object.assign({css:s(c)},{children:p?t("div",Object.assign({css:o({isSelected:!1,hasNoResultsExist:!0})},{children:"Loading..."}),void 0):a.length>0?t(l,{data:a,rowSize:"small",isVirtualized:u&&a.length>r,ref:v,handleOptionClick:d,searchTerm:h,selectedItem:m,defaultOption:f?n:void 0},void 0):t("div",Object.assign({css:o({isSelected:!1,hasNoResultsExist:!0})},{children:"No options"}),void 0)}),void 0)};export{c as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const l={value:"select_all",label:"Select All"};export{l as SELECT_ALL_OPTION};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useEffect as
|
|
1
|
+
import e from"lodash/isEqual";import l,{useEffect as t}from"react";import{SELECT_ALL_OPTION as i}from"../constants.js";const a=({selectedOptions:a,options:n,setOpen:o,setSearchValue:s,isSearchable:u,onClear:r,onOptionDelete:c,isMulti:d})=>{const[p,v]=l.useState(a),[f,h]=l.useState([]);t((()=>{var e,l;if(d){const t=null!==(e=null==p?void 0:p.map((({value:e})=>e)))&&void 0!==e?e:[];h(null!==(l=null==n?void 0:n.filter((e=>!t.includes(e.value))))&&void 0!==l?l:[])}}),[n,p,d]);return{multiSelectedOptions:p,availableMultiSelectOptions:f,handleOptionDelete:e=>{if(e)v(p.filter((l=>l.value!==(null==e?void 0:e.value)))),h([...f,e]),c&&c(e);else if(p.length>0){const e=p[p.length-1];v(p.filter((l=>l.value!==e.value))),h([...f,e])}},handleClearAllOptions:()=>{h([...f,...p]),v([]),r&&r(),u&&s("")},handleMultiSelectOptionClick:l=>{if(e(l,i)){const[e,l]=f.reduce(((e,l)=>(e[l.isDisabled?0:1].push(l),e)),[[],[]]);v([...p,...l]),h(e),o(!1)}else v([...p,l]),h(f.filter((e=>e.value!==l.value)))}}};export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import o from"../../hooks/useBreakpoints.js";import t from"lodash/head.js";import d from"pluralize";import n,{useState as r,useEffect as l}from"react";import a from"react-fast-compare";import s from"./components/ExtendedColumnItem/ExtendedColumnItem.js";import c from"./components/TableCell/TableCell.js";import m from"./components/TableRow/TableRow.js";import h from"./components/TableRowWrapper/TableRowWrapper.js";import{tableCTAStyle as p,tableStyle as u,tableRowHeadersStyle as v}from"./Table.style.js";import{isItemString as g}from"./utils/utils.js";import x from"../CheckBox/CheckBox.js";
|
|
1
|
+
import{jsxs as e,jsx as i}from"@emotion/react/jsx-runtime";import o from"../../hooks/useBreakpoints.js";import t from"lodash/head.js";import d from"pluralize";import n,{useState as r,useEffect as l}from"react";import a from"react-fast-compare";import s from"./components/ExtendedColumnItem/ExtendedColumnItem.js";import c from"./components/TableCell/TableCell.js";import m from"./components/TableRow/TableRow.js";import h from"./components/TableRowWrapper/TableRowWrapper.js";import{tableCTAStyle as p,tableStyle as u,tableRowHeadersStyle as v}from"./Table.style.js";import{isItemString as g}from"./utils/utils.js";import x from"../CheckBox/CheckBox.js";var f=n.memo((function({data:a,columns:f,type:b="normal",hasFixedHeader:P=!1,hasFixedCTA:j=!1,onCheck:w,isPadded:I=!1,onSort:T,initialSort:y={column:"",order:"desc"},sortDir:C,topLeftText:k,topRightArea:S,actionWidth:O,isInitiallyExpanded:B=!1,dataTestIdPrefix:E}){const A=o(),R=O?`${O}%`:A.des1920?"5%":"7%",[W,F]=r(void 0),[N,$]=r(y),K=a.some((e=>Boolean(e.expanded))),L=((e,i,o)=>i||o?Boolean(i)&&o?e.length+2:e.length+1:e.length)(f,w,K);l((()=>{T&&T(N.column,N.order)}),[T,N]),n.useEffect((()=>{w&&W&&w(W)}),[w,W]),n.useEffect((()=>{F(void 0)}),[a]);const M=n.useCallback((e=>{F(((i=[])=>-1===i.indexOf(e)?[...i,e]:i.filter((i=>i!==e))))}),[]),_=n.useMemo((()=>{var e,i;return(null===(i=null===(e=t(a))||void 0===e?void 0:e.cells)||void 0===i?void 0:i.map((({content:e})=>!Number.isNaN(Number(e)))))||[]}),[a]),H=n.useMemo((()=>{var e,i;return(null===(i=null===(e=t(a))||void 0===e?void 0:e.cells)||void 0===i?void 0:i.map((({align:e})=>e)))||[]}),[a]),z=n.useMemo((()=>{var e,i;return(null===(i=null===(e=t(a))||void 0===e?void 0:e.cells)||void 0===i?void 0:i.map((({widthPercentage:e})=>e)))||[]}),[a]);return e(n.Fragment,{children:[(w||S||k)&&i("table",Object.assign({css:p(j)},{children:i("thead",{children:e(m,{children:[w&&i(c,Object.assign({component:"th",width:50,isPadded:I,dataTestIdPrefix:E,rowIndex:0,index:0},{children:i(x,{isChecked:Boolean(W&&W.length>0),isIntermediate:W&&W.length>0&&(null==W?void 0:W.length)!==a.length,onClick:()=>{(null==W?void 0:W.length)===a.length?F([]):F(a.map((({id:e})=>e)))},isFilled:!1},void 0)}),void 0),i(c,Object.assign({isPadded:I,dataTestIdPrefix:E,rowIndex:0,index:1},{children:W&&(null==W?void 0:W.length)>0?e("span",{children:[i("b",{children:W.length},void 0)," ",d("item",W.length)," selected"]},void 0):k}),void 0),S&&i(c,Object.assign({textAlign:"right",isPadded:I,colSpan:L-(w?2:1),dataTestIdPrefix:E,rowIndex:0,index:2},{children:S(a,W)}),void 0)]},void 0)},void 0)}),void 0),e("table",Object.assign({css:u()},{children:[(w||S||"normal"===b)&&i("thead",{children:"normal"===b&&e(m,Object.assign({css:v(K,Boolean(w),P)},{children:[w&&i(c,{component:"th",isPaddedSticky:j,isSticky:P,width:50,isPadded:I,dataTestIdPrefix:E},void 0),f.map(((e,o)=>i(c,Object.assign({textAlign:H&&H[o]?H[o]:_&&_[o]?"right":"left",component:"th",isSticky:P,isPaddedSticky:j,isPadded:I,width:z[o]?`${z[o]}%`:"initial",isSortable:!g(e)&&e.isSortable,isActive:!g(e)&&e.content.sortingKey===N.column,onClick:()=>{var i;!g(e)&&e.isSortable&&(i=e.content.sortingKey,$((e=>C?{column:i,order:C}:e.column!==i?{column:i,order:"asc"}:{column:i,order:"asc"===e.order?"desc":"asc"})))},dataTestIdPrefix:`${E}_${g(e)?e.trim().toLowerCase().replace(/ /g,"_"):e.content.sortingKey.trim().toLowerCase().replace(/ /g,"_")}`},{children:g(e)?i(s,{item:e},void 0):i(s,{sorting:N,isNumerical:_&&_[o],item:e},void 0)}),`${g(e)?e:e.content.sortingKey}`))),K&&i(c,{component:"th",isSticky:P,isPaddedSticky:j,width:R,dataTestIdPrefix:E},void 0)]}),void 0)},void 0),i("tbody",{children:a.map(((e,o)=>i(h,Object.assign({},{row:e,isRowSelected:!!W&&-1!==W.indexOf(e.id),onSelectionAdd:M,isPadded:I,columns:f,hasFixedHeader:P,type:b,columnCount:L,columnsWithWidth:z,hasOnSelectionChange:Boolean(w),isExpanded:Boolean(e.expanded),actionWidth:O,isInitiallyExpanded:B},{dataTestIdPrefix:E,rowIndex:o+1}),e.id)))},void 0)]}),void 0)]},void 0)}),a);export{f as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=46,r=
|
|
1
|
+
const e=46,r=28,d=150,a={types:{semantic:{outlined:{border:{width:1,color:{default:{name:"lightGrey",shade:200},pressed:{name:"blue",shade:550},error:{name:"red",shade:550}}}}},dark:{outlined:{border:{width:1,color:{default:{name:"darkGrey",shade:500},pressed:{name:"blue",shade:350},error:{name:"red",shade:200}}}}}}};export{e as MD_HEIGHT,d as MIN_WIDTH,r as SM_HEIGHT,a as textInputConfig};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import{jsx as o,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t,ThemeProvider as r,Global as i}from"@emotion/react";import s from"emotion-reset";import{ThemeSwitchProvider as m,useThemeSwitch as l}from"../../hooks/useThemeSwitch.js";import h from"lodash/keys.js";import
|
|
1
|
+
import{jsx as o,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t,ThemeProvider as r,Global as i}from"@emotion/react";import s from"emotion-reset";import{ThemeSwitchProvider as m,useThemeSwitch as l}from"../../hooks/useThemeSwitch.js";import h from"lodash/keys.js";import n from"lodash/merge.js";import a from"lodash/pick.js";import d from"../../theme/index.js";import{TypeColorToColorMatchProvider as c}from"../../hooks/useTypeColorToColorMatch.js";const f=(o,e)=>n(d(e),a(o,h(d(e)))),p=o=>t`
|
|
2
2
|
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
|
|
3
3
|
${s}
|
|
4
|
-
${a()};
|
|
5
4
|
|
|
6
5
|
body,
|
|
7
6
|
html {
|
|
@@ -18,4 +17,4 @@ import{jsx as o,jsxs as e}from"@emotion/react/jsx-runtime";import{css as t,Theme
|
|
|
18
17
|
*:focus {
|
|
19
18
|
outline: 0;
|
|
20
19
|
}
|
|
21
|
-
`,
|
|
20
|
+
`,u=({theme:e={},children:t})=>o(m,{children:o(j,Object.assign({theme:e},{children:t}),void 0)},void 0),j=({theme:t={},children:s})=>{const m=l().isDark?"dark":"semantic",h={colorScheme:m,overrides:null==t?void 0:t.overrides};return o(r,Object.assign({theme:f(h,m)},{children:e(c,{children:[o(i,{styles:p},void 0),s]},void 0)}),void 0)};export{u as default,p as globalStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as i}from"@emotion/react/jsx-runtime";import n from"react";import{typographyWrapper as r}from"./Typography.style.js";const t=e=>"headline01"===e?"h1":"headline02"===e?"h2":"headline03"===e?"h3":"headline04"===e?"h4":"headline05"===e?"h5":e.includes("title")?"h6":e.includes("label")?"span":(e.includes("body"),"p"),s=n.forwardRef(((n,s)=>{var{type:l="primary",variant:a="body01",component:d,isInverted:o,isUnderline:c,isItalic:h,isBold:p,children:m}=n,y=e(n,["type","variant","component","isInverted","isUnderline","isItalic","isBold","children"]);const f=d||t(a);return i(f,Object.assign({ref:s,css:r({isInverted:o,type:l,variant:a,isUnderline:c,isItalic:h,isBold:p})},y,{children:m}),void 0)}));export{s as default,t as detectComponentBasedOnType};
|
|
@@ -1,85 +1,91 @@
|
|
|
1
|
-
import{css as t}from"@emotion/react";const g=({type:
|
|
2
|
-
font-family: ${
|
|
3
|
-
line-height: ${
|
|
4
|
-
font-size: ${
|
|
5
|
-
font-weight: ${
|
|
6
|
-
letter-spacing: ${
|
|
7
|
-
`,
|
|
8
|
-
font-family: ${
|
|
9
|
-
line-height: ${
|
|
10
|
-
font-size: ${
|
|
11
|
-
font-weight: ${
|
|
12
|
-
letter-spacing: ${
|
|
13
|
-
`,
|
|
14
|
-
font-family: ${
|
|
15
|
-
line-height: ${
|
|
16
|
-
font-size: ${
|
|
17
|
-
font-weight: ${
|
|
18
|
-
letter-spacing: ${
|
|
19
|
-
`,
|
|
20
|
-
font-family: ${
|
|
21
|
-
line-height: ${
|
|
22
|
-
font-size: ${
|
|
23
|
-
font-weight: ${
|
|
24
|
-
letter-spacing: ${
|
|
25
|
-
`,
|
|
26
|
-
font-family: ${
|
|
27
|
-
line-height: ${
|
|
28
|
-
font-size: ${
|
|
29
|
-
font-weight: ${
|
|
30
|
-
letter-spacing: ${
|
|
31
|
-
`,
|
|
32
|
-
font-family: ${
|
|
33
|
-
line-height: ${
|
|
34
|
-
font-size: ${
|
|
35
|
-
font-weight: ${
|
|
36
|
-
letter-spacing: ${
|
|
37
|
-
`,
|
|
38
|
-
font-family: ${
|
|
39
|
-
line-height: ${
|
|
40
|
-
font-size: ${
|
|
41
|
-
font-weight: ${
|
|
42
|
-
letter-spacing: ${
|
|
43
|
-
|
|
44
|
-
font-family: ${
|
|
45
|
-
line-height: ${
|
|
46
|
-
font-size: ${
|
|
47
|
-
font-weight: ${
|
|
48
|
-
letter-spacing: ${
|
|
49
|
-
`,
|
|
50
|
-
font-family: ${
|
|
51
|
-
line-height: ${
|
|
52
|
-
font-size: ${
|
|
53
|
-
font-weight: ${
|
|
54
|
-
letter-spacing: ${
|
|
55
|
-
`,
|
|
56
|
-
font-family: ${
|
|
57
|
-
line-height: ${
|
|
58
|
-
font-size: ${
|
|
59
|
-
font-weight: ${
|
|
60
|
-
letter-spacing: ${
|
|
61
|
-
`,
|
|
62
|
-
font-family: ${
|
|
63
|
-
line-height: ${
|
|
64
|
-
font-size: ${
|
|
65
|
-
font-weight: ${
|
|
66
|
-
letter-spacing: ${
|
|
67
|
-
`,
|
|
68
|
-
font-family: ${
|
|
69
|
-
line-height: ${
|
|
70
|
-
font-size: ${
|
|
71
|
-
font-weight: ${
|
|
72
|
-
letter-spacing: ${
|
|
73
|
-
`,
|
|
74
|
-
font-family: ${
|
|
75
|
-
line-height: ${
|
|
76
|
-
font-size: ${
|
|
77
|
-
font-weight: ${
|
|
78
|
-
letter-spacing: ${
|
|
79
|
-
`,
|
|
80
|
-
font-family: ${
|
|
81
|
-
line-height: ${
|
|
82
|
-
font-size: ${
|
|
83
|
-
font-weight: ${
|
|
84
|
-
letter-spacing: ${
|
|
85
|
-
|
|
1
|
+
import{css as t}from"@emotion/react";const g=({variant:g,isInverted:o,isItalic:e,isBold:l,isUnderline:a,type:i})=>y=>{const p=t`
|
|
2
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
3
|
+
line-height: ${y.globals.typography.lineHeight.get("10")};
|
|
4
|
+
font-size: ${y.globals.typography.fontSize.get("10")};
|
|
5
|
+
font-weight: ${y.globals.typography.fontWeight.get("bold")};
|
|
6
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("0")};
|
|
7
|
+
`,n=t`
|
|
8
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
9
|
+
line-height: ${y.globals.typography.lineHeight.get("9")};
|
|
10
|
+
font-size: ${y.globals.typography.fontSize.get("9")};
|
|
11
|
+
font-weight: ${y.globals.typography.fontWeight.get("bold")};
|
|
12
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("0")};
|
|
13
|
+
`,h=t`
|
|
14
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
15
|
+
line-height: ${y.globals.typography.lineHeight.get("8")};
|
|
16
|
+
font-size: ${y.globals.typography.fontSize.get("7")};
|
|
17
|
+
font-weight: ${y.globals.typography.fontWeight.get("bold")};
|
|
18
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("0")};
|
|
19
|
+
`,r=t`
|
|
20
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
21
|
+
line-height: ${y.globals.typography.lineHeight.get("7")};
|
|
22
|
+
font-size: ${y.globals.typography.fontSize.get("6")};
|
|
23
|
+
font-weight: ${y.globals.typography.fontWeight.get("bold")};
|
|
24
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("0")};
|
|
25
|
+
`,s=t`
|
|
26
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
27
|
+
line-height: ${y.globals.typography.lineHeight.get("6")};
|
|
28
|
+
font-size: ${y.globals.typography.fontSize.get("5")};
|
|
29
|
+
font-weight: ${y.globals.typography.fontWeight.get("bold")};
|
|
30
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("0")};
|
|
31
|
+
`,f=t`
|
|
32
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
33
|
+
line-height: ${y.globals.typography.lineHeight.get("5")};
|
|
34
|
+
font-size: ${y.globals.typography.fontSize.get("4")};
|
|
35
|
+
font-weight: ${y.globals.typography.fontWeight.get("bold")};
|
|
36
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("1")};
|
|
37
|
+
`,b=t`
|
|
38
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
39
|
+
line-height: ${y.globals.typography.lineHeight.get("4")};
|
|
40
|
+
font-size: ${y.globals.typography.fontSize.get("3")};
|
|
41
|
+
font-weight: ${y.globals.typography.fontWeight.get("bold")};
|
|
42
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("1")};
|
|
43
|
+
`,$=t`
|
|
44
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
45
|
+
line-height: ${y.globals.typography.lineHeight.get("3")};
|
|
46
|
+
font-size: ${y.globals.typography.fontSize.get("1")};
|
|
47
|
+
font-weight: ${y.globals.typography.fontWeight.get("bold")};
|
|
48
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("2")};
|
|
49
|
+
`,m=t`
|
|
50
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
51
|
+
line-height: ${y.globals.typography.lineHeight.get("5")};
|
|
52
|
+
font-size: ${y.globals.typography.fontSize.get("4")};
|
|
53
|
+
font-weight: ${y.globals.typography.fontWeight.get("medium")};
|
|
54
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("1")};
|
|
55
|
+
`,c=t`
|
|
56
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
57
|
+
line-height: ${y.globals.typography.lineHeight.get("4")};
|
|
58
|
+
font-size: ${y.globals.typography.fontSize.get("3")};
|
|
59
|
+
font-weight: ${y.globals.typography.fontWeight.get("medium")};
|
|
60
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("2")};
|
|
61
|
+
`,d=t`
|
|
62
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
63
|
+
line-height: ${y.globals.typography.lineHeight.get("3")};
|
|
64
|
+
font-size: ${y.globals.typography.fontSize.get("1")};
|
|
65
|
+
font-weight: ${y.globals.typography.fontWeight.get("medium")};
|
|
66
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("2")};
|
|
67
|
+
`,z=t`
|
|
68
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
69
|
+
line-height: ${y.globals.typography.lineHeight.get("5")};
|
|
70
|
+
font-size: ${y.globals.typography.fontSize.get("4")};
|
|
71
|
+
font-weight: ${y.globals.typography.fontWeight.get("regular")};
|
|
72
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("2")};
|
|
73
|
+
`,S=t`
|
|
74
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
75
|
+
line-height: ${y.globals.typography.lineHeight.get("4")};
|
|
76
|
+
font-size: ${y.globals.typography.fontSize.get("3")};
|
|
77
|
+
font-weight: ${y.globals.typography.fontWeight.get("regular")};
|
|
78
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("2")};
|
|
79
|
+
`,w=t`
|
|
80
|
+
font-family: ${y.globals.typography.fontFamily.get("roboto")};
|
|
81
|
+
line-height: ${y.globals.typography.lineHeight.get("3")};
|
|
82
|
+
font-size: ${y.globals.typography.fontSize.get("1")};
|
|
83
|
+
font-weight: ${y.globals.typography.fontWeight.get("regular")};
|
|
84
|
+
letter-spacing: ${y.globals.typography.letterSpacing.get("2")};
|
|
85
|
+
`,W=`${o?"inverted":"light"}.${i}`;return t`
|
|
86
|
+
${{headline01:p,headline02:n,headline03:h,headline04:r,headline05:s,title01:f,title02:b,title03:$,label01:m,label02:c,label03:d,body01:z,body02:S,body03:w}[g]};
|
|
87
|
+
font-style: ${e?"italic":void 0};
|
|
88
|
+
font-weight: ${l?y.globals.typography.fontWeight.get("bold"):void 0};
|
|
89
|
+
text-decoration: ${a?y.globals.typography.textDecoration.get("link"):void 0};
|
|
90
|
+
color: ${y.tokens.textColor.get(W)};
|
|
91
|
+
`};export{g as typographyWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as
|
|
1
|
+
import n from"lodash/head";import{useState as t,useEffect as i}from"react";import{resizeObserverHandler as r}from"./utils.js";const e=(e,o,d,l,u)=>{const[c,v]=t({x:-1,y:-1}),{parentHeight:h,childHeight:s}=((e,o)=>{var d;const[l,u]=t(0),[c,v]=t(0);return i((()=>{if(!e.current)return;const n=r(u);return n.observe(e.current),()=>n.disconnect()}),[e]),i((()=>{var t;const i=n(null===(t=o.current)||void 0===t?void 0:t.children);if(!i)return;const e=r(v);return e.observe(i),()=>e.disconnect()}),[o,null===(d=o.current)||void 0===d?void 0:d.children]),{parentHeight:l,childHeight:c}})(e,o);return i((()=>{var n,t,i;const{x:r,y:u,width:c}=(null==e?void 0:e.current)?null===(n=null==e?void 0:e.current)||void 0===n?void 0:n.getBoundingClientRect():{x:0,y:0,width:0},{width:g}=(null==o?void 0:o.current)?null===(i=null===(t=null==o?void 0:o.current)||void 0===t?void 0:t.children[0])||void 0===i?void 0:i.getBoundingClientRect():{width:0};let a=0,w=0;u+h+s>window.innerHeight?(w=w-s-l,u+w<0&&(w=h+l)):w=h+l;a=r+g>window.innerWidth?a+c-g-d:d,v({x:a,y:w})}),[e,o,u,l,d,h,s]),c},o=(n,r)=>{const[e,o]=t();return i((()=>{var t,i;n&&o(null===(i=null===(t=null==r?void 0:r.current)||void 0===t?void 0:t.getBoundingClientRect())||void 0===i?void 0:i.width)}),[n,r]),[e]};export{e as usePositionInScreen,o as useWrapperWidth};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from"lodash/head";const t=t=>new ResizeObserver((o=>{const n=e(o);(null==n?void 0:n.target)!==(null==n?void 0:n.contentRect)&&n&&t(n.contentRect.height)}));export{t as resizeObserverHandler};
|
package/dist/index.d.ts
CHANGED
|
@@ -230,11 +230,11 @@ declare const letterSpacing: {
|
|
|
230
230
|
readonly type: "letterSpacing";
|
|
231
231
|
};
|
|
232
232
|
readonly '2': {
|
|
233
|
-
readonly value: ".25";
|
|
233
|
+
readonly value: "0.25";
|
|
234
234
|
readonly type: "letterSpacing";
|
|
235
235
|
};
|
|
236
236
|
readonly '3': {
|
|
237
|
-
readonly value: ".5";
|
|
237
|
+
readonly value: "0.5";
|
|
238
238
|
readonly type: "letterSpacing";
|
|
239
239
|
};
|
|
240
240
|
};
|
|
@@ -1316,7 +1316,7 @@ declare type AvatarProps = {
|
|
|
1316
1316
|
dataTestPrefixId?: string;
|
|
1317
1317
|
} & DivProps;
|
|
1318
1318
|
|
|
1319
|
-
declare const Avatar: React__default.ForwardRefExoticComponent<Pick<AvatarProps, "children" | "onChange" | "color" | "value" | "type" | "muted" | "size" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "
|
|
1319
|
+
declare const Avatar: React__default.ForwardRefExoticComponent<Pick<AvatarProps, "children" | "onChange" | "color" | "value" | "type" | "muted" | "size" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | "dataTestPrefixId"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
1320
1320
|
|
|
1321
1321
|
declare type AvatarStackProps = {
|
|
1322
1322
|
/** the maximum number of avatars to be displayed **/
|
|
@@ -1327,7 +1327,7 @@ declare type AvatarStackProps = {
|
|
|
1327
1327
|
color?: AvatarColors;
|
|
1328
1328
|
};
|
|
1329
1329
|
|
|
1330
|
-
declare const AvatarStack: React__default.ForwardRefExoticComponent<Pick<AvatarStackProps & TestProps$1 & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>, "children" | "onChange" | "value" | "type" | "muted" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "
|
|
1330
|
+
declare const AvatarStack: React__default.ForwardRefExoticComponent<Pick<AvatarStackProps & TestProps$1 & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>, "children" | "onChange" | "value" | "type" | "muted" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof TestProps$1 | keyof AvatarStackProps> & React__default.RefAttributes<HTMLDivElement>>;
|
|
1331
1331
|
|
|
1332
1332
|
declare type BreadcrumbItemData = {
|
|
1333
1333
|
/** Defines the path used for a link breadcrumb item*/
|
|
@@ -1738,7 +1738,7 @@ declare const Select: React__default.ForwardRefExoticComponent<{
|
|
|
1738
1738
|
leftIcon?: JSX.Element | AcceptedIconNames | null | undefined;
|
|
1739
1739
|
rightIcon?: JSX.Element | AcceptedIconNames | null | undefined;
|
|
1740
1740
|
isRequired?: boolean | undefined;
|
|
1741
|
-
isDisabled?: boolean | undefined;
|
|
1741
|
+
isDisabled?: boolean | undefined; /** The function that is used to return the selected options */
|
|
1742
1742
|
isLocked?: boolean | undefined;
|
|
1743
1743
|
isDark?: boolean | undefined;
|
|
1744
1744
|
hintMsg?: React__default.ReactNode;
|
|
@@ -2188,7 +2188,7 @@ declare type OverlayProps = {
|
|
|
2188
2188
|
/** The data test id if needed */
|
|
2189
2189
|
dataTestId?: TestId$1;
|
|
2190
2190
|
};
|
|
2191
|
-
declare const Overlay: React__default.ForwardRefExoticComponent<Pick<React__default.PropsWithChildren<OverlayProps & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>>, "children" | "onChange" | "color" | "value" | "type" | "muted" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "
|
|
2191
|
+
declare const Overlay: React__default.ForwardRefExoticComponent<Pick<React__default.PropsWithChildren<OverlayProps & Partial<Omit<React__default.HTMLProps<HTMLDivElement>, "size" | "css">>>, "children" | "onChange" | "color" | "value" | "type" | "muted" | "onBlur" | "onClick" | "disabled" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof OverlayProps> & React__default.RefAttributes<HTMLDivElement>>;
|
|
2192
2192
|
|
|
2193
2193
|
declare type PaginationProps = {
|
|
2194
2194
|
/** The current page you are on if you need to control it, defaults to 1 **/
|
|
@@ -1 +1 @@
|
|
|
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};
|
|
1
|
+
const e={0:{value:"0",type:"letterSpacing"},1:{value:"0.1",type:"letterSpacing"},2:{value:"0.25",type:"letterSpacing"},3:{value:"0.5",type:"letterSpacing"}};export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{rem as t}from"polished";import o from"./constants/fontFamily.js";import e from"./constants/fontSize.js";import i from"./constants/fontWeight.js";import n from"./constants/letterSpacing.js";import s from"./constants/lineHeight.js";import r from"./constants/textCase.js";import m from"./constants/textDecoration.js";import{getFigmaTokensValue as a,FigmaTokenValueType as g}from"../utils.js";const f={get:a(e,g.Pixels),8:t("8px"),11:t("11px"),13:t("13px"),15:t("15px")},p={get:a(i,g.Number)},l={get:a(o,g.String)},c={get:a(s,g.Pixels)},x={get:a(n,g.
|
|
1
|
+
import{rem as t}from"polished";import o from"./constants/fontFamily.js";import e from"./constants/fontSize.js";import i from"./constants/fontWeight.js";import n from"./constants/letterSpacing.js";import s from"./constants/lineHeight.js";import r from"./constants/textCase.js";import m from"./constants/textDecoration.js";import{getFigmaTokensValue as a,FigmaTokenValueType as g}from"../utils.js";const f={get:a(e,g.Pixels),8:t("8px"),11:t("11px"),13:t("13px"),15:t("15px")},p={get:a(i,g.Number)},l={get:a(o,g.String)},c={get:a(s,g.Pixels)},x={get:a(n,g.Pixels)},j={get:a(r,g.String)},S={get:a(m,g.String)},h=l.get("roboto"),F={globalFontSize:16,fontSize:f,fontWeight:p,fontFamily:l,defaultFontFamily:h,lineHeight:c,letterSpacing:x,textCase:j,textDecoration:S};export{F as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@orfium/ictinus",
|
|
3
|
-
"version": "4.55.0-next.
|
|
3
|
+
"version": "4.55.0-next.8",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"module": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -139,11 +139,11 @@
|
|
|
139
139
|
"react-router-dom": "^5.2.0"
|
|
140
140
|
},
|
|
141
141
|
"scripts": {
|
|
142
|
-
"prepare": "yarn build && husky install",
|
|
142
|
+
"prepare": "yarn build:lib && husky install",
|
|
143
143
|
"start": "start-storybook -p 6006",
|
|
144
144
|
"prebuild": "rimraf dist",
|
|
145
|
-
"build": "rollup -c --bundleConfigAsCjs",
|
|
146
|
-
"build
|
|
145
|
+
"build:lib": "rollup -c --bundleConfigAsCjs",
|
|
146
|
+
"build": "build-storybook -o build/",
|
|
147
147
|
"lint": "eslint \"src/**/*.{ts,tsx}\"",
|
|
148
148
|
"test": "jest",
|
|
149
149
|
"test:watch": "jest --watch",
|