npm - @salesforce-ux/design-system - Versions diffs - 2.17.2 → 2.17.3 - Mend

@salesforce-ux/design-system 2.17.2 → 2.17.3

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.

Files changed (963) hide show

package/__internal/chunked/docs/ui/components/rich-text-editor/docs.mdx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/rich-text-editor/docs.mdx.js"]=function(e){function t(t){for(var a,i,o=t[0],c=t[1],d=t[2],u=0,s=[];u<o.length;u++)i=o[u],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&s.push(n[i][0]),n[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(m&&m(t);s.length;)s.shift()();return r.push.apply(r,d\|\|[]),l()}function l(){for(var e,t=0;t<r.length;t++){for(var l=r[t],a=!0,o=1;o<l.length;o++){var c=l[o];0!==n[c]&&(a=!1)}a&&(r.splice(t--,1),e=i(i.s=l[0]))}return e}var a={},n={64:0},r=[];function i(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,i),l.l=!0,l.exports}i.m=e,i.c=a,i.d=function(e,t,l){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:l})},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 l=Object.create(null);if(i.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(l,a,function(t){return e[t]}.bind(null,a));return l},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 o=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],c=o.push.bind(o);o.push=t,o=o.slice();for(var d=0;d<o.length;d++)t(o[d]);var m=c;return r.push([724,0]),l()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},724:function(e,t,l){"use strict";l.r(t),l.d(t,"getElement",(function(){return w})),l.d(t,"getContents",(function(){return S}));var a=l(0),n=l.n(a),r=l(4),i=l(2),o=(l(27),l(41),l(14),l(37)),c=l(1),d=l(3),m=l.n(d),u=l(5),s=l.n(u),E=l(54),b=l(18);function p(){return(p=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(this,arguments)}var h=function(e){return n.a.createElement("div",p({className:s()("demo-only",e.className),style:{minHeight:"180px"}},e),e.children)};h.propTypes={children:m.a.node,className:m.a.string};var f=function(e){return n.a.createElement("div",null,n.a.createElement("h1",null,"Heading - h1"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, ",n.a.createElement("strong",null,"strong")," adipisicing elit, sed do ",n.a.createElement("em",null,"emphasis")," tempor incididunt ut ",n.a.createElement("u",null,"underlined")," et dolore"," ",n.a.createElement("s",null,"strikethrough")," aliqua. Ut ",n.a.createElement("sub",null,"subscript")," ad"," ",n.a.createElement("sup",null,"superscript")," veniam, ",n.a.createElement("abbr",null,"quis")," nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in ",n.a.createElement("a",{href:"#"},"link")," in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),n.a.createElement("h2",null,"Heading - h2"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod"," ",n.a.createElement("a",{href:"#"},"veryVeryLongWordWithHyperlinkExample")," tempor incididunt ut labore et dolore magna aliqua."),n.a.createElement("ul",null,n.a.createElement("li",null,"Unordered list item",n.a.createElement("ul",null,n.a.createElement("li",null,"Nested Unordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item"),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Nested Unordered list item",n.a.createElement("ul",null,n.a.createElement("li",null,"Nested Unordered list item"),n.a.createElement("li",null,"Nested Unordered list item"))))),n.a.createElement("li",null,"Unordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item"),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Unordered list item")),n.a.createElement("h3",null,"Heading - h3"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),n.a.createElement("ol",null,n.a.createElement("li",null,"Ordered list item",n.a.createElement("ul",null,n.a.createElement("li",null,"Nested Unordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item"),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Nested Unordered list item",n.a.createElement("ul",null,n.a.createElement("li",null,"Nested Unordered list item"),n.a.createElement("li",null,"Nested Unordered list item"))))),n.a.createElement("li",null,"Ordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item"),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Ordered list item")),n.a.createElement("ul",null,n.a.createElement("li",null,n.a.createElement("div",null,"List Item with div")),n.a.createElement("li",null,n.a.createElement("div",null,"List Item with div"))),n.a.createElement("ol",null,n.a.createElement("li",null,n.a.createElement("div",null,"List Item with div")),n.a.createElement("li",null,n.a.createElement("div",null,"List Item with div"))),n.a.createElement("h4",null,"Heading - h4"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),n.a.createElement("dl",null,n.a.createElement("dt",null,"Description List - Term"),n.a.createElement("dd",null,"Description List - Description"),n.a.createElement("dt",null,"Description List - Term"),n.a.createElement("dd",null,"Description List - Description")),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"Column"),n.a.createElement("th",null,"Column"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"Row"),n.a.createElement("td",null,"Row")),n.a.createElement("tr",null,n.a.createElement("td",null,"Row"),n.a.createElement("td",null,"Row")))),n.a.createElement("h5",null,"Heading - h5"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),n.a.createElement("blockquote",null,"Blockquote - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),n.a.createElement("h6",null,"Heading - h6"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"," ",n.a.createElement("a",{href:"#"},"https://url.com/document/d/1dSOGKlCQtSG73NcSJB7qCJVyjE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/ed")," ","quis nostrud ",n.a.createElement("ins",null,"Content to be inserted.")," exercitation ullamco"," ",n.a.createElement("del",null,"Content to be deleted.")," laboris nisi ut aliquip ex ea commodo consequat."))},g=n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text..."}))),j=[{id:"focused",label:"Focused",element:n.a.createElement(h,null,n.a.createElement(b.a,{className:"slds-has-focus"},n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text..."})))},{id:"filled-out",label:"Filled Out",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{text:n.a.createElement(f,null)})))},{id:"error",label:"Error",element:n.a.createElement(h,null,n.a.createElement(b.a,{className:"slds-has-error",inlineMessage:"This field is required",hasError:!0,errorId:"rte-error-01"},n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text...","aria-describedby":"rte-error-01"})))},{id:"disabled",label:"Disabled",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,{disabledButtons:!0,disabledLabel:"disabled"},n.a.createElement(b.g,{tabIndexSetting:"0",disabledButtons:!0}),n.a.createElement(b.d,{disabledButtons:!0}),n.a.createElement(b.c,{disabledButtons:!0})),n.a.createElement(b.k,{placeholder:"Compose text...",disabled:!0})))},{id:"tooltip",label:"Tooltip",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0",hasTooltip:!0}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text..."}),n.a.createElement(E.a,{className:"slds-nubbin_top-left",id:"bold",style:{position:"absolute",top:"48px",left:"2px"}},"Bold ",n.a.createElement("kbd",null,"cmd+b"))))},{id:"toolbar-only",label:"Toolbar Only",element:n.a.createElement(h,null,n.a.createElement(b.a,{isToolbarOnly:!0},n.a.createElement(b.l,{isToolbarOnly:!0},n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null))))}],x=[{id:"bottom-toolbar",label:"Bottom toolbar",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.k,{placeholder:"Compose text..."}),n.a.createElement(b.l,{className:"slds-rich-text-editor__toolbar_bottom"},n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null))))},{id:"with-label",label:"With a Label",element:n.a.createElement(h,null,n.a.createElement(b.a,{label:"Details and Steps to Reproduce",labelId:b.m},n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text...",labelId:b.m})))},{id:"email",label:"Email",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.f,null),n.a.createElement(b.g,{tabIndexSetting:"-1"}),n.a.createElement(b.e,null),n.a.createElement(b.d,null),n.a.createElement(b.b,null),n.a.createElement(b.i,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{label:"Compose email",placeholder:"Compose Email..."})))},{id:"toolbar-narrow",label:"Toolbar Narrow",element:n.a.createElement(h,{style:{width:"294px"},className:"slds-region_narrow"},n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.f,null),n.a.createElement(b.g,{tabIndexSetting:"-1"}),n.a.createElement(b.e,null),n.a.createElement(b.d,null),n.a.createElement(b.b,null),n.a.createElement(b.i,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{label:"Compose email",placeholder:"Compose Email..."})))},{id:"feed",label:"Feed",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.b,null),n.a.createElement(b.i,null),n.a.createElement(b.j,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{label:"Post to feed",placeholder:"Post to feed..."})))},{id:"note",label:"Notes",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.i,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{label:"Compose note",placeholder:"Compose Note..."})))},{id:"styling-hooks-rte-min-height",label:"Styling Hooks - Base (Min Height)",demoStyles:"\n --sds-c-textarea-sizing-min-height: 3rem;\n ",storybookStyles:!0,element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text..."})))},{id:"styling-hooks-rte-max-height",label:"Styling Hooks - Base (Max Height)",demoStyles:"\n --sds-c-textarea-sizing-max-height: 10rem;\n ",storybookStyles:!0,element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{text:n.a.createElement(f,null)})))}],O=r.c.code,v=r.c.h2,y=r.c.h3,N=r.c.p,w=function(){return Object(a.createElement)(r.b,{},Object(a.createElement)("div",{className:"doc lead"},"The Rich Text Editor is a textarea with added capabilities for use in various publishers."),Object(a.createElement)(i.a,{exampleOnly:!0},Object(c.f)(j,"filled-out")),v({id:"About-Rich-Text-Editor"},"About Rich Text Editor"),N({},"At a high-level, the buttons in Rich Text Editor (RTE) are organized into four groupings: “format text”, “format body”, “insert content”, and “clear formatting”."),N({},'The "clear formatting” button always stays at the end of the buttons set, regardless of which rich text editor variant is used. It should always stand by itself.'),N({},"On smaller screen sizes, the select dropdowns for Font and Size in the toolbar can overlap outside of the container. To adjust the widths of the dropdowns, apply the class ",O({},"slds-region_narrow")," to the outermost ",O({},"div")," of the rich text editor."),N({},"A label may be used to further describe the purpose of a Rich Text Editor. To add a label, place a ",O({},"<span>")," element with the class ",O({},"slds-form-element__label"),", right before the ",O({},"slds-form-element__control")," element."),y({id:"Accessibility"},"Accessibility"),N({},"Ensure that there is a single tab key stop for the button groups in the toolbar, and that left and right arrows are used to navigate through each button."),v({id:"Base"},"Base"),Object(a.createElement)(i.a,null,Object(c.f)(g)),v({id:"States"},"States"),y({id:"Focused"},"Focused"),Object(a.createElement)(i.a,null,Object(c.f)(j,"focused")),y({id:"Filled-Out"},"Filled Out"),Object(a.createElement)(i.a,null,Object(c.f)(j,"filled-out")),y({id:"Error"},"Error"),Object(a.createElement)(i.a,null,Object(c.f)(j,"error")),y({id:"Disabled"},"Disabled"),Object(a.createElement)(i.a,null,Object(c.f)(j,"disabled")),y({id:"Tooltip"},"Tooltip"),Object(a.createElement)(i.a,null,Object(c.f)(j,"tooltip")),v({id:"Examples"},"Examples"),y({id:"Bottom-toolbar"},"Bottom toolbar"),Object(a.createElement)(i.a,null,Object(c.f)(x,"bottom-toolbar")),y({id:"With-a-Label"},"With a Label"),Object(a.createElement)(i.a,null,Object(c.f)(x,"with-label")),y({id:"Email"},"Email"),Object(a.createElement)(i.a,null,Object(c.f)(x,"email")),y({id:"Toolbar-Narrow"},"Toolbar Narrow"),Object(a.createElement)(i.a,null,Object(c.f)(x,"toolbar-narrow")),y({id:"Feed"},"Feed"),Object(a.createElement)(i.a,null,Object(c.f)(x,"feed")),y({id:"Notes"},"Notes"),Object(a.createElement)(i.a,null,Object(c.f)(x,"note")),v({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),Object(a.createElement)(o.a,{name:"rich-text-editor",type:"component"}))},S=function(){return Object(r.a)(w())}}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/rich-text-editor/docs.mdx.js"]=function(e){function t(t){for(var a,i,o=t[0],c=t[1],d=t[2],u=0,s=[];u<o.length;u++)i=o[u],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&s.push(n[i][0]),n[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(m&&m(t);s.length;)s.shift()();return r.push.apply(r,d\|\|[]),l()}function l(){for(var e,t=0;t<r.length;t++){for(var l=r[t],a=!0,o=1;o<l.length;o++){var c=l[o];0!==n[c]&&(a=!1)}a&&(r.splice(t--,1),e=i(i.s=l[0]))}return e}var a={},n={64:0},r=[];function i(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,i),l.l=!0,l.exports}i.m=e,i.c=a,i.d=function(e,t,l){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:l})},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 l=Object.create(null);if(i.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(l,a,function(t){return e[t]}.bind(null,a));return l},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 o=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],c=o.push.bind(o);o.push=t,o=o.slice();for(var d=0;d<o.length;d++)t(o[d]);var m=c;return r.push([725,0]),l()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},725:function(e,t,l){"use strict";l.r(t),l.d(t,"getElement",(function(){return w})),l.d(t,"getContents",(function(){return S}));var a=l(0),n=l.n(a),r=l(4),i=l(2),o=(l(28),l(42),l(14),l(38)),c=l(1),d=l(3),m=l.n(d),u=l(5),s=l.n(u),E=l(55),b=l(19);function p(){return(p=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e}).apply(this,arguments)}var h=function(e){return n.a.createElement("div",p({className:s()("demo-only",e.className),style:{minHeight:"180px"}},e),e.children)};h.propTypes={children:m.a.node,className:m.a.string};var f=function(e){return n.a.createElement("div",null,n.a.createElement("h1",null,"Heading - h1"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, ",n.a.createElement("strong",null,"strong")," adipisicing elit, sed do ",n.a.createElement("em",null,"emphasis")," tempor incididunt ut ",n.a.createElement("u",null,"underlined")," et dolore"," ",n.a.createElement("s",null,"strikethrough")," aliqua. Ut ",n.a.createElement("sub",null,"subscript")," ad"," ",n.a.createElement("sup",null,"superscript")," veniam, ",n.a.createElement("abbr",null,"quis")," nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in ",n.a.createElement("a",{href:"#"},"link")," in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),n.a.createElement("h2",null,"Heading - h2"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod"," ",n.a.createElement("a",{href:"#"},"veryVeryLongWordWithHyperlinkExample")," tempor incididunt ut labore et dolore magna aliqua."),n.a.createElement("ul",null,n.a.createElement("li",null,"Unordered list item",n.a.createElement("ul",null,n.a.createElement("li",null,"Nested Unordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item"),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Nested Unordered list item",n.a.createElement("ul",null,n.a.createElement("li",null,"Nested Unordered list item"),n.a.createElement("li",null,"Nested Unordered list item"))))),n.a.createElement("li",null,"Unordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item"),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Unordered list item")),n.a.createElement("h3",null,"Heading - h3"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),n.a.createElement("ol",null,n.a.createElement("li",null,"Ordered list item",n.a.createElement("ul",null,n.a.createElement("li",null,"Nested Unordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item"),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Nested Unordered list item",n.a.createElement("ul",null,n.a.createElement("li",null,"Nested Unordered list item"),n.a.createElement("li",null,"Nested Unordered list item"))))),n.a.createElement("li",null,"Ordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item",n.a.createElement("ol",null,n.a.createElement("li",null,"Nested Ordered list item"),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Nested Ordered list item"))),n.a.createElement("li",null,"Ordered list item")),n.a.createElement("ul",null,n.a.createElement("li",null,n.a.createElement("div",null,"List Item with div")),n.a.createElement("li",null,n.a.createElement("div",null,"List Item with div"))),n.a.createElement("ol",null,n.a.createElement("li",null,n.a.createElement("div",null,"List Item with div")),n.a.createElement("li",null,n.a.createElement("div",null,"List Item with div"))),n.a.createElement("h4",null,"Heading - h4"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),n.a.createElement("dl",null,n.a.createElement("dt",null,"Description List - Term"),n.a.createElement("dd",null,"Description List - Description"),n.a.createElement("dt",null,"Description List - Term"),n.a.createElement("dd",null,"Description List - Description")),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"Column"),n.a.createElement("th",null,"Column"))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,"Row"),n.a.createElement("td",null,"Row")),n.a.createElement("tr",null,n.a.createElement("td",null,"Row"),n.a.createElement("td",null,"Row")))),n.a.createElement("h5",null,"Heading - h5"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),n.a.createElement("blockquote",null,"Blockquote - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),n.a.createElement("h6",null,"Heading - h6"),n.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,"," ",n.a.createElement("a",{href:"#"},"https://url.com/document/d/1dSOGKlCQtSG73NcSJB7qCJVyjE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/edE52MdTjvjGNqc3L2Rw/ed")," ","quis nostrud ",n.a.createElement("ins",null,"Content to be inserted.")," exercitation ullamco"," ",n.a.createElement("del",null,"Content to be deleted.")," laboris nisi ut aliquip ex ea commodo consequat."))},g=n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text..."}))),j=[{id:"focused",label:"Focused",element:n.a.createElement(h,null,n.a.createElement(b.a,{className:"slds-has-focus"},n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text..."})))},{id:"filled-out",label:"Filled Out",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{text:n.a.createElement(f,null)})))},{id:"error",label:"Error",element:n.a.createElement(h,null,n.a.createElement(b.a,{className:"slds-has-error",inlineMessage:"This field is required",hasError:!0,errorId:"rte-error-01"},n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text...","aria-describedby":"rte-error-01"})))},{id:"disabled",label:"Disabled",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,{disabledButtons:!0,disabledLabel:"disabled"},n.a.createElement(b.g,{tabIndexSetting:"0",disabledButtons:!0}),n.a.createElement(b.d,{disabledButtons:!0}),n.a.createElement(b.c,{disabledButtons:!0})),n.a.createElement(b.k,{placeholder:"Compose text...",disabled:!0})))},{id:"tooltip",label:"Tooltip",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0",hasTooltip:!0}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text..."}),n.a.createElement(E.a,{className:"slds-nubbin_top-left",id:"bold",style:{position:"absolute",top:"48px",left:"2px"}},"Bold ",n.a.createElement("kbd",null,"cmd+b"))))},{id:"toolbar-only",label:"Toolbar Only",element:n.a.createElement(h,null,n.a.createElement(b.a,{isToolbarOnly:!0},n.a.createElement(b.l,{isToolbarOnly:!0},n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null))))}],x=[{id:"bottom-toolbar",label:"Bottom toolbar",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.k,{placeholder:"Compose text..."}),n.a.createElement(b.l,{className:"slds-rich-text-editor__toolbar_bottom"},n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null))))},{id:"with-label",label:"With a Label",element:n.a.createElement(h,null,n.a.createElement(b.a,{label:"Details and Steps to Reproduce",labelId:b.m},n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text...",labelId:b.m})))},{id:"email",label:"Email",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.f,null),n.a.createElement(b.g,{tabIndexSetting:"-1"}),n.a.createElement(b.e,null),n.a.createElement(b.d,null),n.a.createElement(b.b,null),n.a.createElement(b.i,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{label:"Compose email",placeholder:"Compose Email..."})))},{id:"toolbar-narrow",label:"Toolbar Narrow",element:n.a.createElement(h,{style:{width:"294px"},className:"slds-region_narrow"},n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.f,null),n.a.createElement(b.g,{tabIndexSetting:"-1"}),n.a.createElement(b.e,null),n.a.createElement(b.d,null),n.a.createElement(b.b,null),n.a.createElement(b.i,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{label:"Compose email",placeholder:"Compose Email..."})))},{id:"feed",label:"Feed",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.b,null),n.a.createElement(b.i,null),n.a.createElement(b.j,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{label:"Post to feed",placeholder:"Post to feed..."})))},{id:"note",label:"Notes",element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.i,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{label:"Compose note",placeholder:"Compose Note..."})))},{id:"styling-hooks-rte-min-height",label:"Styling Hooks - Base (Min Height)",demoStyles:"\n --sds-c-textarea-sizing-min-height: 3rem;\n ",storybookStyles:!0,element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{placeholder:"Compose text..."})))},{id:"styling-hooks-rte-max-height",label:"Styling Hooks - Base (Max Height)",demoStyles:"\n --sds-c-textarea-sizing-max-height: 10rem;\n ",storybookStyles:!0,element:n.a.createElement(h,null,n.a.createElement(b.a,null,n.a.createElement(b.l,null,n.a.createElement(b.g,{tabIndexSetting:"0"}),n.a.createElement(b.d,null),n.a.createElement(b.c,null)),n.a.createElement(b.k,{text:n.a.createElement(f,null)})))}],O=r.c.code,v=r.c.h2,y=r.c.h3,N=r.c.p,w=function(){return Object(a.createElement)(r.b,{},Object(a.createElement)("div",{className:"doc lead"},"The Rich Text Editor is a textarea with added capabilities for use in various publishers."),Object(a.createElement)(i.a,{exampleOnly:!0},Object(c.f)(j,"filled-out")),v({id:"About-Rich-Text-Editor"},"About Rich Text Editor"),N({},"At a high-level, the buttons in Rich Text Editor (RTE) are organized into four groupings: “format text”, “format body”, “insert content”, and “clear formatting”."),N({},'The "clear formatting” button always stays at the end of the buttons set, regardless of which rich text editor variant is used. It should always stand by itself.'),N({},"On smaller screen sizes, the select dropdowns for Font and Size in the toolbar can overlap outside of the container. To adjust the widths of the dropdowns, apply the class ",O({},"slds-region_narrow")," to the outermost ",O({},"div")," of the rich text editor."),N({},"A label may be used to further describe the purpose of a Rich Text Editor. To add a label, place a ",O({},"<span>")," element with the class ",O({},"slds-form-element__label"),", right before the ",O({},"slds-form-element__control")," element."),y({id:"Accessibility"},"Accessibility"),N({},"Ensure that there is a single tab key stop for the button groups in the toolbar, and that left and right arrows are used to navigate through each button."),v({id:"Base"},"Base"),Object(a.createElement)(i.a,null,Object(c.f)(g)),v({id:"States"},"States"),y({id:"Focused"},"Focused"),Object(a.createElement)(i.a,null,Object(c.f)(j,"focused")),y({id:"Filled-Out"},"Filled Out"),Object(a.createElement)(i.a,null,Object(c.f)(j,"filled-out")),y({id:"Error"},"Error"),Object(a.createElement)(i.a,null,Object(c.f)(j,"error")),y({id:"Disabled"},"Disabled"),Object(a.createElement)(i.a,null,Object(c.f)(j,"disabled")),y({id:"Tooltip"},"Tooltip"),Object(a.createElement)(i.a,null,Object(c.f)(j,"tooltip")),v({id:"Examples"},"Examples"),y({id:"Bottom-toolbar"},"Bottom toolbar"),Object(a.createElement)(i.a,null,Object(c.f)(x,"bottom-toolbar")),y({id:"With-a-Label"},"With a Label"),Object(a.createElement)(i.a,null,Object(c.f)(x,"with-label")),y({id:"Email"},"Email"),Object(a.createElement)(i.a,null,Object(c.f)(x,"email")),y({id:"Toolbar-Narrow"},"Toolbar Narrow"),Object(a.createElement)(i.a,null,Object(c.f)(x,"toolbar-narrow")),y({id:"Feed"},"Feed"),Object(a.createElement)(i.a,null,Object(c.f)(x,"feed")),y({id:"Notes"},"Notes"),Object(a.createElement)(i.a,null,Object(c.f)(x,"note")),v({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),Object(a.createElement)(o.a,{name:"rich-text-editor",type:"component"}))},S=function(){return Object(r.a)(w())}}});

package/__internal/chunked/docs/ui/components/scoped-notifications/docs.mdx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/scoped-notifications/docs.mdx.js"]=function(e){function t(t){for(var o,a,c=t[0],s=t[1],l=t[2],f=0,d=[];f<c.length;f++)a=c[f],Object.prototype.hasOwnProperty.call(r,a)&&r[a]&&d.push(r[a][0]),r[a]=0;for(o in s)Object.prototype.hasOwnProperty.call(s,o)&&(e[o]=s[o]);for(u&&u(t);d.length;)d.shift()();return i.push.apply(i,l\|\|[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],o=!0,c=1;c<n.length;c++){var s=n[c];0!==r[s]&&(o=!1)}o&&(i.splice(t--,1),e=a(a.s=n[0]))}return e}var o={},r={65:0},i=[];function a(t){if(o[t])return o[t].exports;var n=o[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=e,a.c=o,a.d=function(e,t,n){a.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)a.d(n,o,function(t){return e[t]}.bind(null,o));return n},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var l=0;l<c.length;l++)t(c[l]);var u=s;return i.push([~~554~~,0]),n()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},~~554~~:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return p})),n.d(t,"getContents",(function(){return h}));var o=n(0),r=n(4),i=n(2),a=(n(25),n(14),n(1)),c=n(88),s=r.c.code,l=r.c.h2,u=r.c.h3,f=r.c.h4,d=r.c.p,p=function(){return Object(o.createElement)(r.b,{},Object(o.createElement)("div",{className:"lead doc"},"Scoped notifications serve advisory information for the user that is not important enough to justify an alert. It is often presented as a status bar scoped to the container. They are not dismissible."),Object(o.createElement)(i.a,{exampleOnly:!0},Object(a.f)(c.c,"dark-theme")),l({id:"About-Scoped-Notifications"},"About Scoped Notifications"),u({id:"Accessibility"},"Accessibility"),d({},"Scoped notifications contain ",s({},'role="status"')," on the container to signal to the browser to send an accessible status event to assistive technology. The assistive technology then notifies the user."),l({id:"Base"},"Base"),Object(o.createElement)(i.a,null,Object(a.f)(c.b)),u({id:"States"},"States"),f({id:"Informational"},"Informational"),Object(o.createElement)(i.a,null,Object(a.f)(c.d,"info")),f({id:"Success"},"Success"),Object(o.createElement)(i.a,null,Object(a.f)(c.d,"success")),f({id:"Warning"},"Warning"),Object(o.createElement)(i.a,null,Object(a.f)(c.d,"warning")),f({id:"Error"},"Error"),Object(o.createElement)(i.a,null,Object(a.f)(c.d,"error")),u({id:"Examples"},"Examples"),d({},"Informational Notifications default to the dark theme. For light, use the class ",s({},"slds-scoped-notification_light")," instead of ",s({},"slds-theme_info"),". An additional class, ",s({},"slds-scoped-notification_dark")," is also available for the dark theme to more easily toggle between them."),f({id:"Light-Theme"},"Light Theme"),Object(o.createElement)(i.a,null,Object(a.f)(c.c,"light-theme")),f({id:"Dark-Theme"},"Dark Theme"),Object(o.createElement)(i.a,null,Object(a.f)(c.c,"dark-theme")))},h=function(){return Object(r.a)(p())}}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/scoped-notifications/docs.mdx.js"]=function(e){function t(t){for(var o,a,c=t[0],s=t[1],l=t[2],f=0,d=[];f<c.length;f++)a=c[f],Object.prototype.hasOwnProperty.call(r,a)&&r[a]&&d.push(r[a][0]),r[a]=0;for(o in s)Object.prototype.hasOwnProperty.call(s,o)&&(e[o]=s[o]);for(u&&u(t);d.length;)d.shift()();return i.push.apply(i,l\|\|[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],o=!0,c=1;c<n.length;c++){var s=n[c];0!==r[s]&&(o=!1)}o&&(i.splice(t--,1),e=a(a.s=n[0]))}return e}var o={},r={65:0},i=[];function a(t){if(o[t])return o[t].exports;var n=o[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=e,a.c=o,a.d=function(e,t,n){a.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)a.d(n,o,function(t){return e[t]}.bind(null,o));return n},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var l=0;l<c.length;l++)t(c[l]);var u=s;return i.push([555,0]),n()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},555:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return p})),n.d(t,"getContents",(function(){return h}));var o=n(0),r=n(4),i=n(2),a=(n(26),n(14),n(1)),c=n(89),s=r.c.code,l=r.c.h2,u=r.c.h3,f=r.c.h4,d=r.c.p,p=function(){return Object(o.createElement)(r.b,{},Object(o.createElement)("div",{className:"lead doc"},"Scoped notifications serve advisory information for the user that is not important enough to justify an alert. It is often presented as a status bar scoped to the container. They are not dismissible."),Object(o.createElement)(i.a,{exampleOnly:!0},Object(a.f)(c.c,"dark-theme")),l({id:"About-Scoped-Notifications"},"About Scoped Notifications"),u({id:"Accessibility"},"Accessibility"),d({},"Scoped notifications contain ",s({},'role="status"')," on the container to signal to the browser to send an accessible status event to assistive technology. The assistive technology then notifies the user."),l({id:"Base"},"Base"),Object(o.createElement)(i.a,null,Object(a.f)(c.b)),u({id:"States"},"States"),f({id:"Informational"},"Informational"),Object(o.createElement)(i.a,null,Object(a.f)(c.d,"info")),f({id:"Success"},"Success"),Object(o.createElement)(i.a,null,Object(a.f)(c.d,"success")),f({id:"Warning"},"Warning"),Object(o.createElement)(i.a,null,Object(a.f)(c.d,"warning")),f({id:"Error"},"Error"),Object(o.createElement)(i.a,null,Object(a.f)(c.d,"error")),u({id:"Examples"},"Examples"),d({},"Informational Notifications default to the dark theme. For light, use the class ",s({},"slds-scoped-notification_light")," instead of ",s({},"slds-theme_info"),". An additional class, ",s({},"slds-scoped-notification_dark")," is also available for the dark theme to more easily toggle between them."),f({id:"Light-Theme"},"Light Theme"),Object(o.createElement)(i.a,null,Object(a.f)(c.c,"light-theme")),f({id:"Dark-Theme"},"Dark Theme"),Object(o.createElement)(i.a,null,Object(a.f)(c.c,"dark-theme")))},h=function(){return Object(r.a)(p())}}});

