npm - @salesforce-ux/design-system - Versions diffs - 2.25.1 → 2.25.2 - Mend

@salesforce-ux/design-system 2.25.1 → 2.25.2

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 (720) hide show

package/__internal/chunked/showcase/ui/components/accordion/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/accordion/base/example.jsx.js"]=function(e){function r(r){for(var c,o,i=r[0],s=r[1],d=r[2],m=0,u=[];m<i.length;m++)o=i[m],Object.prototype.hasOwnProperty.call(t,o)&&t[o]&&u.push(t[o][0]),t[o]=0;for(c in s)Object.prototype.hasOwnProperty.call(s,c)&&(e[c]=s[c]);for(l&&l(r);u.length;)u.shift()();return a.push.apply(a,d\|\|[]),n()}function n(){for(var e,r=0;r<a.length;r++){for(var n=a[r],c=!0,i=1;i<n.length;i++){var s=n[i];0!==t[s]&&(c=!1)}c&&(a.splice(r--,1),e=o(o.s=n[0]))}return e}var c={},t={1:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},a=[];function o(r){if(c[r])return c[r].exports;var n=c[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=c,o.d=function(e,r,n){o.o(e,r)\|\|Object.defineProperty(e,r,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,r){if(1&r&&(e=o(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var c in e)o.d(n,c,function(r){return e[r]}.bind(null,c));return n},o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,"a",r),r},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=i.push.bind(i);i.push=r,i=i.slice();for(var d=0;d<i.length;d++)r(i[d]);var l=s;return a.push([708,0]),n()}({0:function(e,r){e.exports=React},16:function(e,r){e.exports=ReactDOM},708:function(e,r,n){"use strict";n.r(r),n.d(r,"AccordionExample",(function(){return v})),n.d(r,"states",(function(){return S})),n.d(r,"examples",(function(){return w}));var c=n(0),t=n.n(c),a=n(18),o=n.n(a),i=n(1),s=n.n(i),d=n(2),l=n.n(d),m=n(12),u=n(9),f=n(72);function y(e,r){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var c,t,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(c=n.next()).done)&&(a.push(c.value),!r\|\|a.length!==r);o=!0);}catch(e){i=!0,t=e}finally{try{o\|\|null==n.return\|\|n.return()}finally{if(i)throw t}}return a}(e,r)\|\|function(e,r){if(!e)return;if("string"==typeof e)return p(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return p(e,r)}(e,r)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,r){(null==r\|\|r>e.length)&&(r=e.length);for(var n=0,c=new Array(r);n<r;n++)c[n]=e[n];return c}var A=function(e){return t.a.createElement("ul",{className:"slds-accordion"},e.children)};A.propTypes={children:s.a.node};var I=function(e){var r=e.isOpen,n=y(Object(c.useState)(r),2),a=n[0],o=n[1],i=!a;return t.a.createElement("li",{className:"slds-accordion__list-item"},t.a.createElement("section",{className:l()("slds-accordion__section",a&&"slds-is-open")},t.a.createElement("div",{className:"slds-accordion__summary"},t.a.createElement(f.a,{level:"2",className:"slds-accordion__summary-heading"},t.a.createElement(m.Button,{"aria-controls":e.referenceId,"aria-expanded":a,title:e.summary,isReset:!0,className:"slds-accordion__summary-action",onClick:function(e){e.stopPropagation(),o(!a)}},t.a.createElement(u.a,{className:"slds-accordion__summary-action-icon slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"switch"}),t.a.createElement("span",{className:"slds-accordion__summary-content"},e.summary))),e.actionMenu&&t.a.cloneElement(e.actionMenu)),t.a.createElement("div",{hidden:i,className:"slds-accordion__content",id:e.referenceId},e.children)))};I.propTypes={isOpen:s.a.bool,referenceId:s.a.string,summary:s.a.string,actionMenu:s.a.node,children:s.a.node},I.defaultProps={isOpen:!1};var E=A,b=n(4),h=n(14),_=t.a.createElement(b.b,{className:"slds-button_icon-border-filled slds-button_icon-x-small",symbol:"down",assistiveText:"Show More","aria-haspopup":"true",title:"Show More"}),g=function(e){var r=e.position,n=e.dropdownIsOpen;return t.a.createElement(h.Trigger,{isOpen:n,triggerIcon:_},t.a.createElement(h.Menu,{className:l()("slds-dropdown_actions","slds-dropdown_".concat(r))},t.a.createElement(h.MenuList,null,t.a.createElement(h.MenuItem,{tabIndex:"0"},"Action One"),t.a.createElement(h.MenuItem,null,"Action Two"),t.a.createElement(h.MenuItem,null,"Action Three"))))};g.defaultProps={dropdownIsOpen:!0,position:"left"},g.propTypes={position:s.a.oneOf(["left","right"]),dropdownIsOpen:s.a.bool};var O=n(11),v=function(){return t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))},S=(r.default=t.a.createElement(v,null),[{id:"section-one-open",label:"Section one open",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"section-two-open",label:"Section two open",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"section-three-open",label:"Section three open",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"multiple-sections-open",label:"Multiple sections open",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - C"))}]),w=[{id:"long-heading-truncated",label:"Long Section Heading with Truncation for larger screens",demoStyles:"max-width: 500px;",storybookStyles:!0,element:t.a.createElement(O.d,null,t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C")))},{id:"nested-accordions",label:"Nested Accordions",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},t.a.createElement(E,null,t.a.createElement(I,{summary:"Nested accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Nested accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"))),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"styled",label:"Wrapped in Card",element:t.a.createElement("div",{className:"slds-card"},t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C")))},{id:"has-action-overflow",label:"Has Action Overflow Menu",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",actionMenu:t.a.createElement(g,{position:"right",dropdownIsOpen:!1}),isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",actionMenu:t.a.createElement(g,{position:"right",dropdownIsOpen:!1}),referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",actionMenu:t.a.createElement(g,{position:"right",dropdownIsOpen:!1}),referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"section-background-color",label:"Accordion Section - Background Color",demoStyles:"--slds-c-accordion-summary-color-background: lightblue",storybookStyles:!0,element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"section-background-color",label:"Accordion Section - Text Color",demoStyles:"--slds-c-accordion-heading-text-color: green; --slds-c-accordion-heading-text-color-hover: red",storybookStyles:!0,element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/accordion/base/example.jsx.js"]=function(e){function r(r){for(var c,o,i=r[0],s=r[1],d=r[2],m=0,u=[];m<i.length;m++)o=i[m],Object.prototype.hasOwnProperty.call(t,o)&&t[o]&&u.push(t[o][0]),t[o]=0;for(c in s)Object.prototype.hasOwnProperty.call(s,c)&&(e[c]=s[c]);for(l&&l(r);u.length;)u.shift()();return a.push.apply(a,d\|\|[]),n()}function n(){for(var e,r=0;r<a.length;r++){for(var n=a[r],c=!0,i=1;i<n.length;i++){var s=n[i];0!==t[s]&&(c=!1)}c&&(a.splice(r--,1),e=o(o.s=n[0]))}return e}var c={},t={1:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},a=[];function o(r){if(c[r])return c[r].exports;var n=c[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=c,o.d=function(e,r,n){o.o(e,r)\|\|Object.defineProperty(e,r,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,r){if(1&r&&(e=o(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var c in e)o.d(n,c,function(r){return e[r]}.bind(null,c));return n},o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,"a",r),r},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=i.push.bind(i);i.push=r,i=i.slice();for(var d=0;d<i.length;d++)r(i[d]);var l=s;return a.push([708,0]),n()}({0:function(e,r){e.exports=React},16:function(e,r){e.exports=ReactDOM},708:function(e,r,n){"use strict";n.r(r),n.d(r,"AccordionExample",(function(){return v})),n.d(r,"states",(function(){return S})),n.d(r,"examples",(function(){return w}));var c=n(0),t=n.n(c),a=n(18),o=n.n(a),i=n(1),s=n.n(i),d=n(2),l=n.n(d),m=n(11),u=n(9),f=n(73);function y(e,r){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var c,t,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(c=n.next()).done)&&(a.push(c.value),!r\|\|a.length!==r);o=!0);}catch(e){i=!0,t=e}finally{try{o\|\|null==n.return\|\|n.return()}finally{if(i)throw t}}return a}(e,r)\|\|function(e,r){if(!e)return;if("string"==typeof e)return p(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return p(e,r)}(e,r)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,r){(null==r\|\|r>e.length)&&(r=e.length);for(var n=0,c=new Array(r);n<r;n++)c[n]=e[n];return c}var A=function(e){return t.a.createElement("ul",{className:"slds-accordion"},e.children)};A.propTypes={children:s.a.node};var I=function(e){var r=e.isOpen,n=y(Object(c.useState)(r),2),a=n[0],o=n[1],i=!a;return t.a.createElement("li",{className:"slds-accordion__list-item"},t.a.createElement("section",{className:l()("slds-accordion__section",a&&"slds-is-open")},t.a.createElement("div",{className:"slds-accordion__summary"},t.a.createElement(f.a,{level:"2",className:"slds-accordion__summary-heading"},t.a.createElement(m.Button,{"aria-controls":e.referenceId,"aria-expanded":a,title:e.summary,isReset:!0,className:"slds-accordion__summary-action",onClick:function(e){e.stopPropagation(),o(!a)}},t.a.createElement(u.a,{className:"slds-accordion__summary-action-icon slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"switch"}),t.a.createElement("span",{className:"slds-accordion__summary-content"},e.summary))),e.actionMenu&&t.a.cloneElement(e.actionMenu)),t.a.createElement("div",{hidden:i,className:"slds-accordion__content",id:e.referenceId},e.children)))};I.propTypes={isOpen:s.a.bool,referenceId:s.a.string,summary:s.a.string,actionMenu:s.a.node,children:s.a.node},I.defaultProps={isOpen:!1};var E=A,b=n(4),h=n(14),_=t.a.createElement(b.b,{className:"slds-button_icon-border-filled slds-button_icon-x-small",symbol:"down",assistiveText:"Show More","aria-haspopup":"true",title:"Show More"}),g=function(e){var r=e.position,n=e.dropdownIsOpen;return t.a.createElement(h.Trigger,{isOpen:n,triggerIcon:_},t.a.createElement(h.Menu,{className:l()("slds-dropdown_actions","slds-dropdown_".concat(r))},t.a.createElement(h.MenuList,null,t.a.createElement(h.MenuItem,{tabIndex:"0"},"Action One"),t.a.createElement(h.MenuItem,null,"Action Two"),t.a.createElement(h.MenuItem,null,"Action Three"))))};g.defaultProps={dropdownIsOpen:!0,position:"left"},g.propTypes={position:s.a.oneOf(["left","right"]),dropdownIsOpen:s.a.bool};var O=n(12),v=function(){return t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))},S=(r.default=t.a.createElement(v,null),[{id:"section-one-open",label:"Section one open",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"section-two-open",label:"Section two open",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"section-three-open",label:"Section three open",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"multiple-sections-open",label:"Multiple sections open",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - C"))}]),w=[{id:"long-heading-truncated",label:"Long Section Heading with Truncation for larger screens",demoStyles:"max-width: 500px;",storybookStyles:!0,element:t.a.createElement(O.d,null,t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C")))},{id:"nested-accordions",label:"Nested Accordions",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},t.a.createElement(E,null,t.a.createElement(I,{summary:"Nested accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Nested accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"))),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"styled",label:"Wrapped in Card",element:t.a.createElement("div",{className:"slds-card"},t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C")))},{id:"has-action-overflow",label:"Has Action Overflow Menu",element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",actionMenu:t.a.createElement(g,{position:"right",dropdownIsOpen:!1}),isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",actionMenu:t.a.createElement(g,{position:"right",dropdownIsOpen:!1}),referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",actionMenu:t.a.createElement(g,{position:"right",dropdownIsOpen:!1}),referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"section-background-color",label:"Accordion Section - Background Color",demoStyles:"--slds-c-accordion-summary-color-background: lightblue",storybookStyles:!0,element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))},{id:"section-background-color",label:"Accordion Section - Text Color",demoStyles:"--slds-c-accordion-heading-text-color: green; --slds-c-accordion-heading-text-color-hover: red",storybookStyles:!0,element:t.a.createElement(E,null,t.a.createElement(I,{summary:"Accordion summary",isOpen:!0,referenceId:o()("referenceId-")},"Accordion details - A"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - B"),t.a.createElement(I,{summary:"Accordion summary",referenceId:o()("referenceId-")},"Accordion details - C"))}]}});

package/__internal/chunked/showcase/ui/components/activity-timeline/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/activity-timeline/base/example.jsx.js"]=function(e){function t(t){for(var n,r,i=t[0],o=t[1],c=t[2],m=0,u=[];m<i.length;m++)r=i[m],Object.prototype.hasOwnProperty.call(l,r)&&l[r]&&u.push(l[r][0]),l[r]=0;for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n]);for(d&&d(t);u.length;)u.shift()();return s.push.apply(s,c\|\|[]),a()}function a(){for(var e,t=0;t<s.length;t++){for(var a=s[t],n=!0,i=1;i<a.length;i++){var o=a[i];0!==l[o]&&(n=!1)}n&&(s.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},l={2:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},s=[];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_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],o=i.push.bind(i);i.push=t,i=i.slice();for(var c=0;c<i.length;c++)t(i[c]);var d=o;return s.push([636,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},636:function(e,t,a){"use strict";a.r(t),a.d(t,"TimelineIcon",(function(){return E})),a.d(t,"TimelineActions",(function(){return _})),a.d(t,"TimelineMediaFigure",(function(){return h})),a.d(t,"TimelineMediaBody",(function(){return y})),a.d(t,"TimelineTrigger",(function(){return g})),a.d(t,"TimelineSubtext",(function(){return v})),a.d(t,"TimelineError",(function(){return N})),a.d(t,"TimelineItem",(function(){return w})),a.d(t,"FieldInfoListItem",(function(){return T})),a.d(t,"FieldInfoList",(function(){return k})),a.d(t,"DescriptionCard",(function(){return S})),a.d(t,"NarrowContext",(function(){return L})),a.d(t,"ActivityTimeline",(function(){return C})),a.d(t,"examples",(function(){return M})),a.d(t,"states",(function(){return O}));var n=a(0),l=a.n(n),s=a(4),r=a(26),i=a(9),o=a(8),c=a(12),d=a(2),m=a.n(d),u=a(18),p=a.n(u),f=[l.a.createElement(o.UtilityIcon,{key:"groups",className:"slds-icon_xx-small slds-icon-text-default slds-m-left_x-small",symbol:"groups",title:"Group email",assistiveText:"Group email"}),l.a.createElement(o.UtilityIcon,{key:"attach",className:"slds-icon_xx-small slds-icon-text-default slds-m-left_x-small",symbol:"attach",title:"Has attachments",assistiveText:"Has attachments"})],b=[l.a.createElement(o.UtilityIcon,{key:"rotate",className:"slds-icon_xx-small slds-icon-text-default slds-m-left_x-small",symbol:"rotate",title:"Recurring Task",assistiveText:"Recurring Task"})],x=[l.a.createElement(o.UtilityIcon,{key:"world",className:"slds-icon_xx-small slds-icon-text-default slds-m-left_x-small",symbol:"world",title:"Public sharing",assistiveText:"Public sharing"})],E=function(e){return l.a.createElement("div",{className:m()("slds-icon_container","log_a_call"===e.symbol?"slds-icon-standard-log-a-call":"slds-icon-standard-"+e.symbol,e.className),title:"log_a_call"===e.symbol?"call":e.symbol},l.a.createElement(i.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:e.symbol}))},_=function(e){return l.a.createElement("div",{className:m()("slds-timeline__actions",{"slds-timeline__actions_inline":e.inline})},l.a.createElement("p",{className:"slds-timeline__date"},e.date\|\|"Feb 24"),l.a.createElement(s.b,{className:"slds-button_icon-border-filled slds-button_icon-x-small",symbol:"down",assistiveText:e.assistiveText\|\|"More Options","aria-haspopup":"true",title:e.title\|\|"More Options"}))},h=function(e){return l.a.createElement("div",{className:"slds-media__figure"},l.a.createElement(s.b,{iconClassName:"slds-timeline__details-action-icon",symbol:"switch",title:"Toggle details for ".concat(e.title),assistiveText:"Toggle details for ".concat(e.title),"aria-controls":e.id,"aria-expanded":e.isExpanded}),l.a.createElement(E,{symbol:e.type,className:"slds-timeline__icon"}))},y=function(e){return l.a.createElement("div",{className:"slds-media__body"},e.children)},g=function(e){return l.a.createElement("div",{className:"slds-grid slds-grid_align-spread slds-timeline__trigger"},l.a.createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-truncate_container_75 slds-no-space"},"task"===e.type&&l.a.createElement(r.Checkbox,{hideLabel:!0,label:"Mark ".concat(e.title," complete")}),l.a.createElement("h3",{className:"slds-truncate",title:e.title},l.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},l.a.createElement("strong",null,e.title))),e.iconSet&&l.a.createElement("div",{className:"slds-no-flex"},e.iconSet)),l.a.createElement(_,{inline:!0,date:e.date,title:"More Options for this item",assistiveText:"More Options for this item"}))},v=function(e){return l.a.createElement("p",{className:"slds-m-horizontal_xx-small"},l.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.subtext.you)," ",e.subtext.action," ",l.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.subtext.to)," ",e.subtext.extra)},N=function(e){return l.a.createElement("div",{className:"slds-grid slds-text-color_error slds-m-top_x-small slds-m-horizontal_xx-small",id:e.id},l.a.createElement(o.UtilityIcon,{key:"attach",className:"slds-icon-text-error slds-icon_x-small slds-m-right_xx-small",symbol:"error",title:"Error Occurred",assistiveText:"Error Occurred"}),l.a.createElement("p",null,"There was an error loading the details"))},w=function(e){return l.a.createElement("div",{className:m()("slds-timeline__item_expandable","".concat("log_a_call"===e.type?"slds-timeline__item_call":"slds-timeline__item_"+e.type),{"slds-is-open":e.isExpanded},e.className)},l.a.createElement("span",{className:"slds-assistive-text"},e.type),l.a.createElement("div",{className:m()("slds-media")},l.a.createElement(h,e),l.a.createElement(y,null,l.a.createElement(g,e),l.a.createElement(v,e),e.hasError?l.a.createElement(N,e):l.a.createElement(S,{id:e.id,isExpanded:e.isExpanded,fields:e.fields,bodyLabel:e.bodyLabel,footerButtons:e.footerButtons},e.children))))},T=function(e){return l.a.createElement("li",{className:"slds-grid slds-grid_vertical slds-size_1-of-2 slds-p-bottom_small"},l.a.createElement("span",{className:"slds-text-title slds-p-bottom_x-small"},e.label),l.a.createElement("span",{className:"slds-text-body_medium slds-truncate",title:e.content},l.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.content)))},k=function(e){return l.a.createElement("ul",{className:"slds-list_horizontal slds-wrap"},e.fields.map((function(e,t){return l.a.createElement(T,{key:t,label:e.label,content:e.content})})))},S=function(e){return l.a.createElement("article",{className:m()("slds-box","slds-timeline__item_details","slds-theme_shade","slds-m-top_x-small","slds-m-horizontal_xx-small",{"slds-p-around_medium":e.isExpanded},e.className),id:e.id,hidden:!e.isExpanded},e.fields&&l.a.createElement(k,e),e.children&&l.a.createElement("div",null,l.a.createElement("span",{className:"slds-text-title"},e.bodyLabel),l.a.createElement("p",{className:"slds-p-top_x-small"},e.children)),e.footerButtons&&l.a.createElement(c.Button,{isNeutral:!0,className:"slds-m-top_small"},l.a.createElement(i.a,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"world"}),"Public Sharing"))},L=function(e){return l.a.createElement("div",{className:"demo-only",style:{width:"400px"}},e.children)},C=function(e){var t=function(t){if(e.itemsExpanded)return e.itemsExpanded.includes(t)};return l.a.createElement("ul",{className:"slds-timeline"},l.a.createElement("li",null,l.a.createElement(w,{id:p()("task-item-".concat(e.id,"-")),type:"task",title:"Review proposals for EBC deck with larger team and have marketing review this",date:"9:00am \| 3/20/17",subtext:{you:"You",action:"created a task with",to:"Charlie Gomez"},iconSet:b,fields:[{label:"Name",content:"Charlie Gomez"},{label:"Related To",content:"Tesla Cloudhub + Anypoint Connectors"}],bodyLabel:"Description",isExpanded:t(1),isNarrow:e.isNarrow,hasError:e.hasError},"Need to finalize proposals and brand details before the meeting")),l.a.createElement("li",null,l.a.createElement(w,{id:p()("call-item-".concat(e.id,"-")),type:"log_a_call",title:"Mobile conversation on Monday",date:"10:00am \| 3/23/17",subtext:{you:"You",action:"logged a call with",to:"Adam Chan"},fields:[{label:"Name",content:"Adam Chan"},{label:"Related To",content:"Tesla Cloudhub + Anypoint Connectors"}],bodyLabel:"Description",isExpanded:t(2),isNarrow:e.isNarrow},"Adam seemed interested in closing this deal quickly! Let’s move.")),l.a.createElement("li",null,l.a.createElement(w,{id:p()("email-item-".concat(e.id,"-")),type:"email",title:"Re: Mobile conversation on Monday with the new global team",date:"10:00am \| 3/24/17",subtext:{you:"You",action:"emailed",to:"Lea Chan"},iconSet:f,fields:[{label:"From Address",content:"Jackie Dewar"},{label:"To Address",content:"Lea Chan"}],bodyLabel:"Text Body",isExpanded:t(3),isNarrow:e.isNarrow,footerButtons:e.footerButtons},"Hi everyone, Thanks for meeting with the team today and going through the proposals we saw. This goes on and wraps if needed.")),l.a.createElement("li",null,l.a.createElement(w,{id:p()("event-item-".concat(e.id,"-")),type:"event",title:"EBC Follow up call",date:"10:30am \| 3/24/17",subtext:{you:"You",action:"created an event with",to:"Aida Lee",extra:"and 5 others"},iconSet:x,fields:[{label:"Location",content:"Westen St. Francis, San Francisco, CA, 94622"},{label:"Attendees",content:"Jason Dewar (Organizer) + 5 others"},{label:"When",content:"March 26, 10:00 AM - 11:00 AM"}],bodyLabel:"Description",isExpanded:t(4),isNarrow:e.isNarrow,footerButtons:e.footerButtons},"Let's discuss the 2017 product roadmap and address any questions")))};t.default=l.a.createElement(C,{id:"base",isExpanded:"false"});var M=[{id:"narrow",label:"Narrow",element:l.a.createElement(L,null,l.a.createElement(C,{id:"narrow",itemsExpanded:[1,2,3,4],isNarrow:!0,footerButtons:!0}))}],O=[{id:"expanded",label:"Expanded",element:l.a.createElement(C,{id:"expanded",itemsExpanded:[1,2,3,4],footerButtons:!0})},{id:"expanded-single",label:"Expanded - Single Item",element:l.a.createElement(C,{id:"expanded",itemsExpanded:[1],footerButtons:!0})},{id:"error",label:"Error",element:l.a.createElement(C,{id:"error",itemsExpanded:[1,2,3,4],hasError:!0,footerButtons:!0})},{id:"error-single",label:"Error - Single Item",element:l.a.createElement(C,{id:"error",itemsExpanded:[1],hasError:!0,footerButtons:!0})}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/activity-timeline/base/example.jsx.js"]=function(e){function t(t){for(var n,r,i=t[0],o=t[1],c=t[2],m=0,u=[];m<i.length;m++)r=i[m],Object.prototype.hasOwnProperty.call(l,r)&&l[r]&&u.push(l[r][0]),l[r]=0;for(n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n]);for(d&&d(t);u.length;)u.shift()();return s.push.apply(s,c\|\|[]),a()}function a(){for(var e,t=0;t<s.length;t++){for(var a=s[t],n=!0,i=1;i<a.length;i++){var o=a[i];0!==l[o]&&(n=!1)}n&&(s.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},l={2:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},s=[];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_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],o=i.push.bind(i);i.push=t,i=i.slice();for(var c=0;c<i.length;c++)t(i[c]);var d=o;return s.push([636,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},636:function(e,t,a){"use strict";a.r(t),a.d(t,"TimelineIcon",(function(){return E})),a.d(t,"TimelineActions",(function(){return _})),a.d(t,"TimelineMediaFigure",(function(){return h})),a.d(t,"TimelineMediaBody",(function(){return y})),a.d(t,"TimelineTrigger",(function(){return g})),a.d(t,"TimelineSubtext",(function(){return v})),a.d(t,"TimelineError",(function(){return N})),a.d(t,"TimelineItem",(function(){return w})),a.d(t,"FieldInfoListItem",(function(){return T})),a.d(t,"FieldInfoList",(function(){return k})),a.d(t,"DescriptionCard",(function(){return S})),a.d(t,"NarrowContext",(function(){return L})),a.d(t,"ActivityTimeline",(function(){return C})),a.d(t,"examples",(function(){return M})),a.d(t,"states",(function(){return O}));var n=a(0),l=a.n(n),s=a(4),r=a(26),i=a(9),o=a(8),c=a(11),d=a(2),m=a.n(d),u=a(18),p=a.n(u),f=[l.a.createElement(o.UtilityIcon,{key:"groups",className:"slds-icon_xx-small slds-icon-text-default slds-m-left_x-small",symbol:"groups",title:"Group email",assistiveText:"Group email"}),l.a.createElement(o.UtilityIcon,{key:"attach",className:"slds-icon_xx-small slds-icon-text-default slds-m-left_x-small",symbol:"attach",title:"Has attachments",assistiveText:"Has attachments"})],b=[l.a.createElement(o.UtilityIcon,{key:"rotate",className:"slds-icon_xx-small slds-icon-text-default slds-m-left_x-small",symbol:"rotate",title:"Recurring Task",assistiveText:"Recurring Task"})],x=[l.a.createElement(o.UtilityIcon,{key:"world",className:"slds-icon_xx-small slds-icon-text-default slds-m-left_x-small",symbol:"world",title:"Public sharing",assistiveText:"Public sharing"})],E=function(e){return l.a.createElement("div",{className:m()("slds-icon_container","log_a_call"===e.symbol?"slds-icon-standard-log-a-call":"slds-icon-standard-"+e.symbol,e.className),title:"log_a_call"===e.symbol?"call":e.symbol},l.a.createElement(i.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:e.symbol}))},_=function(e){return l.a.createElement("div",{className:m()("slds-timeline__actions",{"slds-timeline__actions_inline":e.inline})},l.a.createElement("p",{className:"slds-timeline__date"},e.date\|\|"Feb 24"),l.a.createElement(s.b,{className:"slds-button_icon-border-filled slds-button_icon-x-small",symbol:"down",assistiveText:e.assistiveText\|\|"More Options","aria-haspopup":"true",title:e.title\|\|"More Options"}))},h=function(e){return l.a.createElement("div",{className:"slds-media__figure"},l.a.createElement(s.b,{iconClassName:"slds-timeline__details-action-icon",symbol:"switch",title:"Toggle details for ".concat(e.title),assistiveText:"Toggle details for ".concat(e.title),"aria-controls":e.id,"aria-expanded":e.isExpanded}),l.a.createElement(E,{symbol:e.type,className:"slds-timeline__icon"}))},y=function(e){return l.a.createElement("div",{className:"slds-media__body"},e.children)},g=function(e){return l.a.createElement("div",{className:"slds-grid slds-grid_align-spread slds-timeline__trigger"},l.a.createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-truncate_container_75 slds-no-space"},"task"===e.type&&l.a.createElement(r.Checkbox,{hideLabel:!0,label:"Mark ".concat(e.title," complete")}),l.a.createElement("h3",{className:"slds-truncate",title:e.title},l.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},l.a.createElement("strong",null,e.title))),e.iconSet&&l.a.createElement("div",{className:"slds-no-flex"},e.iconSet)),l.a.createElement(_,{inline:!0,date:e.date,title:"More Options for this item",assistiveText:"More Options for this item"}))},v=function(e){return l.a.createElement("p",{className:"slds-m-horizontal_xx-small"},l.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.subtext.you)," ",e.subtext.action," ",l.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.subtext.to)," ",e.subtext.extra)},N=function(e){return l.a.createElement("div",{className:"slds-grid slds-text-color_error slds-m-top_x-small slds-m-horizontal_xx-small",id:e.id},l.a.createElement(o.UtilityIcon,{key:"attach",className:"slds-icon-text-error slds-icon_x-small slds-m-right_xx-small",symbol:"error",title:"Error Occurred",assistiveText:"Error Occurred"}),l.a.createElement("p",null,"There was an error loading the details"))},w=function(e){return l.a.createElement("div",{className:m()("slds-timeline__item_expandable","".concat("log_a_call"===e.type?"slds-timeline__item_call":"slds-timeline__item_"+e.type),{"slds-is-open":e.isExpanded},e.className)},l.a.createElement("span",{className:"slds-assistive-text"},e.type),l.a.createElement("div",{className:m()("slds-media")},l.a.createElement(h,e),l.a.createElement(y,null,l.a.createElement(g,e),l.a.createElement(v,e),e.hasError?l.a.createElement(N,e):l.a.createElement(S,{id:e.id,isExpanded:e.isExpanded,fields:e.fields,bodyLabel:e.bodyLabel,footerButtons:e.footerButtons},e.children))))},T=function(e){return l.a.createElement("li",{className:"slds-grid slds-grid_vertical slds-size_1-of-2 slds-p-bottom_small"},l.a.createElement("span",{className:"slds-text-title slds-p-bottom_x-small"},e.label),l.a.createElement("span",{className:"slds-text-body_medium slds-truncate",title:e.content},l.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},e.content)))},k=function(e){return l.a.createElement("ul",{className:"slds-list_horizontal slds-wrap"},e.fields.map((function(e,t){return l.a.createElement(T,{key:t,label:e.label,content:e.content})})))},S=function(e){return l.a.createElement("article",{className:m()("slds-box","slds-timeline__item_details","slds-theme_shade","slds-m-top_x-small","slds-m-horizontal_xx-small",{"slds-p-around_medium":e.isExpanded},e.className),id:e.id,hidden:!e.isExpanded},e.fields&&l.a.createElement(k,e),e.children&&l.a.createElement("div",null,l.a.createElement("span",{className:"slds-text-title"},e.bodyLabel),l.a.createElement("p",{className:"slds-p-top_x-small"},e.children)),e.footerButtons&&l.a.createElement(c.Button,{isNeutral:!0,className:"slds-m-top_small"},l.a.createElement(i.a,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"world"}),"Public Sharing"))},L=function(e){return l.a.createElement("div",{className:"demo-only",style:{width:"400px"}},e.children)},C=function(e){var t=function(t){if(e.itemsExpanded)return e.itemsExpanded.includes(t)};return l.a.createElement("ul",{className:"slds-timeline"},l.a.createElement("li",null,l.a.createElement(w,{id:p()("task-item-".concat(e.id,"-")),type:"task",title:"Review proposals for EBC deck with larger team and have marketing review this",date:"9:00am \| 3/20/17",subtext:{you:"You",action:"created a task with",to:"Charlie Gomez"},iconSet:b,fields:[{label:"Name",content:"Charlie Gomez"},{label:"Related To",content:"Tesla Cloudhub + Anypoint Connectors"}],bodyLabel:"Description",isExpanded:t(1),isNarrow:e.isNarrow,hasError:e.hasError},"Need to finalize proposals and brand details before the meeting")),l.a.createElement("li",null,l.a.createElement(w,{id:p()("call-item-".concat(e.id,"-")),type:"log_a_call",title:"Mobile conversation on Monday",date:"10:00am \| 3/23/17",subtext:{you:"You",action:"logged a call with",to:"Adam Chan"},fields:[{label:"Name",content:"Adam Chan"},{label:"Related To",content:"Tesla Cloudhub + Anypoint Connectors"}],bodyLabel:"Description",isExpanded:t(2),isNarrow:e.isNarrow},"Adam seemed interested in closing this deal quickly! Let’s move.")),l.a.createElement("li",null,l.a.createElement(w,{id:p()("email-item-".concat(e.id,"-")),type:"email",title:"Re: Mobile conversation on Monday with the new global team",date:"10:00am \| 3/24/17",subtext:{you:"You",action:"emailed",to:"Lea Chan"},iconSet:f,fields:[{label:"From Address",content:"Jackie Dewar"},{label:"To Address",content:"Lea Chan"}],bodyLabel:"Text Body",isExpanded:t(3),isNarrow:e.isNarrow,footerButtons:e.footerButtons},"Hi everyone, Thanks for meeting with the team today and going through the proposals we saw. This goes on and wraps if needed.")),l.a.createElement("li",null,l.a.createElement(w,{id:p()("event-item-".concat(e.id,"-")),type:"event",title:"EBC Follow up call",date:"10:30am \| 3/24/17",subtext:{you:"You",action:"created an event with",to:"Aida Lee",extra:"and 5 others"},iconSet:x,fields:[{label:"Location",content:"Westen St. Francis, San Francisco, CA, 94622"},{label:"Attendees",content:"Jason Dewar (Organizer) + 5 others"},{label:"When",content:"March 26, 10:00 AM - 11:00 AM"}],bodyLabel:"Description",isExpanded:t(4),isNarrow:e.isNarrow,footerButtons:e.footerButtons},"Let's discuss the 2017 product roadmap and address any questions")))};t.default=l.a.createElement(C,{id:"base",isExpanded:"false"});var M=[{id:"narrow",label:"Narrow",element:l.a.createElement(L,null,l.a.createElement(C,{id:"narrow",itemsExpanded:[1,2,3,4],isNarrow:!0,footerButtons:!0}))}],O=[{id:"expanded",label:"Expanded",element:l.a.createElement(C,{id:"expanded",itemsExpanded:[1,2,3,4],footerButtons:!0})},{id:"expanded-single",label:"Expanded - Single Item",element:l.a.createElement(C,{id:"expanded",itemsExpanded:[1],footerButtons:!0})},{id:"error",label:"Error",element:l.a.createElement(C,{id:"error",itemsExpanded:[1,2,3,4],hasError:!0,footerButtons:!0})},{id:"error-single",label:"Error - Single Item",element:l.a.createElement(C,{id:"error",itemsExpanded:[1],hasError:!0,footerButtons:!0})}]}});

