@salesforce-ux/design-system 2.17.4 → 2.17.5

package/__internal/chunked/docs/ui/components/radio-group/docs.mdx.js

@@ -1 +1 @@
-var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/radio-group/docs.mdx.js"]=function(e){function t(t){for(var a,i,s=t[0],l=t[1],c=t[2],d=0,b=[];d<s.length;d++)i=s[d],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&b.push(n[i][0]),n[i]=0;for(a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a]);for(u&&u(t);b.length;)b.shift()();return o.push.apply(o,c||[]),r()}function r(){for(var e,t=0;t<o.length;t++){for(var r=o[t],a=!0,s=1;s<r.length;s++){var l=r[s];0!==n[l]&&(a=!1)}a&&(o.splice(t--,1),e=i(i.s=r[0]))}return e}var a={},n={63:0},o=[];function i(t){if(a[t])return a[t].exports;var r=a[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.m=e,i.c=a,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(r,a,function(t){return e[t]}.bind(null,a));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],l=s.push.bind(s);s.push=t,s=s.slice();for(var c=0;c<s.length;c++)t(s[c]);var u=l;return o.push([585,0]),r()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},585:function(e,t,r){"use strict";r.r(t),r.d(t,"getElement",(function(){return h})),r.d(t,"getContents",(function(){return f}));var a=r(0),n=r(4),o=r(2),i=(r(28),r(42),r(14),r(1)),s=r(36),l=r(34),c=r(38),u=n.c.code,d=n.c.h2,b=n.c.h3,p=n.c.p,h=function(){return Object(a.createElement)(n.b,{},Object(a.createElement)("div",{className:"doc lead"},"A select list that can have a single entry checked at any one time."),Object(a.createElement)(o.a,{exampleOnly:!0},Object(i.f)(l.d)),d({id:"About-Radio-Group"},"About Radio Group"),p({},"Radio buttons are shown in a group of two or more. The user can only select one radio button at a time. You should use the same ",u({},"name")," attribute on all radio buttons in the group. This ensures that if there is more than one group in the form, each one stays associated with its own group."),p({},"The ability to style radio buttons with CSS varies across browsers. To ensure that radio buttons look the same everywhere, we use a custom DOM. Pay close attention to the markup, because all elements must exist for the styles to work."),b({id:"Accessibility"},"Accessibility"),p({},"Groups of radio buttons should be marked up using the fieldset and legend element. This helps someone using assistive technology to understand the question they're answering with the group of radio buttons. The fieldset is placed around the whole group and the legend contains the question."),p({},"Custom radio buttons are created by applying the ",u({},".slds-radio")," class to a ",u({},"<label>")," element. To remain accessible to all user agents, place an ",u({},"<input>")," with ",u({},'type="radio"')," inside the ",u({},"<label>")," element. The ",u({},"<input>")," is then visually hidden, and the styling is placed on a span with the ",u({},".slds-radio_faux")," class. The styling of the span changes based on whether the radio button is selected or focused by using a pseudo-element. A second span with ",u({},".slds-form-element__label")," contains the label text."),p({},"When a radio group is required, the ",u({},"<fieldset>")," should receive the class ",u({},".slds-is-required"),". The ",u({},"<legend>")," should then get ",u({},'<abbr class="required" title="required">*</abbr>')," added to the DOM for visual indication that the radio group is required."),p({},"When disabling a radio button, either the entire group must be disabled or if only some radio buttons are disabled, then the checked radio button cannot be disabled."),b({id:"Mobile"},"Mobile"),Object(a.createElement)(s.a,{patternSpecificText:"radio groups will have an increased size to accommodate tapping with a finger instead of the more precise mouse cursor"}),Object(a.createElement)(o.a,{frameOnly:!0,frameTitle:"Example mobile styles for radio groups"},Object(i.f)(l.d)),d({id:"Base"},"Base"),Object(a.createElement)(o.a,null,Object(i.f)(l.d)),d({id:"Examples"},"Examples"),b({id:"With-Wrapping-Labels"},"With Wrapping Labels"),Object(a.createElement)(o.a,null,Object(i.f)(l.e,"wrapping-text")),Object(a.createElement)(o.a,{frameOnly:!0,frameTitle:"Example mobile styles for radio groups with wrapping labels"},Object(i.f)(l.e,"wrapping-text")),d({id:"States"},"States"),b({id:"Disabled"},"Disabled"),Object(a.createElement)(o.a,null,Object(i.f)(l.f,"disabled")),b({id:"Checked-and-Disabled"},"Checked and Disabled"),Object(a.createElement)(o.a,null,Object(i.f)(l.f,"checked-and-disabled")),b({id:"Required"},"Required"),Object(a.createElement)(o.a,null,Object(i.f)(l.f,"required")),Object(a.createElement)(o.a,{frameOnly:!0,frameTitle:"Example mobile styles for required radio groups"},Object(i.f)(l.f,"required")),b({id:"Required-with-Wrapping-Labels"},"Required with Wrapping Labels"),Object(a.createElement)(o.a,null,Object(i.f)(l.e,"wrapping-text-required")),Object(a.createElement)(o.a,{frameOnly:!0,frameTitle:"Example mobile styles for required radio groups with wrapping labels"},Object(i.f)(l.e,"wrapping-text-required")),b({id:"Error"},"Error"),Object(a.createElement)(o.a,null,Object(i.f)(l.f,"error")),Object(a.createElement)(o.a,{frameOnly:!0,frameTitle:"Example mobile styles for error radio groups"},Object(i.f)(l.f,"error")),b({id:"Right-to-Left"},"Right to Left"),Object(a.createElement)(o.a,null,Object(i.f)(l.f,"rtl")),d({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),Object(a.createElement)(c.a,{name:"radio-group",type:"component"}))},f=function(){return Object(n.a)(h())}}});
+var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/radio-group/docs.mdx.js"]=function(e){function t(t){for(var r,i,s=t[0],l=t[1],c=t[2],d=0,h=[];d<s.length;d++)i=s[d],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&h.push(o[i][0]),o[i]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(u&&u(t);h.length;)h.shift()();return a.push.apply(a,c||[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],r=!0,s=1;s<n.length;s++){var l=n[s];0!==o[l]&&(r=!1)}r&&(a.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},o={63:0},a=[];function i(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=r,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],l=s.push.bind(s);s.push=t,s=s.slice();for(var c=0;c<s.length;c++)t(s[c]);var u=l;return a.push([585,0]),n()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},585:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return p})),n.d(t,"getContents",(function(){return f}));var r=n(0),o=n(4),a=n(2),i=(n(28),n(42),n(14),n(1)),s=n(36),l=n(35),c=n(38),u=o.c.code,d=o.c.h2,h=o.c.h3,b=o.c.p,p=function(){return Object(r.createElement)(o.b,{},Object(r.createElement)("div",{className:"doc lead"},"A select list that can have a single entry checked at any one time."),Object(r.createElement)(a.a,{exampleOnly:!0},Object(i.f)(l.d)),d({id:"About-Radio-Group"},"About Radio Group"),b({},"Radio buttons are shown in a group of two or more. The user can only select one radio button at a time. You should use the same ",u({},"name")," attribute on all radio buttons in the group. This ensures that if there is more than one group in the form, each one stays associated with its own group."),b({},"The ability to style radio buttons with CSS varies across browsers. To ensure that radio buttons look the same everywhere, we use a custom DOM. Pay close attention to the markup, because all elements must exist for the styles to work."),h({id:"Accessibility"},"Accessibility"),b({},"Groups of radio buttons should be marked up using the fieldset and legend element. This helps someone using assistive technology to understand the question they're answering with the group of radio buttons. The fieldset is placed around the whole group and the legend contains the question."),b({},"Custom radio buttons are created by applying the ",u({},".slds-radio")," class to a ",u({},"<label>")," element. To remain accessible to all user agents, place an ",u({},"<input>")," with ",u({},'type="radio"')," inside the ",u({},"<label>")," element. The ",u({},"<input>")," is then visually hidden, and the styling is placed on a span with the ",u({},".slds-radio_faux")," class. The styling of the span changes based on whether the radio button is selected or focused by using a pseudo-element. A second span with ",u({},".slds-form-element__label")," contains the label text."),b({},"When a radio group is required, the ",u({},"<fieldset>")," should receive the class ",u({},".slds-is-required"),". The ",u({},"<legend>")," should then get ",u({},'<abbr class="required" title="required">*</abbr>')," added to the DOM for visual indication that the radio group is required."),b({},"When disabling a radio button, either the entire group must be disabled or if only some radio buttons are disabled, then the checked radio button cannot be disabled."),h({id:"Mobile"},"Mobile"),Object(r.createElement)(s.a,{patternSpecificText:"radio groups will have an increased size to accommodate tapping with a finger instead of the more precise mouse cursor"}),Object(r.createElement)(a.a,{frameOnly:!0,frameTitle:"Example mobile styles for radio groups"},Object(i.f)(l.d)),d({id:"Base"},"Base"),Object(r.createElement)(a.a,null,Object(i.f)(l.d)),d({id:"States"},"States"),h({id:"Disabled"},"Disabled"),Object(r.createElement)(a.a,null,Object(i.f)(l.e,"disabled")),h({id:"Checked-and-Disabled"},"Checked and Disabled"),Object(r.createElement)(a.a,null,Object(i.f)(l.e,"checked-and-disabled")),h({id:"Required"},"Required"),Object(r.createElement)(a.a,null,Object(i.f)(l.e,"required")),h({id:"Error"},"Error"),Object(r.createElement)(a.a,null,Object(i.f)(l.e,"error")),h({id:"Right-to-Left"},"Right to Left"),Object(r.createElement)(a.a,null,Object(i.f)(l.e,"rtl")),d({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),Object(r.createElement)(c.a,{name:"radio-group",type:"component"}))},f=function(){return Object(o.a)(p())}}});

