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

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t,n,a={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},3438:function(e,t,n){n.r(t),n.d(t,{getContents:function(){return G},getElement:function(){return R}});var a=n(1594),l=n.n(a),i=n(5671),r=n(6547),s=n(806),c=n(4090),d=[{id:"default",label:"Ellie – default",element:l().createElement(c.A,{className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})}],o=[{id:"paused",label:"Ellie – Paused",element:l().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().createElement(c.A,{title:"Description of the icon",assistiveText:"Text alternative"})}],u=function(){return l().createElement("div",{className:"slds-icon-eq slds-is-animated",title:"Description of the icon when needed"},l().createElement("div",{className:"slds-icon-eq__bar"}),l().createElement("div",{className:"slds-icon-eq__bar"}),l().createElement("div",{className:"slds-icon-eq__bar"}),l().createElement("span",{className:"slds-assistive-text"},"Text alternative when needed"))},m=[{id:"default",label:"EQ – default",element:l().createElement(u,null)}],f=function(){return l().createElement("button",{className:"slds-button slds-button_icon slds-icon-help"},l().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().createElement("defs",null,l().createElement("mask",{id:"questionMark",x:"0",y:"0",width:"78.5",height:"110"},l().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().createElement("title",{id:"title"},"help"),l().createElement("g",null,l().createElement("circle",{cy:"45",cx:"45",r:"60"}),l().createElement("circle",{className:"slds-icon-help_hover",cy:"45",cx:"45",r:"60"}),l().createElement("circle",{className:"slds-icon-help_focus",cy:"45",cx:"45",r:"60"}))),l().createElement("span",{className:"slds-assistive-text"},"help"))},g=[{id:"default",label:"Global Action Help - Default",element:l().createElement(f,null)}],p=n(1391),v=[{id:"default",label:"Score – default",element:l().createElement(p.A,{"data-slds-state":"positive"})}],h=[{id:"positive",label:"Score – Positive",element:l().createElement(p.A,{"data-slds-state":"positive"})},{id:"negative",label:"Score – Negative",element:l().createElement(p.A,{"data-slds-state":"negative"})}],E=n(942),b=n.n(E);function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},O.apply(null,arguments)}var N=function(e){return l().createElement("span",O({},e,{title:"Description of the icon when needed",className:b()("slds-icon-strength",e.className)}),l().createElement("svg",{viewBox:"0 0 27 7","aria-hidden":"true"},l().createElement("circle",{r:"3.025",cx:"3.5",cy:"3.5"}),l().createElement("circle",{r:"3.025",cx:"13.5",cy:"3.5"}),l().createElement("circle",{r:"3.025",cx:"23.5",cy:"3.5"})),l().createElement("span",{className:"slds-assistive-text"},"Text alternative when needed"))},S=[{id:"default",label:"Strength – default",element:l().createElement(N,{"data-slds-strength":"0"})}],y=[{id:"strength-1",label:"Strength: 1",element:l().createElement(N,{"data-slds-strength":"1"})},{id:"strength-2",label:"Strength: 2",element:l().createElement(N,{"data-slds-strength":"2"})},{id:"strength-3",label:"Strength: 3",element:l().createElement(N,{"data-slds-strength":"3"})},{id:"strength-negative-1",label:"Strength: Neg 1",element:l().createElement(N,{"data-slds-strength":"-1"})},{id:"strength-negative-2",label:"Strength: Neg 2",element:l().createElement(N,{"data-slds-strength":"-2"})},{id:"strength-negative-3",label:"Strength: Neg 3",element:l().createElement(N,{"data-slds-strength":"-3"})},{id:"animated",label:"Strength – Animated on load",element:l().createElement(N,{className:"slds-is-animated","data-slds-strength":"3"})},{id:"animated-negative",label:"Strength – Animated on load (negative)",element:l().createElement(N,{className:"slds-is-animated","data-slds-strength":"-3"})},{id:"paused",label:"Strength – Paused",element:l().createElement(N,{className:"slds-is-animated slds-is-paused","data-slds-strength":"3"})}],A=n(4187),x=n.n(A),T=["assistiveText"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_.apply(null,arguments)}var w=function(e){var t=e.assistiveText,n=function(e,t){if(null==e)return{};var n,a,l=function(e,t){if(null==e)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(-1!==t.indexOf(a))continue;n[a]=e[a]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],-1===t.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}(e,T);return l().createElement("span",_({},n,{className:b()("slds-icon-trend",e.className)}),l().createElement("svg",{viewBox:"0 0 16 16","aria-hidden":"true"},l().createElement("path",{className:"slds-icon-trend__arrow",d:"M.75 8H11M8 4.5L11.5 8 8 11.5"}),l().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().createElement("span",{className:"slds-assistive-text"},t))};w.propTypes={title:x().string.isRequired,assistiveText:x().string.isRequired};var P=w,j=[{id:"default",label:"Trend – default",element:l().createElement(P,{"data-slds-trend":"neutral",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})}],D=[{id:"down",label:"Trend - Down",element:l().createElement(P,{"data-slds-trend":"down",className:"slds-is-animated",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"up",label:"Trend - Up",element:l().createElement(P,{"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().createElement(P,{"data-slds-trend":"up",title:"Description of the icon",assistiveText:"Text alternative"})},{id:"paused",label:"Trend - Paused",element:l().createElement(P,{"data-slds-trend":"up",className:"slds-is-animated slds-is-paused",title:"Description of the icon",assistiveText:"Text alternative"})}],q=n(6542),M=[{id:"default",label:"Typing – default",element:l().createElement(q.A,{title:"User is typing",assistiveText:"User is typing",isAnimated:!0})}],U=[{id:"paused",label:"Typing – Paused",element:l().createElement(q.A,{title:"User is typing",assistiveText:"User is typing",isAnimated:!0,isPaused:!0})},{id:"static",label:"Typing – Static",element:l().createElement(q.A,{title:"User is typing",assistiveText:"User is typing"})}],k=n(5898),H=[{id:"default",label:"Waffle",element:l().createElement(k.A,null)}],L=i.XB.h2,B=i.XB.h3,R=function(){return(0,a.createElement)(i.Ay,{},(0,a.createElement)("div",{className:"lead doc"},"A set of delightful animated icons"),(0,a.createElement)(r.A,{exampleOnly:!0},(0,s.NO)(m)),L({id:"Ellie"},"Ellie"),(0,a.createElement)(r.A,null,(0,s.NO)(d)),B({id:"Paused"},"Paused"),(0,a.createElement)(r.A,null,(0,s.NO)(o,"paused")),B({id:"Static"},"Static"),(0,a.createElement)(r.A,null,(0,s.NO)(o,"static")),L({id:"Eq"},"Eq"),(0,a.createElement)(r.A,null,(0,s.NO)(m)),L({id:"Global-Action-Help"},"Global Action Help"),(0,a.createElement)(r.A,null,(0,s.NO)(g)),L({id:"Score"},"Score"),(0,a.createElement)(r.A,null,(0,s.NO)(v)),B({id:"Positive"},"Positive"),(0,a.createElement)(r.A,null,(0,s.NO)(h,"positive")),B({id:"Negative"},"Negative"),(0,a.createElement)(r.A,null,(0,s.NO)(h,"negative")),L({id:"Strength"},"Strength"),(0,a.createElement)(r.A,null,(0,s.NO)(S)),B({id:"Strength:-1"},"Strength: 1"),(0,a.createElement)(r.A,null,(0,s.NO)(y,"strength-1")),B({id:"Strength:-2"},"Strength: 2"),(0,a.createElement)(r.A,null,(0,s.NO)(y,"strength-2")),B({id:"Strength:-3"},"Strength: 3"),(0,a.createElement)(r.A,null,(0,s.NO)(y,"strength-3")),B({id:"Strength:-1-2"},"Strength: -1"),(0,a.createElement)(r.A,null,(0,s.NO)(y,"strength-negative-1")),B({id:"Strength:-2-2"},"Strength: -2"),(0,a.createElement)(r.A,null,(0,s.NO)(y,"strength-negative-2")),B({id:"Strength:-3-2"},"Strength: -3"),(0,a.createElement)(r.A,null,(0,s.NO)(y,"strength-negative-3")),B({id:"Animated-on-load"},"Animated on load"),(0,a.createElement)(r.A,null,(0,s.NO)(y,"animated")),B({id:"Animated-on-load-(negative)"},"Animated on load (negative)"),(0,a.createElement)(r.A,null,(0,s.NO)(y,"animated-negative")),B({id:"Paused-2"},"Paused"),(0,a.createElement)(r.A,null,(0,s.NO)(y,"paused")),L({id:"Trend"},"Trend"),(0,a.createElement)(r.A,null,(0,s.NO)(j)),B({id:"Down"},"Down"),(0,a.createElement)(r.A,null,(0,s.NO)(D,"down")),B({id:"Up"},"Up"),(0,a.createElement)(r.A,null,(0,s.NO)(D,"up")),B({id:"Static-(no-animation)"},"Static (no animation)"),(0,a.createElement)(r.A,null,(0,s.NO)(D,"static")),B({id:"Paused-3"},"Paused"),(0,a.createElement)(r.A,null,(0,s.NO)(D,"paused")),L({id:"Typing"},"Typing"),(0,a.createElement)(r.A,null,(0,s.NO)(M)),B({id:"Paused-4"},"Paused"),(0,a.createElement)(r.A,null,(0,s.NO)(U,"paused")),B({id:"Static-2"},"Static"),(0,a.createElement)(r.A,null,(0,s.NO)(U,"static")),L({id:"Waffle"},"Waffle"),(0,a.createElement)(r.A,null,(0,s.NO)(H)))},G=function(){return(0,i.Qr)(R())}},5206:function(e){e.exports=ReactDOM}},l={};function i(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={id:e,exports:{}};return a[e](n,n.exports,i),n.exports}i.m=a,i.amdO={},e=[],i.O=function(t,n,a,l){if(!n){var r=1/0;for(o=0;o<e.length;o++){n=e[o][0],a=e[o][1],l=e[o][2];for(var s=!0,c=0;c<n.length;c++)(!1&l||r>=l)&&Object.keys(i.O).every(function(e){return i.O[e](n[c])})?n.splice(c--,1):(s=!1,l<r&&(r=l));if(s){e.splice(o--,1);var d=a();void 0!==d&&(t=d)}}return t}l=l||0;for(var o=e.length;o>0&&e[o-1][2]>l;o--)e[o]=e[o-1];e[o]=[n,a,l]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},i.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var l=Object.create(null);i.r(l);var r={};t=t||[null,n({}),n([]),n(n)];for(var s=2&a&&e;("object"==typeof s||"function"==typeof s)&&!~t.indexOf(s);s=n(s))Object.getOwnPropertyNames(s).forEach(function(t){r[t]=function(){return e[t]}});return r.default=function(){return e},i.d(l,r),l},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.e=function(){return Promise.resolve()},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=3379,function(){var e={3379:0};i.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,l,r=n[0],s=n[1],c=n[2],d=0;if(r.some(function(t){return 0!==e[t]})){for(a in s)i.o(s,a)&&(i.m[a]=s[a]);if(c)var o=c(i)}for(t&&t(n);d<r.length;d++)l=r[d],i.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return i.O(o)},n=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),i.nc=void 0;var r=i.O(void 0,[3540],function(){return i(3438)});r=i.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/components/dynamic-icons/docs.mdx.js"]=r}();