package/__internal/chunked/docs/ui/components/scoped-tabs/docs.mdx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/scoped-tabs/docs.mdx.js"]=function(e){function t(t){for(var n,r,i=t[0],c=t[1],l=t[2],h=0,u=[];h<i.length;h++)r=i[h],Object.prototype.hasOwnProperty.call(s,r)&&s[r]&&u.push(s[r][0]),s[r]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(d&&d(t);u.length;)u.shift()();return o.push.apply(o,l\|\|[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],n=!0,i=1;i<a.length;i++){var c=a[i];0!==s[c]&&(n=!1)}n&&(o.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},s={66:0},o=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],c=i.push.bind(i);i.push=t,i=i.slice();for(var l=0;l<i.length;l++)t(i[l]);var d=c;return o.push([~~646~~,0]),a()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},~~646~~:function(e,t,a){"use strict";a.r(t),a.d(t,"getElement",(function(){return m})),a.d(t,"getContents",(function(){return y}));var n=a(0),s=a(4),o=a(2),r=(a(37),a(1)),i=a(~~100~~),c=s.c.a,l=s.c.code,d=s.c.h2,h=s.c.h3,u=s.c.h4,b=s.c.li,f=s.c.p,p=s.c.strong,v=s.c.ul,m=function(){return Object(n.createElement)(s.b,{},Object(n.createElement)("div",{className:"doc lead"},"A tab keeps related content in a single container that is shown and hidden through navigation."),Object(n.createElement)(o.a,{exampleOnly:!0},Object(r.f)(i.b)),d({id:"About-Scoped-Tabs"},"About Scoped Tabs"),f({},"Because tab sets can be nested, pay close attention to the markup. They are constructed to prevent styles from leaking from parent tab sets into child tab sets."),h({id:"Accessibility"},"Accessibility"),f({},"Tabbed UIs have three parts with specific ",p({},"ARIA")," role requirements:"),v({},b({},"The tab list, which should have ",l({},'role="tablist"')),b({},"The tabs in that list, which should each be an ",l({},'<a role="tab">')," anchor wrapped in a ",l({},'<li role="presentation">')," list item"),b({},"The tab panels, which display each tab’s content and should each have ",l({},'role="tabpanel"'))),u({id:"Markup"},"Markup"),v({},b({},"Selected tab’s anchor has ",l({},'aria-selected="true"'),", all other tabs’ anchors have ",l({},'aria-selected="false"')),b({},"Selected tab’s anchor has ",l({},'tabindex="0"'),", all other tabs have ",l({},'tabindex="-1"')),b({},"Each tab’s anchor has an ",l({},"aria-controls")," attribute whose value is the id of the associated ",l({},'<div role="tabpanel">')),b({},"Each tab panel has an ",l({},"aria-labelledby")," attribute whose value is the id of its associated ",l({},'<a role="tab">'))),u({id:"Keyboard-Interactions"},"Keyboard Interactions"),v({},b({},"Arrow keys, when focus is on selected tab, cycle selection to the next or previous tab"),b({},"Tab key, when focus is before the tab list, moves focus to the selected tab"),b({},"Tab key, when focus is on selected tab, moves focus into the selected tab’s associated tab panel or to the next focusable element on the page if that panel has no focusable elements"),b({},"Shift+Tab keys, when focus is on first element in a tab panel, move focus to the selected tab")),d({id:"Base"},"Base"),Object(n.createElement)(o.a,null,Object(r.f)(i.b)),d({id:"Selecting-Tabs"},"Selecting Tabs"),Object(n.createElement)(o.a,null,Object(r.f)(i.d,"selected")),h({id:"JavaScript-Needs"},"JavaScript Needs"),f({},"The active tab has two markup requirements:"),v({},b({},"The ",l({},".slds-active")," class should be placed on the ",l({},"li")," with ",l({},".slds-tabs_{variant}__item"),"."),b({},"The corresponding ",l({},".slds-tabs_{variant}__content")," container receives ",l({},".slds-show"),".")),f({},"Inactive ",l({},".slds-tabs_{variant}__content")," containers receive ",l({},".slds-hide"),".\nWhen the user clicks a different tab, move the ",l({},".slds-active")," class and\ntoggle the ",l({},".slds-hide"),"/",l({},".slds-show")," classes."),d({id:"With-Overflowing-Items"},"With Overflowing Items"),Object(n.createElement)(o.a,null,Object(r.f)(i.c,"overflowing-items")),d({id:"Sizes"},"Sizes"),h({id:"Medium"},"Medium"),Object(n.createElement)(o.a,null,Object(r.f)(i.c,"size-medium")),h({id:"Large"},"Large"),Object(n.createElement)(o.a,null,Object(r.f)(i.c,"size-large")),d({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),f({},"See the ",c({href:"/components/tabs/#Styling-Hooks-Overview"},"Tabs Styling Hooks")," table."))},y=function(){return Object(s.a)(m())}}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/scoped-tabs/docs.mdx.js"]=function(e){function t(t){for(var n,r,i=t[0],c=t[1],l=t[2],h=0,u=[];h<i.length;h++)r=i[h],Object.prototype.hasOwnProperty.call(s,r)&&s[r]&&u.push(s[r][0]),s[r]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(d&&d(t);u.length;)u.shift()();return o.push.apply(o,l\|\|[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],n=!0,i=1;i<a.length;i++){var c=a[i];0!==s[c]&&(n=!1)}n&&(o.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},s={66:0},o=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],c=i.push.bind(i);i.push=t,i=i.slice();for(var l=0;l<i.length;l++)t(i[l]);var d=c;return o.push([647,0]),a()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},647:function(e,t,a){"use strict";a.r(t),a.d(t,"getElement",(function(){return m})),a.d(t,"getContents",(function(){return y}));var n=a(0),s=a(4),o=a(2),r=(a(38),a(1)),i=a(101),c=s.c.a,l=s.c.code,d=s.c.h2,h=s.c.h3,u=s.c.h4,b=s.c.li,f=s.c.p,p=s.c.strong,v=s.c.ul,m=function(){return Object(n.createElement)(s.b,{},Object(n.createElement)("div",{className:"doc lead"},"A tab keeps related content in a single container that is shown and hidden through navigation."),Object(n.createElement)(o.a,{exampleOnly:!0},Object(r.f)(i.b)),d({id:"About-Scoped-Tabs"},"About Scoped Tabs"),f({},"Because tab sets can be nested, pay close attention to the markup. They are constructed to prevent styles from leaking from parent tab sets into child tab sets."),h({id:"Accessibility"},"Accessibility"),f({},"Tabbed UIs have three parts with specific ",p({},"ARIA")," role requirements:"),v({},b({},"The tab list, which should have ",l({},'role="tablist"')),b({},"The tabs in that list, which should each be an ",l({},'<a role="tab">')," anchor wrapped in a ",l({},'<li role="presentation">')," list item"),b({},"The tab panels, which display each tab’s content and should each have ",l({},'role="tabpanel"'))),u({id:"Markup"},"Markup"),v({},b({},"Selected tab’s anchor has ",l({},'aria-selected="true"'),", all other tabs’ anchors have ",l({},'aria-selected="false"')),b({},"Selected tab’s anchor has ",l({},'tabindex="0"'),", all other tabs have ",l({},'tabindex="-1"')),b({},"Each tab’s anchor has an ",l({},"aria-controls")," attribute whose value is the id of the associated ",l({},'<div role="tabpanel">')),b({},"Each tab panel has an ",l({},"aria-labelledby")," attribute whose value is the id of its associated ",l({},'<a role="tab">'))),u({id:"Keyboard-Interactions"},"Keyboard Interactions"),v({},b({},"Arrow keys, when focus is on selected tab, cycle selection to the next or previous tab"),b({},"Tab key, when focus is before the tab list, moves focus to the selected tab"),b({},"Tab key, when focus is on selected tab, moves focus into the selected tab’s associated tab panel or to the next focusable element on the page if that panel has no focusable elements"),b({},"Shift+Tab keys, when focus is on first element in a tab panel, move focus to the selected tab")),d({id:"Base"},"Base"),Object(n.createElement)(o.a,null,Object(r.f)(i.b)),d({id:"Selecting-Tabs"},"Selecting Tabs"),Object(n.createElement)(o.a,null,Object(r.f)(i.d,"selected")),h({id:"JavaScript-Needs"},"JavaScript Needs"),f({},"The active tab has two markup requirements:"),v({},b({},"The ",l({},".slds-active")," class should be placed on the ",l({},"li")," with ",l({},".slds-tabs_{variant}__item"),"."),b({},"The corresponding ",l({},".slds-tabs_{variant}__content")," container receives ",l({},".slds-show"),".")),f({},"Inactive ",l({},".slds-tabs_{variant}__content")," containers receive ",l({},".slds-hide"),".\nWhen the user clicks a different tab, move the ",l({},".slds-active")," class and\ntoggle the ",l({},".slds-hide"),"/",l({},".slds-show")," classes."),d({id:"With-Overflowing-Items"},"With Overflowing Items"),Object(n.createElement)(o.a,null,Object(r.f)(i.c,"overflowing-items")),d({id:"Sizes"},"Sizes"),h({id:"Medium"},"Medium"),Object(n.createElement)(o.a,null,Object(r.f)(i.c,"size-medium")),h({id:"Large"},"Large"),Object(n.createElement)(o.a,null,Object(r.f)(i.c,"size-large")),d({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),f({},"See the ",c({href:"/components/tabs/#Styling-Hooks-Overview"},"Tabs Styling Hooks")," table."))},y=function(){return Object(s.a)(m())}}});

