@worldresources/wri-design-systems 2.205.0 → 2.205.2

package/dist/index.cjs.js

@@ -1243,6 +1243,7 @@
     width: ${k(500)};
     height: ${k(500)};
     border: ${M(100)} solid ${w("neutral",700)};
+    background-color: transparent !important;
     cursor: pointer;
 
     .dot {
@@ -1264,6 +1265,7 @@
     &:focus-visible,
     &[data-focus-visible] {
       ${Cf}
+      box-shadow: none;
 
       &[data-checked] {
         border: ${M(200)} solid
@@ -1279,7 +1281,7 @@
     &[data-checked] {
       border: ${M(100)} solid
         ${w("accessible","controls-on-neutral-lights")||w("primary",700)};
-      background-color: ${w("neutral",100)} !important;
+      background-color: transparent !important;
       color: ${w("accessible","controls-on-neutral-lights")||w("primary",700)};
 
       &[data-disabled] {
@@ -3031,7 +3033,7 @@ function mE(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
   p {
     color: ${w("error",900)};
   }
-`,sO=({label:e,caption:t,variant:n,size:o="large",icon:i=r.jsx(Kf,{height:"1rem",width:"1rem"}),onActionClick:s,actionLabel:a,isButtonRight:l,buttonLeftIcon:c,buttonRightIcon:d,labels:u})=>{const h=Vf("InlineMessage",u);let p=tO;"info-grey"===n?p=nO:"success"===n?p=rO:"warning"===n?p=oO:"error"===n&&(p=iO);const f="error"===n||"warning"===n?"alert":"status",m="alert"===f?"assertive":"polite";return r.jsxs("div",{css:[JT(o,l),p],role:f,"aria-live":m,"aria-roledescription":h.roleDescription,children:[r.jsxs("div",{children:[r.jsxs("div",{css:XT,children:[i,"string"==typeof e?r.jsx("p",{css:YT(o),children:e}):r.jsx("div",{css:YT(o),children:e})]}),t&&"string"==typeof t?r.jsx("p",{css:QT(o,!!i),children:t}):t?r.jsx("div",{css:eO(o,!!i),children:t}):null]}),a?r.jsx(Bf,{label:a,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===o||"full-width"===o?"default":"small",onClick:s,leftIcon:c,rightIcon:d}):null]})},aO=i.css`
+`,sO=({label:e,caption:t,variant:n,size:o="large",icon:i=r.jsx(Kf,{height:"1rem",width:"1rem"}),onActionClick:s,actionLabel:a,actionButtonVariant:l="secondary",isButtonRight:c,buttonLeftIcon:d,buttonRightIcon:u,labels:h})=>{const p=Vf("InlineMessage",h);let f=tO;"info-grey"===n?f=nO:"success"===n?f=rO:"warning"===n?f=oO:"error"===n&&(f=iO);const m="error"===n||"warning"===n?"alert":"status",g="alert"===m?"assertive":"polite";return r.jsxs("div",{css:[JT(o,c),f],role:m,"aria-live":g,"aria-roledescription":p.roleDescription,children:[r.jsxs("div",{children:[r.jsxs("div",{css:XT,children:[i,"string"==typeof e?r.jsx("p",{css:YT(o),children:e}):r.jsx("div",{css:YT(o),children:e})]}),t&&"string"==typeof t?r.jsx("p",{css:QT(o,!!i),children:t}):t?r.jsx("div",{css:eO(o,!!i),children:t}):null]}),a?r.jsx(Bf,{label:a,variant:l,size:"large"===o||"full-width"===o?"default":"small",onClick:s,leftIcon:d,rightIcon:u}):null]})},aO=i.css`
   width: 100%;
   min-height: calc(${k(1200)} * 12);
   background-color: ${w("neutral",100)};

package/dist/index.d.ts

@@ -1782,6 +1782,7 @@ type InlineMessageProps = {
     icon?: React.ReactNode;
     onActionClick?: VoidFunction;
     actionLabel?: string;
+    actionButtonVariant?: 'primary' | 'secondary' | 'borderless' | 'outline' | 'negative';
     isButtonRight?: boolean;
     buttonLeftIcon?: React.ReactNode;
     buttonRightIcon?: React.ReactNode;
@@ -1789,7 +1790,7 @@ type InlineMessageProps = {
     labels?: Partial<InlineMessageLabels>;
 };
 
-declare const InlineMessage: ({ label, caption, variant, size, icon, onActionClick, actionLabel, isButtonRight, buttonLeftIcon, buttonRightIcon, labels, }: InlineMessageProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const InlineMessage: ({ label, caption, variant, size, icon, onActionClick, actionLabel, actionButtonVariant, isButtonRight, buttonLeftIcon, buttonRightIcon, labels, }: InlineMessageProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface AlertProps extends Omit<Alert.RootProps, 'title' | 'variant' | 'width'> {
     title?: React.ReactNode;

package/dist/index.esm.js

@@ -1314,6 +1314,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as o,Ic
     width: ${Ve(500)};
     height: ${Ve(500)};
     border: ${_e(100)} solid ${Ie("neutral",700)};
+    background-color: transparent !important;
     cursor: pointer;
 
     .dot {
@@ -1335,6 +1336,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as o,Ic
     &:focus-visible,
     &[data-focus-visible] {
       ${Vm}
+      box-shadow: none;
 
       &[data-checked] {
         border: ${_e(200)} solid
@@ -1350,7 +1352,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as o,Ic
     &[data-checked] {
       border: ${_e(100)} solid
         ${Ie("accessible","controls-on-neutral-lights")||Ie("primary",700)};
-      background-color: ${Ie("neutral",100)} !important;
+      background-color: transparent !important;
       color: ${Ie("accessible","controls-on-neutral-lights")||Ie("primary",700)};
 
       &[data-disabled] {
@@ -3157,7 +3159,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
   p {
     color: ${Ie("error",900)};
   }
-`,YA=({label:e,caption:t,variant:n,size:r="large",icon:o=ve(cg,{height:"1rem",width:"1rem"}),onActionClick:i,actionLabel:s,isButtonRight:a,buttonLeftIcon:l,buttonRightIcon:c,labels:d})=>{const u=tg("InlineMessage",d);let h=KA;"info-grey"===n?h=GA:"success"===n?h=ZA:"warning"===n?h=JA:"error"===n&&(h=XA);const p="error"===n||"warning"===n?"alert":"status",f="alert"===p?"assertive":"polite";return be("div",{css:[jA(r,a),h],role:p,"aria-live":f,"aria-roledescription":u.roleDescription,children:[be("div",{children:[be("div",{css:FA,children:[o,ve("string"==typeof e?"p":"div",{css:qA(r),children:e})]}),t&&"string"==typeof t?ve("p",{css:WA(r,!!o),children:t}):t?ve("div",{css:UA(r,!!o),children:t}):null]}),s?ve(ng,{label:s,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===r||"full-width"===r?"default":"small",onClick:i,leftIcon:l,rightIcon:c}):null]})},QA=ke`
+`,YA=({label:e,caption:t,variant:n,size:r="large",icon:o=ve(cg,{height:"1rem",width:"1rem"}),onActionClick:i,actionLabel:s,actionButtonVariant:a="secondary",isButtonRight:l,buttonLeftIcon:c,buttonRightIcon:d,labels:u})=>{const h=tg("InlineMessage",u);let p=KA;"info-grey"===n?p=GA:"success"===n?p=ZA:"warning"===n?p=JA:"error"===n&&(p=XA);const f="error"===n||"warning"===n?"alert":"status",m="alert"===f?"assertive":"polite";return be("div",{css:[jA(r,l),p],role:f,"aria-live":m,"aria-roledescription":h.roleDescription,children:[be("div",{children:[be("div",{css:FA,children:[o,ve("string"==typeof e?"p":"div",{css:qA(r),children:e})]}),t&&"string"==typeof t?ve("p",{css:WA(r,!!o),children:t}):t?ve("div",{css:UA(r,!!o),children:t}):null]}),s?ve(ng,{label:s,variant:a,size:"large"===r||"full-width"===r?"default":"small",onClick:i,leftIcon:c,rightIcon:d}):null]})},QA=ke`
   width: 100%;
   min-height: calc(${Ve(1200)} * 12);
   background-color: ${Ie("neutral",100)};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worldresources/wri-design-systems",
-  "version": "2.205.0",
+  "version": "2.205.2",
   "description": "WRI UI Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",