package/__internal/chunked/showcase/ui/components/alert/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/alert/base/example.jsx.js"]=function(e){function t(t){for(var l,s,o=t[0],i=t[1],c=t[2],d=0,f=[];d<o.length;d++)s=o[d],Object.prototype.hasOwnProperty.call(r,s)&&r[s]&&f.push(r[s][0]),r[s]=0;for(l in i)Object.prototype.hasOwnProperty.call(i,l)&&(e[l]=i[l]);for(m&&m(t);f.length;)f.shift()();return n.push.apply(n,c\|\|[]),a()}function a(){for(var e,t=0;t<n.length;t++){for(var a=n[t],l=!0,o=1;o<a.length;o++){var i=a[o];0!==r[i]&&(l=!1)}l&&(n.splice(t--,1),e=s(s.s=a[0]))}return e}var l={},r={3:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,128:0,132:0,136:0,141:0,143:0},n=[];function s(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,s),a.l=!0,a.exports}s.m=e,s.c=l,s.d=function(e,t,a){s.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(s.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)s.d(a,l,function(t){return e[t]}.bind(null,l));return a},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],i=o.push.bind(o);o.push=t,o=o.slice();for(var c=0;c<o.length;c++)t(o[c]);var m=i;return n.push([718,0]),a()}({0:function(e,t){e.exports=React},718:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return y}));var l=a(0),r=a.n(l),n=a(1),s=a.n(n),o=a(2),i=a.n(o),c=a(4),m=function(e){var t=e.type,a=e.children,l=e.isLegacy,n=i()("warning"===t&&"slds-alert_warning","error"===t&&"slds-alert_error","offline"===t&&"slds-alert_offline"),s=i()(l&&"slds-theme_alert-texture","info"===t&&l&&"slds-theme_info","warning"===t&&l&&"slds-theme_warning","error"===t&&l&&"slds-theme_error","offline"===t&&l&&"slds-theme_offline");return r.a.createElement("div",{className:i()("slds-notify slds-notify_alert",n,s),role:"alert"},r.a.createElement("span",{className:"slds-assistive-text"},t),a,r.a.createElement("div",{className:"slds-notify__close"},r.a.createElement(c.b,{className:i()("warning"!==t&&"slds-button_icon-inverse"),symbol:"close",assistiveText:"Close",title:"Close",size:"small"})))};m.propTypes={type:s.a.oneOf(["info","warning","error","offline"]),children:s.a.node,isLegacy:s.a.bool},m.defaultProps={type:"info"};var d=m,f=a(8),u=a(87),p=a(72),y=(t.default=[{id:"default",label:"Default",element:r.a.createElement(d,null,r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"user"}),r.a.createElement(p.a,{level:"2"},"Logged in as John Smith (johnsmith@acme.com)."," ",r.a.createElement(u.a,null,"Log out")))}],[{id:"theme-info",label:"Default (Theme Class - Deprecated)",element:r.a.createElement(d,{isLegacy:!0},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"user"}),r.a.createElement(p.a,{level:"2"},"Logged in as John Smith (johnsmith@acme.com)."," ",r.a.createElement(u.a,null,"Log out")))},{id:"warning",label:"Warning",element:r.a.createElement(d,{type:"warning"},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"warning"}),r.a.createElement(p.a,{level:"2"},"Your browser is outdated. Your Salesforce experience may be degraded."," ",r.a.createElement(u.a,null,"More Information")))},{id:"theme-warning",label:"Warning (Theme Class - Deprecated)",element:r.a.createElement(d,{type:"warning",isLegacy:!0},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"warning"}),r.a.createElement(p.a,{level:"2"},"Your browser is outdated. Your Salesforce experience may be degraded."," ",r.a.createElement(u.a,null,"More Information")))},{id:"error",label:"Error",element:r.a.createElement(d,{type:"error"},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"error"}),r.a.createElement(p.a,{level:"2"},"Your browser is currently not supported. Your Salesforce may be degraded. ",r.a.createElement(u.a,null,"More Information")))},{id:"theme-error",label:"Error (Theme Class - Deprecated)",element:r.a.createElement(d,{type:"error",isLegacy:!0},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"error"}),r.a.createElement(p.a,{level:"2"},"Your browser is currently not supported. Your Salesforce may be degraded. ",r.a.createElement(u.a,null,"More Information")))},{id:"offline",label:"Offline",element:r.a.createElement(d,{type:"offline"},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"offline"}),r.a.createElement(p.a,{level:"2"},"You are in offline mode. ",r.a.createElement(u.a,null,"More Information")))},{id:"theme-offline",label:"Offline (Theme Class - Deprecated)",element:r.a.createElement(d,{type:"offline",isLegacy:!0},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"offline"}),r.a.createElement(p.a,{level:"2"},"You are in offline mode. ",r.a.createElement(u.a,null,"More Information")))}])}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/alert/base/example.jsx.js"]=function(e){function t(t){for(var l,s,o=t[0],i=t[1],c=t[2],d=0,f=[];d<o.length;d++)s=o[d],Object.prototype.hasOwnProperty.call(r,s)&&r[s]&&f.push(r[s][0]),r[s]=0;for(l in i)Object.prototype.hasOwnProperty.call(i,l)&&(e[l]=i[l]);for(m&&m(t);f.length;)f.shift()();return n.push.apply(n,c\|\|[]),a()}function a(){for(var e,t=0;t<n.length;t++){for(var a=n[t],l=!0,o=1;o<a.length;o++){var i=a[o];0!==r[i]&&(l=!1)}l&&(n.splice(t--,1),e=s(s.s=a[0]))}return e}var l={},r={3:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,128:0,132:0,136:0,141:0,143:0},n=[];function s(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,s),a.l=!0,a.exports}s.m=e,s.c=l,s.d=function(e,t,a){s.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(s.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)s.d(a,l,function(t){return e[t]}.bind(null,l));return a},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],i=o.push.bind(o);o.push=t,o=o.slice();for(var c=0;c<o.length;c++)t(o[c]);var m=i;return n.push([718,0]),a()}({0:function(e,t){e.exports=React},718:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return y}));var l=a(0),r=a.n(l),n=a(1),s=a.n(n),o=a(2),i=a.n(o),c=a(4),m=function(e){var t=e.type,a=e.children,l=e.isLegacy,n=i()("warning"===t&&"slds-alert_warning","error"===t&&"slds-alert_error","offline"===t&&"slds-alert_offline"),s=i()(l&&"slds-theme_alert-texture","info"===t&&l&&"slds-theme_info","warning"===t&&l&&"slds-theme_warning","error"===t&&l&&"slds-theme_error","offline"===t&&l&&"slds-theme_offline");return r.a.createElement("div",{className:i()("slds-notify slds-notify_alert",n,s),role:"alert"},r.a.createElement("span",{className:"slds-assistive-text"},t),a,r.a.createElement("div",{className:"slds-notify__close"},r.a.createElement(c.b,{className:i()("warning"!==t&&"slds-button_icon-inverse"),symbol:"close",assistiveText:"Close",title:"Close",size:"small"})))};m.propTypes={type:s.a.oneOf(["info","warning","error","offline"]),children:s.a.node,isLegacy:s.a.bool},m.defaultProps={type:"info"};var d=m,f=a(8),u=a(87),p=a(73),y=(t.default=[{id:"default",label:"Default",element:r.a.createElement(d,null,r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"user"}),r.a.createElement(p.a,{level:"2"},"Logged in as John Smith (johnsmith@acme.com)."," ",r.a.createElement(u.a,null,"Log out")))}],[{id:"theme-info",label:"Default (Theme Class - Deprecated)",element:r.a.createElement(d,{isLegacy:!0},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"user"}),r.a.createElement(p.a,{level:"2"},"Logged in as John Smith (johnsmith@acme.com)."," ",r.a.createElement(u.a,null,"Log out")))},{id:"warning",label:"Warning",element:r.a.createElement(d,{type:"warning"},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"warning"}),r.a.createElement(p.a,{level:"2"},"Your browser is outdated. Your Salesforce experience may be degraded."," ",r.a.createElement(u.a,null,"More Information")))},{id:"theme-warning",label:"Warning (Theme Class - Deprecated)",element:r.a.createElement(d,{type:"warning",isLegacy:!0},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"warning"}),r.a.createElement(p.a,{level:"2"},"Your browser is outdated. Your Salesforce experience may be degraded."," ",r.a.createElement(u.a,null,"More Information")))},{id:"error",label:"Error",element:r.a.createElement(d,{type:"error"},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"error"}),r.a.createElement(p.a,{level:"2"},"Your browser is currently not supported. Your Salesforce may be degraded. ",r.a.createElement(u.a,null,"More Information")))},{id:"theme-error",label:"Error (Theme Class - Deprecated)",element:r.a.createElement(d,{type:"error",isLegacy:!0},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"error"}),r.a.createElement(p.a,{level:"2"},"Your browser is currently not supported. Your Salesforce may be degraded. ",r.a.createElement(u.a,null,"More Information")))},{id:"offline",label:"Offline",element:r.a.createElement(d,{type:"offline"},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"offline"}),r.a.createElement(p.a,{level:"2"},"You are in offline mode. ",r.a.createElement(u.a,null,"More Information")))},{id:"theme-offline",label:"Offline (Theme Class - Deprecated)",element:r.a.createElement(d,{type:"offline",isLegacy:!0},r.a.createElement(f.UtilityIcon,{containerClassName:"slds-m-right_x-small",className:"slds-icon_x-small",assistiveText:!1,symbol:"offline"}),r.a.createElement(p.a,{level:"2"},"You are in offline mode. ",r.a.createElement(u.a,null,"More Information")))}])}});