package/__internal/chunked/docs/ui/components/select/docs.mdx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/select/docs.mdx.js"]=function(e){function t(t){for(var r,l,i=t[0],u=t[1],a=t[2],p=0,d=[];p<i.length;p++)l=i[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&d.push(o[l][0]),o[l]=0;for(r in u)Object.prototype.hasOwnProperty.call(u,r)&&(e[r]=u[r]);for(s&&s(t);d.length;)d.shift()();return c.push.apply(c,a\|\|[]),n()}function n(){for(var e,t=0;t<c.length;t++){for(var n=c[t],r=!0,i=1;i<n.length;i++){var u=n[i];0!==o[u]&&(r=!1)}r&&(c.splice(t--,1),e=l(l.s=n[0]))}return e}var r={},o={67:0},c=[];function l(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,l),n.l=!0,n.exports}l.m=e,l.c=r,l.d=function(e,t,n){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(n,r,function(t){return e[t]}.bind(null,r));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],u=i.push.bind(i);i.push=t,i=i.slice();for(var a=0;a<i.length;a++)t(i[a]);var s=u;return c.push([~~645~~,0]),n()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},~~645~~:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return b})),n.d(t,"getContents",(function(){return m}));var r=n(0),o=n(4),c=n(2),l=n(37),i=n(1),u=n(73),a=o.c.a,s=o.c.code,p=o.c.h2,d=o.c.h3,f=o.c.p,b=function(){return Object(r.createElement)(o.b,{},Object(r.createElement)("div",{className:"doc lead"},"Select element presents a menu of options. For selecting multiple options, see Dueling Picklist."),Object(r.createElement)(c.a,{exampleOnly:!0},Object(i.f)(u.b)),p({id:"About-Select"},"About Select"),f({},"The HTML ",s({},"<select>")," element presents a menu of options. The options within the menu are represented by ",s({},"<option>")," elements that you can group with ",s({},"<optgroup>")," elements. You can pre-select options for the user."),f({},"For selecting multiple options, we have created a custom component called the ",a({href:"/components/dueling-picklist"},"Dueling Picklist")," to ensure Accessibility and ease-of-use. Please refer to that documentation for the interaction model, markup, and Accessibility requirements."),p({id:"Base"},"Base"),Object(r.createElement)(c.a,null,Object(i.f)(u.b)),p({id:"States"},"States"),d({id:"Error"},"Error"),Object(r.createElement)(c.a,null,Object(i.f)(u.d,"select-error")),d({id:"Disabled"},"Disabled"),Object(r.createElement)(c.a,null,Object(i.f)(u.d,"select-disabled")),p({id:"Examples"},"Examples"),d({id:"Required"},"Required"),Object(r.createElement)(c.a,null,Object(i.f)(u.c,"select-required")),d({id:"Multiple-Selection"},"Multiple Selection"),Object(r.createElement)(c.a,null,Object(i.f)(u.c,"select-multiple")),d({id:"Multiple-Selection-Narrow"},"Multiple Selection Narrow"),Object(r.createElement)(c.a,null,Object(i.f)(u.c,"select-multiple-narrow")),p({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),Object(r.createElement)(l.a,{name:"select",type:"component"}))},m=function(){return Object(o.a)(b())}}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/select/docs.mdx.js"]=function(e){function t(t){for(var r,l,i=t[0],u=t[1],a=t[2],p=0,d=[];p<i.length;p++)l=i[p],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&d.push(o[l][0]),o[l]=0;for(r in u)Object.prototype.hasOwnProperty.call(u,r)&&(e[r]=u[r]);for(s&&s(t);d.length;)d.shift()();return c.push.apply(c,a\|\|[]),n()}function n(){for(var e,t=0;t<c.length;t++){for(var n=c[t],r=!0,i=1;i<n.length;i++){var u=n[i];0!==o[u]&&(r=!1)}r&&(c.splice(t--,1),e=l(l.s=n[0]))}return e}var r={},o={67:0},c=[];function l(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,l),n.l=!0,n.exports}l.m=e,l.c=r,l.d=function(e,t,n){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(n,r,function(t){return e[t]}.bind(null,r));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],u=i.push.bind(i);i.push=t,i=i.slice();for(var a=0;a<i.length;a++)t(i[a]);var s=u;return c.push([646,0]),n()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},646:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return b})),n.d(t,"getContents",(function(){return m}));var r=n(0),o=n(4),c=n(2),l=n(38),i=n(1),u=n(74),a=o.c.a,s=o.c.code,p=o.c.h2,d=o.c.h3,f=o.c.p,b=function(){return Object(r.createElement)(o.b,{},Object(r.createElement)("div",{className:"doc lead"},"Select element presents a menu of options. For selecting multiple options, see Dueling Picklist."),Object(r.createElement)(c.a,{exampleOnly:!0},Object(i.f)(u.b)),p({id:"About-Select"},"About Select"),f({},"The HTML ",s({},"<select>")," element presents a menu of options. The options within the menu are represented by ",s({},"<option>")," elements that you can group with ",s({},"<optgroup>")," elements. You can pre-select options for the user."),f({},"For selecting multiple options, we have created a custom component called the ",a({href:"/components/dueling-picklist"},"Dueling Picklist")," to ensure Accessibility and ease-of-use. Please refer to that documentation for the interaction model, markup, and Accessibility requirements."),p({id:"Base"},"Base"),Object(r.createElement)(c.a,null,Object(i.f)(u.b)),p({id:"States"},"States"),d({id:"Error"},"Error"),Object(r.createElement)(c.a,null,Object(i.f)(u.d,"select-error")),d({id:"Disabled"},"Disabled"),Object(r.createElement)(c.a,null,Object(i.f)(u.d,"select-disabled")),p({id:"Examples"},"Examples"),d({id:"Required"},"Required"),Object(r.createElement)(c.a,null,Object(i.f)(u.c,"select-required")),d({id:"Multiple-Selection"},"Multiple Selection"),Object(r.createElement)(c.a,null,Object(i.f)(u.c,"select-multiple")),d({id:"Multiple-Selection-Narrow"},"Multiple Selection Narrow"),Object(r.createElement)(c.a,null,Object(i.f)(u.c,"select-multiple-narrow")),p({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),Object(r.createElement)(l.a,{name:"select",type:"component"}))},m=function(){return Object(o.a)(b())}}});

