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

Salesforce Lightning Design System

var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/dynamic-icons/docs.mdx.js"]=function(e){function t(t){for(var n,i,r=t[0],c=t[1],d=t[2],m=0,u=[];m<r.length;m++)i=r[m],Object.prototype.hasOwnProperty.call(l,i)&&l[i]&&u.push(l[i][0]),l[i]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(o&&o(t);u.length;)u.shift()();return s.push.apply(s,d||[]),a()}function a(){for(var e,t=0;t<s.length;t++){for(var a=s[t],n=!0,r=1;r<a.length;r++){var c=a[r];0!==l[c]&&(n=!1)}n&&(s.splice(t--,1),e=i(i.s=a[0]))}return e}var n={},l={32:0},s=[];function i(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,i),a.l=!0,a.exports}i.m=e,i.c=n,i.d=function(e,t,a){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(a,n,function(t){return e[t]}.bind(null,n));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],c=r.push.bind(r);r.push=t,r=r.slice();for(var d=0;d<r.length;d++)t(r[d]);var o=c;return s.push([716,0]),a()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},22:function(e,t){e.exports=JSBeautify},716:function(e,t,a){"use strict";a.r(t),a.d(t,"getElement",(function(){return G})),a.d(t,"getContents",(function(){return J}));var n=a(0),l=a.n(n),s=a(4),i=a(2),r=a(1),c=a(150),d=[{id:"default",label:"Ellie – default",element:l.a.createElement(c.a,{className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})}],o=[{id:"paused",label:"Ellie – Paused",element:l.a.createElement(c.a,{className:"slds-is-animated slds-is-paused",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"static",label:"Ellie – Static (no animation)",element:l.a.createElement(c.a,{title:"Description of the icon",assistiveText:"Text alternative"})}],m=function(){return l.a.createElement("div",{className:"slds-icon-eq slds-is-animated",title:"Description of the icon when needed"},l.a.createElement("div",{className:"slds-icon-eq__bar"}),l.a.createElement("div",{className:"slds-icon-eq__bar"}),l.a.createElement("div",{className:"slds-icon-eq__bar"}),l.a.createElement("span",{className:"slds-assistive-text"},"Text alternative when needed"))},u=[{id:"default",label:"EQ – default",element:l.a.createElement(m,null)}],b=function(){return l.a.createElement("button",{className:"slds-button slds-button_icon slds-icon-help"},l.a.createElement("svg",{className:"slds-button__icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -12 78.5 110","aria-labelledby":"title",role:"img"},l.a.createElement("defs",null,l.a.createElement("mask",{id:"questionMark",x:"0",y:"0",width:"78.5",height:"110"},l.a.createElement("path",{d:"M46.8,70.4H37a2.7,2.7,0,0,1-2.7-2.7V64.8A19.6,19.6,0,0,1,47.4,46.4a14.6,14.6,0,0,0,6.2-4.1c9.8-11.7.8-25.8-10.9-26.2a15.7,15.7,0,0,0-11.5,4.4,13.7,13.7,0,0,0-4.5,8.6,2.8,2.8,0,0,1-2.9,2.1H14a2.8,2.8,0,0,1-2.9-3.1A31.8,31.8,0,0,1,20.5,8.8,32,32,0,0,1,43.3,0a31.3,31.3,0,0,1,9.6,60.7A4.4,4.4,0,0,0,50,64.6v2.9a3,3,0,0,1-3.1,2.9Zm3.1,20.5a3,3,0,0,1-2.9,3H37.2A3,3,0,0,1,34.3,91V81.2a3,3,0,0,1,2.9-2.9H47a3,3,0,0,1,2.9,2.9Z",transform:"translate(-2.5 0)",fill:"#aab4be"}))),l.a.createElement("title",{id:"title"},"help"),l.a.createElement("g",null,l.a.createElement("circle",{cy:"45",cx:"45",r:"60"}),l.a.createElement("circle",{className:"slds-icon-help_hover",cy:"45",cx:"45",r:"60"}),l.a.createElement("circle",{className:"slds-icon-help_focus",cy:"45",cx:"45",r:"60"}))),l.a.createElement("span",{className:"slds-assistive-text"},"help"))},f=[{id:"default",label:"Global Action Help - Default",element:l.a.createElement(b,null)}],p=a(151),g=[{id:"default",label:"Score – default",element:l.a.createElement(p.a,{"data-slds-state":"positive"})}],h=[{id:"positive",label:"Score – Positive",element:l.a.createElement(p.a,{"data-slds-state":"positive"})},{id:"negative",label:"Score – Negative",element:l.a.createElement(p.a,{"data-slds-state":"negative"})}],v=a(5),E=a.n(v);function O(){return(O=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}var j=function(e){return l.a.createElement("span",O({},e,{title:"Description of the icon when needed",className:E()("slds-icon-strength",e.className)}),l.a.createElement("svg",{viewBox:"0 0 27 7","aria-hidden":"true"},l.a.createElement("circle",{r:"3.025",cx:"3.5",cy:"3.5"}),l.a.createElement("circle",{r:"3.025",cx:"13.5",cy:"3.5"}),l.a.createElement("circle",{r:"3.025",cx:"23.5",cy:"3.5"})),l.a.createElement("span",{className:"slds-assistive-text"},"Text alternative when needed"))},S=[{id:"default",label:"Strength – default",element:l.a.createElement(j,{"data-slds-strength":"0"})}],y=[{id:"strength-1",label:"Strength: 1",element:l.a.createElement(j,{"data-slds-strength":"1"})},{id:"strength-2",label:"Strength: 2",element:l.a.createElement(j,{"data-slds-strength":"2"})},{id:"strength-3",label:"Strength: 3",element:l.a.createElement(j,{"data-slds-strength":"3"})},{id:"strength-negative-1",label:"Strength: Neg 1",element:l.a.createElement(j,{"data-slds-strength":"-1"})},{id:"strength-negative-2",label:"Strength: Neg 2",element:l.a.createElement(j,{"data-slds-strength":"-2"})},{id:"strength-negative-3",label:"Strength: Neg 3",element:l.a.createElement(j,{"data-slds-strength":"-3"})},{id:"animated",label:"Strength – Animated on load",element:l.a.createElement(j,{className:"slds-is-animated","data-slds-strength":"3"})},{id:"animated-negative",label:"Strength – Animated on load (negative)",element:l.a.createElement(j,{className:"slds-is-animated","data-slds-strength":"-3"})},{id:"paused",label:"Strength – Paused",element:l.a.createElement(j,{className:"slds-is-animated slds-is-paused","data-slds-strength":"3"})}],x=a(3),T=a.n(x),N=["assistiveText"];function _(){return(_=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(this,arguments)}function w(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},s=Object.keys(e);for(n=0;n<s.length;n++)a=s[n],t.indexOf(a)>=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)a=s[n],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var P=function(e){var t=e.assistiveText,a=w(e,N);return l.a.createElement("span",_({},a,{className:E()("slds-icon-trend",e.className)}),l.a.createElement("svg",{viewBox:"0 0 16 16","aria-hidden":"true"},l.a.createElement("path",{className:"slds-icon-trend__arrow",d:"M.75 8H11M8 4.5L11.5 8 8 11.5"}),l.a.createElement("circle",{className:"slds-icon-trend__circle",cy:"8",cx:"8",r:"7.375",transform:"rotate(-28 8 8) scale(-1 1) translate(-16 0)"})),l.a.createElement("span",{className:"slds-assistive-text"},t))};P.propTypes={title:T.a.string.isRequired,assistiveText:T.a.string.isRequired};var D=P,A=[{id:"default",label:"Trend – default",element:l.a.createElement(D,{"data-slds-trend":"neutral",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})}],q=[{id:"down",label:"Trend - Down",element:l.a.createElement(D,{"data-slds-trend":"down",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"up",label:"Trend - Up",element:l.a.createElement(D,{"data-slds-trend":"up",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"static",label:"Trend - Static (no animation)",element:l.a.createElement(D,{"data-slds-trend":"up",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"paused",label:"Trend - Paused",element:l.a.createElement(D,{"data-slds-trend":"up",className:"slds-is-animated slds-is-paused",title:"Description of the icon",assistiveText:"Text alternative"})}],M=a(154),U=[{id:"default",label:"Typing – default",element:l.a.createElement(M.a,{title:"User is typing",assistiveText:"User is typing",isAnimated:!0})}],k=[{id:"paused",label:"Typing – Paused",element:l.a.createElement(M.a,{title:"User is typing",assistiveText:"User is typing",isAnimated:!0,isPaused:!0})},{id:"static",label:"Typing – Static",element:l.a.createElement(M.a,{title:"User is typing",assistiveText:"User is typing"})}],H=a(148),L=[{id:"default",label:"Waffle",element:l.a.createElement(H.a,null)}],B=s.c.h2,R=s.c.h3,G=function(){return Object(n.createElement)(s.b,{},Object(n.createElement)("div",{className:"lead doc"},"A set of delightful animated icons"),Object(n.createElement)(i.a,{exampleOnly:!0},Object(r.f)(u)),B({id:"Ellie"},"Ellie"),Object(n.createElement)(i.a,null,Object(r.f)(d)),R({id:"Paused"},"Paused"),Object(n.createElement)(i.a,null,Object(r.f)(o,"paused")),R({id:"Static"},"Static"),Object(n.createElement)(i.a,null,Object(r.f)(o,"static")),B({id:"Eq"},"Eq"),Object(n.createElement)(i.a,null,Object(r.f)(u)),B({id:"Global-Action-Help"},"Global Action Help"),Object(n.createElement)(i.a,null,Object(r.f)(f)),B({id:"Score"},"Score"),Object(n.createElement)(i.a,null,Object(r.f)(g)),R({id:"Positive"},"Positive"),Object(n.createElement)(i.a,null,Object(r.f)(h,"positive")),R({id:"Negative"},"Negative"),Object(n.createElement)(i.a,null,Object(r.f)(h,"negative")),B({id:"Strength"},"Strength"),Object(n.createElement)(i.a,null,Object(r.f)(S)),R({id:"Strength:-1"},"Strength: 1"),Object(n.createElement)(i.a,null,Object(r.f)(y,"strength-1")),R({id:"Strength:-2"},"Strength: 2"),Object(n.createElement)(i.a,null,Object(r.f)(y,"strength-2")),R({id:"Strength:-3"},"Strength: 3"),Object(n.createElement)(i.a,null,Object(r.f)(y,"strength-3")),R({id:"Strength:-1-2"},"Strength: -1"),Object(n.createElement)(i.a,null,Object(r.f)(y,"strength-negative-1")),R({id:"Strength:-2-2"},"Strength: -2"),Object(n.createElement)(i.a,null,Object(r.f)(y,"strength-negative-2")),R({id:"Strength:-3-2"},"Strength: -3"),Object(n.createElement)(i.a,null,Object(r.f)(y,"strength-negative-3")),R({id:"Animated-on-load"},"Animated on load"),Object(n.createElement)(i.a,null,Object(r.f)(y,"animated")),R({id:"Animated-on-load-(negative)"},"Animated on load (negative)"),Object(n.createElement)(i.a,null,Object(r.f)(y,"animated-negative")),R({id:"Paused-2"},"Paused"),Object(n.createElement)(i.a,null,Object(r.f)(y,"paused")),B({id:"Trend"},"Trend"),Object(n.createElement)(i.a,null,Object(r.f)(A)),R({id:"Down"},"Down"),Object(n.createElement)(i.a,null,Object(r.f)(q,"down")),R({id:"Up"},"Up"),Object(n.createElement)(i.a,null,Object(r.f)(q,"up")),R({id:"Static-(no-animation)"},"Static (no animation)"),Object(n.createElement)(i.a,null,Object(r.f)(q,"static")),R({id:"Paused-3"},"Paused"),Object(n.createElement)(i.a,null,Object(r.f)(q,"paused")),B({id:"Typing"},"Typing"),Object(n.createElement)(i.a,null,Object(r.f)(U)),R({id:"Paused-4"},"Paused"),Object(n.createElement)(i.a,null,Object(r.f)(k,"paused")),R({id:"Static-2"},"Static"),Object(n.createElement)(i.a,null,Object(r.f)(k,"static")),B({id:"Waffle"},"Waffle"),Object(n.createElement)(i.a,null,Object(r.f)(L)))},J=function(){return Object(s.a)(G())}}});