package/__internal/chunked/showcase/ui/components/builder-header/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/builder-header/base/example.jsx.js"]=function(e){function t(t){for(var r,i,l=t[0],u=t[1],c=t[2],p=0,f=[];p<l.length;p++)i=l[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&f.push(o[i][0]),o[i]=0;for(r in u)Object.prototype.hasOwnProperty.call(u,r)&&(e[r]=u[r]);for(s&&s(t);f.length;)f.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,l=1;l<n.length;l++){var u=n[l];0!==o[u]&&(r=!1)}r&&(a.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},o={11:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158: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 l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],u=l.push.bind(l);l.push=t,l=l.slice();for(var c=0;c<l.length;c++)t(l[c]);var s=u;return a.push([604,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},604:function(e,t,n){"use strict";n.r(t),n.d(t,"DEMO_STYLES",(function(){return i})),n.d(t,"states",(function(){return l}));var r=n(0),o=n.n(r),a=n(74),i="height: 220px; position: relative;";t.default=o.a.createElement(a.a,{showDropDown:!0});var l=[{id:"menu-open",label:"Menu open",isOpen:!0,element:o.a.createElement(a.a,{showDropDown:!0,openDropDown:!0})},{id:"with-truncation",label:"With Truncation",element:o.a.createElement(a.a,{docName:"Page Type with a very very long name that will truncate when the container is not wide enough to contain this content completely"})},{id:"has-tooltip",label:'Has "Back" Tooltip',element:o.a.createElement(a.a,{hasBackTooltip:!0})}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/builder-header/base/example.jsx.js"]=function(e){function t(t){for(var r,i,l=t[0],u=t[1],c=t[2],p=0,f=[];p<l.length;p++)i=l[p],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&f.push(o[i][0]),o[i]=0;for(r in u)Object.prototype.hasOwnProperty.call(u,r)&&(e[r]=u[r]);for(s&&s(t);f.length;)f.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,l=1;l<n.length;l++){var u=n[l];0!==o[u]&&(r=!1)}r&&(a.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},o={11:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158: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 l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],u=l.push.bind(l);l.push=t,l=l.slice();for(var c=0;c<l.length;c++)t(l[c]);var s=u;return a.push([604,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},604:function(e,t,n){"use strict";n.r(t),n.d(t,"DEMO_STYLES",(function(){return i})),n.d(t,"states",(function(){return l}));var r=n(0),o=n.n(r),a=n(75),i="height: 220px; position: relative;";t.default=o.a.createElement(a.a,{showDropDown:!0});var l=[{id:"menu-open",label:"Menu open",isOpen:!0,element:o.a.createElement(a.a,{showDropDown:!0,openDropDown:!0})},{id:"with-truncation",label:"With Truncation",element:o.a.createElement(a.a,{docName:"Page Type with a very very long name that will truncate when the container is not wide enough to contain this content completely"})},{id:"has-tooltip",label:'Has "Back" Tooltip',element:o.a.createElement(a.a,{hasBackTooltip:!0})}]}});