package/__internal/chunked/docs/ui/components/setup-assistant/docs.mdx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/setup-assistant/docs.mdx.js"]=function(e){function t(t){for(var r,i,o=t[0],l=t[1],c=t[2],p=0,d=[];p<o.length;p++)i=o[p],Object.prototype.hasOwnProperty.call(s,i)&&s[i]&&d.push(s[i][0]),s[i]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(u&&u(t);d.length;)d.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,o=1;o<n.length;o++){var l=n[o];0!==s[l]&&(r=!1)}r&&(a.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},s={68: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 o=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],l=o.push.bind(o);o.push=t,o=o.slice();for(var c=0;c<o.length;c++)t(o[c]);var u=l;return a.push([666,0]),n()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},666:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return X})),n.d(t,"getContents",(function(){return Z}));var r=n(0),s=n.n(r),a=n(4),i=n(2),o=(n(25),n(15)),l=n(14),c=n(81),u=n(5),p=n.n(u),d=n(3),m=n.n(d),f=n(11),b=n(12),h=n(87),g=n(68);function y(e){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function E(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function O(e,t){return(O=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function _(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=j(e);if(t){var s=j(this).constructor;n=Reflect.construct(r,arguments,s)}else n=r.apply(this,arguments);return S(this,n)}}function S(e,t){return!t\|\|"object"!==y(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function j(e){return(j=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var P=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&O(e,t)}(i,e);var t,n,r,a=_(i);function i(){return v(this,i),a.apply(this,arguments)}return t=i,(n=[{key:"render",value:function(){var e=this.props,t=e.title,n=e.description,r=e.action,a=e.duration,i=e.stepProgress,o=e.isActiveStep,l=e.referenceId,c=e.isOpen,u=r&&("button"===r.type?s.a.createElement(b.a,{isOutlineBrand:!0},r.title):"toggle"===r.type?s.a.createElement(h.a,{title:r.title,isBare:!0,checked:r.checked,labelTextOn:"On",labelTextOff:"Off"}):s.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},r.title)),d=i&&(i.isComplete?s.a.createElement(g.a,{className:"slds-progress-ring_large",percent:100,isComplete:!0},s.a.createElement(f.a,{symbol:"check",title:"Complete",assistiveText:"Complete"})):s.a.createElement(g.a,{className:"slds-progress-ring_large",percent:o?i.percentage:0,isActiveStep:o,isFilling:!0},i.number)),m=s.a.createElement("div",{className:"slds-media"},s.a.createElement("div",{className:"slds-setup-assistant__step-summary-content slds-media__body"},s.a.createElement("h3",{className:"slds-setup-assistant__step-summary-title slds-text-heading_small"},l?s.a.createElement(b.a,{className:"slds-button_reset","aria-controls":l,"aria-expanded":c?"true":"false"},t):t),s.a.createElement("p",null,n)),s.a.createElement("div",{className:"slds-media__figure slds-media__figure_reverse"},u,a&&s.a.createElement("p",{className:p()("slds-text-align_right","slds-text-color_weak",{"slds-p-top_medium":r})},a)));return s.a.createElement("div",{className:"slds-setup-assistant__step-summary"},i?s.a.createElement("div",{className:"slds-media"},s.a.createElement("div",{className:"slds-media__figure"},d),s.a.createElement("div",{className:"slds-media__body slds-m-top_x-small"},m)):m)}}])&&E(t.prototype,n),r&&E(t,r),i}(s.a.Component);P.propTypes={title:m.a.string.isRequired,description:m.a.string.isRequired,action:m.a.object,duration:m.a.string,stepProgress:m.a.object,isActiveStep:m.a.bool},P.defaultProps={title:"Configure user settings for this org",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."};var k=P,w=n(53),x=n(88);function A(e){return(A="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function T(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function N(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function C(e,t){return(C=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function B(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=R(e);if(t){var s=R(this).constructor;n=Reflect.construct(r,arguments,s)}else n=r.apply(this,arguments);return L(this,n)}}function L(e,t){return!t\|\|"object"!==A(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function R(e){return(R=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var I=[{complete:!0,title:"Turn on Lightning for all users.",action:{type:"toggle",title:"Turn on Lightning for all users",checked:!0}},{active:!0,title:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",action:{type:"link",title:"View in Trailhead"}},{title:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Users"}}],q=function(e){return e.map((function(e,t){return s.a.createElement(w.b,{key:"progress-step-".concat(t),done:e.complete,hasSuccessMarker:e.complete,active:e.active,assistiveText:e.title},s.a.createElement("div",{className:"slds-size_3-of-4"},e.title),s.a.createElement("div",{className:"slds-grid slds-grid_align-end slds-size_1-of-4"},(n=e.action)&&"button"===n.type?s.a.createElement(b.a,{isOutlineBrand:!0},n.title):"toggle"===n.type?s.a.createElement(h.a,{title:n.title,isBare:!0,checked:n.checked,labelTextOn:"On",labelTextOff:"Off"}):s.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},n.title)));var n}))},D=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&C(e,t)}(i,e);var t,n,r,a=B(i);function i(){return T(this,i),a.apply(this,arguments)}return t=i,(n=[{key:"render",value:function(){var e=p()("slds-setup-assistant__step-detail",this.props.className);return s.a.createElement("div",{className:e},s.a.createElement(w.a,{value:"50",hasBorders:!0,hasSuccessBar:!0},q(I)),s.a.createElement(x.a,{theme:"light"},s.a.createElement("p",null,"It looks as if duplicates exist for this lead."," ",s.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"View Duplicates"))))}}])&&N(t.prototype,n),r&&N(t,r),i}(s.a.Component);D.propTypes={className:m.a.string};var H=D,U=n(69),V=[{title:"Add Users to Your Org",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Users"},duration:"4 mins",stepProgress:{isComplete:!0,number:"1"}},{title:"Create Profiles for Your Users",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Profiles"},stepProgress:{isComplete:!1,number:"2",percentage:33},isActiveStep:!0,isOpen:!0},{title:"Learn How to Use Profiles to Control Visibility",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"link",title:"View on Trailhead"},duration:"15 mins",stepProgress:{isComplete:!0,number:"3",percentage:"0"}},{title:"Turn On Tracking for Profiles",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"toggle",title:"Turn on tracking for profiles"},stepProgress:{isComplete:!1,number:"4",percentage:"0"}},{title:"Setup Einstein Visibility for Admins",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"link",title:"Watch Video"},stepProgress:{isComplete:!1,number:"5",percentage:"0"}}],M=function(e){return s.a.createElement("li",{className:"slds-setup-assistant__item"},s.a.createElement("article",{className:"slds-setup-assistant__step"},e.children))},z=function(e){return s.a.createElement("ol",{className:"slds-setup-assistant"},e.children)},F=function(e){var t=e.isBase,n=e.stepsHaveProgress,r=e.stepsAreExpandable;return s.a.createElement(z,null,t&&function(e,t){return e.map((function(e,n){return s.a.createElement(M,{key:"base-step-".concat(e.title,"-").concat(t,"-").concat(n)},s.a.createElement(k,{title:e.title,stepProgress:t&&e.stepProgress,action:e.action,duration:e.duration}))}))}(V,n),r&&V.map((function(e,t){return s.a.createElement(M,{key:"expand-step-".concat(e.title,"-").concat(t)},s.a.createElement(c.a,{className:p()({"slds-is-open":e.isOpen})},s.a.createElement(c.b,{className:"slds-m-top_x-small",referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen,summaryTitle:e.title}),s.a.createElement("div",{className:"slds-container_fluid"},s.a.createElement(c.d,null,s.a.createElement(k,{title:e.title,isActiveStep:e.isActiveStep,stepProgress:e.stepProgress,duration:e.duration\|\|"10 mins",referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen})),s.a.createElement(c.c,{referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen},s.a.createElement(H,null)))))})))},J=function(e){return s.a.createElement("section",{className:"slds-card"},s.a.createElement("header",{className:"slds-theme_shade slds-p-around_medium slds-m-bottom_small"},s.a.createElement(U.a,{barClassName:"slds-progress-bar_circular",label:"Complete all the steps below to finish setting up Einstein Visibility",value:"50"})),s.a.createElement(s.a.Fragment,null,e.children))},W=a.c.a,Y=a.c.h2,G=a.c.li,K=a.c.p,Q=a.c.ul,X=function(){return Object(r.createElement)(a.b,{},Object(r.createElement)("div",{className:"doc lead"},"Setup Assistant provides Administrators with a centralized list of tasks for onboarding organizations, clouds, or features within the Salesforce Platform. It provides a prescriptive and detailed guide for learning, configuring, and importing data which can take hours to days."),Object(r.createElement)(i.a,{exampleOnly:!0},Object(r.createElement)(F,{isBase:!0,stepsHaveProgress:!0})),Y({id:"About-Setup-Assistant"},"About Setup Assistant"),K({},"Actions in the assistant launch LSF (Lightning Setup Flow) or link to configuration pages, and may be accompanied by links to Trailheads, articles, Help & Training documentation, and videos."),Q({},G({},"The title of the assistant should always end with “Setup Assistant” (e.g. Einstein Setup Assistant)."),G({},"Use links to navigate to Trailheads, articles, Help & Training documentation, and videos."),G({},"Use the Outline Brand Button to open LSF or configuration pages."),G({},"Estimated time is optional.")),Y({id:"Base"},"Base"),K({},"Basic list of learning and task links that do not require progress tracking and do not have sequential steps."),Object(r.createElement)(o.a,{title:"Setup Assistant Base"},Object(r.createElement)(i.a,null,Object(r.createElement)(F,{isBase:!0}))),Y({id:"With-Step-Progress"},"With Step Progress"),K({},"List of learning and task links with a recommended sequence that require progress tracking. Depending on the platform, completion checking will be through an API or a link click. The progress markers use the ",W({href:"../progress-ring"},"Progress Ring")," component."),Object(r.createElement)(o.a,{title:"Setup Assistant Base steps with Progress"},Object(r.createElement)(i.a,null,Object(r.createElement)(F,{isBase:!0,stepsHaveProgress:!0}))),Y({id:"Hub-with-Expandable-Steps"},"Hub with Expandable Steps"),K({},"Includes all the features of Setup Assistant Base + Progress, but also includes substeps that require sequential completion within the primary step. Inline Text within each primary step is optional."),K({},"Clicking on the icon toggle or the primary step's title will open and close that step's details. If a primary step's substeps have been started, the primary step's progress ring turns blue to indicate the amount of progress made on the substeps."),Object(r.createElement)(l.a,{type:"a11y",header:"Accessibility Note"},Object(r.createElement)("p",null,"Since both the chevron toggle and the step's title act as a trigger to open and close the step's detail, ensure both the icon button and the title include"," ",Object(r.createElement)("code",null,"aria-controls=[uniqueId]")," where the ",Object(r.createElement)("code",null,"uniqueId")," matches the "," ",Object(r.createElement)("code",null,"id")," on the"," ",Object(r.createElement)("code",null,"<div>")," with ",Object(r.createElement)("code",null,'class="slds-summary-detail__content"'),".")),Object(r.createElement)(o.a,{title:"Setup Assistant Hub Expandable"},Object(r.createElement)(i.a,null,Object(r.createElement)(F,{stepsAreExpandable:!0}))),Y({id:"In-a-Card"},"In a Card"),K({},"If the steps have associated progress, a header is added to the card containing the steps. This header indicates overall progress on this Setup Assistant and utilizes the ",W({href:"../progress-bar"},"Descriptive Progress Bar")),Object(r.createElement)(l.a,{type:"a11y",header:"Accessibility Note"},Object(r.createElement)("p",null,"In order to prevent duplicating information for screen reader users, the percentage info on the top of the progress bar is hidden using the"," ",Object(r.createElement)("code",null,"slds-assistive-text")," class.")),Object(r.createElement)(o.a,{title:"Setup Assistant Hub Expandable"},Object(r.createElement)(i.a,null,Object(r.createElement)(J,null,Object(r.createElement)(F,{stepsAreExpandable:!0})))))},Z=function(){return Object(a.a)(X())}}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/setup-assistant/docs.mdx.js"]=function(e){function t(t){for(var r,i,o=t[0],l=t[1],c=t[2],p=0,d=[];p<o.length;p++)i=o[p],Object.prototype.hasOwnProperty.call(s,i)&&s[i]&&d.push(s[i][0]),s[i]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(u&&u(t);d.length;)d.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,o=1;o<n.length;o++){var l=n[o];0!==s[l]&&(r=!1)}r&&(a.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},s={68: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 o=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],l=o.push.bind(o);o.push=t,o=o.slice();for(var c=0;c<o.length;c++)t(o[c]);var u=l;return a.push([667,0]),n()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},667:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return X})),n.d(t,"getContents",(function(){return Z}));var r=n(0),s=n.n(r),a=n(4),i=n(2),o=(n(26),n(15)),l=n(14),c=n(82),u=n(5),p=n.n(u),d=n(3),m=n.n(d),f=n(11),b=n(12),h=n(88),g=n(69);function y(e){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function E(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function O(e,t){return(O=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function _(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=j(e);if(t){var s=j(this).constructor;n=Reflect.construct(r,arguments,s)}else n=r.apply(this,arguments);return S(this,n)}}function S(e,t){return!t\|\|"object"!==y(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function j(e){return(j=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var P=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&O(e,t)}(i,e);var t,n,r,a=_(i);function i(){return v(this,i),a.apply(this,arguments)}return t=i,(n=[{key:"render",value:function(){var e=this.props,t=e.title,n=e.description,r=e.action,a=e.duration,i=e.stepProgress,o=e.isActiveStep,l=e.referenceId,c=e.isOpen,u=r&&("button"===r.type?s.a.createElement(b.a,{isOutlineBrand:!0},r.title):"toggle"===r.type?s.a.createElement(h.a,{title:r.title,isBare:!0,checked:r.checked,labelTextOn:"On",labelTextOff:"Off"}):s.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},r.title)),d=i&&(i.isComplete?s.a.createElement(g.a,{className:"slds-progress-ring_large",percent:100,isComplete:!0},s.a.createElement(f.a,{symbol:"check",title:"Complete",assistiveText:"Complete"})):s.a.createElement(g.a,{className:"slds-progress-ring_large",percent:o?i.percentage:0,isActiveStep:o,isFilling:!0},i.number)),m=s.a.createElement("div",{className:"slds-media"},s.a.createElement("div",{className:"slds-setup-assistant__step-summary-content slds-media__body"},s.a.createElement("h3",{className:"slds-setup-assistant__step-summary-title slds-text-heading_small"},l?s.a.createElement(b.a,{className:"slds-button_reset","aria-controls":l,"aria-expanded":c?"true":"false"},t):t),s.a.createElement("p",null,n)),s.a.createElement("div",{className:"slds-media__figure slds-media__figure_reverse"},u,a&&s.a.createElement("p",{className:p()("slds-text-align_right","slds-text-color_weak",{"slds-p-top_medium":r})},a)));return s.a.createElement("div",{className:"slds-setup-assistant__step-summary"},i?s.a.createElement("div",{className:"slds-media"},s.a.createElement("div",{className:"slds-media__figure"},d),s.a.createElement("div",{className:"slds-media__body slds-m-top_x-small"},m)):m)}}])&&E(t.prototype,n),r&&E(t,r),i}(s.a.Component);P.propTypes={title:m.a.string.isRequired,description:m.a.string.isRequired,action:m.a.object,duration:m.a.string,stepProgress:m.a.object,isActiveStep:m.a.bool},P.defaultProps={title:"Configure user settings for this org",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."};var k=P,w=n(54),x=n(89);function A(e){return(A="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function T(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function N(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function C(e,t){return(C=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function B(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=R(e);if(t){var s=R(this).constructor;n=Reflect.construct(r,arguments,s)}else n=r.apply(this,arguments);return L(this,n)}}function L(e,t){return!t\|\|"object"!==A(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function R(e){return(R=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}var I=[{complete:!0,title:"Turn on Lightning for all users.",action:{type:"toggle",title:"Turn on Lightning for all users",checked:!0}},{active:!0,title:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",action:{type:"link",title:"View in Trailhead"}},{title:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Users"}}],q=function(e){return e.map((function(e,t){return s.a.createElement(w.b,{key:"progress-step-".concat(t),done:e.complete,hasSuccessMarker:e.complete,active:e.active,assistiveText:e.title},s.a.createElement("div",{className:"slds-size_3-of-4"},e.title),s.a.createElement("div",{className:"slds-grid slds-grid_align-end slds-size_1-of-4"},(n=e.action)&&"button"===n.type?s.a.createElement(b.a,{isOutlineBrand:!0},n.title):"toggle"===n.type?s.a.createElement(h.a,{title:n.title,isBare:!0,checked:n.checked,labelTextOn:"On",labelTextOff:"Off"}):s.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},n.title)));var n}))},D=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&C(e,t)}(i,e);var t,n,r,a=B(i);function i(){return T(this,i),a.apply(this,arguments)}return t=i,(n=[{key:"render",value:function(){var e=p()("slds-setup-assistant__step-detail",this.props.className);return s.a.createElement("div",{className:e},s.a.createElement(w.a,{value:"50",hasBorders:!0,hasSuccessBar:!0},q(I)),s.a.createElement(x.a,{theme:"light"},s.a.createElement("p",null,"It looks as if duplicates exist for this lead."," ",s.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"View Duplicates"))))}}])&&N(t.prototype,n),r&&N(t,r),i}(s.a.Component);D.propTypes={className:m.a.string};var H=D,U=n(70),V=[{title:"Add Users to Your Org",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Users"},duration:"4 mins",stepProgress:{isComplete:!0,number:"1"}},{title:"Create Profiles for Your Users",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Profiles"},stepProgress:{isComplete:!1,number:"2",percentage:33},isActiveStep:!0,isOpen:!0},{title:"Learn How to Use Profiles to Control Visibility",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"link",title:"View on Trailhead"},duration:"15 mins",stepProgress:{isComplete:!0,number:"3",percentage:"0"}},{title:"Turn On Tracking for Profiles",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"toggle",title:"Turn on tracking for profiles"},stepProgress:{isComplete:!1,number:"4",percentage:"0"}},{title:"Setup Einstein Visibility for Admins",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"link",title:"Watch Video"},stepProgress:{isComplete:!1,number:"5",percentage:"0"}}],M=function(e){return s.a.createElement("li",{className:"slds-setup-assistant__item"},s.a.createElement("article",{className:"slds-setup-assistant__step"},e.children))},z=function(e){return s.a.createElement("ol",{className:"slds-setup-assistant"},e.children)},F=function(e){var t=e.isBase,n=e.stepsHaveProgress,r=e.stepsAreExpandable;return s.a.createElement(z,null,t&&function(e,t){return e.map((function(e,n){return s.a.createElement(M,{key:"base-step-".concat(e.title,"-").concat(t,"-").concat(n)},s.a.createElement(k,{title:e.title,stepProgress:t&&e.stepProgress,action:e.action,duration:e.duration}))}))}(V,n),r&&V.map((function(e,t){return s.a.createElement(M,{key:"expand-step-".concat(e.title,"-").concat(t)},s.a.createElement(c.a,{className:p()({"slds-is-open":e.isOpen})},s.a.createElement(c.b,{className:"slds-m-top_x-small",referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen,summaryTitle:e.title}),s.a.createElement("div",{className:"slds-container_fluid"},s.a.createElement(c.d,null,s.a.createElement(k,{title:e.title,isActiveStep:e.isActiveStep,stepProgress:e.stepProgress,duration:e.duration\|\|"10 mins",referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen})),s.a.createElement(c.c,{referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen},s.a.createElement(H,null)))))})))},J=function(e){return s.a.createElement("section",{className:"slds-card"},s.a.createElement("header",{className:"slds-theme_shade slds-p-around_medium slds-m-bottom_small"},s.a.createElement(U.a,{barClassName:"slds-progress-bar_circular",label:"Complete all the steps below to finish setting up Einstein Visibility",value:"50"})),s.a.createElement(s.a.Fragment,null,e.children))},W=a.c.a,Y=a.c.h2,G=a.c.li,K=a.c.p,Q=a.c.ul,X=function(){return Object(r.createElement)(a.b,{},Object(r.createElement)("div",{className:"doc lead"},"Setup Assistant provides Administrators with a centralized list of tasks for onboarding organizations, clouds, or features within the Salesforce Platform. It provides a prescriptive and detailed guide for learning, configuring, and importing data which can take hours to days."),Object(r.createElement)(i.a,{exampleOnly:!0},Object(r.createElement)(F,{isBase:!0,stepsHaveProgress:!0})),Y({id:"About-Setup-Assistant"},"About Setup Assistant"),K({},"Actions in the assistant launch LSF (Lightning Setup Flow) or link to configuration pages, and may be accompanied by links to Trailheads, articles, Help & Training documentation, and videos."),Q({},G({},"The title of the assistant should always end with “Setup Assistant” (e.g. Einstein Setup Assistant)."),G({},"Use links to navigate to Trailheads, articles, Help & Training documentation, and videos."),G({},"Use the Outline Brand Button to open LSF or configuration pages."),G({},"Estimated time is optional.")),Y({id:"Base"},"Base"),K({},"Basic list of learning and task links that do not require progress tracking and do not have sequential steps."),Object(r.createElement)(o.a,{title:"Setup Assistant Base"},Object(r.createElement)(i.a,null,Object(r.createElement)(F,{isBase:!0}))),Y({id:"With-Step-Progress"},"With Step Progress"),K({},"List of learning and task links with a recommended sequence that require progress tracking. Depending on the platform, completion checking will be through an API or a link click. The progress markers use the ",W({href:"../progress-ring"},"Progress Ring")," component."),Object(r.createElement)(o.a,{title:"Setup Assistant Base steps with Progress"},Object(r.createElement)(i.a,null,Object(r.createElement)(F,{isBase:!0,stepsHaveProgress:!0}))),Y({id:"Hub-with-Expandable-Steps"},"Hub with Expandable Steps"),K({},"Includes all the features of Setup Assistant Base + Progress, but also includes substeps that require sequential completion within the primary step. Inline Text within each primary step is optional."),K({},"Clicking on the icon toggle or the primary step's title will open and close that step's details. If a primary step's substeps have been started, the primary step's progress ring turns blue to indicate the amount of progress made on the substeps."),Object(r.createElement)(l.a,{type:"a11y",header:"Accessibility Note"},Object(r.createElement)("p",null,"Since both the chevron toggle and the step's title act as a trigger to open and close the step's detail, ensure both the icon button and the title include"," ",Object(r.createElement)("code",null,"aria-controls=[uniqueId]")," where the ",Object(r.createElement)("code",null,"uniqueId")," matches the "," ",Object(r.createElement)("code",null,"id")," on the"," ",Object(r.createElement)("code",null,"<div>")," with ",Object(r.createElement)("code",null,'class="slds-summary-detail__content"'),".")),Object(r.createElement)(o.a,{title:"Setup Assistant Hub Expandable"},Object(r.createElement)(i.a,null,Object(r.createElement)(F,{stepsAreExpandable:!0}))),Y({id:"In-a-Card"},"In a Card"),K({},"If the steps have associated progress, a header is added to the card containing the steps. This header indicates overall progress on this Setup Assistant and utilizes the ",W({href:"../progress-bar"},"Descriptive Progress Bar")),Object(r.createElement)(l.a,{type:"a11y",header:"Accessibility Note"},Object(r.createElement)("p",null,"In order to prevent duplicating information for screen reader users, the percentage info on the top of the progress bar is hidden using the"," ",Object(r.createElement)("code",null,"slds-assistive-text")," class.")),Object(r.createElement)(o.a,{title:"Setup Assistant Hub Expandable"},Object(r.createElement)(i.a,null,Object(r.createElement)(J,null,Object(r.createElement)(F,{stepsAreExpandable:!0})))))},Z=function(){return Object(a.a)(X())}}});

