@goodhood-web/ui 1.6.0-development.16 → 1.6.0-development.17
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/index.d.ts +31 -31
- package/index.js +1 -1
- package/index.mjs +16 -14
- package/lib/Button/Button.types.d.ts +1 -1
- package/lib/ButtonPrimary/ButtonPrimary.types.d.ts +1 -1
- package/lib/Card/Card.types.d.ts +2 -2
- package/lib/Card/CardHeader/CardHeader.type.d.ts +3 -3
- package/lib/Icon/Icon.d.ts +1 -1
- package/lib/Icon/Icon.types.d.ts +2 -2
- package/lib/IconButton/IconButton.types.d.ts +1 -1
- package/lib/MenuItem/MenuItem.d.ts +1 -1
- package/lib/MenuItem/MenuItem.types.d.ts +3 -2
- package/lib/Modal/Modal.types.d.ts +2 -2
- package/lib/NavBar/NavItem/NavItem.types.d.ts +1 -1
- package/lib/PlaceholderThumbnail/PlaceholderThumbnail.type.d.ts +1 -1
- package/lib/Popup/Popup.types.d.ts +1 -1
- package/lib/TextButton/TextButton.types.d.ts +3 -3
- package/lib/TextInput/TextInput.types.d.ts +1 -1
- package/lib/ToggleInput/ToggleInput.types.d.ts +1 -1
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { default as Typography } from './lib/Typography/Typography';
|
|
2
|
-
import { default as ToggleInput } from './lib/ToggleInput/ToggleInput';
|
|
3
|
-
import { default as Toggle } from './lib/Toggle/Toggle';
|
|
4
|
-
import { default as Thumbnail } from './lib/Thumbnail/Thumbnail';
|
|
5
|
-
import { default as TextInput } from './lib/TextInput/TextInput';
|
|
6
|
-
import { default as TextButton } from './lib/TextButton/TextButton';
|
|
7
|
-
import { default as RadioButtonCluster } from './lib/RadioButtonCluster/RadioButtonCluster';
|
|
8
|
-
import { default as RadioButton } from './lib/RadioButton/RadioButton';
|
|
9
|
-
import { default as Popup } from './lib/Popup/Popup';
|
|
10
|
-
import { default as PlaceholderThumbnail } from './lib/PlaceholderThumbnail/PlaceholderThumbnail';
|
|
11
|
-
import { default as NotificationBubble } from './lib/NotificationBubble/NotificationBubble';
|
|
12
|
-
import { default as NavItem } from './lib/NavBar/NavItem/NavItem';
|
|
13
|
-
import { default as NavBar } from './lib/NavBar/NavBar';
|
|
14
|
-
import { default as Modal } from './lib/Modal/Modal';
|
|
15
|
-
import { default as MenuItem } from './lib/MenuItem/MenuItem';
|
|
16
|
-
import { default as Markdown } from './lib/Markdown/Markdown';
|
|
17
|
-
import { default as Loader } from './lib/Loader/Loader';
|
|
18
|
-
import { default as Legend } from './lib/Legend/Legend';
|
|
19
|
-
import { default as LabelPill } from './lib/LabelPill/LabelPill';
|
|
20
|
-
import { default as Image } from './lib/Image/Image';
|
|
21
|
-
import { default as IconButton } from './lib/IconButton/IconButton';
|
|
22
|
-
import { default as Icon } from './lib/Icon/Icon';
|
|
23
|
-
import { default as Form } from './lib/Form/Form';
|
|
24
|
-
import { default as Fieldset } from './lib/Fieldset/Fieldset';
|
|
25
|
-
import { default as Divider } from './lib/Divider/Divider';
|
|
26
|
-
import { default as CardHeader } from './lib/Card/CardHeader/CardHeader';
|
|
27
|
-
import { default as CardBody } from './lib/Card/CardBody/CardBody';
|
|
28
|
-
import { default as Card } from './lib/Card/Card';
|
|
29
|
-
import { default as ButtonPrimary } from './lib/ButtonPrimary/ButtonPrimary';
|
|
30
|
-
import { default as Button } from './lib/Button/Button';
|
|
31
|
-
import { default as AccordionItem } from './lib/Accordion/AccordionItem';
|
|
32
1
|
import { default as Accordion } from './lib/Accordion/Accordion';
|
|
2
|
+
import { default as AccordionItem } from './lib/Accordion/AccordionItem';
|
|
3
|
+
import { default as Button } from './lib/Button/Button';
|
|
4
|
+
import { default as ButtonPrimary } from './lib/ButtonPrimary/ButtonPrimary';
|
|
5
|
+
import { default as Card } from './lib/Card/Card';
|
|
6
|
+
import { default as CardBody } from './lib/Card/CardBody/CardBody';
|
|
7
|
+
import { default as CardHeader } from './lib/Card/CardHeader/CardHeader';
|
|
8
|
+
import { default as Divider } from './lib/Divider/Divider';
|
|
9
|
+
import { default as Fieldset } from './lib/Fieldset/Fieldset';
|
|
10
|
+
import { default as Form } from './lib/Form/Form';
|
|
11
|
+
import { default as Icon } from './lib/Icon/Icon';
|
|
12
|
+
import { default as IconButton } from './lib/IconButton/IconButton';
|
|
13
|
+
import { default as Image } from './lib/Image/Image';
|
|
14
|
+
import { default as LabelPill } from './lib/LabelPill/LabelPill';
|
|
15
|
+
import { default as Legend } from './lib/Legend/Legend';
|
|
16
|
+
import { default as Loader } from './lib/Loader/Loader';
|
|
17
|
+
import { default as Markdown } from './lib/Markdown/Markdown';
|
|
18
|
+
import { default as MenuItem } from './lib/MenuItem/MenuItem';
|
|
19
|
+
import { default as Modal } from './lib/Modal/Modal';
|
|
20
|
+
import { default as NavBar } from './lib/NavBar/NavBar';
|
|
21
|
+
import { default as NavItem } from './lib/NavBar/NavItem/NavItem';
|
|
22
|
+
import { default as NotificationBubble } from './lib/NotificationBubble/NotificationBubble';
|
|
23
|
+
import { default as PlaceholderThumbnail } from './lib/PlaceholderThumbnail/PlaceholderThumbnail';
|
|
24
|
+
import { default as Popup } from './lib/Popup/Popup';
|
|
25
|
+
import { default as RadioButton } from './lib/RadioButton/RadioButton';
|
|
26
|
+
import { default as RadioButtonCluster } from './lib/RadioButtonCluster/RadioButtonCluster';
|
|
27
|
+
import { default as TextButton } from './lib/TextButton/TextButton';
|
|
28
|
+
import { default as TextInput } from './lib/TextInput/TextInput';
|
|
29
|
+
import { default as Thumbnail } from './lib/Thumbnail/Thumbnail';
|
|
30
|
+
import { default as Toggle } from './lib/Toggle/Toggle';
|
|
31
|
+
import { default as ToggleInput } from './lib/ToggleInput/ToggleInput';
|
|
32
|
+
import { default as Typography } from './lib/Typography/Typography';
|
|
33
33
|
|
|
34
34
|
export { Accordion, AccordionItem, Button, ButtonPrimary, Card, CardBody, CardHeader, Divider, Fieldset, Form, Icon, IconButton, Image, LabelPill, Legend, Loader, Markdown, MenuItem, Modal, NavBar, NavItem, NotificationBubble, PlaceholderThumbnail, Popup, RadioButton, RadioButtonCluster, TextButton, TextInput, Thumbnail, Toggle, ToggleInput, Typography, };
|
package/index.js
CHANGED
|
@@ -93,4 +93,4 @@ ${e}</tr>
|
|
|
93
93
|
`}tablecell(e,n){const r=n.header?"th":"td";return(n.align?`<${r} align="${n.align}">`:`<${r}>`)+e+`</${r}>
|
|
94
94
|
`}strong(e){return`<strong>${e}</strong>`}em(e){return`<em>${e}</em>`}codespan(e){return`<code>${e}</code>`}br(){return"<br>"}del(e){return`<del>${e}</del>`}link(e,n,r){const o=Mr(e);if(o===null)return r;e=o;let s='<a href="'+e+'"';return n&&(s+=' title="'+n+'"'),s+=">"+r+"</a>",s}image(e,n,r){const o=Mr(e);if(o===null)return r;e=o;let s=`<img src="${e}" alt="${r}"`;return n&&(s+=` title="${n}"`),s+=">",s}text(e){return e}}class In{strong(e){return e}em(e){return e}codespan(e){return e}del(e){return e}html(e){return e}text(e){return e}link(e,n,r){return""+r}image(e,n,r){return""+r}br(){return""}}class Re{constructor(e){fe(this,"options");fe(this,"renderer");fe(this,"textRenderer");this.options=e||We,this.options.renderer=this.options.renderer||new It,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new In}static parse(e,n){return new Re(n).parse(e)}static parseInline(e,n){return new Re(n).parseInline(e)}parse(e,n=!0){let r="";for(let o=0;o<e.length;o++){const s=e[o];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[s.type]){const a=s,l=this.options.extensions.renderers[a.type].call({parser:this},a);if(l!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(a.type)){r+=l||"";continue}}switch(s.type){case"space":continue;case"hr":{r+=this.renderer.hr();continue}case"heading":{const a=s;r+=this.renderer.heading(this.parseInline(a.tokens),a.depth,Yu(this.parseInline(a.tokens,this.textRenderer)));continue}case"code":{const a=s;r+=this.renderer.code(a.text,a.lang,!!a.escaped);continue}case"table":{const a=s;let l="",c="";for(let f=0;f<a.header.length;f++)c+=this.renderer.tablecell(this.parseInline(a.header[f].tokens),{header:!0,align:a.align[f]});l+=this.renderer.tablerow(c);let d="";for(let f=0;f<a.rows.length;f++){const h=a.rows[f];c="";for(let m=0;m<h.length;m++)c+=this.renderer.tablecell(this.parseInline(h[m].tokens),{header:!1,align:a.align[m]});d+=this.renderer.tablerow(c)}r+=this.renderer.table(l,d);continue}case"blockquote":{const a=s,l=this.parse(a.tokens);r+=this.renderer.blockquote(l);continue}case"list":{const a=s,l=a.ordered,c=a.start,d=a.loose;let f="";for(let h=0;h<a.items.length;h++){const m=a.items[h],g=m.checked,x=m.task;let b="";if(m.task){const $=this.renderer.checkbox(!!g);d?m.tokens.length>0&&m.tokens[0].type==="paragraph"?(m.tokens[0].text=$+" "+m.tokens[0].text,m.tokens[0].tokens&&m.tokens[0].tokens.length>0&&m.tokens[0].tokens[0].type==="text"&&(m.tokens[0].tokens[0].text=$+" "+m.tokens[0].tokens[0].text)):m.tokens.unshift({type:"text",text:$+" "}):b+=$+" "}b+=this.parse(m.tokens,d),f+=this.renderer.listitem(b,x,!!g)}r+=this.renderer.list(f,l,c);continue}case"html":{const a=s;r+=this.renderer.html(a.text,a.block);continue}case"paragraph":{const a=s;r+=this.renderer.paragraph(this.parseInline(a.tokens));continue}case"text":{let a=s,l=a.tokens?this.parseInline(a.tokens):a.text;for(;o+1<e.length&&e[o+1].type==="text";)a=e[++o],l+=`
|
|
95
95
|
`+(a.tokens?this.parseInline(a.tokens):a.text);r+=n?this.renderer.paragraph(l):l;continue}default:{const a='Token with "'+s.type+'" type was not found.';if(this.options.silent)return console.error(a),"";throw new Error(a)}}}return r}parseInline(e,n){n=n||this.renderer;let r="";for(let o=0;o<e.length;o++){const s=e[o];if(this.options.extensions&&this.options.extensions.renderers&&this.options.extensions.renderers[s.type]){const a=this.options.extensions.renderers[s.type].call({parser:this},s);if(a!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(s.type)){r+=a||"";continue}}switch(s.type){case"escape":{const a=s;r+=n.text(a.text);break}case"html":{const a=s;r+=n.html(a.text);break}case"link":{const a=s;r+=n.link(a.href,a.title,this.parseInline(a.tokens,n));break}case"image":{const a=s;r+=n.image(a.href,a.title,a.text);break}case"strong":{const a=s;r+=n.strong(this.parseInline(a.tokens,n));break}case"em":{const a=s;r+=n.em(this.parseInline(a.tokens,n));break}case"codespan":{const a=s;r+=n.codespan(a.text);break}case"br":{r+=n.br();break}case"del":{const a=s;r+=n.del(this.parseInline(a.tokens,n));break}case"text":{const a=s;r+=n.text(a.text);break}default:{const a='Token with "'+s.type+'" type was not found.';if(this.options.silent)return console.error(a),"";throw new Error(a)}}}return r}}class at{constructor(e){fe(this,"options");this.options=e||We}preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}}fe(at,"passThroughHooks",new Set(["preprocess","postprocess","processAllTokens"]));var ut,bn,Nt,Po;class R2{constructor(...e){Jt(this,ut);Jt(this,Nt);fe(this,"defaults",Pn());fe(this,"options",this.setOptions);fe(this,"parse",gt(this,ut,bn).call(this,Ee.lex,Re.parse));fe(this,"parseInline",gt(this,ut,bn).call(this,Ee.lexInline,Re.parseInline));fe(this,"Parser",Re);fe(this,"Renderer",It);fe(this,"TextRenderer",In);fe(this,"Lexer",Ee);fe(this,"Tokenizer",Ft);fe(this,"Hooks",at);this.use(...e)}walkTokens(e,n){var o,s;let r=[];for(const a of e)switch(r=r.concat(n.call(this,a)),a.type){case"table":{const l=a;for(const c of l.header)r=r.concat(this.walkTokens(c.tokens,n));for(const c of l.rows)for(const d of c)r=r.concat(this.walkTokens(d.tokens,n));break}case"list":{const l=a;r=r.concat(this.walkTokens(l.items,n));break}default:{const l=a;(s=(o=this.defaults.extensions)==null?void 0:o.childTokens)!=null&&s[l.type]?this.defaults.extensions.childTokens[l.type].forEach(c=>{const d=l[c].flat(1/0);r=r.concat(this.walkTokens(d,n))}):l.tokens&&(r=r.concat(this.walkTokens(l.tokens,n)))}}return r}use(...e){const n=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach(r=>{const o={...r};if(o.async=this.defaults.async||o.async||!1,r.extensions&&(r.extensions.forEach(s=>{if(!s.name)throw new Error("extension name required");if("renderer"in s){const a=n.renderers[s.name];a?n.renderers[s.name]=function(...l){let c=s.renderer.apply(this,l);return c===!1&&(c=a.apply(this,l)),c}:n.renderers[s.name]=s.renderer}if("tokenizer"in s){if(!s.level||s.level!=="block"&&s.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");const a=n[s.level];a?a.unshift(s.tokenizer):n[s.level]=[s.tokenizer],s.start&&(s.level==="block"?n.startBlock?n.startBlock.push(s.start):n.startBlock=[s.start]:s.level==="inline"&&(n.startInline?n.startInline.push(s.start):n.startInline=[s.start]))}"childTokens"in s&&s.childTokens&&(n.childTokens[s.name]=s.childTokens)}),o.extensions=n),r.renderer){const s=this.defaults.renderer||new It(this.defaults);for(const a in r.renderer){if(!(a in s))throw new Error(`renderer '${a}' does not exist`);if(a==="options")continue;const l=a,c=r.renderer[l],d=s[l];s[l]=(...f)=>{let h=c.apply(s,f);return h===!1&&(h=d.apply(s,f)),h||""}}o.renderer=s}if(r.tokenizer){const s=this.defaults.tokenizer||new Ft(this.defaults);for(const a in r.tokenizer){if(!(a in s))throw new Error(`tokenizer '${a}' does not exist`);if(["options","rules","lexer"].includes(a))continue;const l=a,c=r.tokenizer[l],d=s[l];s[l]=(...f)=>{let h=c.apply(s,f);return h===!1&&(h=d.apply(s,f)),h}}o.tokenizer=s}if(r.hooks){const s=this.defaults.hooks||new at;for(const a in r.hooks){if(!(a in s))throw new Error(`hook '${a}' does not exist`);if(a==="options")continue;const l=a,c=r.hooks[l],d=s[l];at.passThroughHooks.has(a)?s[l]=f=>{if(this.defaults.async)return Promise.resolve(c.call(s,f)).then(m=>d.call(s,m));const h=c.call(s,f);return d.call(s,h)}:s[l]=(...f)=>{let h=c.apply(s,f);return h===!1&&(h=d.apply(s,f)),h}}o.hooks=s}if(r.walkTokens){const s=this.defaults.walkTokens,a=r.walkTokens;o.walkTokens=function(l){let c=[];return c.push(a.call(this,l)),s&&(c=c.concat(s.call(this,l))),c}}this.defaults={...this.defaults,...o}}),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,n){return Ee.lex(e,n??this.defaults)}parser(e,n){return Re.parse(e,n??this.defaults)}}ut=new WeakSet,bn=function(e,n){return(r,o)=>{const s={...o},a={...this.defaults,...s};this.defaults.async===!0&&s.async===!1&&(a.silent||console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."),a.async=!0);const l=gt(this,Nt,Po).call(this,!!a.silent,!!a.async);if(typeof r>"u"||r===null)return l(new Error("marked(): input parameter is undefined or null"));if(typeof r!="string")return l(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(r)+", string expected"));if(a.hooks&&(a.hooks.options=a),a.async)return Promise.resolve(a.hooks?a.hooks.preprocess(r):r).then(c=>e(c,a)).then(c=>a.hooks?a.hooks.processAllTokens(c):c).then(c=>a.walkTokens?Promise.all(this.walkTokens(c,a.walkTokens)).then(()=>c):c).then(c=>n(c,a)).then(c=>a.hooks?a.hooks.postprocess(c):c).catch(l);try{a.hooks&&(r=a.hooks.preprocess(r));let c=e(r,a);a.hooks&&(c=a.hooks.processAllTokens(c)),a.walkTokens&&this.walkTokens(c,a.walkTokens);let d=n(c,a);return a.hooks&&(d=a.hooks.postprocess(d)),d}catch(c){return l(c)}}},Nt=new WeakSet,Po=function(e,n){return r=>{if(r.message+=`
|
|
96
|
-
Please report this to https://github.com/markedjs/marked.`,e){const o="<p>An error occurred:</p><pre>"+we(r.message+"",!0)+"</pre>";return n?Promise.resolve(o):o}if(n)return Promise.reject(r);throw r}};const je=new R2;function ie(t,e){return je.parse(t,e)}ie.options=ie.setOptions=function(t){return je.setOptions(t),ie.defaults=je.defaults,ko(ie.defaults),ie};ie.getDefaults=Pn;ie.defaults=We;ie.use=function(...t){return je.use(...t),ie.defaults=je.defaults,ko(ie.defaults),ie};ie.walkTokens=function(t,e){return je.walkTokens(t,e)};ie.parseInline=je.parseInline;ie.Parser=Re;ie.parser=Re.parse;ie.Renderer=It;ie.TextRenderer=In;ie.Lexer=Ee;ie.lexer=Ee.lex;ie.Tokenizer=Ft;ie.Hooks=at;ie.parse=ie;ie.options;ie.setOptions;ie.use;ie.walkTokens;ie.parseInline;Re.parse;Ee.lex;function _2({className:t,text:e}){return _.jsx("span",{className:t,dangerouslySetInnerHTML:{__html:ie.parse(e)}})}const C2="_menuItem_pfii3_106",S2="_highlightFrame_pfii3_120",T2="_rightIcon_pfii3_128",M2="_leftIcon_pfii3_136",nt={menuItem:C2,highlightFrame:S2,rightIcon:T2,"menuItem--selected":"_menuItem--selected_pfii3_133",leftIcon:M2},$2=({className:t,
|
|
96
|
+
Please report this to https://github.com/markedjs/marked.`,e){const o="<p>An error occurred:</p><pre>"+we(r.message+"",!0)+"</pre>";return n?Promise.resolve(o):o}if(n)return Promise.reject(r);throw r}};const je=new R2;function ie(t,e){return je.parse(t,e)}ie.options=ie.setOptions=function(t){return je.setOptions(t),ie.defaults=je.defaults,ko(ie.defaults),ie};ie.getDefaults=Pn;ie.defaults=We;ie.use=function(...t){return je.use(...t),ie.defaults=je.defaults,ko(ie.defaults),ie};ie.walkTokens=function(t,e){return je.walkTokens(t,e)};ie.parseInline=je.parseInline;ie.Parser=Re;ie.parser=Re.parse;ie.Renderer=It;ie.TextRenderer=In;ie.Lexer=Ee;ie.lexer=Ee.lex;ie.Tokenizer=Ft;ie.Hooks=at;ie.parse=ie;ie.options;ie.setOptions;ie.use;ie.walkTokens;ie.parseInline;Re.parse;Ee.lex;function _2({className:t,text:e}){return _.jsx("span",{className:t,dangerouslySetInnerHTML:{__html:ie.parse(e)}})}const C2="_menuItem_pfii3_106",S2="_highlightFrame_pfii3_120",T2="_rightIcon_pfii3_128",M2="_leftIcon_pfii3_136",nt={menuItem:C2,highlightFrame:S2,rightIcon:T2,"menuItem--selected":"_menuItem--selected_pfii3_133",leftIcon:M2},$2=({className:t,href:e,isSelected:n,labelPillText:r,leftIcon:o,onClick:s,rightIcon:a,role:l,text:c})=>_.jsx(Qe,{role:l,onClick:s,className:ae(t,nt.menuItem,{[nt["menuItem--selected"]]:n}),...e?{href:e}:{},children:_.jsxs("span",{className:ae(nt.highlightFrame),children:[_.jsx("span",{className:nt.leftIcon,children:o}),_.jsx(xe,{type:n?"h5":"body-large",as:"span",children:c}),r&&_.jsx(bo,{label:r,size:"medium"}),a&&_.jsx("span",{className:nt.rightIcon,children:a})]})}),P2="_bubbleContent_1bzh6_106",L2="_bubble_1bzh6_106",un={bubbleContent:P2,bubble:L2,"bubble--empty":"_bubble--empty_1bzh6_141"},B2=9,kn=t=>{const{ariaLabel:e,children:n,value:r}=t,o=r===void 0,s=o?void 0:Math.max(0,r).toString(),a=ae({[un["bubble--empty"]]:o,[un.bubble]:!0});return _.jsx(Yr,{badgeContent:s,className:un.bubbleContent,max:B2,slotProps:{badge:{className:a}},"aria-label":e,role:"status",children:n})},A2="_textButton_wdrru_106",fn={textButton:A2,"textButton--green":"_textButton--green_wdrru_114","textButton--blue":"_textButton--blue_wdrru_120","textButton--text":"_textButton--text_wdrru_126"},F2={large:"h5",medium:"body-semibold",small:"detail-bold"};function Lo({color:t,disabled:e,leftIcon:n,rightIcon:r,size:o,text:s,...a}){const l=Ke(n,[Le,kn]),c=Ke(r,[Le,kn]);return _.jsxs(Qe,{...a,className:ae(fn.textButton,fn[`textButton--${t}`]),disabled:e,children:[l,_.jsx(xe,{type:F2[o],as:"span",className:ae(fn.textButtonTypography),children:s}),c]})}const O2="_backdrop_1cu8e_106",I2={backdrop:O2},Bo=p.forwardRef((t,e)=>_.jsx("div",{ref:e,...t,className:I2.backdrop}));Bo.displayName="Backdrop";const N2="_modal_1h6fu_106",V2="_modalWrapper_1h6fu_114",j2="_modalHeader_1h6fu_126",W2="_modalFooter_1h6fu_148",yt={modal:N2,modalWrapper:V2,modalHeader:j2,modalFooter:W2},H2=({ariaLabel:t,ariaLabelledBy:e,closeButtonText:n="Abbrechen",modalBody:r,modalHeader:o,onClose:s,open:a})=>_.jsx(mo,{"aria-label":t,"aria-labelledby":e,open:a,onClose:s,slots:{backdrop:Bo},className:yt.modal,children:_.jsxs("div",{className:yt.modalWrapper,children:[_.jsx("div",{className:yt.modalHeader,children:o}),r,_.jsx("div",{className:yt.modalFooter,children:_.jsx(Lo,{onClick:s,color:"blue",size:"large",text:n})})]})}),D2="_navBar_1k3qn_106",Z2={navBar:D2},z2=({children:t,onChange:e,value:n})=>{const[r,o]=p.useState(n||""),s=a=>{e(a),o(a)};return _.jsx("ul",{className:Z2.navBar,children:p.Children.map(t,a=>p.cloneElement(a,{active:a.props.id.toLowerCase()===r.toLowerCase(),onChange:s}))})},q2="_listItem_1qhy9_106",U2="_navItem_1qhy9_106",Y2="_selector_1qhy9_120",K2="_label_1qhy9_141",rt={listItem:q2,navItem:U2,selector:Y2,"navItem--active":"_navItem--active_1qhy9_128",label:K2},Q2=({active:t,ariaLabel:e,icon:n,id:r,label:o,onChange:s})=>{const a=()=>{s&&s(r)};return _.jsx("li",{className:rt.listItem,children:_.jsxs(Qe,{className:ae(rt.navItem,{[rt["navItem--active"]]:t}),onClick:a,"aria-label":e,children:[_.jsx("div",{className:rt.selector}),n,o&&_.jsx(xe,{className:rt.label,type:"detail-medium",as:"span",children:o})]})})},X2="_wrapper_bgoxo_106",Et={wrapper:X2,"wrapper--large":"_wrapper--large_bgoxo_117","wrapper--small":"_wrapper--small_bgoxo_120","wrapper--iconWrapper":"_wrapper--iconWrapper_bgoxo_124"},G2=({className:t,icon:e,size:n})=>{const r=Ke(e,[Le]);return _.jsx("div",{className:ae(Et.wrapper,t,{[Et[`wrapper--${n}`]]:n}),"data-testid":"placeholder-thumbnail",children:_.jsx("div",{className:ae(Et.wrapper,{[Et["wrapper--iconWrapper"]]:n==="large"}),children:r})})},J2="_base_1m5zg_106",ef={base:J2};var Ct=(t=>(t[t.lg=16]="lg",t[t.md=12]="md",t[t.sm=8]="sm",t[t.xl=24]="xl",t))(Ct||{});const tf=({anchor:t,children:e,container:n,id:r,offset:o="sm",open:s,placement:a,strategy:l="fixed"})=>{let c=Ct.sm;return typeof o=="object"?c=o:Ct[o]&&(c=Ct[o]),_.jsx(ho,{className:ef.base,id:r,open:s,anchor:t,offset:c,placement:a,container:n,strategy:l,children:e})},nf="_radio_1f304_106",Br={radio:nf,"radio--small":"_radio--small_1f304_124"};function rf({checked:t,disabled:e,id:n,label:r,onChange:o,size:s,value:a}){const l=Br[`radio--${s}`];return _.jsxs("span",{className:Br.radio,children:[_.jsx("input",{checked:t,onChange:o,"aria-disabled":e,"aria-label":r,className:l,value:a,disabled:e,type:"radio",role:"radio",id:n}),_.jsx("label",{htmlFor:n,className:l,children:r})]})}const of="_radiobuttoncluster_1wlw6_106",sf={radiobuttoncluster:of};function af(t){const{children:e,disabled:n,onChange:r,value:o}=t;function s(l){r(l)}const a=p.Children.map(e,l=>p.cloneElement(l,{checked:o===l.props.value,onChange:s}));return _.jsx(vo,{disabled:n,classname:sf.radiobuttoncluster,children:a})}const lf="_wrapper_1scpr_106",cf="_textInputContainer_1scpr_109",uf="_textInput_1scpr_109",Fe={wrapper:lf,textInputContainer:cf,textInput:uf,"textInput--medium":"_textInput--medium_1scpr_149","textInput--small":"_textInput--small_1scpr_169","textInput--dark":"_textInput--dark_1scpr_188","textInput--light":"_textInput--light_1scpr_203","textInput--error":"_textInput--error_1scpr_221","textInputContainer--errorMessage":"_textInputContainer--errorMessage_1scpr_239"},ff=({colorScheme:t,errorMessage:e,id:n,label:r,name:o,ref:s,size:a,...l})=>{const{getInputProps:c,getRootProps:d}=sa({inputRef:s,...l}),f=c(),{disabled:h}=f,m=!!e,g=Fe[`textInput--${t}`],x=Fe[`textInput--${a}`];return _.jsxs("div",{className:Fe.wrapper,children:[_.jsxs("div",{className:Fe.textInputContainer,...d(),children:[_.jsx("input",{...f,id:n,type:"text",name:o,"aria-disabled":h,"aria-label":r,className:ae(Fe.textInput,x,g,{[Fe["textInput--error"]]:m}),placeholder:""}),_.jsx("label",{htmlFor:n,children:_.jsx(xe,{type:a==="medium"?"body-large":"body-regular",children:r})})]}),m&&_.jsx(xe,{className:Fe["textInputContainer--errorMessage"],type:"detail-bold",children:e})]})},df="_root_obmzr_113",Rt={root:df,"root--24":"_root--24_obmzr_120","root--28":"_root--28_obmzr_124","root--32":"_root--32_obmzr_128","root--40":"_root--40_obmzr_132","root--48":"_root--48_obmzr_136","root--56":"_root--56_obmzr_140","root--64":"_root--64_obmzr_144","root--80":"_root--80_obmzr_148","root--120":"_root--120_obmzr_152","root--280":"_root--280_obmzr_156","root--square":"_root--square_obmzr_160","root--circular":"_root--circular_obmzr_172","root--isPlaceholder":"_root--isPlaceholder_obmzr_175"},hf=({alt:t,isPlaceholder:e,shape:n,size:r,src:o})=>{const s=Rt["root--isPlaceholder"];return _.jsx("div",{className:ae(Rt.root,Rt[`root--${r}`],Rt[`root--${n}`],{[s]:e}),children:o&&_.jsx(xo,{src:o,alt:t})})},pf="_slider_1o85r_112",mf="_focusVisible_1o85r_134",dn={switch:"_switch_1o85r_106",slider:pf,focusVisible:mf},Ao=t=>{const{checked:e,disabled:n,focusVisible:r,getInputProps:o}=oi(t),{className:s,id:a}=t;return _.jsxs("span",{className:ae(dn.switch,s),children:[_.jsx("input",{...o(),type:"checkbox","aria-checked":e,"aria-disabled":n,role:"switch",id:a,"data-testid":"toggle-switch"}),_.jsx("span",{className:ae(dn.slider,{[dn.focusVisible]:r})})]})},gf="_toggleInput_189pw_106",wf="_textLabel_189pw_119",qe={toggleInput:gf,textLabel:wf,switch:"_switch_189pw_122","toggleInput--checked":"_toggleInput--checked_189pw_125","toggleInput--disabled":"_toggleInput--disabled_189pw_128","toggleInput--withBorder":"_toggleInput--withBorder_189pw_131"},vf=({checked:t,defaultChecked:e,disabled:n,icon:r,label:o,onChange:s,withBorder:a})=>_.jsxs("label",{className:ae(qe.toggleInput,{[qe["toggleInput--withBorder"]]:a,[qe["toggleInput--checked"]]:t,[qe["toggleInput--disabled"]]:n}),children:[r&&_.jsx(Le,{name:r,size:"32"}),_.jsx(xe,{type:"body-large",className:qe.textLabel,children:o}),_.jsx(Ao,{onChange:s,disabled:n,checked:t,defaultChecked:e,className:qe.switch})]});exports.Accordion=ls;exports.AccordionItem=ps;exports.Button=Qe;exports.ButtonPrimary=wi;exports.Card=Ri;exports.CardBody=go;exports.CardHeader=wo;exports.Divider=Si;exports.Fieldset=vo;exports.Form=$i;exports.Icon=Le;exports.IconButton=vn;exports.Image=xo;exports.LabelPill=bo;exports.Legend=ju;exports.Loader=Du;exports.Markdown=_2;exports.MenuItem=$2;exports.Modal=H2;exports.NavBar=z2;exports.NavItem=Q2;exports.NotificationBubble=kn;exports.PlaceholderThumbnail=G2;exports.Popup=tf;exports.RadioButton=rf;exports.RadioButtonCluster=af;exports.TextButton=Lo;exports.TextInput=ff;exports.Thumbnail=hf;exports.Toggle=Ao;exports.ToggleInput=vf;exports.Typography=xe;
|
package/index.mjs
CHANGED
|
@@ -5846,26 +5846,28 @@ const bu = "_menuItem_pfii3_106", ku = "_highlightFrame_pfii3_120", yu = "_right
|
|
|
5846
5846
|
leftIcon: Eu
|
|
5847
5847
|
}, pd = ({
|
|
5848
5848
|
className: t,
|
|
5849
|
-
|
|
5850
|
-
|
|
5851
|
-
|
|
5852
|
-
|
|
5853
|
-
|
|
5854
|
-
|
|
5855
|
-
|
|
5849
|
+
href: e,
|
|
5850
|
+
isSelected: n,
|
|
5851
|
+
labelPillText: r,
|
|
5852
|
+
leftIcon: o,
|
|
5853
|
+
onClick: s,
|
|
5854
|
+
rightIcon: i,
|
|
5855
|
+
role: l,
|
|
5856
|
+
text: c
|
|
5856
5857
|
}) => /* @__PURE__ */ R.jsx(
|
|
5857
5858
|
dt,
|
|
5858
5859
|
{
|
|
5859
|
-
role:
|
|
5860
|
-
onClick:
|
|
5860
|
+
role: l,
|
|
5861
|
+
onClick: s,
|
|
5861
5862
|
className: ie(t, tt.menuItem, {
|
|
5862
|
-
[tt["menuItem--selected"]]:
|
|
5863
|
+
[tt["menuItem--selected"]]: n
|
|
5863
5864
|
}),
|
|
5865
|
+
...e ? { href: e } : {},
|
|
5864
5866
|
children: /* @__PURE__ */ R.jsxs("span", { className: ie(tt.highlightFrame), children: [
|
|
5865
|
-
/* @__PURE__ */ R.jsx("span", { className: tt.leftIcon, children:
|
|
5866
|
-
/* @__PURE__ */ R.jsx(ye, { type:
|
|
5867
|
-
|
|
5868
|
-
|
|
5867
|
+
/* @__PURE__ */ R.jsx("span", { className: tt.leftIcon, children: o }),
|
|
5868
|
+
/* @__PURE__ */ R.jsx(ye, { type: n ? "h5" : "body-large", as: "span", children: c }),
|
|
5869
|
+
r && /* @__PURE__ */ R.jsx(A2, { label: r, size: "medium" }),
|
|
5870
|
+
i && /* @__PURE__ */ R.jsx("span", { className: tt.rightIcon, children: i })
|
|
5869
5871
|
] })
|
|
5870
5872
|
}
|
|
5871
5873
|
), _u = "_bubbleContent_1bzh6_106", Ru = "_bubble_1bzh6_106", dn = {
|
package/lib/Card/Card.types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { CardHeaderProps } from './CardHeader/CardHeader.type';
|
|
2
|
-
import { CardBodyProps } from './CardBody/CardBody.types';
|
|
3
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { CardBodyProps } from './CardBody/CardBody.types';
|
|
3
|
+
import { CardHeaderProps } from './CardHeader/CardHeader.type';
|
|
4
4
|
|
|
5
5
|
export interface CardProps {
|
|
6
6
|
ariaLabel?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { TypographyProps } from '../../Typography/Typography.types';
|
|
2
|
-
import { IconButtonProps } from '../../IconButton/IconButton.types';
|
|
3
|
-
import { IconProps } from '../../Icon/Icon.types';
|
|
4
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { IconProps } from '../../Icon/Icon.types';
|
|
3
|
+
import { IconButtonProps } from '../../IconButton/IconButton.types';
|
|
4
|
+
import { TypographyProps } from '../../Typography/Typography.types';
|
|
5
5
|
|
|
6
6
|
export type CardHeaderProps = {
|
|
7
7
|
as?: Exclude<TypographyProps['as'], 'h1' | 'p' | 'span'>;
|
package/lib/Icon/Icon.d.ts
CHANGED
package/lib/Icon/Icon.types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { default as icons32 } from './icons/32x32';
|
|
2
|
-
import { default as icons24 } from './icons/24x24';
|
|
3
1
|
import { AriaRole } from 'react';
|
|
2
|
+
import { default as icons24 } from './icons/24x24';
|
|
3
|
+
import { default as icons32 } from './icons/32x32';
|
|
4
4
|
|
|
5
5
|
export type Icon32 = keyof typeof icons32;
|
|
6
6
|
export type Icon24 = keyof typeof icons24;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Icon24, Icon32 } from '../Icon/Icon.types';
|
|
2
1
|
import { ButtonProps } from '../Button/Button.types';
|
|
2
|
+
import { Icon24, Icon32 } from '../Icon/Icon.types';
|
|
3
3
|
|
|
4
4
|
type BaseIconButtonProps = Omit<ButtonProps, 'children' | 'ref' | 'className'> & ({
|
|
5
5
|
ariaLabel: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { MenuItemProps } from './MenuItem.types';
|
|
2
2
|
|
|
3
|
-
declare const MenuItem: ({ className: passedClassName, isSelected, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare const MenuItem: ({ className: passedClassName, href, isSelected, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default MenuItem;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { ButtonProps } from '../Button/Button.types';
|
|
2
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps } from '../Button/Button.types';
|
|
3
3
|
|
|
4
4
|
export interface MenuItemProps {
|
|
5
5
|
className?: string;
|
|
6
|
+
href?: string;
|
|
6
7
|
isSelected?: boolean;
|
|
7
8
|
labelPillText?: string;
|
|
8
9
|
leftIcon: ReactNode;
|
|
9
|
-
onClick
|
|
10
|
+
onClick?: ButtonProps['onClick'];
|
|
10
11
|
rightIcon?: ReactNode;
|
|
11
12
|
role?: ButtonProps['role'];
|
|
12
13
|
text: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
|
|
2
|
-
import { CardBodyProps } from '../Card/CardBody/CardBody.types';
|
|
3
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { CardBodyProps } from '../Card/CardBody/CardBody.types';
|
|
3
|
+
import { CardHeaderProps } from '../Card/CardHeader/CardHeader.type';
|
|
4
4
|
|
|
5
5
|
export interface ModalProps {
|
|
6
6
|
ariaLabel?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
|
|
2
|
-
import { IconProps } from '../Icon/Icon.types';
|
|
3
|
-
import { ButtonProps } from '../Button/Button.types';
|
|
4
1
|
import { ReactElement } from 'react';
|
|
2
|
+
import { ButtonProps } from '../Button/Button.types';
|
|
3
|
+
import { IconProps } from '../Icon/Icon.types';
|
|
4
|
+
import { NotificationBubbleProps } from '../NotificationBubble/NotificationBubble.types';
|
|
5
5
|
|
|
6
6
|
export interface TextButtonProps extends Omit<ButtonProps, 'role' | 'className'> {
|
|
7
7
|
color: 'green' | 'blue' | 'text';
|