package/__internal/chunked/showcase/ui/components/builder-header/toolbar/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/builder-header/toolbar/example.jsx.js"]=function(e){function t(t){for(var a,s,l=t[0],u=t[1],i=t[2],c=0,p=[];c<l.length;c++)s=l[c],Object.prototype.hasOwnProperty.call(n,s)&&n[s]&&p.push(n[s][0]),n[s]=0;for(a in u)Object.prototype.hasOwnProperty.call(u,a)&&(e[a]=u[a]);for(h&&h(t);p.length;)p.shift()();return o.push.apply(o,i\|\|[]),r()}function r(){for(var e,t=0;t<o.length;t++){for(var r=o[t],a=!0,l=1;l<r.length;l++){var u=r[l];0!==n[u]&&(a=!1)}a&&(o.splice(t--,1),e=s(s.s=r[0]))}return e}var a={},n={12:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function s(t){if(a[t])return a[t].exports;var r=a[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,s),r.l=!0,r.exports}s.m=e,s.c=a,s.d=function(e,t,r){s.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(s.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)s.d(r,a,function(t){return e[t]}.bind(null,a));return r},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],u=l.push.bind(l);l.push=t,l=l.slice();for(var i=0;i<l.length;i++)t(l[i]);var h=u;return o.push([593,0]),r()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},593:function(e,t,r){"use strict";r.r(t),r.d(t,"states",(function(){return s}));var a=r(0),n=r.n(a),o=r(74);t.default=n.a.createElement(o.a,{showToolbar:!0});var s=[{id:"menu-open-with-toolbar",label:"Menu open with toolbar",isOpen:!0,element:n.a.createElement(o.a,{openDropDown:!0,showToolbar:!0})},{id:"has-status-text",label:"Has Status Text",element:n.a.createElement(o.a,{hasStatus:!0,showToolbar:!0})},{id:"has-status-text-with-tooltip",label:"Has Status Text with Tooltip",element:n.a.createElement(o.a,{hasStatus:!0,hasStatusTooltip:!0,showToolbar:!0})},{id:"has-status-text-with-warning",label:"Has Status Text with Warning",element:n.a.createElement(o.a,{hasStatus:!0,hasWarning:!0,showToolbar:!0})},{id:"has-status-text-with-error",label:"Has Status Text with error",element:n.a.createElement(o.a,{hasStatus:!0,hasError:!0,showToolbar:!0})},{id:"has-status-text-with-warning-and-error",label:"Has Status Text with warning and error",element:n.a.createElement(o.a,{hasStatus:!0,hasWarning:!0,hasError:!0,showToolbar:!0})}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/builder-header/toolbar/example.jsx.js"]=function(e){function t(t){for(var a,s,l=t[0],u=t[1],i=t[2],c=0,p=[];c<l.length;c++)s=l[c],Object.prototype.hasOwnProperty.call(n,s)&&n[s]&&p.push(n[s][0]),n[s]=0;for(a in u)Object.prototype.hasOwnProperty.call(u,a)&&(e[a]=u[a]);for(h&&h(t);p.length;)p.shift()();return o.push.apply(o,i\|\|[]),r()}function r(){for(var e,t=0;t<o.length;t++){for(var r=o[t],a=!0,l=1;l<r.length;l++){var u=r[l];0!==n[u]&&(a=!1)}a&&(o.splice(t--,1),e=s(s.s=r[0]))}return e}var a={},n={12:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function s(t){if(a[t])return a[t].exports;var r=a[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,s),r.l=!0,r.exports}s.m=e,s.c=a,s.d=function(e,t,r){s.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(s.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)s.d(r,a,function(t){return e[t]}.bind(null,a));return r},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/assets/scripts/bundle/";var l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],u=l.push.bind(l);l.push=t,l=l.slice();for(var i=0;i<l.length;i++)t(l[i]);var h=u;return o.push([593,0]),r()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},593:function(e,t,r){"use strict";r.r(t),r.d(t,"states",(function(){return s}));var a=r(0),n=r.n(a),o=r(75);t.default=n.a.createElement(o.a,{showToolbar:!0});var s=[{id:"menu-open-with-toolbar",label:"Menu open with toolbar",isOpen:!0,element:n.a.createElement(o.a,{openDropDown:!0,showToolbar:!0})},{id:"has-status-text",label:"Has Status Text",element:n.a.createElement(o.a,{hasStatus:!0,showToolbar:!0})},{id:"has-status-text-with-tooltip",label:"Has Status Text with Tooltip",element:n.a.createElement(o.a,{hasStatus:!0,hasStatusTooltip:!0,showToolbar:!0})},{id:"has-status-text-with-warning",label:"Has Status Text with Warning",element:n.a.createElement(o.a,{hasStatus:!0,hasWarning:!0,showToolbar:!0})},{id:"has-status-text-with-error",label:"Has Status Text with error",element:n.a.createElement(o.a,{hasStatus:!0,hasError:!0,showToolbar:!0})},{id:"has-status-text-with-warning-and-error",label:"Has Status Text with warning and error",element:n.a.createElement(o.a,{hasStatus:!0,hasWarning:!0,hasError:!0,showToolbar:!0})}]}});

package/__internal/chunked/showcase/ui/components/button-groups/row/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/button-groups/row/example.jsx.js"]=function(e){function t(t){for(var r,o,u=t[0],s=t[1],c=t[2],p=0,d=[];p<u.length;p++)o=u[p],Object.prototype.hasOwnProperty.call(l,o)&&l[o]&&d.push(l[o][0]),l[o]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(i&&i(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,u=1;u<n.length;u++){var s=n[u];0!==l[s]&&(r=!1)}r&&(a.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},l={15:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},a=[];function o(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,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var u=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=u.push.bind(u);u.push=t,u=u.slice();for(var c=0;c<u.length;c++)t(u[c]);var i=s;return a.push([633,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},633:function(e,t,n){"use strict";n.r(t),n.d(t,"ButtonGroupRow",(function(){return i})),n.d(t,"ButtonGroupItem",(function(){return p})),n.d(t,"examples",(function(){return d}));var r=n(0),l=n.n(r),a=n(1),o=n.n(a),u=n(12),s=n(4),c=n(112),i=function(e){return l.a.createElement("ul",{className:"slds-button-group-row"},e.children)};i.propTypes={children:o.a.node};var p=function(e){return l.a.createElement("li",{className:"slds-button-group-item"},e.children)};p.propTypes={children:o.a.node},t.default=[{id:"default",label:"Default",element:l.a.createElement(i,null,l.a.createElement(p,null,l.a.createElement(u.Button,{isNeutral:!0},"Refresh")),l.a.createElement(p,null,l.a.createElement(u.Button,{isNeutral:!0},"Edit")),l.a.createElement(p,null,l.a.createElement(u.Button,{isBrand:!0},"Save")))}];var d=[{id:"buttons-icons",label:"Row of button icons",element:l.a.createElement(i,null,l.a.createElement(p,null,l.a.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_clicked"},l.a.createElement(s.b,{hasDropdown:!0,theme:"neutral",assistiveText:"More options",title:"More Options"}))),l.a.createElement(p,null,l.a.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_clicked"},l.a.createElement(s.b,{hasDropdown:!0,theme:"neutral",symbol:"table",assistiveText:"More options",title:"More Options"}))),l.a.createElement(p,null,l.a.createElement(s.b,{symbol:"edit",theme:"neutral"})),l.a.createElement(p,null,l.a.createElement(s.b,{symbol:"refresh",theme:"neutral"})),l.a.createElement(p,null,l.a.createElement(c.ButtonGroup,null,l.a.createElement(s.b,{symbol:"chart",theme:"neutral"}),l.a.createElement(s.b,{symbol:"filter",theme:"neutral"}))))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/button-groups/row/example.jsx.js"]=function(e){function t(t){for(var r,o,u=t[0],s=t[1],c=t[2],p=0,d=[];p<u.length;p++)o=u[p],Object.prototype.hasOwnProperty.call(l,o)&&l[o]&&d.push(l[o][0]),l[o]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(i&&i(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,u=1;u<n.length;u++){var s=n[u];0!==l[s]&&(r=!1)}r&&(a.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},l={15:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},a=[];function o(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,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var u=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=u.push.bind(u);u.push=t,u=u.slice();for(var c=0;c<u.length;c++)t(u[c]);var i=s;return a.push([633,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},633:function(e,t,n){"use strict";n.r(t),n.d(t,"ButtonGroupRow",(function(){return i})),n.d(t,"ButtonGroupItem",(function(){return p})),n.d(t,"examples",(function(){return d}));var r=n(0),l=n.n(r),a=n(1),o=n.n(a),u=n(11),s=n(4),c=n(112),i=function(e){return l.a.createElement("ul",{className:"slds-button-group-row"},e.children)};i.propTypes={children:o.a.node};var p=function(e){return l.a.createElement("li",{className:"slds-button-group-item"},e.children)};p.propTypes={children:o.a.node},t.default=[{id:"default",label:"Default",element:l.a.createElement(i,null,l.a.createElement(p,null,l.a.createElement(u.Button,{isNeutral:!0},"Refresh")),l.a.createElement(p,null,l.a.createElement(u.Button,{isNeutral:!0},"Edit")),l.a.createElement(p,null,l.a.createElement(u.Button,{isBrand:!0},"Save")))}];var d=[{id:"buttons-icons",label:"Row of button icons",element:l.a.createElement(i,null,l.a.createElement(p,null,l.a.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_clicked"},l.a.createElement(s.b,{hasDropdown:!0,theme:"neutral",assistiveText:"More options",title:"More Options"}))),l.a.createElement(p,null,l.a.createElement("div",{className:"slds-dropdown-trigger slds-dropdown-trigger_clicked"},l.a.createElement(s.b,{hasDropdown:!0,theme:"neutral",symbol:"table",assistiveText:"More options",title:"More Options"}))),l.a.createElement(p,null,l.a.createElement(s.b,{symbol:"edit",theme:"neutral"})),l.a.createElement(p,null,l.a.createElement(s.b,{symbol:"refresh",theme:"neutral"})),l.a.createElement(p,null,l.a.createElement(c.ButtonGroup,null,l.a.createElement(s.b,{symbol:"chart",theme:"neutral"}),l.a.createElement(s.b,{symbol:"filter",theme:"neutral"}))))}]}});

package/__internal/chunked/showcase/ui/components/button-icons/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/button-icons/base/example.jsx.js"]=function(e){function t(t){for(var r,o,i=t[0],l=t[1],c=t[2],b=0,d=[];b<i.length;b++)o=i[b],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&d.push(a[o][0]),a[o]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(u&&u(t);d.length;)d.shift()();return s.push.apply(s,c\|\|[]),n()}function n(){for(var e,t=0;t<s.length;t++){for(var n=s[t],r=!0,i=1;i<n.length;i++){var l=n[i];0!==a[l]&&(r=!1)}r&&(s.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},a={16:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},s=[];function o(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,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],l=i.push.bind(i);i.push=t,i=i.slice();for(var c=0;c<i.length;c++)t(i[c]);var u=l;return s.push([602,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},602:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return l})),n.d(t,"examples",(function(){return c}));var r=n(0),a=n.n(r),s=n(4),o=n(12),i=n(9);t.default=[{id:"default",label:"Base – default",element:a.a.createElement(s.b,{assistiveText:"Settings",title:"Settings"})}];var l=[{id:"error",label:"Base - Error",element:a.a.createElement(s.b,{feedback:"error",symbol:"error",title:"Error",assistiveText:"Error"})},{id:"warning",label:"Base - Warning",element:a.a.createElement(s.b,{feedback:"warning",symbol:"warning",title:"Warning",assistiveText:"Warning"})},{id:"bare-disabled",label:"Base - Disabled",element:a.a.createElement(s.b,{assistiveText:"Settings",disabled:!0,title:"Settings"})}],c=[{id:"hint-hover",label:"Base - Hint on hover",element:a.a.createElement(s.a,null,a.a.createElement(s.b,{assistiveText:"Settings",iconClassName:"slds-button__icon_hint",title:"Settings"}))},{id:"button-icon-lbc-mismatch",label:"Button Icon - LBC Mismatch",element:a.a.createElement(o.Button,{className:"slds-button_icon slds-button_icon-border"},a.a.createElement("span",{className:"slds-assistive-text"},"Error"),a.a.createElement(i.a,{sprite:"utility",symbol:"clock",className:"slds-button__icon slds-icon-text-error"}))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/button-icons/base/example.jsx.js"]=function(e){function t(t){for(var r,o,i=t[0],l=t[1],c=t[2],b=0,d=[];b<i.length;b++)o=i[b],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&d.push(a[o][0]),a[o]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(u&&u(t);d.length;)d.shift()();return s.push.apply(s,c\|\|[]),n()}function n(){for(var e,t=0;t<s.length;t++){for(var n=s[t],r=!0,i=1;i<n.length;i++){var l=n[i];0!==a[l]&&(r=!1)}r&&(s.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},a={16:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},s=[];function o(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,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],l=i.push.bind(i);i.push=t,i=i.slice();for(var c=0;c<i.length;c++)t(i[c]);var u=l;return s.push([602,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},602:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return l})),n.d(t,"examples",(function(){return c}));var r=n(0),a=n.n(r),s=n(4),o=n(11),i=n(9);t.default=[{id:"default",label:"Base – default",element:a.a.createElement(s.b,{assistiveText:"Settings",title:"Settings"})}];var l=[{id:"error",label:"Base - Error",element:a.a.createElement(s.b,{feedback:"error",symbol:"error",title:"Error",assistiveText:"Error"})},{id:"warning",label:"Base - Warning",element:a.a.createElement(s.b,{feedback:"warning",symbol:"warning",title:"Warning",assistiveText:"Warning"})},{id:"bare-disabled",label:"Base - Disabled",element:a.a.createElement(s.b,{assistiveText:"Settings",disabled:!0,title:"Settings"})}],c=[{id:"hint-hover",label:"Base - Hint on hover",element:a.a.createElement(s.a,null,a.a.createElement(s.b,{assistiveText:"Settings",iconClassName:"slds-button__icon_hint",title:"Settings"}))},{id:"button-icon-lbc-mismatch",label:"Button Icon - LBC Mismatch",element:a.a.createElement(o.Button,{className:"slds-button_icon slds-button_icon-border"},a.a.createElement("span",{className:"slds-assistive-text"},"Error"),a.a.createElement(i.a,{sprite:"utility",symbol:"clock",className:"slds-button__icon slds-icon-text-error"}))}]}});

package/__internal/chunked/showcase/ui/components/buttons/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/buttons/base/example.jsx.js"]=function(e){function t(t){for(var r,a,c=t[0],s=t[1],i=t[2],p=0,f=[];p<c.length;p++)a=c[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(l&&l(t);f.length;)f.shift()();return u.push.apply(u,i\|\|[]),n()}function n(){for(var e,t=0;t<u.length;t++){for(var n=u[t],r=!0,c=1;c<n.length;c++){var s=n[c];0!==o[s]&&(r=!1)}r&&(u.splice(t--,1),e=a(a.s=n[0]))}return e}var r={},o={24:0,6:0,13:0,14:0,22:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},u=[];function a(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,a),n.l=!0,n.exports}a.m=e,a.c=r,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 r in e)a.d(n,r,function(t){return e[t]}.bind(null,r));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_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var l=s;return u.push([12,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/buttons/base/example.jsx.js"]=function(e){function t(t){for(var r,a,c=t[0],s=t[1],i=t[2],p=0,f=[];p<c.length;p++)a=c[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(l&&l(t);f.length;)f.shift()();return u.push.apply(u,i\|\|[]),n()}function n(){for(var e,t=0;t<u.length;t++){for(var n=u[t],r=!0,c=1;c<n.length;c++){var s=n[c];0!==o[s]&&(r=!1)}r&&(u.splice(t--,1),e=a(a.s=n[0]))}return e}var r={},o={24:0,6:0,13:0,14:0,22:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},u=[];function a(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,a),n.l=!0,n.exports}a.m=e,a.c=r,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 r in e)a.d(n,r,function(t){return e[t]}.bind(null,r));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_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var l=s;return u.push([11,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM}});

package/__internal/chunked/showcase/ui/components/buttons/dual-stateful/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/buttons/dual-stateful/example.jsx.js"]=function(e){function t(t){for(var r,o,s=t[0],u=t[1],i=t[2],d=0,f=[];d<s.length;d++)o=s[d],Object.prototype.hasOwnProperty.call(l,o)&&l[o]&&f.push(l[o][0]),l[o]=0;for(r in u)Object.prototype.hasOwnProperty.call(u,r)&&(e[r]=u[r]);for(c&&c(t);f.length;)f.shift()();return a.push.apply(a,i\|\|[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],r=!0,s=1;s<n.length;s++){var u=n[s];0!==l[u]&&(r=!1)}r&&(a.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},l={25:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},a=[];function o(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,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],u=s.push.bind(s);s.push=t,s=s.slice();for(var i=0;i<s.length;i++)t(s[i]);var c=u;return a.push([667,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},667:function(e,t,n){"use strict";n.r(t),n.d(t,"DualStatefulButton",(function(){return m})),n.d(t,"DefaultText",(function(){return p})),n.d(t,"PressedText",(function(){return b})),n.d(t,"states",(function(){return y})),n.d(t,"examples",(function(){return h}));var r=n(0),l=n.n(r),a=n(1),o=n.n(a),s=n(9),u=n(2),i=n.n(u),c=n(12);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,l,a=[],o=!0,s=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t\|\|a.length!==t);o=!0);}catch(e){s=!0,l=e}finally{try{o\|\|null==n.return\|\|n.return()}finally{if(s)throw l}}return a}(e,t)\|\|function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return f(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var p=function(e){return l.a.createElement("span",{className:"slds-text-not-pressed"},l.a.createElement(s.a,{className:"slds-button__icon slds-button__icon_small slds-button__icon_left",sprite:"utility",symbol:"add"}),e.children)};p.propTypes={children:o.a.string.isRequired};var b=function(e){return l.a.createElement("span",{className:"slds-text-pressed"},l.a.createElement(s.a,{className:"slds-button__icon slds-button__icon_small slds-button__icon_left",sprite:"utility",symbol:"check"}),e.children)};b.propTypes={children:o.a.string.isRequired};var m=function(e){var t=e.isDisabled,n=e.isPressed,a=d(Object(r.useState)(n),2),o=a[0],s=a[1];return l.a.createElement(c.Button,{isNeutral:!0,className:i()("slds-button_dual-stateful",{"slds-is-pressed":o}),disabled:t,"aria-live":"assertive","aria-pressed":Boolean(o).toString(),onClick:function(){return s(!o)}},l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))};m.propTypes={isDisabled:o.a.bool,isPressed:o.a.bool},t.default=[{id:"default",label:"Default",element:l.a.createElement(m,null,l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))}];var y=[{id:"disabled",label:"disabled",element:l.a.createElement(m,{isDisabled:!0},l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))}],h=[{id:"pressed",label:"pressed",element:l.a.createElement(m,{isPressed:!0},l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/buttons/dual-stateful/example.jsx.js"]=function(e){function t(t){for(var r,o,s=t[0],u=t[1],i=t[2],d=0,f=[];d<s.length;d++)o=s[d],Object.prototype.hasOwnProperty.call(l,o)&&l[o]&&f.push(l[o][0]),l[o]=0;for(r in u)Object.prototype.hasOwnProperty.call(u,r)&&(e[r]=u[r]);for(c&&c(t);f.length;)f.shift()();return a.push.apply(a,i\|\|[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],r=!0,s=1;s<n.length;s++){var u=n[s];0!==l[u]&&(r=!1)}r&&(a.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},l={25:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},a=[];function o(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,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],u=s.push.bind(s);s.push=t,s=s.slice();for(var i=0;i<s.length;i++)t(s[i]);var c=u;return a.push([667,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},667:function(e,t,n){"use strict";n.r(t),n.d(t,"DualStatefulButton",(function(){return m})),n.d(t,"DefaultText",(function(){return p})),n.d(t,"PressedText",(function(){return b})),n.d(t,"states",(function(){return y})),n.d(t,"examples",(function(){return h}));var r=n(0),l=n.n(r),a=n(1),o=n.n(a),s=n(9),u=n(2),i=n.n(u),c=n(11);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,l,a=[],o=!0,s=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t\|\|a.length!==t);o=!0);}catch(e){s=!0,l=e}finally{try{o\|\|null==n.return\|\|n.return()}finally{if(s)throw l}}return a}(e,t)\|\|function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return f(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var p=function(e){return l.a.createElement("span",{className:"slds-text-not-pressed"},l.a.createElement(s.a,{className:"slds-button__icon slds-button__icon_small slds-button__icon_left",sprite:"utility",symbol:"add"}),e.children)};p.propTypes={children:o.a.string.isRequired};var b=function(e){return l.a.createElement("span",{className:"slds-text-pressed"},l.a.createElement(s.a,{className:"slds-button__icon slds-button__icon_small slds-button__icon_left",sprite:"utility",symbol:"check"}),e.children)};b.propTypes={children:o.a.string.isRequired};var m=function(e){var t=e.isDisabled,n=e.isPressed,a=d(Object(r.useState)(n),2),o=a[0],s=a[1];return l.a.createElement(c.Button,{isNeutral:!0,className:i()("slds-button_dual-stateful",{"slds-is-pressed":o}),disabled:t,"aria-live":"assertive","aria-pressed":Boolean(o).toString(),onClick:function(){return s(!o)}},l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))};m.propTypes={isDisabled:o.a.bool,isPressed:o.a.bool},t.default=[{id:"default",label:"Default",element:l.a.createElement(m,null,l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))}];var y=[{id:"disabled",label:"disabled",element:l.a.createElement(m,{isDisabled:!0},l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))}],h=[{id:"pressed",label:"pressed",element:l.a.createElement(m,{isPressed:!0},l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))}]}});