package/__internal/chunked/docs/ui/components/slider/docs.mdx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/slider/docs.mdx.js"]=function(e){function t(t){for(var l,i,s=t[0],c=t[1],d=t[2],m=0,o=[];m<s.length;m++)i=s[m],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&o.push(n[i][0]),n[i]=0;for(l in c)Object.prototype.hasOwnProperty.call(c,l)&&(e[l]=c[l]);for(u&&u(t);o.length;)o.shift()();return r.push.apply(r,d\|\|[]),a()}function a(){for(var e,t=0;t<r.length;t++){for(var a=r[t],l=!0,s=1;s<a.length;s++){var c=a[s];0!==n[c]&&(l=!1)}l&&(r.splice(t--,1),e=i(i.s=a[0]))}return e}var l={},n={69:0},r=[];function i(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=l,i.d=function(e,t,a){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},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 a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)i.d(a,l,function(t){return e[t]}.bind(null,l));return a},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\|\|[],c=s.push.bind(s);s.push=t,s=s.slice();for(var d=0;d<s.length;d++)t(s[d]);var u=c;return r.push([~~732~~,0]),a()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},~~732~~:function(e,t,a){"use strict";a.r(t),a.d(t,"getElement",(function(){return w})),a.d(t,"getContents",(function(){return M}));var l=a(0),n=a.n(l),r=a(4),i=a(2),s=a(5),c=a.n(s),d=a(8),u="slider-id-01",m=function(e){return n.a.createElement("span",{className:"slds-slider-label"},n.a.createElement("span",{className:"slds-slider-label__label"},"Slider Label"),n.a.createElement("span",{className:"slds-slider-label__range"},e.min\|\|"0"," - ",e.max\|\|"100"))},o=function(e){return n.a.createElement("div",{className:c()("slds-slider",e.className)},n.a.createElement("input",{"aria-describedby":e["aria-describedby"],id:e.id\|\|u,className:"slds-slider__range",type:"range",defaultValue:e.value,min:e.min,max:e.max,step:e.step,disabled:e.disabled}),n.a.createElement("span",{className:"slds-slider__value","aria-hidden":"true"},e.value))},b=n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{value:"50"})),p=[{id:"disabled",label:"Disabled",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{value:"50",disabled:!0}))},{id:"value-0",label:"Value: 0",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"100"}),inputId:u},n.a.createElement(o,{value:"0"}))},{id:"value-25",label:"Value: 25",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"100"}),inputId:u},n.a.createElement(o,{value:"25"}))},{id:"value-50",label:"Value: 50",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"100"}),inputId:u},n.a.createElement(o,{value:"50"}))},{id:"value-75",label:"Value: 75",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"100"}),inputId:u},n.a.createElement(o,{value:"75"}))},{id:"value-100",label:"Value: 100",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"100"}),inputId:u},n.a.createElement(o,{value:"100"}))}],h=[{id:"min-max",label:"Min/Max Range",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"400"}),inputId:u},n.a.createElement(o,{value:"200",min:"0",max:"400"}))},{id:"steps",label:"Min/Max Range with Steps",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"400"}),inputId:u},n.a.createElement(o,{value:"200",min:"0",max:"400",step:"100"}))},{id:"width-x-small",label:"Width: x-small",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{className:"slds-size_x-small",value:"50"}))},{id:"width-small",label:"Width: small",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{className:"slds-size_small",value:"50"}))},{id:"width-medium",label:"Width: medium",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{className:"slds-size_medium",value:"50"}))},{id:"width-large",label:"Width: large",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{className:"slds-size_large",value:"50"}))},{id:"error",label:"Error",element:n.a.createElement(d.b,{hasError:!0,labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{"aria-describedby":"error-message",className:"slds-size_large",value:"50"}),n.a.createElement("div",{id:"error-message",className:"slds-form-element__help"},"There is a problem with this field"))},{id:"vertical",label:"Vertical",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{value:"50",className:"slds-slider_vertical"}))}],f=a(37),E=a(1),v=a(35),O=r.c.code,j=r.c.h2,g=r.c.h3,x=r.c.li,_=r.c.p,y=r.c.strong,S=r.c.ul,w=function(){return Object(l.createElement)(r.b,{},Object(l.createElement)("div",{className:"doc lead"},"An input range slider lets the user specify a numeric value which must be between two specified values."),Object(l.createElement)(i.a,{exampleOnly:!0},Object(E.f)(b)),j({id:"About-Slider"},"About Slider"),_({},'The slider component is built using a native input form element with the attribute type of "range".'),g({id:"Implementation"},"Implementation"),S({},x({},O({},"slds-slider")," should be applied to the div containing both the ",O({},"<input>")," and the ",O({},"<span>")," that holds the value of the ",O({},"<input>")),x({},O({},"slds-slider__range")," should be applied to the ",O({},"<input>")," element",S({},x({},"The ",O({},"<input>")," should have a unique ID that matches the ",O({},"for")," attribute on the form element ",O({},"<label>")))),x({},"The ",O({},"slds-slider__range")," element can accept 4 attributes that describe the input range:",S({},x({},y({},"value"),": Current value of the input range"),x({},y({},"min"),": Minimum value of a specified range"),x({},y({},"max"),": Maximum value of a specified range"),x({},y({},"step"),": Indicates the granularity that is expected by limiting the allowed values"))),x({},"The ",O({},"slds-slider__value")," span should be updated with the current value of the ",O({},"<input>")),x({},"The ",O({},"slds-slider__value")," element must have ",O({},"aria-hidden=true")," to hide from screen readers as they understand that value already from the ",O({},"<input>")),x({},"The class ",O({},"slds-assistive-text")," can be placed on the ",O({},"<label>"),", or either ",O({},"<span>")," within the ",O({},"<label>"),", to visually hide the either value (or both).")),g({id:"Mobile"},"Mobile"),Object(l.createElement)(v.a,{patternSpecificText:"sliders will have an increased size to accommodate using a finger instead of the more precise mouse cursor"}),Object(l.createElement)(i.a,{frameOnly:!0,frameTitle:"Example mobile styles for sliders"},Object(E.f)(b)),j({id:"Base"},"Base"),Object(l.createElement)(i.a,null,Object(E.f)(b)),j({id:"States"},"States"),g({id:"Disabled"},"Disabled"),Object(l.createElement)(i.a,null,Object(E.f)(p,"disabled")),g({id:"Value:-0"},"Value: 0"),Object(l.createElement)(i.a,null,Object(E.f)(p,"value-0")),g({id:"Value:-25"},"Value: 25"),Object(l.createElement)(i.a,null,Object(E.f)(p,"value-25")),g({id:"Value:-50"},"Value: 50"),Object(l.createElement)(i.a,null,Object(E.f)(p,"value-50")),g({id:"Value:-75"},"Value: 75"),Object(l.createElement)(i.a,null,Object(E.f)(p,"value-75")),g({id:"Value:-100"},"Value: 100"),Object(l.createElement)(i.a,null,Object(E.f)(p,"value-100")),j({id:"Examples"},"Examples"),g({id:"MinMax-Range"},"Min/Max Range"),Object(l.createElement)(i.a,null,Object(E.f)(h,"min-max")),g({id:"MinMax-Range-with-Steps"},"Min/Max Range with Steps"),Object(l.createElement)(i.a,null,Object(E.f)(h,"steps")),g({id:"Width:-x-small"},"Width: x-small"),Object(l.createElement)(i.a,null,Object(E.f)(h,"width-x-small")),g({id:"Width:-small"},"Width: small"),Object(l.createElement)(i.a,null,Object(E.f)(h,"width-small")),g({id:"Width:-medium"},"Width: medium"),Object(l.createElement)(i.a,null,Object(E.f)(h,"width-medium")),g({id:"Width:-large"},"Width: large"),Object(l.createElement)(i.a,null,Object(E.f)(h,"width-large")),g({id:"Error"},"Error"),Object(l.createElement)(i.a,null,Object(E.f)(h,"error")),j({id:"Modifiers"},"Modifiers"),g({id:"Vertical"},"Vertical"),Object(l.createElement)(i.a,null,Object(E.f)(h,"vertical")),j({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),Object(l.createElement)(f.a,{name:"slider",type:"component"}))},M=function(){return Object(r.a)(w())}}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/slider/docs.mdx.js"]=function(e){function t(t){for(var l,i,s=t[0],c=t[1],d=t[2],m=0,o=[];m<s.length;m++)i=s[m],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&o.push(n[i][0]),n[i]=0;for(l in c)Object.prototype.hasOwnProperty.call(c,l)&&(e[l]=c[l]);for(u&&u(t);o.length;)o.shift()();return r.push.apply(r,d\|\|[]),a()}function a(){for(var e,t=0;t<r.length;t++){for(var a=r[t],l=!0,s=1;s<a.length;s++){var c=a[s];0!==n[c]&&(l=!1)}l&&(r.splice(t--,1),e=i(i.s=a[0]))}return e}var l={},n={69:0},r=[];function i(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=l,i.d=function(e,t,a){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},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 a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)i.d(a,l,function(t){return e[t]}.bind(null,l));return a},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\|\|[],c=s.push.bind(s);s.push=t,s=s.slice();for(var d=0;d<s.length;d++)t(s[d]);var u=c;return r.push([733,0]),a()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},733:function(e,t,a){"use strict";a.r(t),a.d(t,"getElement",(function(){return w})),a.d(t,"getContents",(function(){return M}));var l=a(0),n=a.n(l),r=a(4),i=a(2),s=a(5),c=a.n(s),d=a(8),u="slider-id-01",m=function(e){return n.a.createElement("span",{className:"slds-slider-label"},n.a.createElement("span",{className:"slds-slider-label__label"},"Slider Label"),n.a.createElement("span",{className:"slds-slider-label__range"},e.min\|\|"0"," - ",e.max\|\|"100"))},o=function(e){return n.a.createElement("div",{className:c()("slds-slider",e.className)},n.a.createElement("input",{"aria-describedby":e["aria-describedby"],id:e.id\|\|u,className:"slds-slider__range",type:"range",defaultValue:e.value,min:e.min,max:e.max,step:e.step,disabled:e.disabled}),n.a.createElement("span",{className:"slds-slider__value","aria-hidden":"true"},e.value))},b=n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{value:"50"})),p=[{id:"disabled",label:"Disabled",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{value:"50",disabled:!0}))},{id:"value-0",label:"Value: 0",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"100"}),inputId:u},n.a.createElement(o,{value:"0"}))},{id:"value-25",label:"Value: 25",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"100"}),inputId:u},n.a.createElement(o,{value:"25"}))},{id:"value-50",label:"Value: 50",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"100"}),inputId:u},n.a.createElement(o,{value:"50"}))},{id:"value-75",label:"Value: 75",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"100"}),inputId:u},n.a.createElement(o,{value:"75"}))},{id:"value-100",label:"Value: 100",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"100"}),inputId:u},n.a.createElement(o,{value:"100"}))}],h=[{id:"min-max",label:"Min/Max Range",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"400"}),inputId:u},n.a.createElement(o,{value:"200",min:"0",max:"400"}))},{id:"steps",label:"Min/Max Range with Steps",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,{min:"0",max:"400"}),inputId:u},n.a.createElement(o,{value:"200",min:"0",max:"400",step:"100"}))},{id:"width-x-small",label:"Width: x-small",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{className:"slds-size_x-small",value:"50"}))},{id:"width-small",label:"Width: small",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{className:"slds-size_small",value:"50"}))},{id:"width-medium",label:"Width: medium",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{className:"slds-size_medium",value:"50"}))},{id:"width-large",label:"Width: large",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{className:"slds-size_large",value:"50"}))},{id:"error",label:"Error",element:n.a.createElement(d.b,{hasError:!0,labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{"aria-describedby":"error-message",className:"slds-size_large",value:"50"}),n.a.createElement("div",{id:"error-message",className:"slds-form-element__help"},"There is a problem with this field"))},{id:"vertical",label:"Vertical",element:n.a.createElement(d.b,{labelContent:n.a.createElement(m,null),inputId:u},n.a.createElement(o,{value:"50",className:"slds-slider_vertical"}))}],f=a(38),E=a(1),v=a(36),O=r.c.code,j=r.c.h2,g=r.c.h3,x=r.c.li,_=r.c.p,y=r.c.strong,S=r.c.ul,w=function(){return Object(l.createElement)(r.b,{},Object(l.createElement)("div",{className:"doc lead"},"An input range slider lets the user specify a numeric value which must be between two specified values."),Object(l.createElement)(i.a,{exampleOnly:!0},Object(E.f)(b)),j({id:"About-Slider"},"About Slider"),_({},'The slider component is built using a native input form element with the attribute type of "range".'),g({id:"Implementation"},"Implementation"),S({},x({},O({},"slds-slider")," should be applied to the div containing both the ",O({},"<input>")," and the ",O({},"<span>")," that holds the value of the ",O({},"<input>")),x({},O({},"slds-slider__range")," should be applied to the ",O({},"<input>")," element",S({},x({},"The ",O({},"<input>")," should have a unique ID that matches the ",O({},"for")," attribute on the form element ",O({},"<label>")))),x({},"The ",O({},"slds-slider__range")," element can accept 4 attributes that describe the input range:",S({},x({},y({},"value"),": Current value of the input range"),x({},y({},"min"),": Minimum value of a specified range"),x({},y({},"max"),": Maximum value of a specified range"),x({},y({},"step"),": Indicates the granularity that is expected by limiting the allowed values"))),x({},"The ",O({},"slds-slider__value")," span should be updated with the current value of the ",O({},"<input>")),x({},"The ",O({},"slds-slider__value")," element must have ",O({},"aria-hidden=true")," to hide from screen readers as they understand that value already from the ",O({},"<input>")),x({},"The class ",O({},"slds-assistive-text")," can be placed on the ",O({},"<label>"),", or either ",O({},"<span>")," within the ",O({},"<label>"),", to visually hide the either value (or both).")),g({id:"Mobile"},"Mobile"),Object(l.createElement)(v.a,{patternSpecificText:"sliders will have an increased size to accommodate using a finger instead of the more precise mouse cursor"}),Object(l.createElement)(i.a,{frameOnly:!0,frameTitle:"Example mobile styles for sliders"},Object(E.f)(b)),j({id:"Base"},"Base"),Object(l.createElement)(i.a,null,Object(E.f)(b)),j({id:"States"},"States"),g({id:"Disabled"},"Disabled"),Object(l.createElement)(i.a,null,Object(E.f)(p,"disabled")),g({id:"Value:-0"},"Value: 0"),Object(l.createElement)(i.a,null,Object(E.f)(p,"value-0")),g({id:"Value:-25"},"Value: 25"),Object(l.createElement)(i.a,null,Object(E.f)(p,"value-25")),g({id:"Value:-50"},"Value: 50"),Object(l.createElement)(i.a,null,Object(E.f)(p,"value-50")),g({id:"Value:-75"},"Value: 75"),Object(l.createElement)(i.a,null,Object(E.f)(p,"value-75")),g({id:"Value:-100"},"Value: 100"),Object(l.createElement)(i.a,null,Object(E.f)(p,"value-100")),j({id:"Examples"},"Examples"),g({id:"MinMax-Range"},"Min/Max Range"),Object(l.createElement)(i.a,null,Object(E.f)(h,"min-max")),g({id:"MinMax-Range-with-Steps"},"Min/Max Range with Steps"),Object(l.createElement)(i.a,null,Object(E.f)(h,"steps")),g({id:"Width:-x-small"},"Width: x-small"),Object(l.createElement)(i.a,null,Object(E.f)(h,"width-x-small")),g({id:"Width:-small"},"Width: small"),Object(l.createElement)(i.a,null,Object(E.f)(h,"width-small")),g({id:"Width:-medium"},"Width: medium"),Object(l.createElement)(i.a,null,Object(E.f)(h,"width-medium")),g({id:"Width:-large"},"Width: large"),Object(l.createElement)(i.a,null,Object(E.f)(h,"width-large")),g({id:"Error"},"Error"),Object(l.createElement)(i.a,null,Object(E.f)(h,"error")),j({id:"Modifiers"},"Modifiers"),g({id:"Vertical"},"Vertical"),Object(l.createElement)(i.a,null,Object(E.f)(h,"vertical")),j({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),Object(l.createElement)(f.a,{name:"slider",type:"component"}))},M=function(){return Object(r.a)(w())}}});

