@salesforce-ux/design-system/__internal/chunked/docs/ui/components/tabs/docs.mdx.js

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/docs/ui/components/tabs/docs.mdx.js"]=function(e){function t(t){for(var l,i,r=t[0],d=t[1],u=t[2],c=0,b=[];c<r.length;c++)i=r[c],n[i]&&b.push(n[i][0]),n[i]=0;for(l in d)Object.prototype.hasOwnProperty.call(d,l)&&(e[l]=d[l]);for(o&&o(t);b.length;)b.shift()();return s.push.apply(s,u||[]),a()}function a(){for(var e,t=0;t<s.length;t++){for(var a=s[t],l=!0,r=1;r<a.length;r++){var d=a[r];0!==n[d]&&(l=!1)}l&&(s.splice(t--,1),e=i(i.s=a[0]))}return e}var l={},n={8:0},s=[];function i(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=l,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},i.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},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_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],d=r.push.bind(r);r.push=t,r=r.slice();for(var u=0;u<r.length;u++)t(r[u]);var o=d;return s.push([110,0]),a()}({0:function(e,t){e.exports=React},101:function(e,t){e.exports=".docs-codeblock-example .slds-tabs-mobile__container .slds-panel_animated {\n  position: absolute; }\n\n.docs-codeblock-example .slds-tabs-mobile__container {\n  height: 100%; }\n"},102:function(e,t,a){var l=a(101);"string"==typeof l&&(l=[[e.i,l,""]]);var n={hmr:!0,transform:void 0};a(18)(l,n);l.locals&&(e.exports=l.locals)},103:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.exampleTabsWithBadges=t.exampleTabsWithIcons=t.exampleTabs=void 0;var l=function(e){return e&&e.__esModule?e:{default:e}}(a(0)),n=a(15),s=a(8),i=a(33);t.exampleTabs=[{label:"Tab 1",content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("h3",{className:"slds-text-heading_medium"},"Tab Title"),l.default.createElement("p",null,"Content for Tab 1"),l.default.createElement("p",null,"Lorem ipsum dolor..."),l.default.createElement("p",null,"Lorem ipsum dolor..."))},{label:"Tab 2",content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 2"))},{label:"Tab 3 has a really long label and can wrap or truncate",content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 3"))}],t.exampleTabsWithIcons=[{label:"Opportunities",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"opportunity",assistiveText:!1,className:"slds-icon_small"}),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("h3",{className:"slds-text-heading_medium"},"Tab Title"),l.default.createElement("p",null,"Content for Tab 1"),l.default.createElement("p",null,"Lorem ipsum dolor..."),l.default.createElement("p",null,"Lorem ipsum dolor..."))},{label:"Cases",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"case",assistiveText:!1,className:"slds-icon_small"}),rightIcon:l.default.createElement(s.UtilityIcon,{symbol:"error",title:"This tab has an error",assistiveText:"This tab has an error",className:"slds-icon_x-small slds-icon-text-error"}),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 2"))},{label:"Accounts",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"account",assistiveText:!1,className:"slds-icon_small"}),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 3"))}],t.exampleTabsWithBadges=[{label:"Opportunities",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"opportunity",assistiveText:!1,className:"slds-icon_small"}),rightIcon:l.default.createElement(i.Badge,{isInverse:!0},"New"),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("h3",{className:"slds-text-heading_medium"},"Tab Title"),l.default.createElement("p",null,"Content for Tab 1"),l.default.createElement("p",null,"Lorem ipsum dolor..."),l.default.createElement("p",null,"Lorem ipsum dolor..."))},{label:"Cases",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"case",assistiveText:!1,className:"slds-icon_small"}),rightIcon:l.default.createElement(i.Badge,{isInverse:!0},"New"),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 2"))},{label:"Accounts",leftIcon:l.default.createElement(n.StandardIcon,{symbol:"account",assistiveText:!1,className:"slds-icon_small"}),content:l.default.createElement("div",{className:"slds-text-longform"},l.default.createElement("p",null,"Content for Tab 3"))}]},104:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),n=i(a(0)),s=i(a(1));function i(e){return e&&e.__esModule?e:{default:e}}var r=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return a.state={currentTabIndex:0},a}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,n.default.Component),l(t,[{key:"render",value:function(){var e=this,t=this.state.currentTabIndex;return n.default.createElement("div",{className:"slds-vertical-tabs"},n.default.createElement("ul",{className:"slds-vertical-tabs__nav",role:"tablist","aria-orientation":"vertical"},this.props.tabs.map(function(a,l){var i=l===t?"slds-is-active":"",r=l===t?0:-1,d=l===t?"true":"false",u="slds-vertical-tabs-"+l,o="slds-vertical-tabs-"+l+"__nav";return n.default.createElement("li",{className:(0,s.default)("slds-vertical-tabs__nav-item",i),title:a.label,role:"presentation",key:o},n.default.createElement("a",{className:"slds-vertical-tabs__link",href:"javascript:void(0)",role:"tab",tabIndex:r,"aria-selected":d,"aria-controls":u,id:o,onClick:e.handleTabClick},n.default.createElement("span",{className:"slds-vertical-tabs__left-icon"},a.leftIcon),n.default.createElement("span",{className:"slds-truncate",title:a.label},a.label),n.default.createElement("span",{className:"slds-vertical-tabs__right-icon"},a.rightIcon)))})),this.props.tabs.map(function(a,l){var i="slds-vertical-tabs-"+l,r=l===t?"slds-show":"slds-hide",d="slds-vertical-tabs-"+l+"__nav";return n.default.createElement("div",{className:(0,s.default)("slds-vertical-tabs__content",r),id:i,role:"tabpanel","aria-labelledby":d,key:i},e.props.tabs[t].content)}))}}]),t}();t.default=r},105:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=void 0;var l=i(a(0)),n=i(a(104)),s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t.default=e,t}(a(103));function i(e){return e&&e.__esModule?e:{default:e}}t.default=l.default.createElement(n.default,{tabs:s.exampleTabs});t.examples=[{id:"with-icons",label:"With icons",element:l.default.createElement(n.default,{tabs:s.exampleTabsWithIcons})},{id:"with-badges",label:"With badges",element:l.default.createElement(n.default,{tabs:s.exampleTabsWithBadges})}]},106:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=t.SubtabOverflow=t.SubtabPanel=t.SubtabList=t.SubtabsContainer=t.Subtab=void 0;var l=b(a(0)),n=b(a(2)),s=b(a(1)),i=b(a(4)),r=a(14),d=b(a(3)),u=a(49),o=a(19),c=a(49);function b(e){return e&&e.__esModule?e:{default:e}}var m=t.Subtab=function(e){return l.default.createElement("li",{className:(0,s.default)("slds-tabs_default__item slds-sub-tabs__item slds-grid slds-grid_vertical-align-center",{"slds-active":e.active,"slds-has-error":"error"===e.statusLevel,"slds-has-focus":e.hasFocus,"slds-has-notification":e.hasNotification,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-is-unsaved":e.itemUnsaved},e.className),role:"presentation"},l.default.createElement("a",{"aria-controls":e.tabPanelId,"aria-selected":e.active?"true":"false",className:"slds-tabs_default__link slds-p-horizontal_xx-small",href:"javascript:void(0);",id:e.tabItemId,role:"tab",tabIndex:e.active?"0":"-1",title:e.title},l.default.createElement(u.IndicatorContainer,null,e.itemUnsaved&&l.default.createElement(u.IndicatorUnsaved,null),e.hasNotification&&l.default.createElement(u.IndicatorUnread,null)),e.hasIcon&&l.default.createElement(c.TabItemIconContainer,{statusLevel:e.statusLevel,symbol:e.symbol}),l.default.createElement("span",{className:(0,s.default)("slds-truncate",e.pinned?"slds-assistive-text":null),title:e.title},e.title)),e.menuIcon?l.default.createElement("div",{className:(0,s.default)("slds-dropdown-trigger slds-dropdown-trigger_click slds-p-left_none slds-p-right_none","true"===e.actionOverflow?"slds-is-open":null)},l.default.createElement(d.default,{"aria-haspopup":"true",assistiveText:"Actions for "+e.title,className:"slds-button_icon-container slds-button_icon-x-small",symbol:"chevrondown",tabIndex:e.active?"0":"-1",theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,title:"Actions for "+e.title})):null,l.default.createElement("div",{className:(0,s.default)("slds-col_bump-left slds-p-left_none slds-p-right_none",e.pinned?"slds-assistive-text":null)},l.default.createElement(d.default,{assistiveText:"Close "+e.title,className:"slds-button_icon-container slds-button_icon-x-small",symbol:"close",tabIndex:e.active?"0":"-1",theme:"error"===e.statusLevel||"success"===e.statusLevel?"inverse":null,title:"Close "+e.title})))};m.displayName="Subtab",m.propTypes={actionOverflow:n.default.string,active:n.default.bool,statusLevel:n.default.oneOf(["error","success","warning"]),className:n.default.string,hasFocus:n.default.bool,hasIcon:n.default.bool,hasNotification:n.default.bool,itemUnsaved:n.default.bool,menuIcon:n.default.bool,pinned:n.default.bool,symbol:n.default.string,tabItemId:n.default.string.isRequired,tabPanelId:n.default.string.isRequired,title:n.default.string},m.defaultProps={hasIcon:!0,title:"Subtab Name"};var f=t.SubtabsContainer=function(e){return l.default.createElement("div",{className:"slds-tabs_default slds-sub-tabs"},e.children)};f.displayName="Subtabs",f.propTypes={children:n.default.node};var h=t.SubtabList=function(e){return l.default.createElement("ul",{className:"slds-tabs_default__nav",role:"tablist"},e.children)};h.displayName="SubtabList",h.propTypes={children:n.default.node};var p=t.SubtabPanel=function(e){return l.default.createElement("div",{"aria-labelledby":e.tabId,className:(0,s.default)("slds-tabs_default__content",{"slds-show":e.isVisible,"slds-hide":!e.isVisible}),id:e.id,role:"tabpanel"},e.children)};p.displayName="SubtabPanel",p.propTypes={children:n.default.node,isVisible:n.default.bool,id:n.default.string,tabId:n.default.string};var E=t.SubtabOverflow=function(e){return l.default.createElement("li",{className:(0,s.default)("slds-tabs_default__item","slds-sub-tabs__item","slds-tabs_default__overflow-button",{"slds-has-error":"error"===e.statusLevel,"slds-has-notification":e.itemUnread,"slds-has-success":"success"===e.statusLevel,"slds-has-warning":"warning"===e.statusLevel,"slds-is-unsaved":e.itemUnsaved})},l.default.createElement("div",{className:(0,s.default)("slds-dropdown-trigger slds-dropdown-trigger_click",e.isOpen&&"slds-is-open")},l.default.createElement(r.Button,{"aria-haspopup":"true",title:"More Tab Items"},l.default.createElement(u.IndicatorContainer,null,e.itemUnsaved&&l.default.createElement(u.IndicatorUnsaved,{title:"Tab(s) within menu not saved"}),e.itemUnread&&l.default.createElement(u.IndicatorUnread,null)),l.default.createElement("span",{className:"slds-truncate",title:"More Tabs"},"More ",l.default.createElement("span",{className:"slds-assistive-text"},"Tabs")),l.default.createElement(i.default,{className:"slds-button__icon slds-button__icon_small slds-button__icon_right",sprite:"utility",symbol:"chevrondown"})),l.default.createElement(o.Menu,{className:"slds-dropdown_right"},l.default.createElement(o.MenuList,null,l.default.createElement(o.MenuItem,{className:"slds-has-notification",statusLevel:e.statusLevel,title:"Chat - Customer"},l.default.createElement(u.IndicatorContainer,null,e.itemUnsaved&&l.default.createElement(u.IndicatorUnsaved,null),e.itemUnread&&l.default.createElement(u.IndicatorUnread,null)),e.itemHasIcon&&l.default.createElement(c.TabItemIconContainer,{statusLevel:e.statusLevel,symbol:"live_chat"}),l.default.createElement("span",null,"error"===e.statusLevel?"SLA Violation":"warning"===e.statusLevel?"SLA 0.30":"Chat - Customer")),l.default.createElement(o.MenuItem,{title:"Overflow Tab Item"},l.default.createElement(u.IndicatorContainer,null),l.default.createElement(c.TabItemIconContainer,null),l.default.createElement("span",null,"Overflow Tab Item"))))))};E.displayName="SubtabOverflow",E.propTypes={statusLevel:n.default.oneOf(["error","success","warning"]),isOpen:n.default.bool,itemHasIcon:n.default.bool,itemUnread:n.default.bool,itemUnsaved:n.default.bool},E.defaultProps={itemHasIcon:!0},t.default=l.default.createElement(f,null,l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"));t.states=[{id:"subtabs-has-focus",label:"Tab - Focus",element:l.default.createElement(f,null,l.default.createElement(h,null,l.default.createElement(m,{active:!0,hasFocus:!0,id:"subtab-01",tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content")),script:"\n      document.getElementById('subtab-01').focus()\n    "},{id:"subtabs-borders",label:"With Borders",element:l.default.createElement(f,null,l.default.createElement(h,null,l.default.createElement(m,{active:!0,className:"slds-border_right slds-border_left",tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{className:"slds-border_right",symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"subtabs-menu",label:"Tab - Action Overflow",element:l.default.createElement(f,null,l.default.createElement(h,null,l.default.createElement(m,{active:!0,menuIcon:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{menuIcon:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"subtabs-unsaved",label:"Unsaved Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"}),l.default.createElement(h,null,l.default.createElement(m,{active:!0,itemUnsaved:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unread",label:"Unread Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{hasNotification:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unsaved",label:"Unread Unsaved Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"New activity in Tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{hasNotification:!0,itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"success",label:"Success Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"success",symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"success-unsaved",label:"Unsaved Success Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"success",itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"success-unread",label:"Unread Success Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"success",hasNotification:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"success-unread-unsaved",label:"Unread and Unsaved Success Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"success",hasNotification:!0,itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"Chat - Customer"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"warning",label:"Warning Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"warning",symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA 0.30"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"warning-unsaved",label:"Unsaved Warning Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"warning",itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA 0.30"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"warning-unread",label:"Unread Warning Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"warning",hasNotification:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA 0.30"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"warning-unread-unsaved",label:"Unread and Unsaved Warning Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"warning",hasNotification:!0,itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA 0.30"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"error",label:"Error Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"error",symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA Violation"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"error-unsaved",label:"Unsaved Error Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"error",itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA Violation"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"error-unread",label:"Unread Error Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"error",hasNotification:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA Violation"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"error-unread-unsaved",label:"Unread and Unsaved Error Tab",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{active:!0,tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{statusLevel:"error",hasNotification:!0,itemUnsaved:!0,symbol:"live_chat",tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"SLA Violation"})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs",label:"Overflow Tabs",element:l.default.createElement(f,null,l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,null)),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-open",label:"Overflow Tabs - Open",element:l.default.createElement(f,null,l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{isOpen:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unread-overflow-tabs-open",label:"Unread Overflow Tabs - Open",element:l.default.createElement(f,null,l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{isOpen:!0,itemUnread:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unsaved-overflow-tabs-open",label:"Unsaved Overflow Tabs - Open",element:l.default.createElement(f,null,l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{isOpen:!0,itemUnsaved:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unsaved-unread-overflow-tabs-open",label:"Unsaved Unread Overflow Tabs - Open",element:l.default.createElement(f,null,l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"unsaved-unread-overflow-tabs-without-icons-open",label:"Unsaved Unread Overflow Tabs without Icons - Open",element:l.default.createElement(f,null,l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{hasIcon:!1,hasNotification:!0,itemUnsaved:!0,tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{isOpen:!0,itemHasIcon:!1,itemUnread:!0,itemUnsaved:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-success",label:"Overflow Tabs - Success",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{statusLevel:"success",isOpen:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-success-unread-unsaved",label:"Overflow Tabs - Success Unread and Unsaved",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Success: SLA agreement warning cleared in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{statusLevel:"success",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-warning",label:"Overflow Tabs - Warning",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{statusLevel:"warning",isOpen:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-warning-unread-unsaved",label:"Overflow Tabs - Warning Unread and Unsaved",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Warning: SLA agreement in 30 seconds in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{statusLevel:"warning",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-error",label:"Overflow Tabs - Error",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{statusLevel:"error",isOpen:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))},{id:"overflow-tabs-error-unread-unsaved",label:"Overflow Tabs - Error Unread and Unsaved",element:l.default.createElement(f,null,l.default.createElement("span",{"aria-live":"polite",className:"slds-assistive-text"},"Violation: SLA agreement in tab: Chat - Customer"),l.default.createElement(h,null,l.default.createElement(m,{tabItemId:"subtab-tabitem-01",tabPanelId:"subtab-tabpanel-01",title:"00071938"}),l.default.createElement(m,{tabItemId:"subtab-tabitem-02",tabPanelId:"subtab-tabpanel-02",title:"00071939"}),l.default.createElement(E,{statusLevel:"error",isOpen:!0,itemUnread:!0,itemUnsaved:!0})),l.default.createElement(p,{id:"subtab-tabpanel-01",isVisible:!0,tabId:"subtab-tabitem-01"},"Item One Content"),l.default.createElement(p,{id:"subtab-tabpanel-02",tabId:"subtab-tabitem-02"},"Item Two Content"))}]},107:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=t.TabsOverflowing=t.TabsLarge=t.TabsMedium=t.TabsScoped=void 0;var l=r(a(0)),n=r(a(51)),s=a(50),i=a(19);function r(e){return e&&e.__esModule?e:{default:e}}var d=t.TabsScoped=function(e){return l.default.createElement(n.default,{flavor:"scoped",selectedIndex:e.selectedIndex||0},l.default.createElement(n.default.Item,{title:"Item One",id:"tab-scoped-1"},"Item One Content"),l.default.createElement(n.default.Item,{title:"Item Two",id:"tab-scoped-2"},"Item Two Content"),l.default.createElement(n.default.Item,{title:"Item Three",id:"tab-scoped-3"},"Item Three Content"))},u=t.TabsMedium=function(){return l.default.createElement(n.default,{flavor:"scoped",size:"medium"},l.default.createElement(n.default.Item,{title:"Item One",id:"tab-scoped-1"},"Item One Content"),l.default.createElement(n.default.Item,{title:"Item Two",id:"tab-scoped-2"},"Item Two Content"),l.default.createElement(n.default.Item,{title:"Item Three",id:"tab-scoped-3"},"Item Three Content"))},o=t.TabsLarge=function(){return l.default.createElement(n.default,{flavor:"scoped",size:"large"},l.default.createElement(n.default.Item,{title:"Item One",id:"tab-scoped-1"},"Item One Content"),l.default.createElement(n.default.Item,{title:"Item Two",id:"tab-scoped-2"},"Item Two Content"),l.default.createElement(n.default.Item,{title:"Item Three",id:"tab-scoped-3"},"Item Three Content"))},c=t.TabsOverflowing=function(){return l.default.createElement("div",{className:"demo-only",style:{height:"12rem"}},l.default.createElement(n.default,{flavor:"scoped"},l.default.createElement(n.default.Item,{title:"Item One",id:"tab-scoped-1"},"Item One Content"),l.default.createElement(n.default.Item,{title:"Item Two",id:"tab-scoped-2"},"Item Two Content"),l.default.createElement(n.default.Item,{title:"Item Three",id:"tab-scoped-3"},"Item Three Content"),l.default.createElement(n.default.ItemOverflow,{title:"More Tabs",id:"tab-scoped-4"},l.default.createElement(s.ButtonMenu,{label:"More",type:"tabs",flavor:"scoped",isOpen:!0},l.default.createElement(b,null)))))},b=function(){return l.default.createElement(i.Menu,{className:"slds-dropdown_right"},l.default.createElement(i.MenuList,{className:"slds-dropdown_length-with-icon-10"},l.default.createElement(i.MenuItem,{title:"Item Four"},"Item Four"),l.default.createElement(i.MenuItem,{title:"Item Five"},"Item Five"),l.default.createElement(i.MenuItem,{title:"Item Six"},"Item Six")))};t.default=l.default.createElement(d,null);t.states=[{id:"selected",label:"Item Two Selected",element:l.default.createElement(d,{selectedIndex:1})}],t.examples=[{id:"size-medium",label:"Size - Medium",element:l.default.createElement(u,null)},{id:"size-large",label:"Size - Large",element:l.default.createElement(o,null)},{id:"overflowing-items",label:"Overflowing Items",element:l.default.createElement(c,null)}]},108:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=t.TabsLarge=t.TabsMedium=t.TabsWithError=t.TabsWithCards=t.TabsOverflowIcons=t.TabsOverflow=t.TabsWithNestedScopedTabs=t.TabsDefault=void 0;var l=m(a(0)),n=m(a(2)),s=m(a(51)),i=a(15),r=a(8),d=a(50),u=a(19),o=a(107),c=a(25),b=m(c);function m(e){return e&&e.__esModule?e:{default:e}}var f=t.TabsDefault=function(e){return l.default.createElement(s.default,{selectedIndex:e.selectedIndex},l.default.createElement(s.default.Item,{title:"Item One",id:"tab-default-1"},e.itemOneContent),l.default.createElement(s.default.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),l.default.createElement(s.default.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content"))};f.propTypes={selectedIndex:n.default.number,itemOneContent:n.default.node},f.defaultProps={selectedIndex:0,itemOneContent:"Item One Content"};var h=t.TabsWithNestedScopedTabs=function(){return l.default.createElement(f,{itemOneContent:l.default.createElement(o.TabsScoped,null)})},p=t.TabsOverflow=function(){return l.default.createElement("div",{className:"demo-only",style:{height:"12rem"}},l.default.createElement(s.default,null,l.default.createElement(s.default.Item,{title:"Item One",id:"tab-default-1"},l.default.createElement("h2",null,"Item One Content")),l.default.createElement(s.default.Item,{title:"Item Two",id:"tab-default-2"},l.default.createElement("h2",null,"Item Two Content")),l.default.createElement(s.default.Item,{title:"Item Three",id:"tab-default-3"},l.default.createElement("h2",null,"Item Three Content")),l.default.createElement(s.default.Item,{title:"Item Four",id:"tab-default-4"},l.default.createElement("h2",null,"Item Four Content")),l.default.createElement(s.default.Item,{title:"Item Five",id:"tab-default-5"},l.default.createElement("h2",null,"Item Five Content")),l.default.createElement(s.default.ItemOverflow,{title:"More Tabs",id:"tab-default-8"},l.default.createElement(d.ButtonMenu,{label:"More",type:"tabs",flavor:"default",isOpen:!0},l.default.createElement(v,null)))))},E=t.TabsOverflowIcons=function(){return l.default.createElement("div",{className:"demo-only",style:{height:"12rem"}},l.default.createElement(s.default,null,l.default.createElement(s.default.Item,{title:"Opportunities",leftIcon:l.default.createElement(i.StandardIcon,{className:"slds-icon_small",symbol:"opportunity",title:"Opportunities",assistiveText:!1}),id:"tab-default-1"},l.default.createElement("h2",null,"Item One Content")),l.default.createElement(s.default.Item,{title:"Cases",leftIcon:l.default.createElement(i.StandardIcon,{className:"slds-icon_small",title:"Cases",symbol:"case",assistiveText:!1}),id:"tab-default-2"},l.default.createElement("h2",null,"Item Two Content")),l.default.createElement(s.default.Item,{title:"Products",leftIcon:l.default.createElement(i.StandardIcon,{className:"slds-icon_small",title:"Products",symbol:"product",assistiveText:!1}),id:"tab-default-3"},l.default.createElement("h2",null,"Item Three Content")),l.default.createElement(s.default.Item,{title:"Price Books",leftIcon:l.default.createElement(i.StandardIcon,{className:"slds-icon_small",title:"Price Books",symbol:"pricebook",assistiveText:!1}),id:"tab-default-4"},l.default.createElement("h2",null,"Item Four Content")),l.default.createElement(s.default.Item,{title:"Contacts",leftIcon:l.default.createElement(i.StandardIcon,{className:"slds-icon_small",title:"Contacts",symbol:"contact",assistiveText:!1}),id:"tab-default-5"},l.default.createElement("h2",null,"Item Five Content")),l.default.createElement(s.default.ItemOverflow,{title:"More Tabs",id:"tab-default-8"},l.default.createElement(d.ButtonMenu,{label:"More",type:"tabs",flavor:"default",isOpen:!0},l.default.createElement(I,null)))))},v=function(){return l.default.createElement(u.Menu,{className:"slds-dropdown_right"},l.default.createElement(u.MenuList,{className:"slds-dropdown_length-with-icon-10"},l.default.createElement(u.MenuItem,{title:"Accounts"},"Accounts"),l.default.createElement(u.MenuItem,{title:"Approvals"},"Approvals"),l.default.createElement(u.MenuItem,{title:"Lead"},"Leads")))},I=function(){return l.default.createElement(u.Menu,{className:"slds-dropdown_right"},l.default.createElement(u.MenuList,{className:"slds-dropdown_length-with-icon-10"},l.default.createElement(u.MenuItem,{title:"Accounts"},l.default.createElement("span",{className:"slds-media slds-media_center"},l.default.createElement("span",{className:"slds-media__figure"},l.default.createElement(i.StandardIcon,{className:"slds-icon_small",symbol:"account",assistiveText:!1})),l.default.createElement("span",{className:"slds-media__body"},"Accounts"))),l.default.createElement(u.MenuItem,{title:"Approvals"},l.default.createElement("span",{className:"slds-media slds-media_center"},l.default.createElement("span",{className:"slds-media__figure"},l.default.createElement(i.StandardIcon,{className:"slds-icon_small",symbol:"approval",assistiveText:!1})),l.default.createElement("span",{className:"slds-media__body"},"Approvals"))),l.default.createElement(u.MenuItem,{title:"Lead"},l.default.createElement("span",{className:"slds-media slds-media_center"},l.default.createElement("span",{className:"slds-media__figure"},l.default.createElement(i.StandardIcon,{className:"slds-icon_small",symbol:"lead",assistiveText:!1})),l.default.createElement("span",{className:"slds-media__body"},"Leads")))))},y=t.TabsWithCards=function(){return l.default.createElement(s.default,{isCard:!0,selectedIndex:0},l.default.createElement(s.default.Item,{title:"Item One",id:"tab-default-1"},l.default.createElement(b.default,null,l.default.createElement(c.CardHeader,{symbol:"contact",title:"Card Header",href:"javascript:void(0);",action:l.default.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),l.default.createElement(c.CardBody,{hasPadding:!0},"This is a card inside an ",l.default.createElement("code",{className:"doc"},".slds-tabs_card")," ","to show how styling is removed when cards are nested inside."),l.default.createElement(c.CardFooter,null,"View All ",l.default.createElement("span",{className:"slds-assistive-text"},"Contacts"))),l.default.createElement(b.default,null,l.default.createElement(c.CardHeader,{symbol:"contact",title:"Card Header",href:"javascript:void(0);",action:l.default.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),l.default.createElement(c.CardBody,{hasPadding:!0},"This is a card inside an ",l.default.createElement("code",{className:"doc"},".slds-tabs_card")," ","to show how styling is removed when cards are nested inside."),l.default.createElement(c.CardFooter,null,"View All ",l.default.createElement("span",{className:"slds-assistive-text"},"Contacts"))),l.default.createElement(b.default,{hasCardBoundary:!0},l.default.createElement(c.CardHeader,{symbol:"contact",title:"Card Header",href:"javascript:void(0);",action:l.default.createElement("button",{className:"slds-button slds-button_neutral"},"New")}),l.default.createElement(c.CardBody,{hasPadding:!0},"This is a card inside an ",l.default.createElement("code",{className:"doc"},".slds-tabs_card")," ","to illustrate how",l.default.createElement("code",{className:"doc"},".slds-card_boundary")," adds a rounded border when desired."),l.default.createElement(c.CardFooter,null,"View All ",l.default.createElement("span",{className:"slds-assistive-text"},"Contacts")))),l.default.createElement(s.default.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),l.default.createElement(s.default.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content"))},T=t.TabsWithError=function(){return l.default.createElement("div",{className:"demo-only",style:{height:"12rem"}},l.default.createElement(s.default,null,l.default.createElement(s.default.Item,{title:"Item One",id:"tab-default-1"},l.default.createElement("h2",null,"Item One Content")),l.default.createElement(s.default.Item,{title:"Item Two",id:"tab-default-2",rightIcon:l.default.createElement(r.UtilityIcon,{className:"slds-icon_x-small slds-icon-text-error",symbol:"error",title:"This item has an error",assistiveText:"This item has an error"})},l.default.createElement("h2",null,"Item Two Content - Has Error")),l.default.createElement(s.default.Item,{title:"Item Three",id:"tab-default-3"},l.default.createElement("h2",null,"Item Three Content")),l.default.createElement(s.default.Item,{title:"Item Four",id:"tab-default-4"},l.default.createElement("h2",null,"Item Four Content"))))},g=t.TabsMedium=function(){return l.default.createElement(s.default,{size:"medium"},l.default.createElement(s.default.Item,{title:"Item One",id:"tab-default-1"},"Item One Content"),l.default.createElement(s.default.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),l.default.createElement(s.default.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content"))},w=t.TabsLarge=function(){return l.default.createElement(s.default,{size:"large"},l.default.createElement(s.default.Item,{title:"Item One",id:"tab-default-1"},"Item One Content"),l.default.createElement(s.default.Item,{title:"Item Two",id:"tab-default-2"},"Item Two Content"),l.default.createElement(s.default.Item,{title:"Item Three",id:"tab-default-3"},"Item Three Content"))};t.default=l.default.createElement(f,null);t.states=[{id:"selected",label:"Item Two Selected",element:l.default.createElement(f,{selectedIndex:1})}],t.examples=[{id:"size-medium",label:"Size - Medium",element:l.default.createElement(g,null)},{id:"size-large",label:"Size - Large",element:l.default.createElement(w,null)},{id:"overflow",label:"Overflowing Items",element:l.default.createElement(p,null)},{id:"overflow",label:"Overflowing Items with Icons",element:l.default.createElement(E,null)},{id:"error",label:"Tabs With Error inside of content",element:l.default.createElement(T,null)},{id:"nested",label:"With Nested Scoped Tabs",element:l.default.createElement(h,null)},{id:"card-look",label:"Tab Card-look",element:l.default.createElement(y,null)}]},109:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DeprecatedAdjacentMobileStacked=t.DeprecatedMobileStacked=t.DeprecatedMobileTabAction=t.DeprecatedMobileTabTitle=t.DeprecatedMobileTabItem=t.DeprecatedMobileTabList=t.NestedMobileStacked=t.MobileTabPanel=t.MobileTabButton=t.MobileTabItem=t.MobileTabList=t.MobileTabContainer=t.MobileTabGroup=void 0;var l=function(){function e(e,t){for(var a=0;a<t.length;a++){var l=t[a];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(t,a,l){return a&&e(t.prototype,a),l&&e(t,l),t}}(),n=a(0),s=c(n),i=c(a(2)),r=c(a(1)),d=c(a(4)),u=c(a(67)),o=a(14);function c(e){return e&&e.__esModule?e:{default:e}}(t.MobileTabGroup=function(e){return s.default.createElement("div",{className:"sl