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