package/__internal/chunked/docs/ui/components/spinners/docs.mdx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/spinners/docs.mdx.js"]=function(e){function t(t){for(var r,c,o=t[0],l=t[1],s=t[2],d=0,p=[];d<o.length;d++)c=o[d],Object.prototype.hasOwnProperty.call(i,c)&&i[c]&&p.push(i[c][0]),i[c]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(u&&u(t);p.length;)p.shift()();return a.push.apply(a,s\|\|[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],r=!0,o=1;o<n.length;o++){var l=n[o];0!==i[l]&&(r=!1)}r&&(a.splice(t--,1),e=c(c.s=n[0]))}return e}var r={},i={70:0},a=[];function c(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,c),n.l=!0,n.exports}c.m=e,c.c=r,c.d=function(e,t,n){c.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},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,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(c.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)c.d(n,r,function(t){return e[t]}.bind(null,r));return n},c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],l=o.push.bind(o);o.push=t,o=o.slice();for(var s=0;s<o.length;s++)t(o[s]);var u=l;return a.push([~~589~~,0]),n()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},~~589~~: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),i=n(4),a=n(2),c=n(1),o=n(50),l=i.c.code,s=i.c.h2,u=i.c.h3,d=i.c.p,p=function(){return Object(r.createElement)(i.b,{},Object(r.createElement)("div",{className:"doc lead"},"Spinners are CSS loading indicators that should be shown when retrieving data or performing slow computations. In some cases, the first time a parent component loads, a stencil is preferred to indicate network activity."),Object(r.createElement)(a.a,{exampleOnly:!0},Object(c.f)(o.c,"brand")),s({id:"About-Spinners"},"About Spinners"),d({},"To use the spinner in a component, the parent of the spinner should be set to ",l({},"position:relative"),". You can use the utility class ",l({},".slds-is-relative")," or add the declaration to your custom component CSS. If you are using the spinner in an ",l({},"iframe")," and dynamically loading DOM nodes after the page has loaded, it is recommended that you set the ",l({},".slds-spinner_container")," to ",l({},"position:fixed")," so that it remains centered in the viewport. The background overlay for the spinner is an optional element."),u({id:"Accessibility"},"Accessibility"),d({},"A spinner should have the Aria ",l({},'role="status"')," and contain assistive text that explains what is currently happening."),s({id:"Base"},"Base"),Object(r.createElement)(a.a,null,Object(c.f)(o.b)),s({id:"Examples"},"Examples"),u({id:"Without-container"},"Without container"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"without-container")),u({id:"With-container"},"With container"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"with-container")),u({id:"Fixed-container"},"Fixed container"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"fixed-container")),u({id:"Right-to-left-support"},"Right to left support"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"right-to-left-medium")),s({id:"Layout"},"Layout"),u({id:"Inlined"},"Inlined"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"inlined")),s({id:"Color"},"Color"),u({id:"Inverse"},"Inverse"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"inverse")),u({id:"Brand"},"Brand"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"brand")),s({id:"Timing"},"Timing"),u({id:"Delayed"},"Delayed"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"delayed")),s({id:"Sizing"},"Sizing"),u({id:"XX-Small"},"XX-Small"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"xx-small")),u({id:"X-Small"},"X-Small"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"x-small")),u({id:"Small"},"Small"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"small")),u({id:"Medium"},"Medium"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"medium")),u({id:"Large"},"Large"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"large")))},f=function(){return Object(i.a)(p())}}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/spinners/docs.mdx.js"]=function(e){function t(t){for(var r,c,o=t[0],l=t[1],s=t[2],d=0,p=[];d<o.length;d++)c=o[d],Object.prototype.hasOwnProperty.call(i,c)&&i[c]&&p.push(i[c][0]),i[c]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(u&&u(t);p.length;)p.shift()();return a.push.apply(a,s\|\|[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],r=!0,o=1;o<n.length;o++){var l=n[o];0!==i[l]&&(r=!1)}r&&(a.splice(t--,1),e=c(c.s=n[0]))}return e}var r={},i={70:0},a=[];function c(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,c),n.l=!0,n.exports}c.m=e,c.c=r,c.d=function(e,t,n){c.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},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,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(c.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)c.d(n,r,function(t){return e[t]}.bind(null,r));return n},c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],l=o.push.bind(o);o.push=t,o=o.slice();for(var s=0;s<o.length;s++)t(o[s]);var u=l;return a.push([590,0]),n()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},590: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),i=n(4),a=n(2),c=n(1),o=n(51),l=i.c.code,s=i.c.h2,u=i.c.h3,d=i.c.p,p=function(){return Object(r.createElement)(i.b,{},Object(r.createElement)("div",{className:"doc lead"},"Spinners are CSS loading indicators that should be shown when retrieving data or performing slow computations. In some cases, the first time a parent component loads, a stencil is preferred to indicate network activity."),Object(r.createElement)(a.a,{exampleOnly:!0},Object(c.f)(o.c,"brand")),s({id:"About-Spinners"},"About Spinners"),d({},"To use the spinner in a component, the parent of the spinner should be set to ",l({},"position:relative"),". You can use the utility class ",l({},".slds-is-relative")," or add the declaration to your custom component CSS. If you are using the spinner in an ",l({},"iframe")," and dynamically loading DOM nodes after the page has loaded, it is recommended that you set the ",l({},".slds-spinner_container")," to ",l({},"position:fixed")," so that it remains centered in the viewport. The background overlay for the spinner is an optional element."),u({id:"Accessibility"},"Accessibility"),d({},"A spinner should have the Aria ",l({},'role="status"')," and contain assistive text that explains what is currently happening."),s({id:"Base"},"Base"),Object(r.createElement)(a.a,null,Object(c.f)(o.b)),s({id:"Examples"},"Examples"),u({id:"Without-container"},"Without container"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"without-container")),u({id:"With-container"},"With container"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"with-container")),u({id:"Fixed-container"},"Fixed container"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"fixed-container")),u({id:"Right-to-left-support"},"Right to left support"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"right-to-left-medium")),s({id:"Layout"},"Layout"),u({id:"Inlined"},"Inlined"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"inlined")),s({id:"Color"},"Color"),u({id:"Inverse"},"Inverse"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"inverse")),u({id:"Brand"},"Brand"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"brand")),s({id:"Timing"},"Timing"),u({id:"Delayed"},"Delayed"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"delayed")),s({id:"Sizing"},"Sizing"),u({id:"XX-Small"},"XX-Small"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"xx-small")),u({id:"X-Small"},"X-Small"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"x-small")),u({id:"Small"},"Small"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"small")),u({id:"Medium"},"Medium"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"medium")),u({id:"Large"},"Large"),Object(r.createElement)(a.a,null,Object(c.f)(o.c,"large")))},f=function(){return Object(i.a)(p())}}});

