@cruk/chakra-components 3.3.1 → 3.4.0
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/README.md +1 -1
- package/dist/cjs/components/List/index.js +1 -1
- package/dist/cjs/components/List/index.js.map +1 -1
- package/dist/cjs/components/OnThisPage/index.js +1 -1
- package/dist/cjs/components/OnThisPage/index.js.map +1 -1
- package/dist/cjs/theme/cruk/components/list.js +1 -1
- package/dist/cjs/theme/cruk/components/list.js.map +1 -1
- package/dist/esm/components/List/index.js +1 -1
- package/dist/esm/components/List/index.js.map +1 -1
- package/dist/esm/components/OnThisPage/index.js +1 -1
- package/dist/esm/components/OnThisPage/index.js.map +1 -1
- package/dist/esm/theme/cruk/components/list.js +1 -1
- package/dist/esm/theme/cruk/components/list.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,7 +26,7 @@ npm install @cruk/chakra-components
|
|
|
26
26
|
npm install @chakra-ui/react @emotion/react @emotion/styled framer-motion
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
-
**NOTE:** Not all projects use `npm` as their package managers
|
|
29
|
+
**NOTE:** Not all projects use `npm` as their package managers - use whichever is appropriate for your project.
|
|
30
30
|
|
|
31
31
|
### Basic Setup
|
|
32
32
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("react/jsx-runtime"),t=require("@chakra-ui/icons"),n=require("@chakra-ui/react");const i=n.forwardRef(((e,t)=>{const{children:i,...s}=e;return r.jsx(n.List,{ref:t,variant:"checklist",spacing:{base:"3",lg:"4"},...s,children:i})})),s=n.forwardRef(((t,s)=>{const{children:o,as:c,...
|
|
1
|
+
"use strict";var e=require("react"),r=require("react/jsx-runtime"),t=require("@chakra-ui/icons"),n=require("@chakra-ui/react");const i=n.forwardRef(((e,t)=>{const{children:i,...s}=e;return r.jsx(n.List,{ref:t,variant:"checklist",spacing:{base:"3",lg:"4"},...s,children:i})})),s=n.forwardRef(((t,s)=>{const{children:o,as:c,iconAlignment:a="top",...l}=t,d=e.Children.toArray(o);return r.jsx(i,{ref:s,children:d.map(((t,i)=>e.createElement(n.ListItem,{alignItems:"center"===a?"center":"flex-start",display:"flex",...l,key:`check-list-icon-${i}`},r.jsx(n.ListIcon,{boxSize:{base:6,lg:8},marginInlineEnd:{base:3,lg:4},color:"tertiary",as:c}),t)))})})),o=n.forwardRef(((e,i)=>{const{children:s,...o}=e;return r.jsxs(n.ListItem,{ref:i,...o,children:[r.jsx(n.ListIcon,{as:t.ArrowDownIcon,boxSize:6,marginInlineEnd:2,color:"listIconPrimaryColor"}),s]})}));Object.defineProperty(exports,"List",{enumerable:!0,get:function(){return n.List}}),Object.defineProperty(exports,"ListIcon",{enumerable:!0,get:function(){return n.ListIcon}}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return n.ListItem}}),Object.defineProperty(exports,"OrderedList",{enumerable:!0,get:function(){return n.OrderedList}}),Object.defineProperty(exports,"UnorderedList",{enumerable:!0,get:function(){return n.UnorderedList}}),exports.ArrowDownListItem=o,exports.CheckList=s,exports.CheckListUL=i;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/List/index.tsx"],"sourcesContent":[null],"names":["CheckListUL","forwardRef","props","ref","children","rest","_jsx","List","variant","spacing","base","lg","CheckList","as","childrenList","React","Children","toArray","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/List/index.tsx"],"sourcesContent":[null],"names":["CheckListUL","forwardRef","props","ref","children","rest","_jsx","List","variant","spacing","base","lg","CheckList","as","iconAlignment","childrenList","React","Children","toArray","map","list","index","_createElement","createElement","ListItem","alignItems","display","key","ListIcon","boxSize","marginInlineEnd","color","ArrowDownListItem","_jsxs","jsxs","jsx","ArrowDownIcon"],"mappings":"+HAkBM,MAAAA,EAAcC,EAAUA,YAAkB,CAACC,EAAOC,KACtD,MAAMC,SAAEA,KAAaC,GAASH,EAC9B,OACEI,EAAAA,IAACC,EAAAA,KAAI,CACHJ,IAAKA,EACLK,QAAQ,YACRC,QAAS,CAAEC,KAAM,IAAKC,GAAI,QACtBN,EAAID,SAEPA,GACI,IAILQ,EAAYX,EAAUA,YAA2B,CAACC,EAAOC,KAC7D,MAAMC,SAAEA,EAAQS,GAAEA,EAAEC,cAAEA,EAAgB,SAAUT,GAASH,EACnDa,EAAeC,EAAMC,SAASC,QAAQd,GAE5C,OACEE,MAACN,EAAW,CAACG,IAAKA,WACfY,EAAaI,KAAI,CAACC,EAAMC,IACvBC,EAAAC,cAACC,EAAQA,SAAA,CACPC,WAA8B,WAAlBX,EAA6B,SAAW,aACpDY,QAAQ,UACJrB,EACJsB,IAAK,mBAAmBN,KAExBf,MAACsB,EAAAA,SAAQ,CACPC,QAAS,CAAEnB,KAAM,EAAGC,GAAI,GACxBmB,gBAAiB,CAAEpB,KAAM,EAAGC,GAAI,GAChCoB,MAAM,WACNlB,GAAIA,IAELO,MAGO,IAIZY,EAAoB/B,EAAUA,YAAsB,CAACC,EAAOC,KAChE,MAAMC,SAAEA,KAAaC,GAASH,EAC9B,OACE+B,EAAAC,KAACV,WAAQ,CAACrB,IAAKA,KAASE,EACtBD,SAAA,CAAAE,EAAA6B,IAACP,WAAQ,CACPf,GAAIuB,gBACJP,QAAS,EACTC,gBAAiB,EACjBC,MAAM,yBAEP3B,IACQ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),n=require("@chakra-ui/react"),i=require("react"),r=require("../Button/index.js"),t=require("../Button/IconButton.js");require("../Flex/index.js");var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),n=require("@chakra-ui/react"),i=require("react"),r=require("../Button/index.js"),t=require("../Button/IconButton.js");require("../Flex/index.js");var o=require("../Heading/index.js");require("../Icon/index.js");var s=require("../List/index.js"),a=require("@chakra-ui/icons");const d=n.forwardRef(((d,l)=>{const{children:c,...x}=d,[h,g]=i.useState(!1),[u,j]=i.useState(!1),p=i.Children.toArray(c),f=n.useBreakpointValue({base:5,lg:8},{fallback:"md"}),m=p.slice(0,h?p.length:f),b="OnThisPage-container";return i.useEffect((()=>{const e=()=>{const e=document.getElementById(b);if(!e)throw new Error("Could not find OnThisPage component");j(window.scrollY>e.offsetTop+e.offsetHeight)};return e(),window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[]),e.jsx(n.Box,{paddingTop:{base:4,md:8,lg:10},ref:l,"data-testid":b,id:b,children:e.jsxs(n.Box,{backgroundColor:"onThisPagePrimaryBg",padding:{base:4,md:6,lg:8},...x,children:[e.jsxs("nav",{children:[e.jsx(o.Heading,{fontSize:{base:"headings.sm",lg:"headings.lg"},lineHeight:{base:"headings.sm",lg:"headings.lg"},display:"flex",pb:4,children:"On this page"}),e.jsx(n.UnorderedList,{marginInlineStart:0,paddingInlineStart:0,sx:{li:{display:"flex",paddingBottom:2,alignItems:"center"}},styleType:"none",children:m.map(((n,i)=>e.jsx(s.ArrowDownListItem,{children:n},i)))})]}),f&&p.length>f&&e.jsx(n.Flex,{justifyContent:"flex-end",children:e.jsx(r.Button,{mt:4,variant:"linkNoDecoration",rightIcon:h?e.jsx(a.ChevronUpIcon,{boxSize:6}):e.jsx(a.ChevronDownIcon,{boxSize:6}),onClick:()=>g(!h),children:h?"Show less":"Show all"})}),u&&e.jsx(n.Portal,{children:e.jsx(n.Flex,{justifyContent:"center",pointerEvents:"none",children:e.jsx(n.Container,{position:"fixed",bottom:{base:4,md:20},children:e.jsx(n.Flex,{justifyContent:"end",paddingRight:{base:4,md:8},children:e.jsx(n.Box,{pointerEvents:"auto",zIndex:"sticky",position:"relative",children:e.jsx(n.Link,{href:`#${b}`,children:e.jsx(t.IconButton,{icon:e.jsx(a.ArrowUpIcon,{}),variant:"backToTop","aria-label":"Back to top"})})})})})})})]})})}));exports.OnThisPageHeadings=d;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/OnThisPage/index.tsx"],"sourcesContent":[null],"names":["OnThisPageHeadings","forwardRef","props","ref","children","rest","shouldShowAll","setShouldShowAll","React","useState","showBackToTop","setShowBackToTop","headings","Children","toArray","noOfHeadings","useBreakpointValue","base","lg","fallback","displayHeadings","slice","length","boxId","useEffect","handleScroll","box","document","getElementById","Error","window","scrollY","offsetTop","offsetHeight","addEventListener","removeEventListener","_jsx","Box","paddingTop","md","id","_jsxs","jsxs","backgroundColor","padding","Heading","fontSize","lineHeight","display","pb","UnorderedList","marginInlineStart","paddingInlineStart","sx","li","paddingBottom","alignItems","styleType","map","heading","index","ArrowDownListItem","Flex","justifyContent","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/OnThisPage/index.tsx"],"sourcesContent":[null],"names":["OnThisPageHeadings","forwardRef","props","ref","children","rest","shouldShowAll","setShouldShowAll","React","useState","showBackToTop","setShowBackToTop","headings","Children","toArray","noOfHeadings","useBreakpointValue","base","lg","fallback","displayHeadings","slice","length","boxId","useEffect","handleScroll","box","document","getElementById","Error","window","scrollY","offsetTop","offsetHeight","addEventListener","removeEventListener","_jsx","Box","paddingTop","md","id","_jsxs","jsxs","backgroundColor","padding","Heading","fontSize","lineHeight","display","pb","UnorderedList","marginInlineStart","paddingInlineStart","sx","li","paddingBottom","alignItems","styleType","map","heading","index","jsx","ArrowDownListItem","Flex","justifyContent","Button","mt","variant","rightIcon","ChevronUpIcon","boxSize","ChevronDownIcon","onClick","Portal","pointerEvents","Container","position","bottom","paddingRight","zIndex","Link","href","IconButton","icon","ArrowUpIcon"],"mappings":"mUAsBM,MAAAA,EAAqBC,EAAUA,YAAyB,CAACC,EAAOC,KACpE,MAAMC,SAAEA,KAAaC,GAASH,GAEvBI,EAAeC,GAAoBC,EAAMC,UAAS,IAClDC,EAAeC,GAAoBH,EAAMC,UAAS,GAEnDG,EAAWJ,EAAMK,SAASC,QAAQV,GAElCW,EAAeC,EAAAA,mBACnB,CACEC,KAAM,EACNC,GAAI,GAEN,CAAEC,SAAU,OAGRC,EAAkBR,EAASS,MAC/B,EACAf,EAAgBM,EAASU,OAASP,GAI9BQ,EAAQ,uBAsBd,OApBAC,EAAAA,WAAU,KACR,MAAMC,EAAe,KACnB,MAAMC,EAAMC,SAASC,eAAeL,GAEpC,IAAKG,EACH,MAAM,IAAIG,MAAM,uCAGlBlB,EAAiBmB,OAAOC,QAAUL,EAAIM,UAAYN,EAAIO,aAAa,EAOrE,OAFAR,IACAK,OAAOI,iBAAiB,SAAUT,GAC3B,KACLK,OAAOK,oBAAoB,SAAUV,EAAa,CACnD,GACA,IAGDW,EAAAA,IAACC,EAAAA,IAAG,CACFC,WAAY,CAAErB,KAAM,EAAGsB,GAAI,EAAGrB,GAAI,IAClCf,IAAKA,EACQ,cAAAoB,EACbiB,GAAIjB,EAEJnB,SAAAqC,EAAAC,KAACL,EAAGA,IACF,CAAAM,gBAAgB,sBAChBC,QAAS,CAAE3B,KAAM,EAAGsB,GAAI,EAAGrB,GAAI,MAC3Bb,EAAID,SAAA,CAERqC,EAAAA,sBACEL,EAAAA,IAACS,EAAAA,SACCC,SAAU,CAAE7B,KAAM,cAAeC,GAAI,eACrC6B,WAAY,CAAE9B,KAAM,cAAeC,GAAI,eACvC8B,QAAQ,OACRC,GAAI,EAGI7C,SAAA,iBACVgC,EAAAA,IAACc,EAAAA,cAAa,CACZC,kBAAmB,EACnBC,mBAAoB,EACpBC,GAAI,CACFC,GAAI,CAAEN,QAAS,OAAQO,cAAe,EAAGC,WAAY,WAEvDC,UAAU,OAAMrD,SAEfgB,EAAgBsC,KAAI,CAACC,EAASC,IAC7BxB,EAAAyB,IAACC,EAAiBA,kBAAc,CAAA1D,SAAAuD,GAARC,UAI7B7C,GAAgBH,EAASU,OAASP,GACjCqB,MAAC2B,EAAIA,KAAA,CAACC,eAAe,oBACnB5B,EAAAA,IAAC6B,EAAAA,OACC,CAAAC,GAAI,EACJC,QAAQ,mBACRC,UACE9D,EACE8B,EAAAA,IAACiC,EAAAA,cAAc,CAAAC,QAAS,IAExBlC,EAACyB,IAAAU,EAAeA,iBAACD,QAAS,IAG9BE,QArEU,IAAMjE,GAAkBD,GAqEZF,SAErBE,EAAgB,YAAc,eAIpCI,GACC0B,EAAAA,IAACqC,EAAAA,iBACCrC,EAACyB,IAAAE,EAAIA,MAACC,eAAe,SAASU,cAAc,OAC1CtE,SAAAgC,EAAAyB,IAACc,EAASA,UAAC,CAAAC,SAAS,QAAQC,OAAQ,CAAE5D,KAAM,EAAGsB,GAAI,IACjDnC,SAAAgC,EAAAA,IAAC2B,EAAAA,KAAI,CAACC,eAAe,MAAMc,aAAc,CAAE7D,KAAM,EAAGsB,GAAI,YACtDH,EAACyB,IAAAxB,EAAGA,KAACqC,cAAc,OAAOK,OAAO,SAASH,SAAS,WAAUxE,SAC3DgC,MAAC4C,EAAIA,KAAA,CAACC,KAAM,IAAI1D,IACdnB,SAAAgC,EAAAyB,IAACqB,EAAUA,WACT,CAAAC,KAAM/C,EAACyB,IAAAuB,EAAWA,gBAClBjB,QAAQ,YACG,aAAA,gCAUzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@chakra-ui/anatomy"),t=require("@chakra-ui/react");const{definePartsStyle:i,defineMultiStyleConfig:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@chakra-ui/anatomy"),t=require("@chakra-ui/react");const{definePartsStyle:i,defineMultiStyleConfig:l}=t.createMultiStyleConfigHelpers(e.listAnatomy.keys),a=t.defineStyle({marginEnd:25,display:"inline",verticalAlign:"text-bottom"}),n=t.defineStyle({fontSize:{base:"text.sm",lg:"text.md"},display:"flex",textOverflow:"ellipsis",alignItems:"center",paddingBottom:0,marginBottom:0,fontFamily:"body",fontWeight:"normal",color:"textDark"}),r=l({baseStyle:i({container:{paddingInlineStart:"2px","li ul li":{listStyleType:"circle"}},icon:a}),variants:{checklist:{item:n}}});exports.default=r;
|
|
2
2
|
//# sourceMappingURL=list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sources":["../../../../../src/theme/cruk/components/list.ts"],"sourcesContent":[null],"names":["definePartsStyle","defineMultiStyleConfig","createMultiStyleConfigHelpers","parts","keys","baseStyleIcon","defineStyle","marginEnd","display","verticalAlign","arrowDownListItem","fontSize","base","lg","textOverflow","alignItems","paddingBottom","marginBottom","fontFamily","fontWeight","color","listTheme","baseStyle","container","paddingInlineStart","icon","variants","checklist","item"],"mappings":"sIAGA,MAAMA,iBAAEA,EAAgBC,uBAAEA,GACxBC,EAAAA,8BAA8BC,EAAAA,YAAMC,MAEhCC,EAAgBC,EAAAA,YAAY,CAChCC,UAAW,GACXC,QAAS,SACTC,cAAe,gBAGXC,EAAoBJ,EAAAA,YAAY,CACpCK,SAAU,CAAEC,KAAM,UAAWC,GAAI,WACjCL,QAAS,OACTM,aAAc,WACdC,WAAY,SACZC,cAAe,EACfC,aAAc,EACdC,WAAY,OACZC,WAAY,SACZC,MAAO,
|
|
1
|
+
{"version":3,"file":"list.js","sources":["../../../../../src/theme/cruk/components/list.ts"],"sourcesContent":[null],"names":["definePartsStyle","defineMultiStyleConfig","createMultiStyleConfigHelpers","parts","keys","baseStyleIcon","defineStyle","marginEnd","display","verticalAlign","arrowDownListItem","fontSize","base","lg","textOverflow","alignItems","paddingBottom","marginBottom","fontFamily","fontWeight","color","listTheme","baseStyle","container","paddingInlineStart","listStyleType","icon","variants","checklist","item"],"mappings":"sIAGA,MAAMA,iBAAEA,EAAgBC,uBAAEA,GACxBC,EAAAA,8BAA8BC,EAAAA,YAAMC,MAEhCC,EAAgBC,EAAAA,YAAY,CAChCC,UAAW,GACXC,QAAS,SACTC,cAAe,gBAGXC,EAAoBJ,EAAAA,YAAY,CACpCK,SAAU,CAAEC,KAAM,UAAWC,GAAI,WACjCL,QAAS,OACTM,aAAc,WACdC,WAAY,SACZC,cAAe,EACfC,aAAc,EACdC,WAAY,OACZC,WAAY,SACZC,MAAO,aAaHC,EAAYpB,EAAuB,CACvCqB,UAXgBtB,EAAiB,CACjCuB,UAAW,CACTC,mBAAoB,MACpB,WAAY,CACVC,cAAe,WAGnBC,KAAMrB,IAKNsB,SAAU,CACRC,UAAW,CACTC,KAAMnB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import r,{createElement as e}from"react";import{jsx as i,jsxs as t}from"react/jsx-runtime";import{ArrowDownIcon as n}from"@chakra-ui/icons";import{forwardRef as
|
|
1
|
+
import r,{createElement as e}from"react";import{jsx as i,jsxs as t}from"react/jsx-runtime";import{ArrowDownIcon as n}from"@chakra-ui/icons";import{forwardRef as c,List as o,ListItem as a,ListIcon as s}from"@chakra-ui/react";export{List,ListIcon,ListItem,OrderedList,UnorderedList}from"@chakra-ui/react";const l=c(((r,e)=>{const{children:t,...n}=r;return i(o,{ref:e,variant:"checklist",spacing:{base:"3",lg:"4"},...n,children:t})})),m=c(((t,n)=>{const{children:c,as:o,iconAlignment:m="top",...d}=t,h=r.Children.toArray(c);return i(l,{ref:n,children:h.map(((r,t)=>e(a,{alignItems:"center"===m?"center":"flex-start",display:"flex",...d,key:`check-list-icon-${t}`},i(s,{boxSize:{base:6,lg:8},marginInlineEnd:{base:3,lg:4},color:"tertiary",as:o}),r)))})})),d=c(((r,e)=>{const{children:c,...o}=r;return t(a,{ref:e,...o,children:[i(s,{as:n,boxSize:6,marginInlineEnd:2,color:"listIconPrimaryColor"}),c]})}));export{d as ArrowDownListItem,m as CheckList,l as CheckListUL};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/List/index.tsx"],"sourcesContent":[null],"names":["CheckListUL","forwardRef","props","ref","children","rest","_jsx","List","variant","spacing","base","lg","CheckList","as","childrenList","React","Children","toArray","map","list","index","_createElement","ListItem","display","key","ListIcon","boxSize","marginInlineEnd","color","ArrowDownListItem","_jsxs","ArrowDownIcon"],"mappings":"+
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/List/index.tsx"],"sourcesContent":[null],"names":["CheckListUL","forwardRef","props","ref","children","rest","_jsx","List","variant","spacing","base","lg","CheckList","as","iconAlignment","childrenList","React","Children","toArray","map","list","index","_createElement","ListItem","alignItems","display","key","ListIcon","boxSize","marginInlineEnd","color","ArrowDownListItem","_jsxs","ArrowDownIcon"],"mappings":"+SAkBM,MAAAA,EAAcC,GAA4B,CAACC,EAAOC,KACtD,MAAMC,SAAEA,KAAaC,GAASH,EAC9B,OACEI,EAACC,EAAI,CACHJ,IAAKA,EACLK,QAAQ,YACRC,QAAS,CAAEC,KAAM,IAAKC,GAAI,QACtBN,EAAID,SAEPA,GACI,IAILQ,EAAYX,GAAqC,CAACC,EAAOC,KAC7D,MAAMC,SAAEA,EAAQS,GAAEA,EAAEC,cAAEA,EAAgB,SAAUT,GAASH,EACnDa,EAAeC,EAAMC,SAASC,QAAQd,GAE5C,OACEE,EAACN,EAAW,CAACG,IAAKA,WACfY,EAAaI,KAAI,CAACC,EAAMC,IACvBC,EAACC,EAAQ,CACPC,WAA8B,WAAlBV,EAA6B,SAAW,aACpDW,QAAQ,UACJpB,EACJqB,IAAK,mBAAmBL,KAExBf,EAACqB,EAAQ,CACPC,QAAS,CAAElB,KAAM,EAAGC,GAAI,GACxBkB,gBAAiB,CAAEnB,KAAM,EAAGC,GAAI,GAChCmB,MAAM,WACNjB,GAAIA,IAELO,MAGO,IAIZW,EAAoB9B,GAAgC,CAACC,EAAOC,KAChE,MAAMC,SAAEA,KAAaC,GAASH,EAC9B,OACE8B,EAACT,EAAQ,CAACpB,IAAKA,KAASE,EACtBD,SAAA,CAAAE,EAACqB,EAAQ,CACPd,GAAIoB,EACJL,QAAS,EACTC,gBAAiB,EACjBC,MAAM,yBAEP1B,IACQ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as n}from"react/jsx-runtime";import{forwardRef as i,useBreakpointValue as t,Box as o,UnorderedList as r,Flex as a,Portal as d,Container as l,Link as s}from"@chakra-ui/react";import c,{useEffect as m}from"react";import{Button as h}from"../Button/index.js";import{IconButton as g}from"../Button/IconButton.js";import"../Flex/index.js";import{Heading as p}from"../Heading/index.js";import"../Icon/index.js";import{ArrowDownListItem as f}from"../List/index.js";import{ChevronUpIcon as u,ChevronDownIcon as
|
|
1
|
+
import{jsx as e,jsxs as n}from"react/jsx-runtime";import{forwardRef as i,useBreakpointValue as t,Box as o,UnorderedList as r,Flex as a,Portal as d,Container as l,Link as s}from"@chakra-ui/react";import c,{useEffect as m}from"react";import{Button as h}from"../Button/index.js";import{IconButton as g}from"../Button/IconButton.js";import"../Flex/index.js";import{Heading as p}from"../Heading/index.js";import"../Icon/index.js";import{ArrowDownListItem as f}from"../List/index.js";import{ChevronUpIcon as u,ChevronDownIcon as x,ArrowUpIcon as b}from"@chakra-ui/icons";const y=i(((i,y)=>{const{children:j,...w}=i,[k,v]=c.useState(!1),[I,S]=c.useState(!1),T=c.Children.toArray(j),B=t({base:5,lg:8},{fallback:"md"}),C=T.slice(0,k?T.length:B),E="OnThisPage-container";return m((()=>{const e=()=>{const e=document.getElementById(E);if(!e)throw new Error("Could not find OnThisPage component");S(window.scrollY>e.offsetTop+e.offsetHeight)};return e(),window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[]),e(o,{paddingTop:{base:4,md:8,lg:10},ref:y,"data-testid":E,id:E,children:n(o,{backgroundColor:"onThisPagePrimaryBg",padding:{base:4,md:6,lg:8},...w,children:[n("nav",{children:[e(p,{fontSize:{base:"headings.sm",lg:"headings.lg"},lineHeight:{base:"headings.sm",lg:"headings.lg"},display:"flex",pb:4,children:"On this page"}),e(r,{marginInlineStart:0,paddingInlineStart:0,sx:{li:{display:"flex",paddingBottom:2,alignItems:"center"}},styleType:"none",children:C.map(((n,i)=>e(f,{children:n},i)))})]}),B&&T.length>B&&e(a,{justifyContent:"flex-end",children:e(h,{mt:4,variant:"linkNoDecoration",rightIcon:e(k?u:x,{boxSize:6}),onClick:()=>v(!k),children:k?"Show less":"Show all"})}),I&&e(d,{children:e(a,{justifyContent:"center",pointerEvents:"none",children:e(l,{position:"fixed",bottom:{base:4,md:20},children:e(a,{justifyContent:"end",paddingRight:{base:4,md:8},children:e(o,{pointerEvents:"auto",zIndex:"sticky",position:"relative",children:e(s,{href:`#${E}`,children:e(g,{icon:e(b,{}),variant:"backToTop","aria-label":"Back to top"})})})})})})})]})})}));export{y as OnThisPageHeadings};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/OnThisPage/index.tsx"],"sourcesContent":[null],"names":["OnThisPageHeadings","forwardRef","props","ref","children","rest","shouldShowAll","setShouldShowAll","React","useState","showBackToTop","setShowBackToTop","headings","Children","toArray","noOfHeadings","useBreakpointValue","base","lg","fallback","displayHeadings","slice","length","boxId","useEffect","handleScroll","box","document","getElementById","Error","window","scrollY","offsetTop","offsetHeight","addEventListener","removeEventListener","_jsx","Box","paddingTop","md","id","_jsxs","backgroundColor","padding","Heading","fontSize","lineHeight","display","pb","UnorderedList","marginInlineStart","paddingInlineStart","sx","li","paddingBottom","alignItems","styleType","map","heading","index","ArrowDownListItem","Flex","justifyContent","Button","mt","variant","rightIcon","ChevronUpIcon","ChevronDownIcon","boxSize","onClick","Portal","Container","position","bottom","paddingRight","Link","href","IconButton","icon","ArrowUpIcon"],"mappings":"qjBAsBM,MAAAA,EAAqBC,GAAmC,CAACC,EAAOC,KACpE,MAAMC,SAAEA,KAAaC,GAASH,GAEvBI,EAAeC,GAAoBC,EAAMC,UAAS,IAClDC,EAAeC,GAAoBH,EAAMC,UAAS,GAEnDG,EAAWJ,EAAMK,SAASC,QAAQV,GAElCW,EAAeC,EACnB,CACEC,KAAM,EACNC,GAAI,GAEN,CAAEC,SAAU,OAGRC,EAAkBR,EAASS,MAC/B,EACAf,EAAgBM,EAASU,OAASP,GAI9BQ,EAAQ,uBAsBd,OApBAC,GAAU,KACR,MAAMC,EAAe,KACnB,MAAMC,EAAMC,SAASC,eAAeL,GAEpC,IAAKG,EACH,MAAM,IAAIG,MAAM,uCAGlBlB,EAAiBmB,OAAOC,QAAUL,EAAIM,UAAYN,EAAIO,aAAa,EAOrE,OAFAR,IACAK,OAAOI,iBAAiB,SAAUT,GAC3B,KACLK,OAAOK,oBAAoB,SAAUV,EAAa,CACnD,GACA,IAGDW,EAACC,EAAG,CACFC,WAAY,CAAErB,KAAM,EAAGsB,GAAI,EAAGrB,GAAI,IAClCf,IAAKA,EACQ,cAAAoB,EACbiB,GAAIjB,EAEJnB,SAAAqC,EAACJ,EACC,CAAAK,gBAAgB,sBAChBC,QAAS,CAAE1B,KAAM,EAAGsB,GAAI,EAAGrB,GAAI,MAC3Bb,EAAID,SAAA,CAERqC,mBACEL,EAACQ,GACCC,SAAU,CAAE5B,KAAM,cAAeC,GAAI,eACrC4B,WAAY,CAAE7B,KAAM,cAAeC,GAAI,eACvC6B,QAAQ,OACRC,GAAI,EAGI5C,SAAA,iBACVgC,EAACa,EAAa,CACZC,kBAAmB,EACnBC,mBAAoB,EACpBC,GAAI,CACFC,GAAI,CAAEN,QAAS,OAAQO,cAAe,EAAGC,WAAY,WAEvDC,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/OnThisPage/index.tsx"],"sourcesContent":[null],"names":["OnThisPageHeadings","forwardRef","props","ref","children","rest","shouldShowAll","setShouldShowAll","React","useState","showBackToTop","setShowBackToTop","headings","Children","toArray","noOfHeadings","useBreakpointValue","base","lg","fallback","displayHeadings","slice","length","boxId","useEffect","handleScroll","box","document","getElementById","Error","window","scrollY","offsetTop","offsetHeight","addEventListener","removeEventListener","_jsx","Box","paddingTop","md","id","_jsxs","backgroundColor","padding","Heading","fontSize","lineHeight","display","pb","UnorderedList","marginInlineStart","paddingInlineStart","sx","li","paddingBottom","alignItems","styleType","map","heading","index","ArrowDownListItem","Flex","justifyContent","Button","mt","variant","rightIcon","ChevronUpIcon","ChevronDownIcon","boxSize","onClick","Portal","pointerEvents","Container","position","bottom","paddingRight","zIndex","Link","href","IconButton","icon","ArrowUpIcon"],"mappings":"qjBAsBM,MAAAA,EAAqBC,GAAmC,CAACC,EAAOC,KACpE,MAAMC,SAAEA,KAAaC,GAASH,GAEvBI,EAAeC,GAAoBC,EAAMC,UAAS,IAClDC,EAAeC,GAAoBH,EAAMC,UAAS,GAEnDG,EAAWJ,EAAMK,SAASC,QAAQV,GAElCW,EAAeC,EACnB,CACEC,KAAM,EACNC,GAAI,GAEN,CAAEC,SAAU,OAGRC,EAAkBR,EAASS,MAC/B,EACAf,EAAgBM,EAASU,OAASP,GAI9BQ,EAAQ,uBAsBd,OApBAC,GAAU,KACR,MAAMC,EAAe,KACnB,MAAMC,EAAMC,SAASC,eAAeL,GAEpC,IAAKG,EACH,MAAM,IAAIG,MAAM,uCAGlBlB,EAAiBmB,OAAOC,QAAUL,EAAIM,UAAYN,EAAIO,aAAa,EAOrE,OAFAR,IACAK,OAAOI,iBAAiB,SAAUT,GAC3B,KACLK,OAAOK,oBAAoB,SAAUV,EAAa,CACnD,GACA,IAGDW,EAACC,EAAG,CACFC,WAAY,CAAErB,KAAM,EAAGsB,GAAI,EAAGrB,GAAI,IAClCf,IAAKA,EACQ,cAAAoB,EACbiB,GAAIjB,EAEJnB,SAAAqC,EAACJ,EACC,CAAAK,gBAAgB,sBAChBC,QAAS,CAAE1B,KAAM,EAAGsB,GAAI,EAAGrB,GAAI,MAC3Bb,EAAID,SAAA,CAERqC,mBACEL,EAACQ,GACCC,SAAU,CAAE5B,KAAM,cAAeC,GAAI,eACrC4B,WAAY,CAAE7B,KAAM,cAAeC,GAAI,eACvC6B,QAAQ,OACRC,GAAI,EAGI5C,SAAA,iBACVgC,EAACa,EAAa,CACZC,kBAAmB,EACnBC,mBAAoB,EACpBC,GAAI,CACFC,GAAI,CAAEN,QAAS,OAAQO,cAAe,EAAGC,WAAY,WAEvDC,UAAU,OAAMpD,SAEfgB,EAAgBqC,KAAI,CAACC,EAASC,IAC7BvB,EAACwB,EAA+B,CAAAxD,SAAAsD,GAARC,UAI7B5C,GAAgBH,EAASU,OAASP,GACjCqB,EAACyB,EAAI,CAACC,eAAe,oBACnB1B,EAAC2B,EACC,CAAAC,GAAI,EACJC,QAAQ,mBACRC,UAEI9B,EADF9B,EACG6D,EAEAC,EAFc,CAAAC,QAAS,IAK5BC,QArEU,IAAM/D,GAAkBD,GAqEZF,SAErBE,EAAgB,YAAc,eAIpCI,GACC0B,EAACmC,YACCnC,EAACyB,GAAKC,eAAe,SAASU,cAAc,OAC1CpE,SAAAgC,EAACqC,EAAU,CAAAC,SAAS,QAAQC,OAAQ,CAAE1D,KAAM,EAAGsB,GAAI,IACjDnC,SAAAgC,EAACyB,EAAI,CAACC,eAAe,MAAMc,aAAc,CAAE3D,KAAM,EAAGsB,GAAI,YACtDH,EAACC,GAAImC,cAAc,OAAOK,OAAO,SAASH,SAAS,WAAUtE,SAC3DgC,EAAC0C,EAAI,CAACC,KAAM,IAAIxD,IACdnB,SAAAgC,EAAC4C,EACC,CAAAC,KAAM7C,EAAC8C,MACPjB,QAAQ,YACG,aAAA,gCAUzB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{listAnatomy as t}from"@chakra-ui/anatomy";import{createMultiStyleConfigHelpers as e,defineStyle as i}from"@chakra-ui/react";const{definePartsStyle:a,defineMultiStyleConfig:
|
|
1
|
+
import{listAnatomy as t}from"@chakra-ui/anatomy";import{createMultiStyleConfigHelpers as e,defineStyle as i}from"@chakra-ui/react";const{definePartsStyle:a,defineMultiStyleConfig:l}=e(t.keys),n=i({marginEnd:25,display:"inline",verticalAlign:"text-bottom"}),o=i({fontSize:{base:"text.sm",lg:"text.md"},display:"flex",textOverflow:"ellipsis",alignItems:"center",paddingBottom:0,marginBottom:0,fontFamily:"body",fontWeight:"normal",color:"textDark"}),r=l({baseStyle:a({container:{paddingInlineStart:"2px","li ul li":{listStyleType:"circle"}},icon:n}),variants:{checklist:{item:o}}});export{r as default};
|
|
2
2
|
//# sourceMappingURL=list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sources":["../../../../../src/theme/cruk/components/list.ts"],"sourcesContent":[null],"names":["definePartsStyle","defineMultiStyleConfig","createMultiStyleConfigHelpers","parts","keys","baseStyleIcon","defineStyle","marginEnd","display","verticalAlign","arrowDownListItem","fontSize","base","lg","textOverflow","alignItems","paddingBottom","marginBottom","fontFamily","fontWeight","color","listTheme","baseStyle","container","paddingInlineStart","icon","variants","checklist","item"],"mappings":"mIAGA,MAAMA,iBAAEA,EAAgBC,uBAAEA,GACxBC,EAA8BC,EAAMC,MAEhCC,EAAgBC,EAAY,CAChCC,UAAW,GACXC,QAAS,SACTC,cAAe,gBAGXC,EAAoBJ,EAAY,CACpCK,SAAU,CAAEC,KAAM,UAAWC,GAAI,WACjCL,QAAS,OACTM,aAAc,WACdC,WAAY,SACZC,cAAe,EACfC,aAAc,EACdC,WAAY,OACZC,WAAY,SACZC,MAAO,
|
|
1
|
+
{"version":3,"file":"list.js","sources":["../../../../../src/theme/cruk/components/list.ts"],"sourcesContent":[null],"names":["definePartsStyle","defineMultiStyleConfig","createMultiStyleConfigHelpers","parts","keys","baseStyleIcon","defineStyle","marginEnd","display","verticalAlign","arrowDownListItem","fontSize","base","lg","textOverflow","alignItems","paddingBottom","marginBottom","fontFamily","fontWeight","color","listTheme","baseStyle","container","paddingInlineStart","listStyleType","icon","variants","checklist","item"],"mappings":"mIAGA,MAAMA,iBAAEA,EAAgBC,uBAAEA,GACxBC,EAA8BC,EAAMC,MAEhCC,EAAgBC,EAAY,CAChCC,UAAW,GACXC,QAAS,SACTC,cAAe,gBAGXC,EAAoBJ,EAAY,CACpCK,SAAU,CAAEC,KAAM,UAAWC,GAAI,WACjCL,QAAS,OACTM,aAAc,WACdC,WAAY,SACZC,cAAe,EACfC,aAAc,EACdC,WAAY,OACZC,WAAY,SACZC,MAAO,aAaHC,EAAYpB,EAAuB,CACvCqB,UAXgBtB,EAAiB,CACjCuB,UAAW,CACTC,mBAAoB,MACpB,WAAY,CACVC,cAAe,WAGnBC,KAAMrB,IAKNsB,SAAU,CACRC,UAAW,CACTC,KAAMnB"}
|
package/dist/index.d.ts
CHANGED
|
@@ -308,6 +308,7 @@ type InputProps = InputProps$1 & {
|
|
|
308
308
|
declare const Input: _chakra_ui_react.ComponentWithAs<"input", InputProps>;
|
|
309
309
|
|
|
310
310
|
interface CheckListItemProps extends ListItemProps {
|
|
311
|
+
iconAlignment?: "top" | "center";
|
|
311
312
|
children: React__default.ReactNode;
|
|
312
313
|
}
|
|
313
314
|
declare const CheckListUL: _chakra_ui_icons.ComponentWithAs<"ul", ListProps>;
|