package/__internal/chunked/showcase/ui/components/buttons/with-icon/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/buttons/with-icon/example.jsx.js"]=function(t){function e(e){for(var r,a,u=e[0],i=e[1],s=e[2],d=0,f=[];d<u.length;d++)a=u[d],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);for(c&&c(e);f.length;)f.shift()();return l.push.apply(l,s\|\|[]),n()}function n(){for(var t,e=0;e<l.length;e++){for(var n=l[e],r=!0,u=1;u<n.length;u++){var i=n[u];0!==o[i]&&(r=!1)}r&&(l.splice(e--,1),t=a(a.s=n[0]))}return t}var r={},o={27:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},l=[];function a(e){if(r[e])return r[e].exports;var n=r[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=t,a.c=r,a.d=function(t,e,n){a.o(t,e)\|\|Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)a.d(n,r,function(e){return t[e]}.bind(null,r));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="/assets/scripts/bundle/";var u=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],i=u.push.bind(u);u.push=e,u=u.slice();for(var s=0;s<u.length;s++)e(u[s]);var c=i;return l.push([653,0]),n()}({0:function(t,e){t.exports=React},16:function(t,e){t.exports=ReactDOM},653:function(t,e,n){"use strict";n.r(e),n.d(e,"states",(function(){return u})),n.d(e,"examples",(function(){return i}));var r=n(0),o=n.n(r),l=n(9),a=n(12);e.default=[{id:"default",label:"Default",element:o.a.createElement(a.Button,{isNeutral:!0},o.a.createElement(l.a,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"download"}),"Button Neutral")}];var u=[{id:"disabled",label:"Disabled",element:o.a.createElement(a.Button,{isNeutral:!0,disabled:!0},o.a.createElement(l.a,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"download"}),"Button Neutral")}],i=[{id:"with-icon-right",label:"With right icon",element:o.a.createElement(a.Button,{isNeutral:!0},"Button Neutral",o.a.createElement(l.a,{className:"slds-button__icon slds-button__icon_right",sprite:"utility",symbol:"download"}))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/buttons/with-icon/example.jsx.js"]=function(t){function e(e){for(var r,a,u=e[0],i=e[1],s=e[2],d=0,f=[];d<u.length;d++)a=u[d],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r]);for(c&&c(e);f.length;)f.shift()();return l.push.apply(l,s\|\|[]),n()}function n(){for(var t,e=0;e<l.length;e++){for(var n=l[e],r=!0,u=1;u<n.length;u++){var i=n[u];0!==o[i]&&(r=!1)}r&&(l.splice(e--,1),t=a(a.s=n[0]))}return t}var r={},o={27:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},l=[];function a(e){if(r[e])return r[e].exports;var n=r[e]={i:e,l:!1,exports:{}};return t[e].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=t,a.c=r,a.d=function(t,e,n){a.o(t,e)\|\|Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)a.d(n,r,function(e){return t[e]}.bind(null,r));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="/assets/scripts/bundle/";var u=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],i=u.push.bind(u);u.push=e,u=u.slice();for(var s=0;s<u.length;s++)e(u[s]);var c=i;return l.push([653,0]),n()}({0:function(t,e){t.exports=React},16:function(t,e){t.exports=ReactDOM},653:function(t,e,n){"use strict";n.r(e),n.d(e,"states",(function(){return u})),n.d(e,"examples",(function(){return i}));var r=n(0),o=n.n(r),l=n(9),a=n(11);e.default=[{id:"default",label:"Default",element:o.a.createElement(a.Button,{isNeutral:!0},o.a.createElement(l.a,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"download"}),"Button Neutral")}];var u=[{id:"disabled",label:"Disabled",element:o.a.createElement(a.Button,{isNeutral:!0,disabled:!0},o.a.createElement(l.a,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"download"}),"Button Neutral")}],i=[{id:"with-icon-right",label:"With right icon",element:o.a.createElement(a.Button,{isNeutral:!0},"Button Neutral",o.a.createElement(l.a,{className:"slds-button__icon slds-button__icon_right",sprite:"utility",symbol:"download"}))}]}});