package/__internal/chunked/docs/ui/components/split-view/docs.mdx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/split-view/docs.mdx.js"]=function(e){function t(t){for(var s,n,c=t[0],r=t[1],i=t[2],m=0,u=[];m<c.length;m++)n=c[m],Object.prototype.hasOwnProperty.call(a,n)&&a[n]&&u.push(a[n][0]),a[n]=0;for(s in r)Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);for(d&&d(t);u.length;)u.shift()();return o.push.apply(o,i\|\|[]),l()}function l(){for(var e,t=0;t<o.length;t++){for(var l=o[t],s=!0,c=1;c<l.length;c++){var r=l[c];0!==a[r]&&(s=!1)}s&&(o.splice(t--,1),e=n(n.s=l[0]))}return e}var s={},a={71:0},o=[];function n(t){if(s[t])return s[t].exports;var l=s[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,n),l.l=!0,l.exports}n.m=e,n.c=s,n.d=function(e,t,l){n.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:l})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(n.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)n.d(l,s,function(t){return e[t]}.bind(null,s));return l},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],r=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var d=r;return o.push([717,0]),l()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},717:function(e,t,l){"use strict";l.r(t),l.d(t,"getElement",(function(){return x})),l.d(t,"getContents",(function(){return j}));var s=l(0),a=l.n(s),o=l(4),n=l(2),c=l(10),r=l(5),i=l.n(r),d=l(7),m=[{unread:!0,colOne:"Riley Shultz",colTwo:"99",colThree:"Biotech, Inc.",colFour:"Nurturing"},{unread:!0,colOne:"Jason A. - VP of Sales",colTwo:"92",colThree:"Case Management Solutions",colFour:"Contacted"},{unread:!0,colOne:"Josh Smith",colTwo:"90",colThree:"Acme, Inc.",colFour:"Contacted"},{unread:!0,colOne:"Bobby Tree",colTwo:"89",colThree:"Salesforce, Inc.",colFour:"Closing"},{selected:!0,colOne:"Riley Shultz",colTwo:"74",colThree:"Tesla",colFour:"Contacted"},{unread:!0,colOne:"Andy Smith",colTwo:"72",colThree:"Universal Technologies",colFour:"New"},{colOne:"Jim Steele",colTwo:"71",colThree:"BigList, Inc.",colFour:"New"},{colOne:"John Gardner",colTwo:"70",colThree:"3C Systems",colFour:"Contacted"},{colOne:"Sarah Loehr",colTwo:"68",colThree:"MedLife, Inc.",colFour:"New"}],u="display: flex; width: 20rem; height: 37.5rem;",p=function(e){return a.a.createElement("div",{className:i()("slds-split-view_container",e.hidden?"slds-is-closed":"slds-is-open")},a.a.createElement(d.b,{"aria-controls":"split-view-id","aria-expanded":e.hidden?"false":"true",className:i()("slds-button_icon slds-split-view__toggle-button",e.hidden?"slds-is-closed":"slds-is-open"),iconClassName:"slds-button__icon_x-small",symbol:"left",assistiveText:e.hidden?"Open Split View":"Close Split View",title:e.hidden?"Open Split View":"Close Split View"}),a.a.createElement("article",{"aria-hidden":e.hidden?"true":"false",id:"split-view-id",className:i()("slds-split-view slds-grid slds-grid_vertical slds-grow",e.className)},a.a.createElement("header",{className:"slds-split-view__header"},a.a.createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-m-bottom_xx-small"},a.a.createElement("div",{className:"slds-has-flexi-truncate"},a.a.createElement("div",{className:"slds-media slds-media_center"},a.a.createElement("div",{className:"slds-media__figure"},a.a.createElement("div",{className:"slds-icon_container slds-icon-standard-lead"},a.a.createElement(c.a,{className:"slds-icon",sprite:"standard",symbol:"lead"}),a.a.createElement("span",{className:"slds-assistive-text"},"Leads"))),a.a.createElement("div",{className:"slds-media__body"},a.a.createElement("h1",{className:"slds-text-heading_small slds-text-color_default slds-p-right_x-small"},a.a.createElement("button",{className:"slds-button slds-button_reset slds-type-focus slds-truncate","aria-haspopup":"true",title:""},a.a.createElement("span",{className:"slds-grid slds-has-flexi-truncate slds-grid_vertical-align-center"},a.a.createElement("span",{className:"slds-truncate",title:"My Leads"},"My Leads"),a.a.createElement(c.a,{className:"slds-button__icon slds-button__icon_right slds-no-flex",sprite:"utility",symbol:"down"}))))))),a.a.createElement("div",{className:"slds-no-flex slds-grid"},a.a.createElement(d.b,{className:"slds-button_icon-border-filled",symbol:"down","aria-haspopup":"true",assistiveText:"More Actions",title:"More Actions"}))),a.a.createElement("div",{className:"slds-grid slds-grid_vertical-align-center"},a.a.createElement("p",{className:"slds-text-body_small slds-text-color_weak"},"42 items • Updated just now"),a.a.createElement("div",{className:"slds-no-flex slds-grid slds-col_bump-left"},a.a.createElement("div",{className:"slds-button-group"},a.a.createElement(d.b,{hasDropdown:!0,className:"slds-button_icon slds-button_icon-container-more",symbol:"side_list",title:"Display As Split View",assistiveText:"Display As Split View"})),a.a.createElement("div",{className:"slds-button-group"},a.a.createElement(d.b,{className:"slds-button_icon slds-button_icon-container",symbol:"refresh",title:"Refresh List",assistiveText:"Refresh List"}))))),a.a.createElement("div",{className:"slds-grid slds-grid_vertical"},a.a.createElement("div",{className:"slds-split-view__list-header slds-grid"},a.a.createElement("span",{className:"slds-assistive-text"},"Sorted by:"),a.a.createElement("span",null,"Lead Score",a.a.createElement(c.a,{className:"slds-icon slds-icon_xx-small slds-icon-text-default slds-align-top",sprite:"utility",symbol:"arrowdown"})),a.a.createElement("span",{className:"slds-assistive-text"},"- Descending")),a.a.createElement("ul",{"aria-multiselectable":"true",className:"slds-scrollable_y",role:"listbox","aria-label":"Select an item to open it in a new workspace tab."},e.children))))},b=function(e){return a.a.createElement("li",{className:i()("slds-split-view__list-item",e.className,e.unread?"slds-is-unread":null),role:"presentation"},a.a.createElement("a",{href:"#","aria-current":e.current&&"page","aria-selected":e.selected&&!!e.selected,role:"option",className:"slds-split-view__list-item-action slds-grow slds-has-flexi-truncate",tabIndex:e.tabIndex,onClick:function(e){return e.preventDefault()}},e.unread?a.a.createElement("abbr",{className:"slds-indicator_unread",title:"Unread Item","aria-label":"Unread Item"},a.a.createElement("span",{className:"slds-assistive-text"},"●")):null,a.a.createElement("div",{className:"slds-grid slds-wrap"},a.a.createElement("span",{className:"slds-truncate slds-text-body_regular slds-text-color_default",title:e.colOne\|\|"Object Name"},e.colOne\|\|"Column 1"),a.a.createElement("span",{className:"slds-truncate slds-col_bump-left",title:e.colTwo\|\|"Column 2"},e.colTwo\|\|"Column 2")),a.a.createElement("div",{className:"slds-grid slds-wrap"},a.a.createElement("span",{className:"slds-truncate",title:e.colThree\|\|"Column 3"},e.colThree\|\|"Column 3"),a.a.createElement("span",{className:"slds-truncate slds-col_bump-left",title:e.colFour\|\|"Column 4"},e.colFour\|\|"Column 4"))))},h=[{id:"default",label:"Base - Default",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,null,m.slice(0,5).map((function(e,t){return a.a.createElement(b,{key:t,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))}],f=[{id:"selected-item",label:"Selected Item",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,null,m.slice(0,5).map((function(e,t){return a.a.createElement(b,{key:t,current:e.selected,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))},{id:"selected-item-deprecated",label:"Deprecated - Selected Item",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,null,m.slice(0,5).map((function(e,t){return a.a.createElement(b,{key:t,selected:e.selected,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))},{id:"overflow",label:"Overflow",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,null,m.map((function(e,t){return a.a.createElement(b,{key:t,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))},{id:"unread",label:"Unread Items",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,null,m.map((function(e,t){return a.a.createElement(b,{key:t,unread:e.unread,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))},{id:"panel-collapsed",label:"Collapsed Panel",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,{hidden:!0},m.map((function(e,t){return a.a.createElement(b,{key:t,unread:e.unread,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))}],y=l(1),w=o.c.a,_=o.c.code,v=o.c.em,E=o.c.h2,S=o.c.h3,O=o.c.li,g=o.c.p,T=o.c.strong,N=o.c.ul,x=function(){return Object(s.createElement)(o.b,{},Object(s.createElement)("div",{className:"doc lead"},"Split view is used to navigate between records in a list while staying on the same screen."),Object(s.createElement)(n.a,{exampleOnly:!0,demoStyles:Object(y.e)(f,"selected-item")},Object(y.f)(f,"selected-item")),E({id:"About-Split-View"},"About Split View"),S({id:"Accessibility"},"Accessibility"),g({},"The list component of the Split View consists of an ARIA Listbox, and as such must abide by the following rules:"),N({},O({},"Each option can only be a single actionable element. No child actions are allowed"),O({},T({},"Must")," implement the keyboard interaction as described by the ",w({href:"https://www.w3.org/TR/wai-aria-practices/#Listbox"},"ARIA Authoring Practices")),O({},"For each open workspace tab, the corresponding option ",v({},"should")," be set to ",_({},'aria-selected="true"'))),E({id:"Base"},"Base"),Object(s.createElement)(n.a,{demoStyles:Object(y.e)(h)},Object(y.f)(h)),E({id:"States"},"States"),S({id:"Selected-Item"},"Selected Item"),Object(s.createElement)(n.a,{demoStyles:Object(y.e)(f,"selected-item")},Object(y.f)(f,"selected-item")),S({id:"Overflow"},"Overflow"),Object(s.createElement)(n.a,{demoStyles:Object(y.e)(f,"overflow")},Object(y.f)(f,"overflow")),S({id:"Unread-Items"},"Unread Items"),Object(s.createElement)(n.a,{demoStyles:Object(y.e)(f,"unread")},Object(y.f)(f,"unread")),S({id:"Collapsed-Panel"},"Collapsed Panel"),Object(s.createElement)(n.a,{demoStyles:Object(y.e)(f,"panel-collapsed")},Object(y.f)(f,"panel-collapsed")))},j=function(){return Object(o.a)(x())}}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/split-view/docs.mdx.js"]=function(e){function t(t){for(var s,n,c=t[0],r=t[1],i=t[2],m=0,u=[];m<c.length;m++)n=c[m],Object.prototype.hasOwnProperty.call(a,n)&&a[n]&&u.push(a[n][0]),a[n]=0;for(s in r)Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);for(d&&d(t);u.length;)u.shift()();return o.push.apply(o,i\|\|[]),l()}function l(){for(var e,t=0;t<o.length;t++){for(var l=o[t],s=!0,c=1;c<l.length;c++){var r=l[c];0!==a[r]&&(s=!1)}s&&(o.splice(t--,1),e=n(n.s=l[0]))}return e}var s={},a={71:0},o=[];function n(t){if(s[t])return s[t].exports;var l=s[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,n),l.l=!0,l.exports}n.m=e,n.c=s,n.d=function(e,t,l){n.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:l})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(n.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var s in e)n.d(l,s,function(t){return e[t]}.bind(null,s));return l},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],r=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var d=r;return o.push([718,0]),l()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},718:function(e,t,l){"use strict";l.r(t),l.d(t,"getElement",(function(){return x})),l.d(t,"getContents",(function(){return j}));var s=l(0),a=l.n(s),o=l(4),n=l(2),c=l(10),r=l(5),i=l.n(r),d=l(7),m=[{unread:!0,colOne:"Riley Shultz",colTwo:"99",colThree:"Biotech, Inc.",colFour:"Nurturing"},{unread:!0,colOne:"Jason A. - VP of Sales",colTwo:"92",colThree:"Case Management Solutions",colFour:"Contacted"},{unread:!0,colOne:"Josh Smith",colTwo:"90",colThree:"Acme, Inc.",colFour:"Contacted"},{unread:!0,colOne:"Bobby Tree",colTwo:"89",colThree:"Salesforce, Inc.",colFour:"Closing"},{selected:!0,colOne:"Riley Shultz",colTwo:"74",colThree:"Tesla",colFour:"Contacted"},{unread:!0,colOne:"Andy Smith",colTwo:"72",colThree:"Universal Technologies",colFour:"New"},{colOne:"Jim Steele",colTwo:"71",colThree:"BigList, Inc.",colFour:"New"},{colOne:"John Gardner",colTwo:"70",colThree:"3C Systems",colFour:"Contacted"},{colOne:"Sarah Loehr",colTwo:"68",colThree:"MedLife, Inc.",colFour:"New"}],u="display: flex; width: 20rem; height: 37.5rem;",p=function(e){return a.a.createElement("div",{className:i()("slds-split-view_container",e.hidden?"slds-is-closed":"slds-is-open")},a.a.createElement(d.b,{"aria-controls":"split-view-id","aria-expanded":e.hidden?"false":"true",className:i()("slds-button_icon slds-split-view__toggle-button",e.hidden?"slds-is-closed":"slds-is-open"),iconClassName:"slds-button__icon_x-small",symbol:"left",assistiveText:e.hidden?"Open Split View":"Close Split View",title:e.hidden?"Open Split View":"Close Split View"}),a.a.createElement("article",{"aria-hidden":e.hidden?"true":"false",id:"split-view-id",className:i()("slds-split-view slds-grid slds-grid_vertical slds-grow",e.className)},a.a.createElement("header",{className:"slds-split-view__header"},a.a.createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-m-bottom_xx-small"},a.a.createElement("div",{className:"slds-has-flexi-truncate"},a.a.createElement("div",{className:"slds-media slds-media_center"},a.a.createElement("div",{className:"slds-media__figure"},a.a.createElement("div",{className:"slds-icon_container slds-icon-standard-lead"},a.a.createElement(c.a,{className:"slds-icon",sprite:"standard",symbol:"lead"}),a.a.createElement("span",{className:"slds-assistive-text"},"Leads"))),a.a.createElement("div",{className:"slds-media__body"},a.a.createElement("h1",{className:"slds-text-heading_small slds-text-color_default slds-p-right_x-small"},a.a.createElement("button",{className:"slds-button slds-button_reset slds-type-focus slds-truncate","aria-haspopup":"true",title:""},a.a.createElement("span",{className:"slds-grid slds-has-flexi-truncate slds-grid_vertical-align-center"},a.a.createElement("span",{className:"slds-truncate",title:"My Leads"},"My Leads"),a.a.createElement(c.a,{className:"slds-button__icon slds-button__icon_right slds-no-flex",sprite:"utility",symbol:"down"}))))))),a.a.createElement("div",{className:"slds-no-flex slds-grid"},a.a.createElement(d.b,{className:"slds-button_icon-border-filled",symbol:"down","aria-haspopup":"true",assistiveText:"More Actions",title:"More Actions"}))),a.a.createElement("div",{className:"slds-grid slds-grid_vertical-align-center"},a.a.createElement("p",{className:"slds-text-body_small slds-text-color_weak"},"42 items • Updated just now"),a.a.createElement("div",{className:"slds-no-flex slds-grid slds-col_bump-left"},a.a.createElement("div",{className:"slds-button-group"},a.a.createElement(d.b,{hasDropdown:!0,className:"slds-button_icon slds-button_icon-container-more",symbol:"side_list",title:"Display As Split View",assistiveText:"Display As Split View"})),a.a.createElement("div",{className:"slds-button-group"},a.a.createElement(d.b,{className:"slds-button_icon slds-button_icon-container",symbol:"refresh",title:"Refresh List",assistiveText:"Refresh List"}))))),a.a.createElement("div",{className:"slds-grid slds-grid_vertical"},a.a.createElement("div",{className:"slds-split-view__list-header slds-grid"},a.a.createElement("span",{className:"slds-assistive-text"},"Sorted by:"),a.a.createElement("span",null,"Lead Score",a.a.createElement(c.a,{className:"slds-icon slds-icon_xx-small slds-icon-text-default slds-align-top",sprite:"utility",symbol:"arrowdown"})),a.a.createElement("span",{className:"slds-assistive-text"},"- Descending")),a.a.createElement("ul",{"aria-multiselectable":"true",className:"slds-scrollable_y",role:"listbox","aria-label":"Select an item to open it in a new workspace tab."},e.children))))},b=function(e){return a.a.createElement("li",{className:i()("slds-split-view__list-item",e.className,e.unread?"slds-is-unread":null),role:"presentation"},a.a.createElement("a",{href:"#","aria-current":e.current&&"page","aria-selected":e.selected&&!!e.selected,role:"option",className:"slds-split-view__list-item-action slds-grow slds-has-flexi-truncate",tabIndex:e.tabIndex,onClick:function(e){return e.preventDefault()}},e.unread?a.a.createElement("abbr",{className:"slds-indicator_unread",title:"Unread Item","aria-label":"Unread Item"},a.a.createElement("span",{className:"slds-assistive-text"},"●")):null,a.a.createElement("div",{className:"slds-grid slds-wrap"},a.a.createElement("span",{className:"slds-truncate slds-text-body_regular slds-text-color_default",title:e.colOne\|\|"Object Name"},e.colOne\|\|"Column 1"),a.a.createElement("span",{className:"slds-truncate slds-col_bump-left",title:e.colTwo\|\|"Column 2"},e.colTwo\|\|"Column 2")),a.a.createElement("div",{className:"slds-grid slds-wrap"},a.a.createElement("span",{className:"slds-truncate",title:e.colThree\|\|"Column 3"},e.colThree\|\|"Column 3"),a.a.createElement("span",{className:"slds-truncate slds-col_bump-left",title:e.colFour\|\|"Column 4"},e.colFour\|\|"Column 4"))))},h=[{id:"default",label:"Base - Default",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,null,m.slice(0,5).map((function(e,t){return a.a.createElement(b,{key:t,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))}],f=[{id:"selected-item",label:"Selected Item",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,null,m.slice(0,5).map((function(e,t){return a.a.createElement(b,{key:t,current:e.selected,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))},{id:"selected-item-deprecated",label:"Deprecated - Selected Item",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,null,m.slice(0,5).map((function(e,t){return a.a.createElement(b,{key:t,selected:e.selected,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))},{id:"overflow",label:"Overflow",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,null,m.map((function(e,t){return a.a.createElement(b,{key:t,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))},{id:"unread",label:"Unread Items",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,null,m.map((function(e,t){return a.a.createElement(b,{key:t,unread:e.unread,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))},{id:"panel-collapsed",label:"Collapsed Panel",demoStyles:u,storybookStyles:!0,element:a.a.createElement(p,{hidden:!0},m.map((function(e,t){return a.a.createElement(b,{key:t,unread:e.unread,colOne:e.colOne,colTwo:e.colTwo,colThree:e.colThree,colFour:e.colFour,tabIndex:0===t?0:-1})})))}],y=l(1),w=o.c.a,_=o.c.code,v=o.c.em,E=o.c.h2,S=o.c.h3,O=o.c.li,g=o.c.p,T=o.c.strong,N=o.c.ul,x=function(){return Object(s.createElement)(o.b,{},Object(s.createElement)("div",{className:"doc lead"},"Split view is used to navigate between records in a list while staying on the same screen."),Object(s.createElement)(n.a,{exampleOnly:!0,demoStyles:Object(y.e)(f,"selected-item")},Object(y.f)(f,"selected-item")),E({id:"About-Split-View"},"About Split View"),S({id:"Accessibility"},"Accessibility"),g({},"The list component of the Split View consists of an ARIA Listbox, and as such must abide by the following rules:"),N({},O({},"Each option can only be a single actionable element. No child actions are allowed"),O({},T({},"Must")," implement the keyboard interaction as described by the ",w({href:"https://www.w3.org/TR/wai-aria-practices/#Listbox"},"ARIA Authoring Practices")),O({},"For each open workspace tab, the corresponding option ",v({},"should")," be set to ",_({},'aria-selected="true"'))),E({id:"Base"},"Base"),Object(s.createElement)(n.a,{demoStyles:Object(y.e)(h)},Object(y.f)(h)),E({id:"States"},"States"),S({id:"Selected-Item"},"Selected Item"),Object(s.createElement)(n.a,{demoStyles:Object(y.e)(f,"selected-item")},Object(y.f)(f,"selected-item")),S({id:"Overflow"},"Overflow"),Object(s.createElement)(n.a,{demoStyles:Object(y.e)(f,"overflow")},Object(y.f)(f,"overflow")),S({id:"Unread-Items"},"Unread Items"),Object(s.createElement)(n.a,{demoStyles:Object(y.e)(f,"unread")},Object(y.f)(f,"unread")),S({id:"Collapsed-Panel"},"Collapsed Panel"),Object(s.createElement)(n.a,{demoStyles:Object(y.e)(f,"panel-collapsed")},Object(y.f)(f,"panel-collapsed")))},j=function(){return Object(o.a)(x())}}});

package/__internal/chunked/docs/ui/components/summary-detail/docs.mdx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/summary-detail/docs.mdx.js"]=function(e){function t(t){for(var r,i,a=t[0],c=t[1],s=t[2],p=0,d=[];p<a.length;p++)i=a[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&d.push(o[i][0]),o[i]=0;for(r in c)Object.prototype.hasOwnProperty.call(c,r)&&(e[r]=c[r]);for(u&&u(t);d.length;)d.shift()();return l.push.apply(l,s\|\|[]),n()}function n(){for(var e,t=0;t<l.length;t++){for(var n=l[t],r=!0,a=1;a<n.length;a++){var c=n[a];0!==o[c]&&(r=!1)}r&&(l.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},o={72:0},l=[];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 a=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],c=a.push.bind(a);a.push=t,a=a.slice();for(var s=0;s<a.length;s++)t(a[s]);var u=c;return l.push([~~586~~,0]),n()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},~~586~~:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return p})),n.d(t,"getContents",(function(){return d}));var r=n(0),o=n(4),l=n(2),i=n(81),a=n(1),c=o.c.h2,s=o.c.h3,u=o.c.p,p=function(){return Object(r.createElement)(o.b,{},Object(r.createElement)("div",{className:"doc lead"},"Use Summary Detail to show and hide details while always showing a summary"),Object(r.createElement)(l.a,{exampleOnly:!0,demoStyles:"height: 150px;"},Object(a.f)(i.f,"open-with-complex-title")),c({id:"About-Summary-Detail"},"About Summary Detail"),u({},"The summary detail component uses a button to show and hide content while showing an overall summary"),c({id:"Base"},"Base"),Object(r.createElement)(l.a,{demoStyles:"height: 150px;"},Object(a.f)(i.e)),c({id:"States"},"States"),s({id:"Closed"},"Closed"),Object(r.createElement)(l.a,{demoStyles:"height: 150px;"},Object(a.f)(i.g,"closed")),c({id:"Examples"},"Examples"),s({id:"Closed-with-Complex-title"},"Closed with Complex title"),Object(r.createElement)(l.a,{demoStyles:"height: 150px;"},Object(a.f)(i.f,"closed-with-complex-title")),s({id:"Open-with-Complex-title"},"Open with Complex title"),Object(r.createElement)(l.a,{demoStyles:"height: 150px;"},Object(a.f)(i.f,"open-with-complex-title")))},d=function(){return Object(o.a)(p())}}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/summary-detail/docs.mdx.js"]=function(e){function t(t){for(var r,i,a=t[0],c=t[1],s=t[2],p=0,d=[];p<a.length;p++)i=a[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&d.push(o[i][0]),o[i]=0;for(r in c)Object.prototype.hasOwnProperty.call(c,r)&&(e[r]=c[r]);for(u&&u(t);d.length;)d.shift()();return l.push.apply(l,s\|\|[]),n()}function n(){for(var e,t=0;t<l.length;t++){for(var n=l[t],r=!0,a=1;a<n.length;a++){var c=n[a];0!==o[c]&&(r=!1)}r&&(l.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},o={72:0},l=[];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 a=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs\|\|[],c=a.push.bind(a);a.push=t,a=a.slice();for(var s=0;s<a.length;s++)t(a[s]);var u=c;return l.push([587,0]),n()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},21:function(e,t){e.exports=JSBeautify},587:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return p})),n.d(t,"getContents",(function(){return d}));var r=n(0),o=n(4),l=n(2),i=n(82),a=n(1),c=o.c.h2,s=o.c.h3,u=o.c.p,p=function(){return Object(r.createElement)(o.b,{},Object(r.createElement)("div",{className:"doc lead"},"Use Summary Detail to show and hide details while always showing a summary"),Object(r.createElement)(l.a,{exampleOnly:!0,demoStyles:"height: 150px;"},Object(a.f)(i.f,"open-with-complex-title")),c({id:"About-Summary-Detail"},"About Summary Detail"),u({},"The summary detail component uses a button to show and hide content while showing an overall summary"),c({id:"Base"},"Base"),Object(r.createElement)(l.a,{demoStyles:"height: 150px;"},Object(a.f)(i.e)),c({id:"States"},"States"),s({id:"Closed"},"Closed"),Object(r.createElement)(l.a,{demoStyles:"height: 150px;"},Object(a.f)(i.g,"closed")),c({id:"Examples"},"Examples"),s({id:"Closed-with-Complex-title"},"Closed with Complex title"),Object(r.createElement)(l.a,{demoStyles:"height: 150px;"},Object(a.f)(i.f,"closed-with-complex-title")),s({id:"Open-with-Complex-title"},"Open with Complex title"),Object(r.createElement)(l.a,{demoStyles:"height: 150px;"},Object(a.f)(i.f,"open-with-complex-title")))},d=function(){return Object(o.a)(p())}}});