package/__internal/chunked/docs/ui/components/visual-picker/docs.mdx.js

@@ -1 +1 @@
-var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/visual-picker/docs.mdx.js"]=function(e){function a(a){for(var l,c,r=a[0],m=a[1],i=a[2],d=0,u=[];d<r.length;d++)c=r[d],Object.prototype.hasOwnProperty.call(s,c)&&s[c]&&u.push(s[c][0]),s[c]=0;for(l in m)Object.prototype.hasOwnProperty.call(m,l)&&(e[l]=m[l]);for(o&&o(a);u.length;)u.shift()();return n.push.apply(n,i||[]),t()}function t(){for(var e,a=0;a<n.length;a++){for(var t=n[a],l=!0,r=1;r<t.length;r++){var m=t[r];0!==s[m]&&(l=!1)}l&&(n.splice(a--,1),e=c(c.s=t[0]))}return e}var l={},s={84:0},n=[];function c(a){if(l[a])return l[a].exports;var t=l[a]={i:a,l:!1,exports:{}};return e[a].call(t.exports,t,t.exports,c),t.l=!0,t.exports}c.m=e,c.c=l,c.d=function(e,a,t){c.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:t})},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,a){if(1&a&&(e=c(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(c.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var l in e)c.d(t,l,function(a){return e[a]}.bind(null,l));return t},c.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(a,"a",a),a},c.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},c.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],m=r.push.bind(r);r.push=a,r=r.slice();for(var i=0;i<r.length;i++)a(r[i]);var o=m;return n.push([664,0]),t()}({0:function(e,a){e.exports=React},20:function(e,a){e.exports=ReactDOM},21:function(e,a){e.exports=JSBeautify},664:function(e,a,t){"use strict";t.r(a),t.d(a,"getElement",(function(){return L})),t.d(a,"getContents",(function(){return A}));var l=t(0),s=t.n(l),n=t(4),c=t(2),r=t(1),m=t(10),i=t(5),o=t.n(i),d=t(34),u=t(8),b=t(11),p=function(e){return s.a.createElement("span",{className:"slds-text-title",key:r.d.uniqueId()},e.label)},E=function(e){var a=e.name,t=(e.id,e.hasIcon),l=e.type,n=e.sprite,c=e.symbol,i=e.label,d=e.size,u=e.children,b=e.checked,p=e.disabled,E=e.className,h=r.d.uniqueId("visual-picker-");return s.a.createElement("div",{className:o()("slds-visual-picker",{"slds-visual-picker_large":"large"===d,"slds-visual-picker_medium":"medium"===d,"slds-visual-picker_small":"small"===d},E)},s.a.createElement("input",{type:l,id:h,value:h,name:a,defaultChecked:b,disabled:p}),s.a.createElement("label",{htmlFor:h},t?s.a.createElement("span",{className:o()("slds-visual-picker__figure slds-visual-picker__icon slds-align_absolute-center")},s.a.createElement("span",{className:"slds-is-selected"},s.a.createElement("span",{className:"slds-icon_container"},s.a.createElement(m.a,{className:"slds-icon slds-icon_large slds-icon-action-check",sprite:"action",symbol:"check"}))),s.a.createElement("span",{className:"slds-is-not-selected"},s.a.createElement("span",{className:"slds-icon_container"},s.a.createElement(m.a,{className:o()("slds-icon slds-icon-"+n+"-"+c+" slds-icon_large",{"slds-icon-text-default":"utility"===n}),sprite:n||"action",symbol:c})))):s.a.createElement("span",{className:o()("slds-visual-picker__figure slds-visual-picker__text slds-align_absolute-center")},u),i?s.a.createElement("span",{className:"slds-visual-picker__body"},i):null,t?null:s.a.createElement("span",{className:"slds-icon_container slds-visual-picker__text-check"},s.a.createElement(m.a,{className:"slds-icon slds-icon-text-check slds-icon_x-small",sprite:"utility",symbol:"check"}))))},h=function(e){var a=e.children,t=e.type,l=e.sprite,n=e.hasIcon,c=r.d.uniqueId("example-unique-name-"),m=s.a.Children.map(a,(function(e){return s.a.isValidElement(e)?s.a.cloneElement(e,{name:c,type:t,sprite:n&&l,hasIcon:n}):e}));return s.a.createElement(s.a.Fragment,null,m)};h.defaultProps={type:"radio",sprite:"utility",hasIcon:!0};var _=s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an app"),s.a.createElement(u.c,null,s.a.createElement(h,null,s.a.createElement(E,{symbol:"connected_apps",label:s.a.createElement(p,{label:"Connected App"}),size:"medium"}),s.a.createElement(E,{symbol:"custom_apps",label:s.a.createElement(p,{label:"Custom App"}),size:"medium"})))),x=[{id:"disabled",label:"Disabled option",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an app"),s.a.createElement(u.c,null,s.a.createElement(h,null,s.a.createElement(E,{symbol:"connected_apps",label:s.a.createElement(p,{label:"Connected App"}),size:"medium"}),s.a.createElement(E,{disabled:!0,symbol:"custom_apps",label:s.a.createElement(p,{label:"Custom App"}),size:"medium"}))))}],f=[{id:"base_small",label:"Small base",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an app"),s.a.createElement(u.c,null,s.a.createElement(h,null,s.a.createElement(E,{symbol:"connected_apps",label:s.a.createElement(p,{label:"Connected App"}),size:"small"}),s.a.createElement(E,{symbol:"custom_apps",label:s.a.createElement(p,{label:"Custom App"}),size:"small"}))))},{id:"base",label:"Medium (default) base",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an app"),s.a.createElement(u.c,null,s.a.createElement(h,null,s.a.createElement(E,{symbol:"connected_apps",label:s.a.createElement(p,{label:"Connected App"}),size:"medium"}),s.a.createElement(E,{symbol:"custom_apps",label:s.a.createElement(p,{label:"Custom App"}),size:"medium"}))))},{id:"base_large",label:"Large base",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an app"),s.a.createElement(u.c,null,s.a.createElement(h,null,s.a.createElement(E,{symbol:"connected_apps",label:s.a.createElement(p,{label:"Connected App"}),size:"large"}),s.a.createElement(E,{symbol:"custom_apps",label:s.a.createElement(p,{label:"Custom App"}),size:"large"}))))},{id:"checkbox-group_small",label:"Small base with checkboxes",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Add the following object(s)"),s.a.createElement(u.c,null,s.a.createElement(h,{sprite:"standard",type:"checkbox"},s.a.createElement(E,{symbol:"account",label:s.a.createElement(p,{label:"Account"}),size:"small"}),s.a.createElement(E,{symbol:"lead",label:s.a.createElement(p,{label:"Lead"}),size:"small"}),s.a.createElement(E,{symbol:"orders",label:s.a.createElement(p,{label:"Orders"}),size:"small"}))))},{id:"checkbox-group",label:"Medium base with checkboxes",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Add the following object(s)"),s.a.createElement(u.c,null,s.a.createElement(h,{sprite:"standard",type:"checkbox"},s.a.createElement(E,{symbol:"account",label:s.a.createElement(p,{label:"Account"}),size:"medium"}),s.a.createElement(E,{symbol:"lead",label:s.a.createElement(p,{label:"Lead"}),size:"medium"}),s.a.createElement(E,{symbol:"orders",label:s.a.createElement(p,{label:"Orders"}),size:"medium"}))))},{id:"checkbox-group_large",label:"Large base with checkboxes",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Add the following object(s)"),s.a.createElement(u.c,null,s.a.createElement(h,{sprite:"standard",type:"checkbox"},s.a.createElement(E,{symbol:"account",label:s.a.createElement(p,{label:"Account"}),size:"large"}),s.a.createElement(E,{symbol:"lead",label:s.a.createElement(p,{label:"Lead"}),size:"large"}),s.a.createElement(E,{symbol:"orders",label:s.a.createElement(p,{label:"Orders"}),size:"large"}))))}],g=[s.a.createElement("span",{className:"slds-text-heading_small",key:r.d.uniqueId()},"Lightning Professional"),s.a.createElement("span",{className:"slds-text-title",key:r.d.uniqueId()},"Complete service CRM for teams of any size")],k=[s.a.createElement("span",{className:"slds-text-heading_small",key:r.d.uniqueId()},"Lightning Enterprise"),s.a.createElement("span",{className:"slds-text-title",key:r.d.uniqueId()},"Everything you need to take support to the next level")],y=[s.a.createElement("span",{className:"slds-text-heading_small",key:r.d.uniqueId()},"Lightning Unlimited"),s.a.createElement("span",{className:"slds-text-title",key:r.d.uniqueId()},"Complete support with enterprise-grade customization")],v=s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select a plan"),s.a.createElement(u.c,null,s.a.createElement(h,{hasIcon:!1},s.a.createElement(E,{size:"medium",label:g},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$30"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *"))),s.a.createElement(E,{size:"medium",label:k},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$150"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *"))),s.a.createElement(E,{size:"medium",label:y},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$300"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *")))))),N=[{id:"disabled",label:"Disabled option",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select a plan"),s.a.createElement(u.c,null,s.a.createElement(h,{hasIcon:!1},s.a.createElement(E,{size:"medium",label:g},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$30"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *"))),s.a.createElement(E,{size:"medium",label:k},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$150"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *"))),s.a.createElement(E,{size:"medium",disabled:!0,label:y},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$300"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *"))))))}],S=function(e){var a=e.symbol||"knowledge_base",t=e.icon||s.a.createElement(b.a,{className:"slds-icon-text-default",symbol:a,title:!1,assistiveText:!1});return s.a.createElement("a",{href:"#",className:o()("slds-box slds-box_link slds-box_x-small slds-media",e.className),onClick:function(e){return e.preventDefault()}},s.a.createElement("div",{className:"slds-media__figure slds-media__figure_fixed-width slds-align_absolute-center slds-m-left_xx-small"},t),s.a.createElement("div",{className:"slds-media__body slds-border_left slds-p-around_small"},e.children))},O=s.a.createElement("div",{className:"demo-only",style:{width:"24rem"}},s.a.createElement(S,{symbol:"knowledge_base"},s.a.createElement("h2",{className:"slds-truncate slds-text-heading_small",title:"Share the knowledge"},"Share the knowledge"),s.a.createElement("p",{className:"slds-m-top_small"},"Harness your team's collective know-how with our powerful knowledge base"))),j=s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an option"),s.a.createElement(u.c,null,s.a.createElement(h,{hasIcon:!1},s.a.createElement(E,{className:"slds-visual-picker_vertical"},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about."))),s.a.createElement(E,{className:"slds-visual-picker_vertical"},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about."))),s.a.createElement(E,{className:"slds-visual-picker_vertical"},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about.")))))),w=[{id:"disabled",label:"Disabled option",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an option"),s.a.createElement(u.c,null,s.a.createElement(h,{hasIcon:!1},s.a.createElement(E,{className:"slds-visual-picker_vertical"},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about."))),s.a.createElement(E,{className:"slds-visual-picker_vertical"},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about."))),s.a.createElement(E,{className:"slds-visual-picker_vertical",disabled:!0},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about."))))))}],C=n.c.h2,z=n.c.h3,D=n.c.h4,I=n.c.p,L=function(){return Object(l.createElement)(n.b,{},Object(l.createElement)("div",{className:"doc lead"},"A visual picker can be either radio buttons, checkboxes, or links that are visually enhanced."),Object(l.createElement)(c.a,{exampleOnly:!0},Object(r.f)(f,"checkbox-group")),C({id:"Coverable-Content"},"Coverable Content"),z({id:"Base"},"Base"),I({},"Coverable content comes in three sizes - small, medium (default) or large. The default uses radio buttons, allowing the user to pick only one. To allow multiple selections, follow the checkbox examples below."),D({id:"Small"},"Small"),Object(l.createElement)(c.a,null,Object(r.f)(f,"base_small")),D({id:"Medium"},"Medium"),Object(l.createElement)(c.a,null,Object(r.f)(_)),D({id:"Large"},"Large"),Object(l.createElement)(c.a,null,Object(r.f)(f,"base_large")),z({id:"States"},"States"),D({id:"Disabled"},"Disabled"),Object(l.createElement)(c.a,null,Object(r.f)(x,"disabled")),z({id:"Checkbox-Examples"},"Checkbox Examples"),I({},"To allow users to select more than one option, use checkboxes instead of radio buttons."),D({id:"Small-Checkboxes"},"Small Checkboxes"),Object(l.createElement)(c.a,null,Object(r.f)(f,"checkbox-group_small")),D({id:"Medium-Checkboxes"},"Medium Checkboxes"),Object(l.createElement)(c.a,null,Object(r.f)(f,"checkbox-group")),D({id:"Large-Checkboxes"},"Large Checkboxes"),Object(l.createElement)(c.a,null,Object(r.f)(f,"checkbox-group_large")),C({id:"Non-Coverable-Content"},"Non Coverable Content"),z({id:"Base-2"},"Base"),Object(l.createElement)(c.a,null,Object(r.f)(v)),z({id:"States-2"},"States"),D({id:"Disabled-2"},"Disabled"),Object(l.createElement)(c.a,null,Object(r.f)(N,"disabled")),C({id:"Link"},"Link"),Object(l.createElement)(c.a,null,Object(r.f)(O)),C({id:"Vertical"},"Vertical"),z({id:"Base-3"},"Base"),Object(l.createElement)(c.a,null,Object(r.f)(j)),z({id:"States-3"},"States"),D({id:"Disabled-3"},"Disabled"),Object(l.createElement)(c.a,null,Object(r.f)(w,"disabled")))},A=function(){return Object(n.a)(L())}}});
+var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/visual-picker/docs.mdx.js"]=function(e){function a(a){for(var l,c,r=a[0],m=a[1],i=a[2],d=0,u=[];d<r.length;d++)c=r[d],Object.prototype.hasOwnProperty.call(s,c)&&s[c]&&u.push(s[c][0]),s[c]=0;for(l in m)Object.prototype.hasOwnProperty.call(m,l)&&(e[l]=m[l]);for(o&&o(a);u.length;)u.shift()();return n.push.apply(n,i||[]),t()}function t(){for(var e,a=0;a<n.length;a++){for(var t=n[a],l=!0,r=1;r<t.length;r++){var m=t[r];0!==s[m]&&(l=!1)}l&&(n.splice(a--,1),e=c(c.s=t[0]))}return e}var l={},s={84:0},n=[];function c(a){if(l[a])return l[a].exports;var t=l[a]={i:a,l:!1,exports:{}};return e[a].call(t.exports,t,t.exports,c),t.l=!0,t.exports}c.m=e,c.c=l,c.d=function(e,a,t){c.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:t})},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,a){if(1&a&&(e=c(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(c.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var l in e)c.d(t,l,function(a){return e[a]}.bind(null,l));return t},c.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(a,"a",a),a},c.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},c.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],m=r.push.bind(r);r.push=a,r=r.slice();for(var i=0;i<r.length;i++)a(r[i]);var o=m;return n.push([664,0]),t()}({0:function(e,a){e.exports=React},20:function(e,a){e.exports=ReactDOM},21:function(e,a){e.exports=JSBeautify},664:function(e,a,t){"use strict";t.r(a),t.d(a,"getElement",(function(){return L})),t.d(a,"getContents",(function(){return A}));var l=t(0),s=t.n(l),n=t(4),c=t(2),r=t(1),m=t(10),i=t(5),o=t.n(i),d=t(35),u=t(8),b=t(11),p=function(e){return s.a.createElement("span",{className:"slds-text-title",key:r.d.uniqueId()},e.label)},E=function(e){var a=e.name,t=(e.id,e.hasIcon),l=e.type,n=e.sprite,c=e.symbol,i=e.label,d=e.size,u=e.children,b=e.checked,p=e.disabled,E=e.className,h=r.d.uniqueId("visual-picker-");return s.a.createElement("div",{className:o()("slds-visual-picker",{"slds-visual-picker_large":"large"===d,"slds-visual-picker_medium":"medium"===d,"slds-visual-picker_small":"small"===d},E)},s.a.createElement("input",{type:l,id:h,value:h,name:a,defaultChecked:b,disabled:p}),s.a.createElement("label",{htmlFor:h},t?s.a.createElement("span",{className:o()("slds-visual-picker__figure slds-visual-picker__icon slds-align_absolute-center")},s.a.createElement("span",{className:"slds-is-selected"},s.a.createElement("span",{className:"slds-icon_container"},s.a.createElement(m.a,{className:"slds-icon slds-icon_large slds-icon-action-check",sprite:"action",symbol:"check"}))),s.a.createElement("span",{className:"slds-is-not-selected"},s.a.createElement("span",{className:"slds-icon_container"},s.a.createElement(m.a,{className:o()("slds-icon slds-icon-"+n+"-"+c+" slds-icon_large",{"slds-icon-text-default":"utility"===n}),sprite:n||"action",symbol:c})))):s.a.createElement("span",{className:o()("slds-visual-picker__figure slds-visual-picker__text slds-align_absolute-center")},u),i?s.a.createElement("span",{className:"slds-visual-picker__body"},i):null,t?null:s.a.createElement("span",{className:"slds-icon_container slds-visual-picker__text-check"},s.a.createElement(m.a,{className:"slds-icon slds-icon-text-check slds-icon_x-small",sprite:"utility",symbol:"check"}))))},h=function(e){var a=e.children,t=e.type,l=e.sprite,n=e.hasIcon,c=r.d.uniqueId("example-unique-name-"),m=s.a.Children.map(a,(function(e){return s.a.isValidElement(e)?s.a.cloneElement(e,{name:c,type:t,sprite:n&&l,hasIcon:n}):e}));return s.a.createElement(s.a.Fragment,null,m)};h.defaultProps={type:"radio",sprite:"utility",hasIcon:!0};var _=s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an app"),s.a.createElement(u.c,null,s.a.createElement(h,null,s.a.createElement(E,{symbol:"connected_apps",label:s.a.createElement(p,{label:"Connected App"}),size:"medium"}),s.a.createElement(E,{symbol:"custom_apps",label:s.a.createElement(p,{label:"Custom App"}),size:"medium"})))),x=[{id:"disabled",label:"Disabled option",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an app"),s.a.createElement(u.c,null,s.a.createElement(h,null,s.a.createElement(E,{symbol:"connected_apps",label:s.a.createElement(p,{label:"Connected App"}),size:"medium"}),s.a.createElement(E,{disabled:!0,symbol:"custom_apps",label:s.a.createElement(p,{label:"Custom App"}),size:"medium"}))))}],f=[{id:"base_small",label:"Small base",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an app"),s.a.createElement(u.c,null,s.a.createElement(h,null,s.a.createElement(E,{symbol:"connected_apps",label:s.a.createElement(p,{label:"Connected App"}),size:"small"}),s.a.createElement(E,{symbol:"custom_apps",label:s.a.createElement(p,{label:"Custom App"}),size:"small"}))))},{id:"base",label:"Medium (default) base",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an app"),s.a.createElement(u.c,null,s.a.createElement(h,null,s.a.createElement(E,{symbol:"connected_apps",label:s.a.createElement(p,{label:"Connected App"}),size:"medium"}),s.a.createElement(E,{symbol:"custom_apps",label:s.a.createElement(p,{label:"Custom App"}),size:"medium"}))))},{id:"base_large",label:"Large base",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an app"),s.a.createElement(u.c,null,s.a.createElement(h,null,s.a.createElement(E,{symbol:"connected_apps",label:s.a.createElement(p,{label:"Connected App"}),size:"large"}),s.a.createElement(E,{symbol:"custom_apps",label:s.a.createElement(p,{label:"Custom App"}),size:"large"}))))},{id:"checkbox-group_small",label:"Small base with checkboxes",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Add the following object(s)"),s.a.createElement(u.c,null,s.a.createElement(h,{sprite:"standard",type:"checkbox"},s.a.createElement(E,{symbol:"account",label:s.a.createElement(p,{label:"Account"}),size:"small"}),s.a.createElement(E,{symbol:"lead",label:s.a.createElement(p,{label:"Lead"}),size:"small"}),s.a.createElement(E,{symbol:"orders",label:s.a.createElement(p,{label:"Orders"}),size:"small"}))))},{id:"checkbox-group",label:"Medium base with checkboxes",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Add the following object(s)"),s.a.createElement(u.c,null,s.a.createElement(h,{sprite:"standard",type:"checkbox"},s.a.createElement(E,{symbol:"account",label:s.a.createElement(p,{label:"Account"}),size:"medium"}),s.a.createElement(E,{symbol:"lead",label:s.a.createElement(p,{label:"Lead"}),size:"medium"}),s.a.createElement(E,{symbol:"orders",label:s.a.createElement(p,{label:"Orders"}),size:"medium"}))))},{id:"checkbox-group_large",label:"Large base with checkboxes",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Add the following object(s)"),s.a.createElement(u.c,null,s.a.createElement(h,{sprite:"standard",type:"checkbox"},s.a.createElement(E,{symbol:"account",label:s.a.createElement(p,{label:"Account"}),size:"large"}),s.a.createElement(E,{symbol:"lead",label:s.a.createElement(p,{label:"Lead"}),size:"large"}),s.a.createElement(E,{symbol:"orders",label:s.a.createElement(p,{label:"Orders"}),size:"large"}))))}],g=[s.a.createElement("span",{className:"slds-text-heading_small",key:r.d.uniqueId()},"Lightning Professional"),s.a.createElement("span",{className:"slds-text-title",key:r.d.uniqueId()},"Complete service CRM for teams of any size")],k=[s.a.createElement("span",{className:"slds-text-heading_small",key:r.d.uniqueId()},"Lightning Enterprise"),s.a.createElement("span",{className:"slds-text-title",key:r.d.uniqueId()},"Everything you need to take support to the next level")],y=[s.a.createElement("span",{className:"slds-text-heading_small",key:r.d.uniqueId()},"Lightning Unlimited"),s.a.createElement("span",{className:"slds-text-title",key:r.d.uniqueId()},"Complete support with enterprise-grade customization")],v=s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select a plan"),s.a.createElement(u.c,null,s.a.createElement(h,{hasIcon:!1},s.a.createElement(E,{size:"medium",label:g},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$30"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *"))),s.a.createElement(E,{size:"medium",label:k},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$150"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *"))),s.a.createElement(E,{size:"medium",label:y},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$300"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *")))))),N=[{id:"disabled",label:"Disabled option",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select a plan"),s.a.createElement(u.c,null,s.a.createElement(h,{hasIcon:!1},s.a.createElement(E,{size:"medium",label:g},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$30"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *"))),s.a.createElement(E,{size:"medium",label:k},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$150"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *"))),s.a.createElement(E,{size:"medium",disabled:!0,label:y},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_large"},"$300"),s.a.createElement("span",{className:"slds-text-title"},"USD/user/month *"))))))}],S=function(e){var a=e.symbol||"knowledge_base",t=e.icon||s.a.createElement(b.a,{className:"slds-icon-text-default",symbol:a,title:!1,assistiveText:!1});return s.a.createElement("a",{href:"#",className:o()("slds-box slds-box_link slds-box_x-small slds-media",e.className),onClick:function(e){return e.preventDefault()}},s.a.createElement("div",{className:"slds-media__figure slds-media__figure_fixed-width slds-align_absolute-center slds-m-left_xx-small"},t),s.a.createElement("div",{className:"slds-media__body slds-border_left slds-p-around_small"},e.children))},O=s.a.createElement("div",{className:"demo-only",style:{width:"24rem"}},s.a.createElement(S,{symbol:"knowledge_base"},s.a.createElement("h2",{className:"slds-truncate slds-text-heading_small",title:"Share the knowledge"},"Share the knowledge"),s.a.createElement("p",{className:"slds-m-top_small"},"Harness your team's collective know-how with our powerful knowledge base"))),j=s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an option"),s.a.createElement(u.c,null,s.a.createElement(h,{hasIcon:!1},s.a.createElement(E,{className:"slds-visual-picker_vertical"},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about."))),s.a.createElement(E,{className:"slds-visual-picker_vertical"},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about."))),s.a.createElement(E,{className:"slds-visual-picker_vertical"},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about.")))))),w=[{id:"disabled",label:"Disabled option",element:s.a.createElement(d.a,null,s.a.createElement(d.b,null,"Select an option"),s.a.createElement(u.c,null,s.a.createElement(h,{hasIcon:!1},s.a.createElement(E,{className:"slds-visual-picker_vertical"},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about."))),s.a.createElement(E,{className:"slds-visual-picker_vertical"},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about."))),s.a.createElement(E,{className:"slds-visual-picker_vertical",disabled:!0},s.a.createElement("span",null,s.a.createElement("span",{className:"slds-text-heading_medium slds-m-bottom_x-small"},"Item Text"),s.a.createElement("span",{className:"slds-text-title"},"Some optional item description to help the user better understand what this option is about."))))))}],C=n.c.h2,z=n.c.h3,D=n.c.h4,I=n.c.p,L=function(){return Object(l.createElement)(n.b,{},Object(l.createElement)("div",{className:"doc lead"},"A visual picker can be either radio buttons, checkboxes, or links that are visually enhanced."),Object(l.createElement)(c.a,{exampleOnly:!0},Object(r.f)(f,"checkbox-group")),C({id:"Coverable-Content"},"Coverable Content"),z({id:"Base"},"Base"),I({},"Coverable content comes in three sizes - small, medium (default) or large. The default uses radio buttons, allowing the user to pick only one. To allow multiple selections, follow the checkbox examples below."),D({id:"Small"},"Small"),Object(l.createElement)(c.a,null,Object(r.f)(f,"base_small")),D({id:"Medium"},"Medium"),Object(l.createElement)(c.a,null,Object(r.f)(_)),D({id:"Large"},"Large"),Object(l.createElement)(c.a,null,Object(r.f)(f,"base_large")),z({id:"States"},"States"),D({id:"Disabled"},"Disabled"),Object(l.createElement)(c.a,null,Object(r.f)(x,"disabled")),z({id:"Checkbox-Examples"},"Checkbox Examples"),I({},"To allow users to select more than one option, use checkboxes instead of radio buttons."),D({id:"Small-Checkboxes"},"Small Checkboxes"),Object(l.createElement)(c.a,null,Object(r.f)(f,"checkbox-group_small")),D({id:"Medium-Checkboxes"},"Medium Checkboxes"),Object(l.createElement)(c.a,null,Object(r.f)(f,"checkbox-group")),D({id:"Large-Checkboxes"},"Large Checkboxes"),Object(l.createElement)(c.a,null,Object(r.f)(f,"checkbox-group_large")),C({id:"Non-Coverable-Content"},"Non Coverable Content"),z({id:"Base-2"},"Base"),Object(l.createElement)(c.a,null,Object(r.f)(v)),z({id:"States-2"},"States"),D({id:"Disabled-2"},"Disabled"),Object(l.createElement)(c.a,null,Object(r.f)(N,"disabled")),C({id:"Link"},"Link"),Object(l.createElement)(c.a,null,Object(r.f)(O)),C({id:"Vertical"},"Vertical"),z({id:"Base-3"},"Base"),Object(l.createElement)(c.a,null,Object(r.f)(j)),z({id:"States-3"},"States"),D({id:"Disabled-3"},"Disabled"),Object(l.createElement)(c.a,null,Object(r.f)(w,"disabled")))},A=function(){return Object(n.a)(L())}}});

package/__internal/release-notes/components/checkbox/RELEASENOTES.md

@@ -4,6 +4,11 @@
 
 <!-- ## [Unreleased] -->
 
+## 2.17.5
+
+### Fixed
+- Reverted layout changes originally introduced in 2.17.0
+
 ## 2.17.4
 
 ### Fixed

package/__internal/release-notes/components/radio-group/RELEASENOTES.md

@@ -4,6 +4,11 @@
 
 <!-- ## [Unreleased] -->
 
+## 2.17.5
+
+### Fixed
+- Reverted label layout changes introduced in 2.17.0
+
 ## 2.17.0
 
 ### Added

package/__internal/release-notes/components/welcome-mat/RELEASENOTES.md

@@ -3,6 +3,12 @@
 # Welcome Mat Release Notes
 
 <!-- ## [Unreleased] -->
+
+## 2.17.5
+
+### Fixed
+- Reverted changes to checkbox layout introduced in 2.17.4
+
 ## 2.17.4
 
 ### Fixed