package/__internal/chunked/showcase/ui/components/cards/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/cards/base/example.jsx.js"]=function(e){function a(a){for(var l,c,r=a[0],d=a[1],i=a[2],m=0,u=[];m<r.length;m++)c=r[m],Object.prototype.hasOwnProperty.call(n,c)&&n[c]&&u.push(n[c][0]),n[c]=0;for(l in d)Object.prototype.hasOwnProperty.call(d,l)&&(e[l]=d[l]);for(o&&o(a);u.length;)u.shift()();return s.push.apply(s,i\|\|[]),t()}function t(){for(var e,a=0;a<s.length;a++){for(var t=s[a],l=!0,r=1;r<t.length;r++){var d=t[r];0!==n[d]&&(l=!1)}l&&(s.splice(a--,1),e=c(c.s=t[0]))}return e}var l={},n={28:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},s=[];function c(a){if(l[a])return l[a].exports;var t=l[a]={i:a,l:!1,exports:{}};return e[a].call(t.exports,t,t.exports,c),t.l=!0,t.exports}c.m=e,c.c=l,c.d=function(e,a,t){c.o(e,a)\|\|Object.defineProperty(e,a,{enumerable:!0,get:t})},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,a){if(1&a&&(e=c(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(c.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var l in e)c.d(t,l,function(a){return e[a]}.bind(null,l));return t},c.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(a,"a",a),a},c.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},c.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=r.push.bind(r);r.push=a,r=r.slice();for(var i=0;i<r.length;i++)a(r[i]);var o=d;return s.push([645,0]),t()}({0:function(e,a){e.exports=React},16:function(e,a){e.exports=ReactDOM},645:function(e,a,t){"use strict";t.r(a),t.d(a,"CardWithDataTable",(function(){return b})),t.d(a,"CardWithTiles",(function(){return p})),t.d(a,"NestedCards",(function(){return y})),t.d(a,"WrappedCards",(function(){return f})),t.d(a,"states",(function(){return g})),t.d(a,"examples",(function(){return w}));var l=t(0),n=t.n(l),s=t(201),c=t(25),r=t(11),d=t(3),i=t(81),o=t(103),m=t(247),u=n.a.createElement("button",{className:"slds-button slds-button_neutral"},"New"),E=n.a.createElement(d.s,{isFixedLayout:!0,isBordered:!0,hasNoRowHover:!0,hasCellBuffer:!0,type:"advanced",ariaLabel:"Example table in a Card"},n.a.createElement(d.q,null,n.a.createElement(d.r,null,n.a.createElement(d.c,null,n.a.createElement(d.b,{columnName:"Name"})),n.a.createElement(d.c,null,n.a.createElement(d.b,{columnName:"Company"})),n.a.createElement(d.c,null,n.a.createElement(d.b,{columnName:"Title"})),n.a.createElement(d.c,null,n.a.createElement(d.b,{columnName:"Email"})))),n.a.createElement(d.o,null,n.a.createElement(d.p,null,n.a.createElement(d.m,null,n.a.createElement(d.j,{cellLink:!0,cellText:"Amy Choi"})),n.a.createElement(d.t,{type:"advanced"},n.a.createElement(d.j,{cellText:"Company One"})),n.a.createElement(d.t,{type:"advanced"},n.a.createElement(d.j,{cellText:"Director of Operations"})),n.a.createElement(d.t,{type:"advanced"},n.a.createElement(d.j,{cellText:"adam@company.com"}))))),h=n.a.createElement("ul",{className:"slds-grid slds-wrap slds-grid_pull-padded"},n.a.createElement("li",{className:"slds-p-horizontal_small slds-size_1-of-1 slds-medium-size_1-of-3"},n.a.createElement(s.TileMedia,{actions:!0,className:"slds-card__tile",media:n.a.createElement(c.StandardIcon,{className:"slds-icon_small",symbol:"contact",assistiveText:"Contact"}),title:"Related Record Title 1"})),n.a.createElement("li",{className:"slds-p-horizontal_small slds-size_1-of-1 slds-medium-size_1-of-3"},n.a.createElement(s.TileMedia,{actions:!0,className:"slds-card__tile",media:n.a.createElement(c.StandardIcon,{className:"slds-icon_small",symbol:"contact",assistiveText:"Contact"}),title:"Related Record Title 1"})),n.a.createElement("li",{className:"slds-p-horizontal_small slds-size_1-of-1 slds-medium-size_1-of-3"},n.a.createElement(s.TileMedia,{actions:!0,className:"slds-card__tile",media:n.a.createElement(c.StandardIcon,{className:"slds-icon_small",symbol:"contact",assistiveText:"Contact"}),title:"Related Record Title 1"}))),b=function(e){return n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Contacts (1)",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,null,E),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))},p=function(e){return n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Contacts (3)",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},h),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))},y=function(e){return n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Outer Card Header",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card` to show how styling is removed when cards are nested inside each other."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card` to show how styling is removed when cards are nested inside each other."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),n.a.createElement(r.d,{hasCardBoundary:!0},n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card` to illustrate how `slds-card_boundary` adds a rounded border when desired."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),n.a.createElement(r.d,{hasCardBoundary:!0},n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card` to illustrate how `slds-card_boundary` adds a rounded border when desired."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))))},f=function(e){return n.a.createElement("div",{className:"slds-card-wrapper"},n.a.createElement("header",null,n.a.createElement("h2",{className:"slds-text-heading_medium"},"Outer card wrapper header")),n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),n.a.createElement(r.d,{hasCardBoundary:!0},n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))))};a.default=[{id:"default",label:"Default",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,symbol:"account",action:n.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),n.a.createElement(r.a,{hasPadding:!0},"Anything can go into the card body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))}];var g=[{id:"empty",label:"Empty",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Card Header",href:!0,symbol:"contact",action:n.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),n.a.createElement(r.a,null),n.a.createElement(r.b,null))},{id:"empty-illustration",label:"Empty with illustration",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Tasks",href:!0,symbol:"task"}),n.a.createElement(r.a,{hasPadding:!0},n.a.createElement(m.Illustration,null,n.a.createElement(o.d,null),n.a.createElement(m.IllustrationText,{heading:"No new tasks",message:"Nothing needs your attention right now. Check back later."}))))},{id:"loading",label:"Loading",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Tasks",href:!0,symbol:"task"}),n.a.createElement(r.a,{hasPadding:!0},n.a.createElement(i.Spinner,{className:"slds-spinner_small"})))}],w=[{id:"related-list-table",label:"With data-table",element:n.a.createElement(b,null)},{id:"related-list-tiles",label:"With tiles",element:n.a.createElement(p,null)},{id:"nested-cards",label:"Nested cards",element:n.a.createElement(y,null)},{id:"with-no-header",label:"With no header",element:n.a.createElement(r.d,null,n.a.createElement(r.a,{hasPadding:!0},"Anything can go into the card body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"visibly-hidden-card-header",label:"Visibly hidden card header",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Card Header",href:!0,className:"slds-assistive-text"}),n.a.createElement(r.a,{hasPadding:!0},"Anything can go into the card body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"body-has-no-padding",label:"Body with no padding",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,symbol:"account"}),n.a.createElement(r.a,null,"Card Body"))},{id:"body-has-padding",label:"Body with padding",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},"Card Body with Padding"))},{id:"has-no-footer",label:"No footer",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,showIcon:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},"Card Body"),n.a.createElement(r.b,null))},{id:"has-footer",label:"Has footer",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,showIcon:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},"Card Body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"nested-no-boundary",label:"Nested with no boundary",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Outer Card Header",href:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Card Header",href:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},"This is a nested card with no styling (default)"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"nested-with-boundary",label:"Nested with boundary",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Outer Card Header",href:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},n.a.createElement(r.d,{hasCardBoundary:!0},n.a.createElement(r.c,{title:"Card Header",href:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card` to illustrate how `slds-card_boundary` adds a rounded border when desired."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"with-long-truncated-title",label:"With long truncated title",demoStyles:"max-width: 360px;",storybookStyles:!0,element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Card Header Title With Exceptionally Long Title",href:!0,symbol:"account",action:n.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),n.a.createElement(r.a,{hasPadding:!0},"Anything can go into the card body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"styling-hooks",label:"Styling Hooks",demoStyles:"\n --slds-c-card-color-background: #f3f3f3;\n --slds-c-card-radius-border: 8px;\n --slds-c-card-shadow: rgba(0,0,0,.15) 0 4px 8px, rgba(0,0,0,.05) 0 2px 4px;\n --slds-c-card-spacing-block-start: 1.5rem;\n --slds-c-card-spacing-block-end: 0.5rem;\n --slds-c-card-spacing-inline: 1rem;\n --slds-c-card-title-font-size: 1.5rem;\n --slds-c-card-header-spacing-block-start: 0;\n --slds-c-card-header-spacing-inline-start: 1.5rem;\n --slds-c-card-header-spacing-inline-end: 1.5rem;\n --slds-c-card-body-spacing-inline-start: 1.5rem;\n --slds-c-card-body-spacing-inline-end: 1.5rem;\n --slds-c-card-body-spacing-block-end: 1rem;\n --slds-c-card-footer-spacing-block-start: 0.5rem;\n --slds-c-card-footer-spacing-block-end: 0;\n --slds-c-card-footer-spacing-inline-start: 1.5rem;\n --slds-c-card-footer-spacing-inline-end: 1.5rem;\n --slds-c-card-footer-font-size: 0.75rem;\n --slds-c-card-footer-text-align: right;\n ",storybookStyles:!0,element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,symbol:"account",action:n.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),n.a.createElement(r.a,null,"Anything can go into the card body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/cards/base/example.jsx.js"]=function(e){function a(a){for(var l,c,r=a[0],d=a[1],i=a[2],m=0,u=[];m<r.length;m++)c=r[m],Object.prototype.hasOwnProperty.call(n,c)&&n[c]&&u.push(n[c][0]),n[c]=0;for(l in d)Object.prototype.hasOwnProperty.call(d,l)&&(e[l]=d[l]);for(o&&o(a);u.length;)u.shift()();return s.push.apply(s,i\|\|[]),t()}function t(){for(var e,a=0;a<s.length;a++){for(var t=s[a],l=!0,r=1;r<t.length;r++){var d=t[r];0!==n[d]&&(l=!1)}l&&(s.splice(a--,1),e=c(c.s=t[0]))}return e}var l={},n={28:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},s=[];function c(a){if(l[a])return l[a].exports;var t=l[a]={i:a,l:!1,exports:{}};return e[a].call(t.exports,t,t.exports,c),t.l=!0,t.exports}c.m=e,c.c=l,c.d=function(e,a,t){c.o(e,a)\|\|Object.defineProperty(e,a,{enumerable:!0,get:t})},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,a){if(1&a&&(e=c(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(c.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var l in e)c.d(t,l,function(a){return e[a]}.bind(null,l));return t},c.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(a,"a",a),a},c.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},c.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=r.push.bind(r);r.push=a,r=r.slice();for(var i=0;i<r.length;i++)a(r[i]);var o=d;return s.push([645,0]),t()}({0:function(e,a){e.exports=React},16:function(e,a){e.exports=ReactDOM},645:function(e,a,t){"use strict";t.r(a),t.d(a,"CardWithDataTable",(function(){return b})),t.d(a,"CardWithTiles",(function(){return p})),t.d(a,"NestedCards",(function(){return y})),t.d(a,"WrappedCards",(function(){return f})),t.d(a,"states",(function(){return g})),t.d(a,"examples",(function(){return w}));var l=t(0),n=t.n(l),s=t(201),c=t(25),r=t(12),d=t(3),i=t(82),o=t(103),m=t(247),u=n.a.createElement("button",{className:"slds-button slds-button_neutral"},"New"),E=n.a.createElement(d.s,{isFixedLayout:!0,isBordered:!0,hasNoRowHover:!0,hasCellBuffer:!0,type:"advanced",ariaLabel:"Example table in a Card"},n.a.createElement(d.q,null,n.a.createElement(d.r,null,n.a.createElement(d.c,null,n.a.createElement(d.b,{columnName:"Name"})),n.a.createElement(d.c,null,n.a.createElement(d.b,{columnName:"Company"})),n.a.createElement(d.c,null,n.a.createElement(d.b,{columnName:"Title"})),n.a.createElement(d.c,null,n.a.createElement(d.b,{columnName:"Email"})))),n.a.createElement(d.o,null,n.a.createElement(d.p,null,n.a.createElement(d.m,null,n.a.createElement(d.j,{cellLink:!0,cellText:"Amy Choi"})),n.a.createElement(d.t,{type:"advanced"},n.a.createElement(d.j,{cellText:"Company One"})),n.a.createElement(d.t,{type:"advanced"},n.a.createElement(d.j,{cellText:"Director of Operations"})),n.a.createElement(d.t,{type:"advanced"},n.a.createElement(d.j,{cellText:"adam@company.com"}))))),h=n.a.createElement("ul",{className:"slds-grid slds-wrap slds-grid_pull-padded"},n.a.createElement("li",{className:"slds-p-horizontal_small slds-size_1-of-1 slds-medium-size_1-of-3"},n.a.createElement(s.TileMedia,{actions:!0,className:"slds-card__tile",media:n.a.createElement(c.StandardIcon,{className:"slds-icon_small",symbol:"contact",assistiveText:"Contact"}),title:"Related Record Title 1"})),n.a.createElement("li",{className:"slds-p-horizontal_small slds-size_1-of-1 slds-medium-size_1-of-3"},n.a.createElement(s.TileMedia,{actions:!0,className:"slds-card__tile",media:n.a.createElement(c.StandardIcon,{className:"slds-icon_small",symbol:"contact",assistiveText:"Contact"}),title:"Related Record Title 1"})),n.a.createElement("li",{className:"slds-p-horizontal_small slds-size_1-of-1 slds-medium-size_1-of-3"},n.a.createElement(s.TileMedia,{actions:!0,className:"slds-card__tile",media:n.a.createElement(c.StandardIcon,{className:"slds-icon_small",symbol:"contact",assistiveText:"Contact"}),title:"Related Record Title 1"}))),b=function(e){return n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Contacts (1)",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,null,E),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))},p=function(e){return n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Contacts (3)",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},h),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))},y=function(e){return n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Outer Card Header",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card` to show how styling is removed when cards are nested inside each other."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card` to show how styling is removed when cards are nested inside each other."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),n.a.createElement(r.d,{hasCardBoundary:!0},n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card` to illustrate how `slds-card_boundary` adds a rounded border when desired."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),n.a.createElement(r.d,{hasCardBoundary:!0},n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card` to illustrate how `slds-card_boundary` adds a rounded border when desired."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))))},f=function(e){return n.a.createElement("div",{className:"slds-card-wrapper"},n.a.createElement("header",null,n.a.createElement("h2",{className:"slds-text-heading_medium"},"Outer card wrapper header")),n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),n.a.createElement(r.d,{hasCardBoundary:!0},n.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:u}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))))};a.default=[{id:"default",label:"Default",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,symbol:"account",action:n.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),n.a.createElement(r.a,{hasPadding:!0},"Anything can go into the card body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))}];var g=[{id:"empty",label:"Empty",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Card Header",href:!0,symbol:"contact",action:n.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),n.a.createElement(r.a,null),n.a.createElement(r.b,null))},{id:"empty-illustration",label:"Empty with illustration",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Tasks",href:!0,symbol:"task"}),n.a.createElement(r.a,{hasPadding:!0},n.a.createElement(m.Illustration,null,n.a.createElement(o.d,null),n.a.createElement(m.IllustrationText,{heading:"No new tasks",message:"Nothing needs your attention right now. Check back later."}))))},{id:"loading",label:"Loading",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Tasks",href:!0,symbol:"task"}),n.a.createElement(r.a,{hasPadding:!0},n.a.createElement(i.Spinner,{className:"slds-spinner_small"})))}],w=[{id:"related-list-table",label:"With data-table",element:n.a.createElement(b,null)},{id:"related-list-tiles",label:"With tiles",element:n.a.createElement(p,null)},{id:"nested-cards",label:"Nested cards",element:n.a.createElement(y,null)},{id:"with-no-header",label:"With no header",element:n.a.createElement(r.d,null,n.a.createElement(r.a,{hasPadding:!0},"Anything can go into the card body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"visibly-hidden-card-header",label:"Visibly hidden card header",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Card Header",href:!0,className:"slds-assistive-text"}),n.a.createElement(r.a,{hasPadding:!0},"Anything can go into the card body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"body-has-no-padding",label:"Body with no padding",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,symbol:"account"}),n.a.createElement(r.a,null,"Card Body"))},{id:"body-has-padding",label:"Body with padding",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},"Card Body with Padding"))},{id:"has-no-footer",label:"No footer",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,showIcon:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},"Card Body"),n.a.createElement(r.b,null))},{id:"has-footer",label:"Has footer",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,showIcon:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},"Card Body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"nested-no-boundary",label:"Nested with no boundary",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Outer Card Header",href:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Card Header",href:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},"This is a nested card with no styling (default)"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"nested-with-boundary",label:"Nested with boundary",element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Outer Card Header",href:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},n.a.createElement(r.d,{hasCardBoundary:!0},n.a.createElement(r.c,{title:"Card Header",href:!0,symbol:"account"}),n.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card` to illustrate how `slds-card_boundary` adds a rounded border when desired."),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"with-long-truncated-title",label:"With long truncated title",demoStyles:"max-width: 360px;",storybookStyles:!0,element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Card Header Title With Exceptionally Long Title",href:!0,symbol:"account",action:n.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),n.a.createElement(r.a,{hasPadding:!0},"Anything can go into the card body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))},{id:"styling-hooks",label:"Styling Hooks",demoStyles:"\n --slds-c-card-color-background: #f3f3f3;\n --slds-c-card-radius-border: 8px;\n --slds-c-card-shadow: rgba(0,0,0,.15) 0 4px 8px, rgba(0,0,0,.05) 0 2px 4px;\n --slds-c-card-spacing-block-start: 1.5rem;\n --slds-c-card-spacing-block-end: 0.5rem;\n --slds-c-card-spacing-inline: 1rem;\n --slds-c-card-title-font-size: 1.5rem;\n --slds-c-card-header-spacing-block-start: 0;\n --slds-c-card-header-spacing-inline-start: 1.5rem;\n --slds-c-card-header-spacing-inline-end: 1.5rem;\n --slds-c-card-body-spacing-inline-start: 1.5rem;\n --slds-c-card-body-spacing-inline-end: 1.5rem;\n --slds-c-card-body-spacing-block-end: 1rem;\n --slds-c-card-footer-spacing-block-start: 0.5rem;\n --slds-c-card-footer-spacing-block-end: 0;\n --slds-c-card-footer-spacing-inline-start: 1.5rem;\n --slds-c-card-footer-spacing-inline-end: 1.5rem;\n --slds-c-card-footer-font-size: 0.75rem;\n --slds-c-card-footer-text-align: right;\n ",storybookStyles:!0,element:n.a.createElement(r.d,null,n.a.createElement(r.c,{title:"Accounts",href:!0,symbol:"account",action:n.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),n.a.createElement(r.a,null,"Anything can go into the card body"),n.a.createElement(r.b,null,"View All ",n.a.createElement("span",{className:"slds-assistive-text"},"Accounts")))}]}});

package/__internal/chunked/showcase/ui/components/cards/einstein/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/cards/einstein/example.jsx.js"]=function(e){function t(t){for(var n,i,r=t[0],c=t[1],o=t[2],u=0,m=[];u<r.length;u++)i=r[u],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&m.push(a[i][0]),a[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(d&&d(t);m.length;)m.shift()();return l.push.apply(l,o\|\|[]),s()}function s(){for(var e,t=0;t<l.length;t++){for(var s=l[t],n=!0,r=1;r<s.length;r++){var c=s[r];0!==a[c]&&(n=!1)}n&&(l.splice(t--,1),e=i(i.s=s[0]))}return e}var n={},a={29:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},l=[];function i(t){if(n[t])return n[t].exports;var s=n[t]={i:t,l:!1,exports:{}};return e[t].call(s.exports,s,s.exports,i),s.l=!0,s.exports}i.m=e,i.c=n,i.d=function(e,t,s){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:s})},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 s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},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 r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=r.push.bind(r);r.push=t,r=r.slice();for(var o=0;o<r.length;o++)t(r[o]);var d=c;return l.push([714,0]),s()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},714:function(e,t,s){"use strict";s.r(t),s.d(t,"EinsteinCard",(function(){return f})),s.d(t,"states",(function(){return h}));var n=s(0),a=s.n(n),l=s(11),i=s(9),r=s(4),c=s(112),o=s(2),d=s.n(o),u=function(e){return a.a.createElement("div",{className:"slds-einstein-header__actions"},a.a.createElement(c.ButtonGroup,null,a.a.createElement(r.b,{className:"slds-button_icon-border-filled",symbol:"email",assistiveText:"Email",title:"Email","aria-pressed":"false"}),a.a.createElement(r.b,{className:"slds-button_icon-border-filled",symbol:"edit",assistiveText:"Edit",title:"Edit","aria-pressed":"false"})))},m=function(e){return a.a.createElement("div",{className:d()("slds-grid slds-einstein-header",e.className)},e.closeButton?a.a.createElement(r.b,{className:d()("slds-button_icon-small slds-float_right slds-popover__close",e.inverse?"slds-button_icon-inverse":"slds-button_icon"),symbol:"close",assistiveText:"Close dialog",title:"Close dialog"}):null,a.a.createElement("header",{className:d()("slds-media slds-media_center slds-has-flexi-truncate")},a.a.createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-size_3-of-4 slds-medium-size_2-of-3"},e.symbol?a.a.createElement("div",{className:"slds-media__figure"},a.a.createElement("span",{className:"slds-icon_container slds-icon-utility-"+e.symbol},a.a.createElement(i.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:e.symbol}))):null,a.a.createElement("div",{className:"slds-media__body"},a.a.createElement("h2",{className:"slds-truncate",id:e.headingId,title:e.headerTitle\|\|"Einstein"},e.hasLink?a.a.createElement("a",{href:"#",className:"slds-card__header-link",title:e.headerTitle\|\|"Einstein",onClick:function(e){return e.preventDefault()}},a.a.createElement("span",{className:"slds-text-heading_small"},e.headerTitle\|\|"Einstein")):a.a.createElement("span",{className:"slds-text-heading_small"},e.headerTitle\|\|"Einstein")))),a.a.createElement("div",{className:"slds-einstein-header__figure slds-size_1-of-4 slds-medium-size_1-of-3"})),e.actions&&a.a.createElement(u,null))},f=function(e){return a.a.createElement(l.d,null,a.a.createElement(m,{className:"slds-card__header",headerTitle:"Einstein (10+)",hasLink:!0,actions:e.hasActions,symbol:e.hasIcon&&"salesforce1"}),a.a.createElement(l.a,{hasPadding:!0},"Card Body"),a.a.createElement(l.b,null,"View All"," ",a.a.createElement("span",{className:"slds-assistive-text"},"Einstein Recommendations")))},h=(t.default=a.a.createElement(f,null),[{id:"einstein-with-icon",label:"Einstein card - with icon",element:a.a.createElement(f,{hasIcon:!0})},{id:"einstein-with-icon-and-actions",label:"Einstein card - with icon and actions",element:a.a.createElement(f,{hasIcon:!0,hasActions:!0})}])}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/cards/einstein/example.jsx.js"]=function(e){function t(t){for(var n,i,r=t[0],c=t[1],o=t[2],u=0,m=[];u<r.length;u++)i=r[u],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&m.push(a[i][0]),a[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(d&&d(t);m.length;)m.shift()();return l.push.apply(l,o\|\|[]),s()}function s(){for(var e,t=0;t<l.length;t++){for(var s=l[t],n=!0,r=1;r<s.length;r++){var c=s[r];0!==a[c]&&(n=!1)}n&&(l.splice(t--,1),e=i(i.s=s[0]))}return e}var n={},a={29:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},l=[];function i(t){if(n[t])return n[t].exports;var s=n[t]={i:t,l:!1,exports:{}};return e[t].call(s.exports,s,s.exports,i),s.l=!0,s.exports}i.m=e,i.c=n,i.d=function(e,t,s){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:s})},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 s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},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 r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=r.push.bind(r);r.push=t,r=r.slice();for(var o=0;o<r.length;o++)t(r[o]);var d=c;return l.push([714,0]),s()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},714:function(e,t,s){"use strict";s.r(t),s.d(t,"EinsteinCard",(function(){return f})),s.d(t,"states",(function(){return h}));var n=s(0),a=s.n(n),l=s(12),i=s(9),r=s(4),c=s(112),o=s(2),d=s.n(o),u=function(e){return a.a.createElement("div",{className:"slds-einstein-header__actions"},a.a.createElement(c.ButtonGroup,null,a.a.createElement(r.b,{className:"slds-button_icon-border-filled",symbol:"email",assistiveText:"Email",title:"Email","aria-pressed":"false"}),a.a.createElement(r.b,{className:"slds-button_icon-border-filled",symbol:"edit",assistiveText:"Edit",title:"Edit","aria-pressed":"false"})))},m=function(e){return a.a.createElement("div",{className:d()("slds-grid slds-einstein-header",e.className)},e.closeButton?a.a.createElement(r.b,{className:d()("slds-button_icon-small slds-float_right slds-popover__close",e.inverse?"slds-button_icon-inverse":"slds-button_icon"),symbol:"close",assistiveText:"Close dialog",title:"Close dialog"}):null,a.a.createElement("header",{className:d()("slds-media slds-media_center slds-has-flexi-truncate")},a.a.createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-size_3-of-4 slds-medium-size_2-of-3"},e.symbol?a.a.createElement("div",{className:"slds-media__figure"},a.a.createElement("span",{className:"slds-icon_container slds-icon-utility-"+e.symbol},a.a.createElement(i.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:e.symbol}))):null,a.a.createElement("div",{className:"slds-media__body"},a.a.createElement("h2",{className:"slds-truncate",id:e.headingId,title:e.headerTitle\|\|"Einstein"},e.hasLink?a.a.createElement("a",{href:"#",className:"slds-card__header-link",title:e.headerTitle\|\|"Einstein",onClick:function(e){return e.preventDefault()}},a.a.createElement("span",{className:"slds-text-heading_small"},e.headerTitle\|\|"Einstein")):a.a.createElement("span",{className:"slds-text-heading_small"},e.headerTitle\|\|"Einstein")))),a.a.createElement("div",{className:"slds-einstein-header__figure slds-size_1-of-4 slds-medium-size_1-of-3"})),e.actions&&a.a.createElement(u,null))},f=function(e){return a.a.createElement(l.d,null,a.a.createElement(m,{className:"slds-card__header",headerTitle:"Einstein (10+)",hasLink:!0,actions:e.hasActions,symbol:e.hasIcon&&"salesforce1"}),a.a.createElement(l.a,{hasPadding:!0},"Card Body"),a.a.createElement(l.b,null,"View All"," ",a.a.createElement("span",{className:"slds-assistive-text"},"Einstein Recommendations")))},h=(t.default=a.a.createElement(f,null),[{id:"einstein-with-icon",label:"Einstein card - with icon",element:a.a.createElement(f,{hasIcon:!0})},{id:"einstein-with-icon-and-actions",label:"Einstein card - with icon and actions",element:a.a.createElement(f,{hasIcon:!0,hasActions:!0})}])}});

