From ff2de951bf2f1e0f1f4890755092e858c246edd4 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Thu, 7 Sep 2023 14:53:43 +0000 Subject: [PATCH] deploy: 168f93ad66644587e3df0603f69e56c2a98a54af --- ...s-09174005.js => AlertBanner.stories-9eaebd97.js} | 4 ++-- ...05.js.map => AlertBanner.stories-9eaebd97.js.map} | 2 +- ...tories-d049e29b.js => Avatar.stories-d513013f.js} | 4 ++-- ...049e29b.js.map => Avatar.stories-d513013f.js.map} | 2 +- ...stories-7a33f9c3.js => Badge.stories-447de822.js} | 4 ++-- ...7a33f9c3.js.map => Badge.stories-447de822.js.map} | 2 +- .../{Checkbox-528d2bd0.js => Checkbox-2a74a060.js} | 4 ++-- ...kbox-528d2bd0.js.map => Checkbox-2a74a060.js.map} | 2 +- ...ries-e2817393.js => Checkbox.stories-c3d93cfa.js} | 4 ++-- ...17393.js.map => Checkbox.stories-c3d93cfa.js.map} | 2 +- ...1145b6b0.js => CheckboxGroup.stories-222adb77.js} | 4 ++-- ....js.map => CheckboxGroup.stories-222adb77.js.map} | 2 +- ...NJS4EI-aff8d34d.js => Color-6VNJS4EI-9306f4ff.js} | 4 ++-- ...ff8d34d.js.map => Color-6VNJS4EI-9306f4ff.js.map} | 2 +- ...ories-09c37957.js => Counter.stories-ef4fb62e.js} | 4 ++-- ...c37957.js.map => Counter.stories-ef4fb62e.js.map} | 2 +- ...fca35192.js => DocsRenderer-3PUGWF3O-c34d9113.js} | 4 ++-- ....js.map => DocsRenderer-3PUGWF3O-c34d9113.js.map} | 2 +- ...s => GlobalScrollAreaStyles-UY5SB7EJ-9ac6d31f.js} | 4 ++-- ... GlobalScrollAreaStyles-UY5SB7EJ-9ac6d31f.js.map} | 2 +- ...HelperText-34d5f3bd.js => HelperText-9b1dff4c.js} | 4 ++-- ...xt-34d5f3bd.js.map => HelperText-9b1dff4c.js.map} | 2 +- assets/HelperText.stories-9c02bd5f.js.map | 1 - ...es-9c02bd5f.js => HelperText.stories-ee45029c.js} | 4 ++-- assets/HelperText.stories-ee45029c.js.map | 1 + assets/IconButton.stories-21486611.js.map | 1 - ...es-21486611.js => IconButton.stories-7acbd5dd.js} | 4 ++-- assets/IconButton.stories-7acbd5dd.js.map | 1 + ...5851c79a.js => InlineMessage.stories-01545559.js} | 4 ++-- ....js.map => InlineMessage.stories-01545559.js.map} | 2 +- ...8933.js => InlineSearchInput.stories-7ec20178.js} | 4 ++-- ...map => InlineSearchInput.stories-7ec20178.js.map} | 2 +- ...ories-8d08a11f.js => Popover.stories-64b73fd0.js} | 6 +++--- ...08a11f.js.map => Popover.stories-64b73fd0.js.map} | 2 +- ...dioButton-f34af06f.js => RadioButton-1c5545bc.js} | 4 ++-- ...n-f34af06f.js.map => RadioButton-1c5545bc.js.map} | 2 +- ...s-cc16e75d.js => RadioButton.stories-f31e4e47.js} | 4 ++-- ...5d.js.map => RadioButton.stories-f31e4e47.js.map} | 2 +- ...dc08e.js => RadioButtonGroup.stories-825a2a5b.js} | 4 ++-- ....map => RadioButtonGroup.stories-825a2a5b.js.map} | 2 +- ...s-b5152c9a.js => SearchInput.stories-d3fb04d0.js} | 4 ++-- ...9a.js.map => SearchInput.stories-d3fb04d0.js.map} | 2 +- ...-bd426b45.js => SocialButton.stories-12b572a0.js} | 4 ++-- ...5.js.map => SocialButton.stories-12b572a0.js.map} | 2 +- ...ies-49d59d55.js => StatusDot.stories-624f7e97.js} | 4 ++-- ...9d55.js.map => StatusDot.stories-624f7e97.js.map} | 2 +- assets/{TetDocs-4a6e2004.js => TetDocs-a1db7ecd.js} | 4 ++-- ...tDocs-4a6e2004.js.map => TetDocs-a1db7ecd.js.map} | 2 +- ...-ddc70ee9.js => WithTooltip-J57HCPYA-0f631c0d.js} | 4 ++-- assets/WithTooltip-J57HCPYA-0f631c0d.js.map | 1 + assets/WithTooltip-J57HCPYA-ddc70ee9.js.map | 1 - ...XI-cfa2b3d3.js => formatter-SWP5E3XI-69b4091b.js} | 4 ++-- ...3d3.js.map => formatter-SWP5E3XI-69b4091b.js.map} | 2 +- assets/{iframe-aec43203.js => iframe-a6081c66.js} | 4 ++-- ...iframe-aec43203.js.map => iframe-a6081c66.js.map} | 2 +- assets/{index-36455896.js => index-f54a9abf.js} | 12 ++++++------ .../{index-36455896.js.map => index-f54a9abf.js.map} | 2 +- assets/preview-9ff58b7e.js | 2 -- assets/preview-a21db3f8.js | 2 ++ ...eview-9ff58b7e.js.map => preview-a21db3f8.js.map} | 2 +- assets/syntaxhighlighter-PONEFOSF-a83ec6e0.js.map | 1 - ...6e0.js => syntaxhighlighter-PONEFOSF-f4915a4c.js} | 4 ++-- assets/syntaxhighlighter-PONEFOSF-f4915a4c.js.map | 1 + iframe.html | 2 +- project.json | 2 +- 65 files changed, 94 insertions(+), 94 deletions(-) rename assets/{AlertBanner.stories-09174005.js => AlertBanner.stories-9eaebd97.js} (95%) rename assets/{AlertBanner.stories-09174005.js.map => AlertBanner.stories-9eaebd97.js.map} (96%) rename assets/{Avatar.stories-d049e29b.js => Avatar.stories-d513013f.js} (93%) rename assets/{Avatar.stories-d049e29b.js.map => Avatar.stories-d513013f.js.map} (98%) rename assets/{Badge.stories-7a33f9c3.js => Badge.stories-447de822.js} (98%) rename assets/{Badge.stories-7a33f9c3.js.map => Badge.stories-447de822.js.map} (98%) rename assets/{Checkbox-528d2bd0.js => Checkbox-2a74a060.js} (95%) rename assets/{Checkbox-528d2bd0.js.map => Checkbox-2a74a060.js.map} (99%) rename assets/{Checkbox.stories-e2817393.js => Checkbox.stories-c3d93cfa.js} (95%) rename assets/{Checkbox.stories-e2817393.js.map => Checkbox.stories-c3d93cfa.js.map} (57%) rename assets/{CheckboxGroup.stories-1145b6b0.js => CheckboxGroup.stories-222adb77.js} (95%) rename assets/{CheckboxGroup.stories-1145b6b0.js.map => CheckboxGroup.stories-222adb77.js.map} (98%) rename assets/{Color-6VNJS4EI-aff8d34d.js => Color-6VNJS4EI-9306f4ff.js} (99%) rename assets/{Color-6VNJS4EI-aff8d34d.js.map => Color-6VNJS4EI-9306f4ff.js.map} (99%) rename assets/{Counter.stories-09c37957.js => Counter.stories-ef4fb62e.js} (98%) rename assets/{Counter.stories-09c37957.js.map => Counter.stories-ef4fb62e.js.map} (96%) rename assets/{DocsRenderer-3PUGWF3O-fca35192.js => DocsRenderer-3PUGWF3O-c34d9113.js} (79%) rename assets/{DocsRenderer-3PUGWF3O-fca35192.js.map => DocsRenderer-3PUGWF3O-c34d9113.js.map} (98%) rename assets/{GlobalScrollAreaStyles-UY5SB7EJ-c06c7758.js => GlobalScrollAreaStyles-UY5SB7EJ-9ac6d31f.js} (98%) rename assets/{GlobalScrollAreaStyles-UY5SB7EJ-c06c7758.js.map => GlobalScrollAreaStyles-UY5SB7EJ-9ac6d31f.js.map} (99%) rename assets/{HelperText-34d5f3bd.js => HelperText-9b1dff4c.js} (90%) rename assets/{HelperText-34d5f3bd.js.map => HelperText-9b1dff4c.js.map} (94%) delete mode 100644 assets/HelperText.stories-9c02bd5f.js.map rename assets/{HelperText.stories-9c02bd5f.js => HelperText.stories-ee45029c.js} (91%) create mode 100644 assets/HelperText.stories-ee45029c.js.map delete mode 100644 assets/IconButton.stories-21486611.js.map rename assets/{IconButton.stories-21486611.js => IconButton.stories-7acbd5dd.js} (87%) create mode 100644 assets/IconButton.stories-7acbd5dd.js.map rename assets/{InlineMessage.stories-5851c79a.js => InlineMessage.stories-01545559.js} (97%) rename assets/{InlineMessage.stories-5851c79a.js.map => InlineMessage.stories-01545559.js.map} (96%) rename assets/{InlineSearchInput.stories-ee0b8933.js => InlineSearchInput.stories-7ec20178.js} (94%) rename assets/{InlineSearchInput.stories-ee0b8933.js.map => InlineSearchInput.stories-7ec20178.js.map} (97%) rename assets/{Popover.stories-8d08a11f.js => Popover.stories-64b73fd0.js} (94%) rename assets/{Popover.stories-8d08a11f.js.map => Popover.stories-64b73fd0.js.map} (95%) rename assets/{RadioButton-f34af06f.js => RadioButton-1c5545bc.js} (95%) rename assets/{RadioButton-f34af06f.js.map => RadioButton-1c5545bc.js.map} (98%) rename assets/{RadioButton.stories-cc16e75d.js => RadioButton.stories-f31e4e47.js} (93%) rename assets/{RadioButton.stories-cc16e75d.js.map => RadioButton.stories-f31e4e47.js.map} (56%) rename assets/{RadioButtonGroup.stories-fc4dc08e.js => RadioButtonGroup.stories-825a2a5b.js} (93%) rename assets/{RadioButtonGroup.stories-fc4dc08e.js.map => RadioButtonGroup.stories-825a2a5b.js.map} (98%) rename assets/{SearchInput.stories-b5152c9a.js => SearchInput.stories-d3fb04d0.js} (91%) rename assets/{SearchInput.stories-b5152c9a.js.map => SearchInput.stories-d3fb04d0.js.map} (54%) rename assets/{SocialButton.stories-bd426b45.js => SocialButton.stories-12b572a0.js} (98%) rename assets/{SocialButton.stories-bd426b45.js.map => SocialButton.stories-12b572a0.js.map} (99%) rename assets/{StatusDot.stories-49d59d55.js => StatusDot.stories-624f7e97.js} (94%) rename assets/{StatusDot.stories-49d59d55.js.map => StatusDot.stories-624f7e97.js.map} (94%) rename assets/{TetDocs-4a6e2004.js => TetDocs-a1db7ecd.js} (98%) rename assets/{TetDocs-4a6e2004.js.map => TetDocs-a1db7ecd.js.map} (99%) rename assets/{WithTooltip-J57HCPYA-ddc70ee9.js => WithTooltip-J57HCPYA-0f631c0d.js} (52%) create mode 100644 assets/WithTooltip-J57HCPYA-0f631c0d.js.map delete mode 100644 assets/WithTooltip-J57HCPYA-ddc70ee9.js.map rename assets/{formatter-SWP5E3XI-cfa2b3d3.js => formatter-SWP5E3XI-69b4091b.js} (99%) rename assets/{formatter-SWP5E3XI-cfa2b3d3.js.map => formatter-SWP5E3XI-69b4091b.js.map} (99%) rename assets/{iframe-aec43203.js => iframe-a6081c66.js} (79%) rename assets/{iframe-aec43203.js.map => iframe-a6081c66.js.map} (99%) rename assets/{index-36455896.js => index-f54a9abf.js} (99%) rename assets/{index-36455896.js.map => index-f54a9abf.js.map} (99%) delete mode 100644 assets/preview-9ff58b7e.js create mode 100644 assets/preview-a21db3f8.js rename assets/{preview-9ff58b7e.js.map => preview-a21db3f8.js.map} (94%) delete mode 100644 assets/syntaxhighlighter-PONEFOSF-a83ec6e0.js.map rename assets/{syntaxhighlighter-PONEFOSF-a83ec6e0.js => syntaxhighlighter-PONEFOSF-f4915a4c.js} (53%) create mode 100644 assets/syntaxhighlighter-PONEFOSF-f4915a4c.js.map diff --git a/assets/AlertBanner.stories-09174005.js b/assets/AlertBanner.stories-9eaebd97.js similarity index 95% rename from assets/AlertBanner.stories-09174005.js rename to assets/AlertBanner.stories-9eaebd97.js index 1ecf35bc..4d5cbac7 100644 --- a/assets/AlertBanner.stories-09174005.js +++ b/assets/AlertBanner.stories-9eaebd97.js @@ -1,4 +1,4 @@ -import{a as C}from"./chunk-AY7I2SME-c7b6cf8a.js";import{j as e,t as c}from"./TetrislyProvider-07235cd3.js";import{R as S}from"./tetrisly-icons.es-3ae3ef26.js";import{r as q}from"./index-76fb7be0.js";import{m as N}from"./mergeConfigWithCutom-789678df.js";import{B as y}from"./Button-809dae39.js";import{I as V}from"./IconButton-e8e6280b.js";import"./_commonjsHelpers-de833af9.js";import"./index-bbd51dd6.js";import"./Loader-18fde4ff.js";const M={p:"component-padding-medium",pl:"component-padding-2xLarge",display:"flex",alignItems:"center",text:"body-medium",intent:{none:{backgroundColor:"background-neutral-strong",color:"content-primary-inverted"},positive:{backgroundColor:"background-positive-strong",color:"content-primary-inverted"},warning:{backgroundColor:"background-warning-strong",color:"content-primary"},negative:{backgroundColor:"background-negative-strong",color:"content-primary-inverted"}},innerElements:{iconContainer:{mr:"component-gap-small"},actionContainer:{display:"flex",alignItems:"center",justifyContent:"center",gap:"component-gap-small",ml:"component-gap-large"},closeButton:{marginLeft:"auto"}}},L=t=>({none:"20-info-fill",positive:"20-info-fill",warning:"20-warning-fill",negative:"20-alert-fill"})[t],R=(t,r)=>{const{intent:a,innerElements:{iconContainer:o,actionContainer:i,closeButton:u},...n}=N({defaultConfig:M,custom:r}),g={appearance:t==="warning"?"reverseInverted":"inverted"},s={appearance:t==="warning"?"primary":"inverted"};return{container:{...a[t],...n},iconContainer:o,actionContainer:i,actionProps:g,closeButtonProps:s,closeButton:u}},v=({text:t,intent:r="none",custom:a,action:o,onCloseClick:i,...u})=>{const n=q.useMemo(()=>R(r,a),[r,a]),g=L(r),[s,f]=Array.isArray(o)?o:[o,void 0];return e.jsxs(c.div,{...n.container,...u,"data-testid":"alert-banner",children:[e.jsx(c.span,{...n.iconContainer,"data-testid":"alert-banner-iconContainer",children:e.jsx(S,{name:g})}),t,s&&e.jsxs(c.div,{...n.actionContainer,"data-testid":"alert-banner-actionContainer",children:[e.jsx(y,{variant:"bare",...n.actionProps,...s}),f&&e.jsxs(e.Fragment,{children:[e.jsx(c.div,{children:"·"}),e.jsx(y,{variant:"bare",...n.actionProps,...f})]})]}),!!i&&e.jsx(V,{size:"small",variant:"ghost",intent:"none",icon:"20-close",onClick:i,...n.closeButton,...n.closeButtonProps,"data-testid":"alert-banner-closeButton"})]})};try{v.displayName="AlertBanner",v.__docgenInfo={description:"",displayName:"AlertBanner",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"negative"'},{value:'"none"'},{value:'"positive"'}]}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"ActionProp"}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e: MouseEvent) => void)"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"AlertBannerConfig"}}}}}catch{}const Q={title:"Components/AlertBanner",component:v,tags:["autodocs"],args:{text:"Alert text",action:[{label:"Action",onClick:C("onClick")},{label:"Action",onClick:C("onClick")}]}},l={},p={args:{intent:"positive"}},m={args:{intent:"warning"}},d={args:{intent:"negative"}};var x,b,B;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:"{}",...(B=(b=l.parameters)==null?void 0:b.docs)==null?void 0:B.source}}};var k,A,j;p.parameters={...p.parameters,docs:{...(k=p.parameters)==null?void 0:k.docs,source:{originalSource:`{ +import{a as C}from"./chunk-AY7I2SME-c7b6cf8a.js";import{j as e,t as c}from"./TetrislyProvider-07235cd3.js";import{R as S}from"./tetrisly-icons.es-3ae3ef26.js";import{r as q}from"./index-76fb7be0.js";import{m as N}from"./mergeConfigWithCutom-789678df.js";import{B as y}from"./Button-809dae39.js";import{I as V}from"./IconButton-e8e6280b.js";import"./_commonjsHelpers-de833af9.js";import"./index-bbd51dd6.js";import"./Loader-18fde4ff.js";const M={p:"component-padding-medium",pl:"component-padding-2xLarge",display:"flex",alignItems:"center",text:"body-medium",intent:{none:{backgroundColor:"background-neutral-strong",color:"content-primary-inverted"},positive:{backgroundColor:"background-positive-strong",color:"content-primary-inverted"},warning:{backgroundColor:"background-warning-strong",color:"content-primary"},negative:{backgroundColor:"background-negative-strong",color:"content-primary-inverted"}},innerElements:{iconContainer:{mr:"component-gap-small"},actionContainer:{display:"flex",alignItems:"center",justifyContent:"center",gap:"component-gap-small",ml:"component-gap-large"},closeButton:{marginLeft:"auto"}}},L=t=>({none:"20-info-fill",positive:"20-info-fill",warning:"20-warning-fill",negative:"20-alert-fill"})[t],R=(t,r)=>{const{intent:a,innerElements:{iconContainer:o,actionContainer:i,closeButton:u},...n}=N({defaultConfig:M,custom:r}),g={appearance:t==="warning"?"reverseInverted":"inverted"},s={appearance:t==="warning"?"primary":"inverted"};return{container:{...a[t],...n},iconContainer:o,actionContainer:i,actionProps:g,closeButtonProps:s,closeButton:u}},v=({text:t,intent:r="none",custom:a,action:o,onCloseClick:i,...u})=>{const n=q.useMemo(()=>R(r,a),[r,a]),g=L(r),[s,f]=Array.isArray(o)?o:[o,void 0];return e.jsxs(c.div,{...n.container,"data-testid":"alert-banner",...u,children:[e.jsx(c.span,{...n.iconContainer,"data-testid":"alert-banner-iconContainer",children:e.jsx(S,{name:g})}),t,s&&e.jsxs(c.div,{...n.actionContainer,"data-testid":"alert-banner-actionContainer",children:[e.jsx(y,{variant:"bare",...n.actionProps,...s}),f&&e.jsxs(e.Fragment,{children:[e.jsx(c.div,{children:"·"}),e.jsx(y,{variant:"bare",...n.actionProps,...f})]})]}),!!i&&e.jsx(V,{size:"small",variant:"ghost",intent:"none",icon:"20-close",onClick:i,...n.closeButton,...n.closeButtonProps,"data-testid":"alert-banner-closeButton"})]})};try{v.displayName="AlertBanner",v.__docgenInfo={description:"",displayName:"AlertBanner",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},intent:{defaultValue:{value:"none"},description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"negative"'},{value:'"none"'},{value:'"positive"'}]}},action:{defaultValue:null,description:"",name:"action",required:!1,type:{name:"ActionProp"}},onCloseClick:{defaultValue:null,description:"",name:"onCloseClick",required:!1,type:{name:"((e: MouseEvent) => void)"}},custom:{defaultValue:null,description:"",name:"custom",required:!1,type:{name:"AlertBannerConfig"}}}}}catch{}const Q={title:"Components/AlertBanner",component:v,tags:["autodocs"],args:{text:"Alert text",action:[{label:"Action",onClick:C("onClick")},{label:"Action",onClick:C("onClick")}]}},l={},p={args:{intent:"positive"}},m={args:{intent:"warning"}},d={args:{intent:"negative"}};var x,b,B;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:"{}",...(B=(b=l.parameters)==null?void 0:b.docs)==null?void 0:B.source}}};var k,A,j;p.parameters={...p.parameters,docs:{...(k=p.parameters)==null?void 0:k.docs,source:{originalSource:`{ args: { intent: 'positive' } @@ -11,4 +11,4 @@ import{a as C}from"./chunk-AY7I2SME-c7b6cf8a.js";import{j as e,t as c}from"./Tet intent: 'negative' } }`,...(I=(P=d.parameters)==null?void 0:P.docs)==null?void 0:I.source}}};const U=["Default","Positive","Warning","Negative"];export{l as Default,d as Negative,p as Positive,m as Warning,U as __namedExportsOrder,Q as default}; -//# sourceMappingURL=AlertBanner.stories-09174005.js.map +//# sourceMappingURL=AlertBanner.stories-9eaebd97.js.map diff --git a/assets/AlertBanner.stories-09174005.js.map b/assets/AlertBanner.stories-9eaebd97.js.map similarity index 96% rename from assets/AlertBanner.stories-09174005.js.map rename to assets/AlertBanner.stories-9eaebd97.js.map index 11d11e7c..ec69bbb9 100644 --- a/assets/AlertBanner.stories-09174005.js.map +++ b/assets/AlertBanner.stories-9eaebd97.js.map @@ -1 +1 @@ -{"version":3,"file":"AlertBanner.stories-09174005.js","sources":["../../src/components/AlertBanner/AlertBanner.styles.ts","../../src/components/AlertBanner/stylesBuilder/stylesBuilder.ts","../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { AlertBannerIntent } from './types/AlertBannerIntent.type';\n\nimport { BaseProps } from '@/types/BaseProps';\nimport { IconName } from '@/utility-types/IconName';\n\nexport type AlertBannerConfig = {\n intent?: Partial>;\n innerElements?: {\n iconContainer?: BaseProps;\n actionContainer?: BaseProps;\n closeButton?: BaseProps;\n };\n} & BaseProps;\n\nexport const defaultConfig = {\n p: 'component-padding-medium',\n pl: 'component-padding-2xLarge',\n display: 'flex',\n alignItems: 'center',\n text: 'body-medium',\n intent: {\n none: {\n backgroundColor: 'background-neutral-strong',\n color: 'content-primary-inverted',\n },\n positive: {\n backgroundColor: 'background-positive-strong',\n color: 'content-primary-inverted',\n },\n warning: {\n backgroundColor: 'background-warning-strong',\n color: 'content-primary',\n },\n negative: {\n backgroundColor: 'background-negative-strong',\n color: 'content-primary-inverted',\n },\n },\n innerElements: {\n iconContainer: {\n mr: 'component-gap-small',\n },\n actionContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: 'component-gap-small',\n ml: 'component-gap-large',\n },\n closeButton: {\n marginLeft: 'auto',\n },\n },\n} satisfies AlertBannerConfig;\n\nexport const resolveIconName = (intent: AlertBannerIntent): IconName<20> => {\n const iconConfig: Record> = {\n none: '20-info-fill',\n positive: '20-info-fill',\n warning: '20-warning-fill',\n negative: '20-alert-fill',\n };\n\n return iconConfig[intent];\n};\n","import { AlertBannerProps } from '../AlertBanner.props';\nimport { defaultConfig } from '../AlertBanner.styles';\nimport { AlertBannerIntent } from '../types';\n\nimport { ButtonProps } from '@/components/Button';\nimport { ButtonAppearance } from '@/components/Button/types/ButtonAppearance.type';\nimport { IconButtonProps } from '@/components/IconButton/IconButton.props';\nimport { IconButtonAppearance } from '@/components/IconButton/IconButtonAppearance.type';\nimport { mergeConfigWithCustom } from '@/services';\nimport { BaseProps } from '@/types/BaseProps';\n\ntype AlertBannerStylesBuilder = {\n container: BaseProps;\n iconContainer: BaseProps;\n actionContainer: BaseProps;\n closeButton: BaseProps;\n actionProps: Partial>;\n closeButtonProps: Partial>;\n};\n\nexport const stylesBuilder = (\n intent: AlertBannerIntent,\n custom: AlertBannerProps['custom'],\n): AlertBannerStylesBuilder => {\n const {\n intent: intentStyles,\n innerElements: { iconContainer, actionContainer, closeButton },\n ...restStyles\n } = mergeConfigWithCustom({ defaultConfig, custom });\n\n const actionProps = {\n appearance: (intent === 'warning'\n ? 'reverseInverted'\n : 'inverted') as ButtonAppearance<'ghost'>,\n };\n\n const closeButtonProps = {\n appearance: (intent === 'warning'\n ? 'primary'\n : 'inverted') as IconButtonAppearance<'ghost'>,\n };\n\n return {\n container: {\n ...intentStyles[intent],\n ...restStyles,\n },\n iconContainer,\n actionContainer,\n actionProps,\n closeButtonProps,\n closeButton,\n };\n};\n","import { Icon } from '@virtuslab/tetrisly-icons';\nimport { FC, useMemo } from 'react';\n\nimport { AlertBannerProps } from './AlertBanner.props';\nimport { resolveIconName } from './AlertBanner.styles';\nimport { stylesBuilder } from './stylesBuilder';\nimport { Button } from '../Button';\nimport { IconButton } from '../IconButton';\n\nimport { tet } from '@/tetrisly';\nimport { MarginProps } from '@/types';\n\nexport const AlertBanner: FC = ({\n text,\n intent = 'none',\n custom,\n action,\n onCloseClick,\n ...restProps\n}) => {\n const styles = useMemo(() => stylesBuilder(intent, custom), [intent, custom]);\n const name = resolveIconName(intent);\n\n const [firstAction, secondAction] = Array.isArray(action)\n ? action\n : [action, undefined];\n\n return (\n \n \n \n \n {text}\n {firstAction && (\n \n