package/__internal/chunked/showcase/ui/components/cards/wrapper/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/cards/wrapper/example.jsx.js"]=function(e){function t(t){for(var n,l,c=t[0],d=t[1],o=t[2],u=0,m=[];u<c.length;u++)l=c[u],Object.prototype.hasOwnProperty.call(s,l)&&s[l]&&m.push(s[l][0]),s[l]=0;for(n in d)Object.prototype.hasOwnProperty.call(d,n)&&(e[n]=d[n]);for(i&&i(t);m.length;)m.shift()();return r.push.apply(r,o\|\|[]),a()}function a(){for(var e,t=0;t<r.length;t++){for(var a=r[t],n=!0,c=1;c<a.length;c++){var d=a[c];0!==s[d]&&(n=!1)}n&&(r.splice(t--,1),e=l(l.s=a[0]))}return e}var n={},s={30:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,128:0,132:0,136:0,141:0,143:0},r=[];function l(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,l),a.l=!0,a.exports}l.m=e,l.c=n,l.d=function(e,t,a){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},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 a=Object.create(null);if(l.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(a,n,function(t){return e[t]}.bind(null,n));return a},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 c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=c.push.bind(c);c.push=t,c=c.slice();for(var o=0;o<c.length;o++)t(c[o]);var i=d;return r.push([580,0]),a()}({0:function(e,t){e.exports=React},580:function(e,t,a){"use strict";a.r(t),a.d(t,"examples",(function(){return c}));var n=a(0),s=a.n(n),r=a(11),l=a(24);t.default=[{id:"default",label:"Default",element:s.a.createElement("div",{className:"slds-card-wrapper"},s.a.createElement(r.d,null,s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),s.a.createElement(r.d,{hasCardBoundary:!0},s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))))}];var c=[{id:"tabs-wrapper",label:"Card wrapper for tabs",element:s.a.createElement("div",{className:"slds-card-wrapper"},s.a.createElement(l.a,{selectedIndex:0},s.a.createElement(l.a.Item,{title:"Item One",id:"tab-default-1"},s.a.createElement(r.d,null,s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),s.a.createElement(r.d,{hasCardBoundary:!0},s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))),s.a.createElement(l.a.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),s.a.createElement(l.a.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content")))},{id:"styling-hooks",label:"Styling Hooks",demoStyles:"\n --slds-c-card-color-background: #f3f3f3;\n --slds-c-card-radius-border: 8px;\n --slds-c-card-shadow: rgba(0,0,0,.15) 0 4px 8px, rgba(0,0,0,.05) 0 2px 4px;\n --slds-c-card-spacing-block-start: 1.5rem;\n --slds-c-card-spacing-block-end: 0.5rem;\n --slds-c-card-title-font-size: 1.5rem;\n --slds-c-card-header-spacing-block-start: 0;\n --slds-c-card-header-spacing-inline-start: 1.5rem;\n --slds-c-card-header-spacing-inline-end: 1.5rem;\n --slds-c-card-body-spacing-inline-start: 1.5rem;\n --slds-c-card-body-spacing-inline-end: 1.5rem;\n --slds-c-card-body-spacing-block-end: 1rem;\n --slds-c-card-footer-spacing-block-start: 0.5rem;\n --slds-c-card-footer-spacing-block-end: 0;\n --slds-c-card-footer-spacing-inline-start: 1.5rem;\n --slds-c-card-footer-spacing-inline-end: 1.5rem;\n --slds-c-card-footer-font-size: 0.75rem;\n --slds-c-card-footer-text-align: right;\n ",storybookStyles:!0,element:s.a.createElement("div",{className:"slds-card-wrapper"},s.a.createElement(l.a,{selectedIndex:0},s.a.createElement(l.a.Item,{title:"Item One",id:"tab-default-1"},s.a.createElement(r.d,null,s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),s.a.createElement(r.d,{hasCardBoundary:!0},s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))),s.a.createElement(l.a.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),s.a.createElement(l.a.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content")))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/cards/wrapper/example.jsx.js"]=function(e){function t(t){for(var n,l,c=t[0],d=t[1],o=t[2],u=0,m=[];u<c.length;u++)l=c[u],Object.prototype.hasOwnProperty.call(s,l)&&s[l]&&m.push(s[l][0]),s[l]=0;for(n in d)Object.prototype.hasOwnProperty.call(d,n)&&(e[n]=d[n]);for(i&&i(t);m.length;)m.shift()();return r.push.apply(r,o\|\|[]),a()}function a(){for(var e,t=0;t<r.length;t++){for(var a=r[t],n=!0,c=1;c<a.length;c++){var d=a[c];0!==s[d]&&(n=!1)}n&&(r.splice(t--,1),e=l(l.s=a[0]))}return e}var n={},s={30:0,6:0,22:0,73:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,128:0,132:0,136:0,141:0,143:0},r=[];function l(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,l),a.l=!0,a.exports}l.m=e,l.c=n,l.d=function(e,t,a){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},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 a=Object.create(null);if(l.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(a,n,function(t){return e[t]}.bind(null,n));return a},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 c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=c.push.bind(c);c.push=t,c=c.slice();for(var o=0;o<c.length;o++)t(c[o]);var i=d;return r.push([580,0]),a()}({0:function(e,t){e.exports=React},580:function(e,t,a){"use strict";a.r(t),a.d(t,"examples",(function(){return c}));var n=a(0),s=a.n(n),r=a(12),l=a(24);t.default=[{id:"default",label:"Default",element:s.a.createElement("div",{className:"slds-card-wrapper"},s.a.createElement(r.d,null,s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),s.a.createElement(r.d,{hasCardBoundary:!0},s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))))}];var c=[{id:"tabs-wrapper",label:"Card wrapper for tabs",element:s.a.createElement("div",{className:"slds-card-wrapper"},s.a.createElement(l.a,{selectedIndex:0},s.a.createElement(l.a.Item,{title:"Item One",id:"tab-default-1"},s.a.createElement(r.d,null,s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),s.a.createElement(r.d,{hasCardBoundary:!0},s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))),s.a.createElement(l.a.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),s.a.createElement(l.a.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content")))},{id:"styling-hooks",label:"Styling Hooks",demoStyles:"\n --slds-c-card-color-background: #f3f3f3;\n --slds-c-card-radius-border: 8px;\n --slds-c-card-shadow: rgba(0,0,0,.15) 0 4px 8px, rgba(0,0,0,.05) 0 2px 4px;\n --slds-c-card-spacing-block-start: 1.5rem;\n --slds-c-card-spacing-block-end: 0.5rem;\n --slds-c-card-title-font-size: 1.5rem;\n --slds-c-card-header-spacing-block-start: 0;\n --slds-c-card-header-spacing-inline-start: 1.5rem;\n --slds-c-card-header-spacing-inline-end: 1.5rem;\n --slds-c-card-body-spacing-inline-start: 1.5rem;\n --slds-c-card-body-spacing-inline-end: 1.5rem;\n --slds-c-card-body-spacing-block-end: 1rem;\n --slds-c-card-footer-spacing-block-start: 0.5rem;\n --slds-c-card-footer-spacing-block-end: 0;\n --slds-c-card-footer-spacing-inline-start: 1.5rem;\n --slds-c-card-footer-spacing-inline-end: 1.5rem;\n --slds-c-card-footer-font-size: 0.75rem;\n --slds-c-card-footer-text-align: right;\n ",storybookStyles:!0,element:s.a.createElement("div",{className:"slds-card-wrapper"},s.a.createElement(l.a,{selectedIndex:0},s.a.createElement(l.a.Item,{title:"Item One",id:"tab-default-1"},s.a.createElement(r.d,null,s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,null,"This is a card inside an `slds-card-wrapper` to show how styling is removed when cards are nested inside."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts"))),s.a.createElement(r.d,{hasCardBoundary:!0},s.a.createElement(r.c,{title:"Contacts",href:!0,symbol:"contact",action:s.a.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),s.a.createElement(r.a,{hasPadding:!0},"This is a card inside an `slds-card-wrapper` to illustrate how `slds-card_boundary` adds a rounded border when desired."),s.a.createElement(r.b,null,"View All ",s.a.createElement("span",{className:"slds-assistive-text"},"Contacts")))),s.a.createElement(l.a.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),s.a.createElement(l.a.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content")))}]}});

package/__internal/chunked/showcase/ui/components/combobox/dialog/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/combobox/dialog/example.jsx.js"]=function(e){function t(t){for(var l,i,s=t[0],r=t[1],c=t[2],d=0,p=[];d<s.length;d++)i=s[d],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&p.push(a[i][0]),a[i]=0;for(l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);for(u&&u(t);p.length;)p.shift()();return o.push.apply(o,c\|\|[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],l=!0,s=1;s<n.length;s++){var r=n[s];0!==a[r]&&(l=!1)}l&&(o.splice(t--,1),e=i(i.s=n[0]))}return e}var l={},a={48:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function i(t){if(l[t])return l[t].exports;var n=l[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=l,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 l in e)i.d(n,l,function(t){return e[t]}.bind(null,l));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],r=s.push.bind(s);s.push=t,s=s.slice();for(var c=0;c<s.length;c++)t(s[c]);var u=r;return o.push([634,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},634:function(e,t,n){"use strict";n.r(t),n.d(t,"ComboboxWithDialog",(function(){return p})),n.d(t,"states",(function(){return m})),n.d(t,"examples",(function(){return b}));var l=n(0),a=n.n(l),o=n(19),i=n(8),s=n(6),r=n(35),c=n(12),u=n(5),d=n(26),p=function(){var e=s.d.uniqueId("popover-id-");return a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":e,label:"Languages",selectOnly:!0,inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:e,title:"Language Options",isFullWidth:!0,isHidden:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,null),a.a.createElement(c.Button,null))},a.a.createElement("div",null,"Any content can go here in this Dialog"))})};t.default=[{context:"Dialog",id:"".concat("Dialog".toLowerCase(),"-default"),label:"".concat("Dialog"," default"),element:a.a.createElement(p,null)}];var m=[{context:"Dialog",id:"open",label:"Open",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-01",label:"Languages",selectOnly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-01",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement("div",null,"Any content can go here in this Dialog"))})}],b=[{context:"Dialog",id:"with-checkbox-group",label:"With Checkbox Group",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-02",label:"Languages",selectOnly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-02",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German"}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English"}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})},{context:"Dialog",id:"selecting-options",label:"Selecting Options",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-03",label:"Languages",selectOnly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-03",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German",checked:!0}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})},{context:"Dialog",id:"open-one-option-selected",label:"Open - One Option Selected ",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-04",label:"Languages",selectOnly:!0,isOpen:!0,value:"German",inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-04",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German",checked:!0}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English"}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})},{context:"Dialog",id:"closed-one-option-selected",label:"Closed - One Option Selected",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-05",label:"Languages",selectOnly:!0,value:"German",inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-05",title:"Language Options",isHidden:!0,isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German",checked:!0}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English"}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})},{context:"Dialog",id:"open-two-or-more-options-selected",label:"Open - Two or More Options Selected",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-06",label:"Languages",selectOnly:!0,isOpen:!0,value:"2 options selected",inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-06",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German",checked:!0}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})},{context:"Dialog",id:"closed-two-or-more-options-selected",label:"Closed - Two or More Options Selected",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-07",label:"Languages",selectOnly:!0,value:"2 options selected",inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-07",title:"Language Options",isHidden:!0,isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German",checked:!0}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/combobox/dialog/example.jsx.js"]=function(e){function t(t){for(var l,i,s=t[0],r=t[1],c=t[2],d=0,p=[];d<s.length;d++)i=s[d],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&p.push(a[i][0]),a[i]=0;for(l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);for(u&&u(t);p.length;)p.shift()();return o.push.apply(o,c\|\|[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],l=!0,s=1;s<n.length;s++){var r=n[s];0!==a[r]&&(l=!1)}l&&(o.splice(t--,1),e=i(i.s=n[0]))}return e}var l={},a={48:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function i(t){if(l[t])return l[t].exports;var n=l[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=l,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 l in e)i.d(n,l,function(t){return e[t]}.bind(null,l));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],r=s.push.bind(s);s.push=t,s=s.slice();for(var c=0;c<s.length;c++)t(s[c]);var u=r;return o.push([634,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},634:function(e,t,n){"use strict";n.r(t),n.d(t,"ComboboxWithDialog",(function(){return p})),n.d(t,"states",(function(){return m})),n.d(t,"examples",(function(){return b}));var l=n(0),a=n.n(l),o=n(19),i=n(8),s=n(6),r=n(35),c=n(11),u=n(5),d=n(26),p=function(){var e=s.d.uniqueId("popover-id-");return a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":e,label:"Languages",selectOnly:!0,inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:e,title:"Language Options",isFullWidth:!0,isHidden:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,null),a.a.createElement(c.Button,null))},a.a.createElement("div",null,"Any content can go here in this Dialog"))})};t.default=[{context:"Dialog",id:"".concat("Dialog".toLowerCase(),"-default"),label:"".concat("Dialog"," default"),element:a.a.createElement(p,null)}];var m=[{context:"Dialog",id:"open",label:"Open",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-01",label:"Languages",selectOnly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-01",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement("div",null,"Any content can go here in this Dialog"))})}],b=[{context:"Dialog",id:"with-checkbox-group",label:"With Checkbox Group",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-02",label:"Languages",selectOnly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-02",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German"}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English"}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})},{context:"Dialog",id:"selecting-options",label:"Selecting Options",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-03",label:"Languages",selectOnly:!0,isOpen:!0,inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-03",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German",checked:!0}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})},{context:"Dialog",id:"open-one-option-selected",label:"Open - One Option Selected ",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-04",label:"Languages",selectOnly:!0,isOpen:!0,value:"German",inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-04",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German",checked:!0}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English"}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})},{context:"Dialog",id:"closed-one-option-selected",label:"Closed - One Option Selected",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-05",label:"Languages",selectOnly:!0,value:"German",inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-05",title:"Language Options",isHidden:!0,isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German",checked:!0}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English"}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})},{context:"Dialog",id:"open-two-or-more-options-selected",label:"Open - Two or More Options Selected",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-06",label:"Languages",selectOnly:!0,isOpen:!0,value:"2 options selected",inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-06",title:"Language Options",isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German",checked:!0}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})},{context:"Dialog",id:"closed-two-or-more-options-selected",label:"Closed - Two or More Options Selected",element:a.a.createElement(o.b,{id:s.d.uniqueId("combobox-id-"),"aria-controls":"popover-unique-id-07",label:"Languages",selectOnly:!0,value:"2 options selected",inputIconPosition:"right",rightInputIcon:a.a.createElement(i.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),resultsType:"dialog",results:a.a.createElement(r.Popover,{popoverId:"popover-unique-id-07",title:"Language Options",isHidden:!0,isFullWidth:!0,hasFormFooter:!0,size:"small",footer:a.a.createElement(a.a.Fragment,null,a.a.createElement(c.Button,{isNeutral:!0},"Cancel"),a.a.createElement(c.Button,{isBrand:!0},"Done"))},a.a.createElement(u.a,{label:"Select up to 2"},a.a.createElement(d.Checkbox,{label:"English"}),a.a.createElement(d.Checkbox,{label:"German",checked:!0}),a.a.createElement(d.Checkbox,{label:"Tobagonian Creole English",checked:!0}),a.a.createElement(d.Checkbox,{label:"Spanish"})))})}]}});