@salesforce-ux/design-system 2.17.1 → 2.17.2

package/README.md

@@ -1,5 +1,5 @@
 # Lightning Design System 
-# Version: 2.17.1 
+# Version: 2.17.2 
 # Salesforce Lightning Design System
 
 Welcome to the [Salesforce Lightning Design System](https://www.lightningdesignsystem.com) brought to you by [Salesforce UX](https://twitter.com/salesforceux).

package/RELEASENOTES.general.md

@@ -1,7 +1,9 @@
 <!-- Release notes authoring guidelines: http://keepachangelog.com/ -->
 <!-- On release, add general notes here. In time the legacy release notes will be add to this -->
 
-## 2.17.1 - January 6, 2021
+## 2.17.2 - January 20, 2022
+
+## 2.17.1 - January 6, 2022
 
 ## 2.17.0 - December 16, 2021
 

package/RELEASENOTES.md

@@ -1,7 +1,20 @@
 <!-- Release notes authoring guidelines: http://keepachangelog.com/ -->
 <!-- !!! THIS FILE IS AUTO-GENERATED !!! DO NOT EDIT THIS FILE MANUALLY !!! -->
 
-## Release 2.17.1 - January 6, 2021
+## Release 2.17.2 - January 20, 2022
+
+## Components
+### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
+#### Added
+- Added `--slds-c-icon-color-foreground` Styling Hook to Button with Icon variant to accurately apply icon color updates
+  - Due to how the Lightning Base Component is configured, this is required to allow CSS Custom Property reassignment to function within Button Icons
+
+## Release 2.17.1 - January 6, 2022
+
+## Components
+### [Cards](https://www.lightningdesignsystem.com/components/cards)
+#### Changed
+- Fixed annotation for Einstein themed cards (`.slds-einstein-header__figure`)
 
 ## Release 2.17.0 - December 16, 2021
 
@@ -45,8 +58,6 @@
 - Added `slds` as the default namespace with `sds` fallbacks for Styling Hooks.
 - Added reassignment of Styling Hooks for component states.
 - Added clarification about card header icon assistive text.
-#### Changed
-- Fixed annotation for Einstein themed cards (`.slds-einstein-header__figure`)
 
 ### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
 #### Added

package/__internal/chunked/docs/common.js

@@ -46,4 +46,4 @@ o=function(){"use strict";var e=function(e,n){return t(e.slice(),n)};function t(
  *
  * Copyright (c) 2014-2017, Jon Schlinkert.
  * Released under the MIT License.
- */function a(e){return null!=e&&"object"===r(e)&&!1===Array.isArray(e)}n.r(t),n.d(t,"default",(function(){return a}))},function(e,t,n){"use strict";n(104),n(92),n(309),n(155),n(130),n(131),n(211),n(303),Object.defineProperty(t,"__esModule",{value:!0}),t.pathToId=i,t.initializePath=t.parseQueryParameters=t.getIdFromLegacyQuery=t.setPath=void 0;var r,a=n(110),o=(r=n(304))&&r.__esModule?r:{default:r},l=n(177);function s(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function i(e){var t=(e||"").match(/^\/story\/(.+)/);if(!t)throw new Error("Invalid path '".concat(e,"',  must start with '/story/'"));return t[1]}var c=function(e){var t=e.storyId,n=e.viewMode,r=o.default.parse(a.document.location.search,{ignoreQueryPrefix:!0}),l=(r.path,r.selectedKind,r.selectedStory,s(r,["path","selectedKind","selectedStory"])),i="".concat(a.document.location.pathname,"?").concat(o.default.stringify(Object.assign({},l,{id:t,viewMode:n})));a.history.replaceState({},"",i)};t.setPath=c;var u=function(e,t){var n=e.path,r=e.selectedKind,a=e.selectedStory;if(n)return i(n);if(r&&a){var o=t.getRawStory(r,a);return o?o.id:(0,l.toId)(r,a)}};t.getIdFromLegacyQuery=u;t.parseQueryParameters=function(e){return o.default.parse(e,{ignoreQueryPrefix:!0}).id};t.initializePath=function(e){var t=o.default.parse(a.document.location.search,{ignoreQueryPrefix:!0}),n=t.id,r=t.viewMode;return n||(n=u(t,e))&&c({storyId:n,viewMode:r}),{storyId:n,viewMode:r}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.NoDocs=void 0;var r,a=(r=n(0))&&r.__esModule?r:{default:r};var o=a.default.createElement("div",{style:{fontSize:"14px",letterSpacing:"0.2px",margin:"10px 0"},className:"sb-nodocs sb-wrapper"},a.default.createElement("div",{style:{margin:"auto",padding:30,borderRadius:10,background:"rgba(0,0,0,0.03)"}},a.default.createElement("h1",{style:{textAlign:"center"}},"No Docs"),a.default.createElement("p",null,"Sorry, but there are no docs for the selected story. To add them, set the story's ",a.default.createElement("code",null,"docs")," parameter. If you think this is an error:"),a.default.createElement("ul",null,a.default.createElement("li",null,"Please check the story definition."),a.default.createElement("li",null,"Please check the Storybook config."),a.default.createElement("li",null,"Try reloading the page.")),a.default.createElement("p",null,"If the problem persists, check the browser console, or the terminal you've run Storybook from."))),l=function(){return o};t.NoDocs=l,l.displayName="NoDocs"},function(e,t,n){"use strict";var r=n(110);r.window&&(r.window.STORYBOOK_ENV="react")},function(e,t,n){"use strict";(function(e){function r(e){return(r="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)}n(104),n(116),n(117),n(92),n(94),n(299),n(134),n(209),n(300),n(95),n(172),n(107),n(109),Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return E.apply(this,arguments)},n(310);var a,o=n(110),l=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var t=i();if(t&&t.has(e))return t.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var l=a?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(n,o,l):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(0)),s=(a=n(19))&&a.__esModule?a:{default:a};function i(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return i=function(){return e},e}function c(e,t,n,r,a,o,l){try{var s=e[o](l),i=s.value}catch(e){return void n(e)}s.done?t(i):Promise.resolve(i).then(r,a)}function u(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var o=e.apply(t,n);function l(e){c(o,r,a,l,s,"next",e)}function s(e){c(o,r,a,l,s,"throw",e)}l(void 0)}))}}function d(e){return(d="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)}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function p(e,t){return!t||"object"!==d(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var y=o.document?o.document.getElementById("root"):null,g=function(t,n){return new Promise((function(r){s.default.render(e.env.STORYBOOK_EXAMPLE_APP?l.default.createElement(l.StrictMode,null,t):t,n,r)}))},v=function(e){function t(){var e,n;f(this,t);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(n=p(this,(e=b(t)).call.apply(e,[this].concat(a)))).state={hasError:!1},n}var n,r,a;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(t,e),n=t,a=[{key:"getDerivedStateFromError",value:function(){return{hasError:!0}}}],(r=[{key:"componentDidMount",value:function(){var e=this.state.hasError,t=this.props.showMain;e||t()}},{key:"componentDidCatch",value:function(e){(0,this.props.showException)(e)}},{key:"render",value:function(){var e=this.state.hasError,t=this.props.children;return e?null:t}}])&&m(n.prototype,r),a&&m(n,a),t}(l.Component);function E(){return(E=u(regeneratorRuntime.mark((function e(t){var n,r,a,o,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.storyFn,r=t.showMain,a=t.showException,o=t.forceRender,i=l.default.createElement(v,{showMain:r,showException:a},l.default.createElement(n,null)),o||s.default.unmountComponentAtNode(y),e.next=5,g(i,y);case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}}).call(this,n(192))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.on=function(e,t,n,r){r=r||!1,e.addEventListener?e.addEventListener(t,n,r):e.attachEvent&&e.attachEvent("on"+t,(function(t){n.call(e,t||window.event)}))},t.off=function(e,t,n,r){r=r||!1,e.removeEventListener?e.removeEventListener(t,n,r):e.detachEvent&&e.detachEvent("on"+t,n)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if(!(e instanceof HTMLElement))return document.documentElement;for(var t="absolute"===e.style.position,n=/(scroll|auto)/,r=e;r;){if(!r.parentNode)return e.ownerDocument||document.documentElement;var a=window.getComputedStyle(r),o=a.position,l=a.overflow,s=a["overflow-x"],i=a["overflow-y"];if("static"===o&&t)r=r.parentNode;else{if(n.test(l)&&n.test(s)&&n.test(i))return r;r=r.parentNode}}return e.ownerDocument||e.documentElement||document.documentElement}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){var r=void 0,a=void 0,o=void 0,l=void 0,s=void 0,i=function i(){var c=+new Date-l;c<t&&c>=0?r=setTimeout(i,t-c):(r=null,n||(s=e.apply(o,a),r||(o=null,a=null)))};return function(){o=this,a=arguments,l=+new Date;var c=n&&!r;return r||(r=setTimeout(i,t)),c&&(s=e.apply(o,a),o=null,a=null),s}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){var r,a;return t||(t=250),function(){var o=n||this,l=+new Date,s=arguments;r&&l<r+t?(clearTimeout(a),a=setTimeout((function(){r=l,e.apply(o,s)}),t)):(r=l,e.apply(o,s))}}},,,function(e,t,n){var r={"./components/accordion/styling-hooks.json":556,"./components/alert/styling-hooks.json":557,"./components/avatar/styling-hooks.json":558,"./components/badges/styling-hooks.json":559,"./components/breadcrumbs/styling-hooks.json":560,"./components/buttons/styling-hooks.json":561,"./components/cards/styling-hooks.json":562,"./components/checkbox-toggle/styling-hooks.json":563,"./components/checkbox/styling-hooks.json":564,"./components/icons/styling-hooks.json":565,"./components/input/styling-hooks.json":566,"./components/modals/styling-hooks.json":567,"./components/pills/styling-hooks.json":568,"./components/popovers/styling-hooks.json":569,"./components/radio-group/styling-hooks.json":570,"./components/rich-text-editor/styling-hooks.json":571,"./components/select/styling-hooks.json":572,"./components/slider/styling-hooks.json":573,"./components/tabs/styling-hooks.json":574,"./components/textarea/styling-hooks.json":575,"./components/toast/styling-hooks.json":576,"./components/tooltips/styling-hooks.json":577,"./components/trees/styling-hooks.json":578};function a(e){var t=o(e);return n(t)}function o(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=o,e.exports=a,a.id=555},function(e){e.exports=JSON.parse('{"--slds-c-accordion-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-accordion-color-border":{"fallbackValue":"#e5e5e5","category":"Color","valueType":"Color"},"--slds-c-accordion-section-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-accordion-section-spacing-inline-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-accordion-section-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-accordion-section-spacing-inline-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-accordion-summary-color-background":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-accordion-heading-text-color":{"fallbackValue":"#181818","category":"Color","valueType":"Color"},"--slds-c-accordion-heading-font-size":{"fallbackValue":"1rem","category":"Font","valueType":"Dimension"},"--slds-c-accordion-heading-line-height":{"fallbackValue":"1.25","category":"Text","valueType":"Number"}}')},function(e){e.exports=JSON.parse('{"--slds-c-alert-spacing-block-start":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-alert-spacing-inline-end":{"fallbackValue":"2rem","category":"Spacing","valueType":"Dimension"},"--slds-c-alert-spacing-block-end":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-alert-spacing-inline-start":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-alert-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-alert-font-weight":{"fallbackValue":"","category":"Text","valueType":"String, Number"},"--slds-c-alert-color-background":{"fallbackValue":"#747474","category":"Color","valueType":"Color"},"--slds-c-alert-image-background":{"fallbackValue":"linear-gradient(45deg, rgba(0, 0, 0, 0.025) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.025) 50%, rgba(0, 0, 0, 0.025) 75%, transparent 75%, transparent)","category":"Image","valueType":"Image"},"--slds-c-alert-size-background":{"fallbackValue":"64px 64px","category":"Image","valueType":"String, Dimension"},"--slds-c-alert-shadow":{"fallbackValue":"0 0 3px #f3f3f3","category":"Box Shadow","valueType":"String"},"--slds-c-alert-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-alert-color-border":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-alert-text-color-active":{"fallbackValue":"rgba(255, 255, 255, 0.5)","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-avatar-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-avatar-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-avatar-text-color-hover":{"fallbackValue":"currentColor","category":"Color","valueType":"Color"},"--slds-c-avatar-initials-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-avatar-initials-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-avatar-initials-inverse-text-color":{"fallbackValue":"#444444","category":"Color","valueType":"Color"},"--slds-c-avatar-initials-inverse-text-color-hover":{"fallbackValue":"#444444","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-badge-text-color":{"fallbackValue":"#181818","category":"Color","valueType":"Color"},"--slds-c-badge-font-size":{"fallbackValue":"0.75rem","category":"Font","valueType":"Dimension"},"--slds-c-badge-line-height":{"fallbackValue":"normal","category":"Text","valueType":"Number"},"--slds-c-badge-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-badge-color-border":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-badge-radius-border":{"fallbackValue":"15rem","category":"Radius","valueType":"Dimension"},"--slds-c-badge-color-background":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-badge-inverse-color-background":{"fallbackValue":"#747474","category":"Color","valueType":"Color"},"--slds-c-badge-inverse-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-badge-lightest-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-badge-lightest-color-border":{"fallbackValue":"#e5e5e5","category":"Color","valueType":"Color"},"--slds-c-badge-icon-color-foreground":{"fallbackValue":"#747474","category":"Color","valueType":"Color"},"--slds-c-badge-icon-inverse-color-foreground":{"fallbackValue":"currentColor","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-breadcrumbs-spacing-inline-end":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-breadcrumbs-spacing-inline-start":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"}}')},function(e){e.exports=JSON.parse('{"--slds-c-button-stateful-color-background-selected":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-border-selected":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-background-selected-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-border-selected-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-background-selected-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-brand-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-color-background":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-border":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-background-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-border-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-spacing-block-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-inline-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-block-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-inline-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-color-background":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-color-border":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-button-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-button-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-button-line-height":{"fallbackValue":"1.875rem","category":"Text","valueType":"Number"},"--slds-c-button-text-color":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-color-border-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-color-background-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-text-color-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-button-text-color-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-color-background-active":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-color-border-active":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color-hover":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-focus":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-shadow-focus":{"fallbackValue":"0 0 3px #f3f3f3","category":"Box Shadow","valueType":"String"},"--slds-c-button-neutral-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-neutral-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-neutral-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border-active":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-background-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-outline-brand-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-outline-brand-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-inverse-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-inverse-color-background":{"fallbackValue":"rgba(0, 0, 0, 0)","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-active":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color-active":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-destructive-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-destructive-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-destructive-color-background":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-background-hover":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-background-active":{"fallbackValue":"#8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border-active":{"fallbackValue":"#8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-destructive-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-destructive-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color":{"fallbackValue":"#ea001e","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color-active":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-success-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-success-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-success-color-background":{"fallbackValue":"#45c65a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border":{"fallbackValue":"#91db8b","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color":{"fallbackValue":"#181818","category":"Color","valueType":"Color"},"--slds-c-button-success-color-background-hover":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border-hover":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-background-active":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border-active":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-card-spacing-block-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-card-spacing-inline-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-card-spacing-block-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-card-spacing-inline-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-card-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-card-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-card-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-card-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-card-shadow":{"fallbackValue":"0 2px 2px 0 rgba(0, 0, 0, 0.1)","category":"Box Shadow","valueType":"String"},"--slds-c-card-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-card-header-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-header-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-header-spacing-block-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-card-header-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-heading-font-size":{"fallbackValue":"1rem","category":"Font","valueType":"Dimension"},"--slds-c-card-heading-font-weight":{"fallbackValue":"700","category":"Text","valueType":"String, Number"},"--slds-c-card-body-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-body-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-body-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-body-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-footer-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-footer-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-footer-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-footer-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-footer-text-align":{"fallbackValue":"center","category":"Text","valueType":"String"},"--slds-c-card-footer-font-size":{"fallbackValue":"0.8125rem","category":"Font","valueType":"Dimension"},"--slds-c-card-footer-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-card-footer-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-checkbox-toggle-color-border":{"fallbackValue":"#aeaeae","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-color-background":{"fallbackValue":"#aeaeae","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-radius-border":{"fallbackValue":"15rem","category":"Radius","valueType":"Dimension"},"--slds-c-checkbox-toggle-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-checkbox-toggle-color-background-hover":{"fallbackValue":"#939393","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-color-border-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-switch-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-switch-color-background-checked":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-mark-color-foreground":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-color-background-checked-focus":{"fallbackValue":"#014486","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-checkbox-radius-border":{"fallbackValue":"0.125rem","category":"Radius","valueType":"Dimension"},"--slds-c-checkbox-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-checkbox-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-checkbox-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-checkbox-color-border-checked":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-checkbox-color-background-checked":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-checkbox-mark-color-foreground":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-checkbox-color-border-focus":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-checkbox-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"}}')},function(e){e.exports=JSON.parse('{"--slds-c-icon-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-icon-color-background":{"fallbackValue":"#1589ee","category":"Color","valueType":"Color"},"--slds-c-icon-color-foreground":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-icon-color-foreground-default":{"fallbackValue":"#747474","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-input-spacing-horizontal-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-input-spacing-horizontal-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-input-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-input-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-input-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-input-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-input-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-input-color-border-focus":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-input-color-background-focus":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-input-text-color-focus":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-input-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"}}')},function(e){e.exports=JSON.parse('{"--slds-c-modal-heading-font-weight":{"fallbackValue":"","category":"Text","valueType":"String, Number"},"--slds-c-modal-heading-font-size":{"fallbackValue":"1.25rem","category":"Font","valueType":"Dimension"},"--slds-c-modal-heading-line-height":{"fallbackValue":"1.25","category":"Text","valueType":"Number"},"--slds-c-modal-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-modal-sizing-border":{"fallbackValue":"2px","category":"Sizing","valueType":"Dimension"},"--slds-c-modal-color-border":{"fallbackValue":"#e5e5e5","category":"Color","valueType":"Color"},"--slds-c-modal-header-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-modal-header-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-modal-header-spacing-block-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-header-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-header-spacing-block-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-header-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-content-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-modal-content-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-modal-shadow":{"fallbackValue":"0 2px 3px 0 rgba(0, 0, 0, 0.16)","category":"Box Shadow","valueType":"String"},"--slds-c-modal-footer-color-background":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-modal-footer-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-modal-footer-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-footer-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-footer-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-footer-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-backdrop-color-background":{"fallbackValue":"rgba(8, 7, 7, 0.6)","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-pill-line-height":{"fallbackValue":"1.5","category":"Text","valueType":"Number"},"--slds-c-pill-spacing-block-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-inline-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-block-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-inline-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-pill-color-border":{"fallbackValue":"#e5e5e5","category":"Color","valueType":"Color"},"--slds-c-pill-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-pill-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-pill-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-pill-container-spacing-block-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-inline-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-block-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-inline-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-pill-label-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-pill-action-color-border":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-pill-action-shadow":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-pill-error-color-border":{"fallbackValue":"#ea001e","category":"Color","valueType":"Color"},"--slds-c-pill-error-color-border-active":{"fallbackValue":"#ea001e","category":"Color","valueType":"Color"},"--slds-c-pill-error-text-color":{"fallbackValue":"#ea001e","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-popover-position-zindex":{"fallbackValue":"6000","category":"Position","valueType":"Integer"}}')},function(e){e.exports=JSON.parse('{"--slds-c-radio-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-radio-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-radio-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-radio-color-border-checked":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-radio-color-background-checked":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-radio-mark-color-foreground":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-radio-color-border-focus":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-radio-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"}}')},function(e){e.exports=JSON.parse('{"--slds-c-textarea-sizing-min-height":{"fallbackValue":"6rem","category":"Sizing","valueType":"Dimension"},"--slds-c-textarea-sizing-max-height":{"fallbackValue":"15rem","category":"Sizing","valueType":"Dimension"}}')},function(e){e.exports=JSON.parse('{"--slds-c-select-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-select-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-select-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-select-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-select-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-select-color-border-focus":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-select-color-background-focus":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-select-text-color-focus":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-select-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"}}')},function(e){e.exports=JSON.parse('{"--slds-c-slider-thumb-radius-border":{"fallbackValue":"50%","category":"Radius","valueType":"Dimension"},"--slds-c-slider-thumb-color-foreground":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-slider-thumb-shadow":{"fallbackValue":"rgba(0, 0, 0, 0.16) 0 2px 3px","category":"Box Shadow","valueType":"String"},"--slds-c-slider-thumb-color-foreground-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-slider-track-color-background":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-slider-track-radius-border":{"fallbackValue":"0.125rem","category":"Radius","valueType":"Dimension"},"--slds-c-slider-thumb-color-foreground-focus":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-slider-thumb-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-slider-thumb-color-foreground-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-tabs-list-sizing-border":{"fallbackValue":"2px","category":"Sizing","valueType":"Dimension"},"--slds-c-tabs-list-color-border":{"fallbackValue":"#e5e5e5","category":"Color","valueType":"Color"},"--slds-c-tabs-item-text-color":{"fallbackValue":"#444444","category":"Color","valueType":"Color"},"--slds-c-tabs-item-spacing-block-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-item-spacing-inline-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-item-spacing-block-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-item-spacing-inline-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-item-text-color-active":{"fallbackValue":"#181818","category":"Color","valueType":"Color"},"--slds-c-tabs-item-color-border-active":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-tabs-item-color-border-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-tabs-item-sizing-height":{"fallbackValue":"2.5rem","category":"Sizing","valueType":"Dimension"},"--slds-c-tabs-item-line-height":{"fallbackValue":"2.5rem","category":"Text","valueType":"Number"},"--slds-c-tabs-panel-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-panel-spacing-inline-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-panel-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-panel-spacing-inline-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"}}')},function(e){e.exports=JSON.parse('{"--slds-c-textarea-sizing-min-height":{"fallbackValue":"","category":"Sizing","valueType":"Dimension"},"--slds-c-textarea-spacing-block-start":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-textarea-spacing-inline-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-textarea-spacing-block-end":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-textarea-spacing-inline-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-textarea-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-textarea-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-textarea-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-textarea-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-textarea-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-textarea-text-color-focus":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-textarea-color-background-focus":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-textarea-color-border-focus":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-textarea-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-textarea-text-color-error-focus":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-textarea-color-background-error-focus":{"fallbackValue":"white","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-toast-color-background":{"fallbackValue":"#747474","category":"Color","valueType":"Color"},"--slds-c-toast-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-toast-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-toast-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-toast-spacing-inline-end":{"fallbackValue":"3rem","category":"Spacing","valueType":"Dimension"},"--slds-c-toast-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-toast-spacing-inline-start":{"fallbackValue":"1.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-toast-sizing-min-width":{"fallbackValue":"30rem","category":"Sizing","valueType":"Dimension"}}')},function(e){e.exports=JSON.parse('{"--slds-c-popover-position-zindex":{"fallbackValue":"6000","category":"Position","valueType":"Integer"},"--slds-c-tooltip-sizing-max-width":{"fallbackValue":"20rem","category":"Sizing","valueType":"Dimension"},"--slds-c-tooltip-color-background":{"fallbackValue":"#032d60","category":"Color","valueType":"Color"},"--slds-c-tooltip-font-size":{"fallbackValue":"0.75rem","category":"Font","valueType":"Dimension"},"--slds-c-tooltip-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-tree-sizing-max-width":{"fallbackValue":"25rem","category":"Sizing","valueType":"Dimension"}}')}]]);
+ */function a(e){return null!=e&&"object"===r(e)&&!1===Array.isArray(e)}n.r(t),n.d(t,"default",(function(){return a}))},function(e,t,n){"use strict";n(104),n(92),n(309),n(155),n(130),n(131),n(211),n(303),Object.defineProperty(t,"__esModule",{value:!0}),t.pathToId=i,t.initializePath=t.parseQueryParameters=t.getIdFromLegacyQuery=t.setPath=void 0;var r,a=n(110),o=(r=n(304))&&r.__esModule?r:{default:r},l=n(177);function s(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function i(e){var t=(e||"").match(/^\/story\/(.+)/);if(!t)throw new Error("Invalid path '".concat(e,"',  must start with '/story/'"));return t[1]}var c=function(e){var t=e.storyId,n=e.viewMode,r=o.default.parse(a.document.location.search,{ignoreQueryPrefix:!0}),l=(r.path,r.selectedKind,r.selectedStory,s(r,["path","selectedKind","selectedStory"])),i="".concat(a.document.location.pathname,"?").concat(o.default.stringify(Object.assign({},l,{id:t,viewMode:n})));a.history.replaceState({},"",i)};t.setPath=c;var u=function(e,t){var n=e.path,r=e.selectedKind,a=e.selectedStory;if(n)return i(n);if(r&&a){var o=t.getRawStory(r,a);return o?o.id:(0,l.toId)(r,a)}};t.getIdFromLegacyQuery=u;t.parseQueryParameters=function(e){return o.default.parse(e,{ignoreQueryPrefix:!0}).id};t.initializePath=function(e){var t=o.default.parse(a.document.location.search,{ignoreQueryPrefix:!0}),n=t.id,r=t.viewMode;return n||(n=u(t,e))&&c({storyId:n,viewMode:r}),{storyId:n,viewMode:r}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.NoDocs=void 0;var r,a=(r=n(0))&&r.__esModule?r:{default:r};var o=a.default.createElement("div",{style:{fontSize:"14px",letterSpacing:"0.2px",margin:"10px 0"},className:"sb-nodocs sb-wrapper"},a.default.createElement("div",{style:{margin:"auto",padding:30,borderRadius:10,background:"rgba(0,0,0,0.03)"}},a.default.createElement("h1",{style:{textAlign:"center"}},"No Docs"),a.default.createElement("p",null,"Sorry, but there are no docs for the selected story. To add them, set the story's ",a.default.createElement("code",null,"docs")," parameter. If you think this is an error:"),a.default.createElement("ul",null,a.default.createElement("li",null,"Please check the story definition."),a.default.createElement("li",null,"Please check the Storybook config."),a.default.createElement("li",null,"Try reloading the page.")),a.default.createElement("p",null,"If the problem persists, check the browser console, or the terminal you've run Storybook from."))),l=function(){return o};t.NoDocs=l,l.displayName="NoDocs"},function(e,t,n){"use strict";var r=n(110);r.window&&(r.window.STORYBOOK_ENV="react")},function(e,t,n){"use strict";(function(e){function r(e){return(r="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)}n(104),n(116),n(117),n(92),n(94),n(299),n(134),n(209),n(300),n(95),n(172),n(107),n(109),Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return E.apply(this,arguments)},n(310);var a,o=n(110),l=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var t=i();if(t&&t.has(e))return t.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var l=a?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(n,o,l):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(0)),s=(a=n(19))&&a.__esModule?a:{default:a};function i(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return i=function(){return e},e}function c(e,t,n,r,a,o,l){try{var s=e[o](l),i=s.value}catch(e){return void n(e)}s.done?t(i):Promise.resolve(i).then(r,a)}function u(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var o=e.apply(t,n);function l(e){c(o,r,a,l,s,"next",e)}function s(e){c(o,r,a,l,s,"throw",e)}l(void 0)}))}}function d(e){return(d="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)}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function p(e,t){return!t||"object"!==d(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var y=o.document?o.document.getElementById("root"):null,g=function(t,n){return new Promise((function(r){s.default.render(e.env.STORYBOOK_EXAMPLE_APP?l.default.createElement(l.StrictMode,null,t):t,n,r)}))},v=function(e){function t(){var e,n;f(this,t);for(var r=arguments.length,a=new Array(r),o=0;o<r;o++)a[o]=arguments[o];return(n=p(this,(e=b(t)).call.apply(e,[this].concat(a)))).state={hasError:!1},n}var n,r,a;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(t,e),n=t,a=[{key:"getDerivedStateFromError",value:function(){return{hasError:!0}}}],(r=[{key:"componentDidMount",value:function(){var e=this.state.hasError,t=this.props.showMain;e||t()}},{key:"componentDidCatch",value:function(e){(0,this.props.showException)(e)}},{key:"render",value:function(){var e=this.state.hasError,t=this.props.children;return e?null:t}}])&&m(n.prototype,r),a&&m(n,a),t}(l.Component);function E(){return(E=u(regeneratorRuntime.mark((function e(t){var n,r,a,o,i;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.storyFn,r=t.showMain,a=t.showException,o=t.forceRender,i=l.default.createElement(v,{showMain:r,showException:a},l.default.createElement(n,null)),o||s.default.unmountComponentAtNode(y),e.next=5,g(i,y);case 5:case"end":return e.stop()}}),e)})))).apply(this,arguments)}}).call(this,n(192))},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.on=function(e,t,n,r){r=r||!1,e.addEventListener?e.addEventListener(t,n,r):e.attachEvent&&e.attachEvent("on"+t,(function(t){n.call(e,t||window.event)}))},t.off=function(e,t,n,r){r=r||!1,e.removeEventListener?e.removeEventListener(t,n,r):e.detachEvent&&e.detachEvent("on"+t,n)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){if(!(e instanceof HTMLElement))return document.documentElement;for(var t="absolute"===e.style.position,n=/(scroll|auto)/,r=e;r;){if(!r.parentNode)return e.ownerDocument||document.documentElement;var a=window.getComputedStyle(r),o=a.position,l=a.overflow,s=a["overflow-x"],i=a["overflow-y"];if("static"===o&&t)r=r.parentNode;else{if(n.test(l)&&n.test(s)&&n.test(i))return r;r=r.parentNode}}return e.ownerDocument||e.documentElement||document.documentElement}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){var r=void 0,a=void 0,o=void 0,l=void 0,s=void 0,i=function i(){var c=+new Date-l;c<t&&c>=0?r=setTimeout(i,t-c):(r=null,n||(s=e.apply(o,a),r||(o=null,a=null)))};return function(){o=this,a=arguments,l=+new Date;var c=n&&!r;return r||(r=setTimeout(i,t)),c&&(s=e.apply(o,a),o=null,a=null),s}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){var r,a;return t||(t=250),function(){var o=n||this,l=+new Date,s=arguments;r&&l<r+t?(clearTimeout(a),a=setTimeout((function(){r=l,e.apply(o,s)}),t)):(r=l,e.apply(o,s))}}},,,function(e,t,n){var r={"./components/accordion/styling-hooks.json":556,"./components/alert/styling-hooks.json":557,"./components/avatar/styling-hooks.json":558,"./components/badges/styling-hooks.json":559,"./components/breadcrumbs/styling-hooks.json":560,"./components/buttons/styling-hooks.json":561,"./components/cards/styling-hooks.json":562,"./components/checkbox-toggle/styling-hooks.json":563,"./components/checkbox/styling-hooks.json":564,"./components/icons/styling-hooks.json":565,"./components/input/styling-hooks.json":566,"./components/modals/styling-hooks.json":567,"./components/pills/styling-hooks.json":568,"./components/popovers/styling-hooks.json":569,"./components/radio-group/styling-hooks.json":570,"./components/rich-text-editor/styling-hooks.json":571,"./components/select/styling-hooks.json":572,"./components/slider/styling-hooks.json":573,"./components/tabs/styling-hooks.json":574,"./components/textarea/styling-hooks.json":575,"./components/toast/styling-hooks.json":576,"./components/tooltips/styling-hooks.json":577,"./components/trees/styling-hooks.json":578};function a(e){var t=o(e);return n(t)}function o(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=o,e.exports=a,a.id=555},function(e){e.exports=JSON.parse('{"--slds-c-accordion-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-accordion-color-border":{"fallbackValue":"#e5e5e5","category":"Color","valueType":"Color"},"--slds-c-accordion-section-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-accordion-section-spacing-inline-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-accordion-section-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-accordion-section-spacing-inline-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-accordion-summary-color-background":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-accordion-heading-text-color":{"fallbackValue":"#181818","category":"Color","valueType":"Color"},"--slds-c-accordion-heading-font-size":{"fallbackValue":"1rem","category":"Font","valueType":"Dimension"},"--slds-c-accordion-heading-line-height":{"fallbackValue":"1.25","category":"Text","valueType":"Number"}}')},function(e){e.exports=JSON.parse('{"--slds-c-alert-spacing-block-start":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-alert-spacing-inline-end":{"fallbackValue":"2rem","category":"Spacing","valueType":"Dimension"},"--slds-c-alert-spacing-block-end":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-alert-spacing-inline-start":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-alert-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-alert-font-weight":{"fallbackValue":"","category":"Text","valueType":"String, Number"},"--slds-c-alert-color-background":{"fallbackValue":"#747474","category":"Color","valueType":"Color"},"--slds-c-alert-image-background":{"fallbackValue":"linear-gradient(45deg, rgba(0, 0, 0, 0.025) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.025) 50%, rgba(0, 0, 0, 0.025) 75%, transparent 75%, transparent)","category":"Image","valueType":"Image"},"--slds-c-alert-size-background":{"fallbackValue":"64px 64px","category":"Image","valueType":"String, Dimension"},"--slds-c-alert-shadow":{"fallbackValue":"0 0 3px #f3f3f3","category":"Box Shadow","valueType":"String"},"--slds-c-alert-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-alert-color-border":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-alert-text-color-active":{"fallbackValue":"rgba(255, 255, 255, 0.5)","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-avatar-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-avatar-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-avatar-text-color-hover":{"fallbackValue":"currentColor","category":"Color","valueType":"Color"},"--slds-c-avatar-initials-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-avatar-initials-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-avatar-initials-inverse-text-color":{"fallbackValue":"#444444","category":"Color","valueType":"Color"},"--slds-c-avatar-initials-inverse-text-color-hover":{"fallbackValue":"#444444","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-badge-text-color":{"fallbackValue":"#181818","category":"Color","valueType":"Color"},"--slds-c-badge-font-size":{"fallbackValue":"0.75rem","category":"Font","valueType":"Dimension"},"--slds-c-badge-line-height":{"fallbackValue":"normal","category":"Text","valueType":"Number"},"--slds-c-badge-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-badge-color-border":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-badge-radius-border":{"fallbackValue":"15rem","category":"Radius","valueType":"Dimension"},"--slds-c-badge-color-background":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-badge-inverse-color-background":{"fallbackValue":"#747474","category":"Color","valueType":"Color"},"--slds-c-badge-inverse-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-badge-lightest-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-badge-lightest-color-border":{"fallbackValue":"#e5e5e5","category":"Color","valueType":"Color"},"--slds-c-badge-icon-color-foreground":{"fallbackValue":"#747474","category":"Color","valueType":"Color"},"--slds-c-badge-icon-inverse-color-foreground":{"fallbackValue":"currentColor","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-breadcrumbs-spacing-inline-end":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-breadcrumbs-spacing-inline-start":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"}}')},function(e){e.exports=JSON.parse('{"--slds-c-button-stateful-color-background-selected":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-border-selected":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-background-selected-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-border-selected-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-background-selected-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-brand-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-color-background":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-border":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-background-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-border-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-spacing-block-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-inline-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-block-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-inline-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-color-background":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-color-border":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-button-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-button-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-button-line-height":{"fallbackValue":"1.875rem","category":"Text","valueType":"Number"},"--slds-c-button-text-color":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-color-border-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-color-background-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-text-color-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-button-text-color-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-color-background-active":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-color-border-active":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color-hover":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-focus":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-shadow-focus":{"fallbackValue":"0 0 3px #f3f3f3","category":"Box Shadow","valueType":"String"},"--slds-c-button-neutral-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-neutral-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-neutral-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border-active":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-background-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-outline-brand-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-outline-brand-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-inverse-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-inverse-color-background":{"fallbackValue":"rgba(0, 0, 0, 0)","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-active":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color-active":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-destructive-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-destructive-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-destructive-color-background":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-background-hover":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-background-active":{"fallbackValue":"#8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border-active":{"fallbackValue":"#8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-destructive-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-destructive-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color":{"fallbackValue":"#ea001e","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color-active":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-success-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-success-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-success-color-background":{"fallbackValue":"#45c65a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border":{"fallbackValue":"#91db8b","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color":{"fallbackValue":"#181818","category":"Color","valueType":"Color"},"--slds-c-button-success-color-background-hover":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border-hover":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-background-active":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border-active":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-icon-color-foreground":{"fallbackValue":"currentColor","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-card-spacing-block-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-card-spacing-inline-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-card-spacing-block-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-card-spacing-inline-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-card-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-card-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-card-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-card-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-card-shadow":{"fallbackValue":"0 2px 2px 0 rgba(0, 0, 0, 0.1)","category":"Box Shadow","valueType":"String"},"--slds-c-card-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-card-header-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-header-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-header-spacing-block-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-card-header-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-heading-font-size":{"fallbackValue":"1rem","category":"Font","valueType":"Dimension"},"--slds-c-card-heading-font-weight":{"fallbackValue":"700","category":"Text","valueType":"String, Number"},"--slds-c-card-body-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-body-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-body-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-body-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-footer-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-footer-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-footer-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-footer-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-card-footer-text-align":{"fallbackValue":"center","category":"Text","valueType":"String"},"--slds-c-card-footer-font-size":{"fallbackValue":"0.8125rem","category":"Font","valueType":"Dimension"},"--slds-c-card-footer-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-card-footer-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-checkbox-toggle-color-border":{"fallbackValue":"#aeaeae","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-color-background":{"fallbackValue":"#aeaeae","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-radius-border":{"fallbackValue":"15rem","category":"Radius","valueType":"Dimension"},"--slds-c-checkbox-toggle-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-checkbox-toggle-color-background-hover":{"fallbackValue":"#939393","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-color-border-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-switch-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-switch-color-background-checked":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-mark-color-foreground":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-checkbox-toggle-color-background-checked-focus":{"fallbackValue":"#014486","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-checkbox-radius-border":{"fallbackValue":"0.125rem","category":"Radius","valueType":"Dimension"},"--slds-c-checkbox-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-checkbox-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-checkbox-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-checkbox-color-border-checked":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-checkbox-color-background-checked":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-checkbox-mark-color-foreground":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-checkbox-color-border-focus":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-checkbox-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"}}')},function(e){e.exports=JSON.parse('{"--slds-c-icon-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-icon-color-background":{"fallbackValue":"#1589ee","category":"Color","valueType":"Color"},"--slds-c-icon-color-foreground":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-icon-color-foreground-default":{"fallbackValue":"#747474","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-input-spacing-horizontal-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-input-spacing-horizontal-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-input-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-input-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-input-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-input-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-input-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-input-color-border-focus":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-input-color-background-focus":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-input-text-color-focus":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-input-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"}}')},function(e){e.exports=JSON.parse('{"--slds-c-modal-heading-font-weight":{"fallbackValue":"","category":"Text","valueType":"String, Number"},"--slds-c-modal-heading-font-size":{"fallbackValue":"1.25rem","category":"Font","valueType":"Dimension"},"--slds-c-modal-heading-line-height":{"fallbackValue":"1.25","category":"Text","valueType":"Number"},"--slds-c-modal-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-modal-sizing-border":{"fallbackValue":"2px","category":"Sizing","valueType":"Dimension"},"--slds-c-modal-color-border":{"fallbackValue":"#e5e5e5","category":"Color","valueType":"Color"},"--slds-c-modal-header-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-modal-header-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-modal-header-spacing-block-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-header-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-header-spacing-block-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-header-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-content-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-modal-content-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-modal-shadow":{"fallbackValue":"0 2px 3px 0 rgba(0, 0, 0, 0.16)","category":"Box Shadow","valueType":"String"},"--slds-c-modal-footer-color-background":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-modal-footer-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-modal-footer-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-footer-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-footer-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-modal-footer-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-backdrop-color-background":{"fallbackValue":"rgba(8, 7, 7, 0.6)","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-pill-line-height":{"fallbackValue":"1.5","category":"Text","valueType":"Number"},"--slds-c-pill-spacing-block-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-inline-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-block-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-spacing-inline-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-pill-color-border":{"fallbackValue":"#e5e5e5","category":"Color","valueType":"Color"},"--slds-c-pill-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-pill-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-pill-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-pill-container-spacing-block-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-inline-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-block-end":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-spacing-inline-start":{"fallbackValue":"0.125rem","category":"Spacing","valueType":"Dimension"},"--slds-c-pill-container-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-pill-label-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-pill-action-color-border":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-pill-action-shadow":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-pill-error-color-border":{"fallbackValue":"#ea001e","category":"Color","valueType":"Color"},"--slds-c-pill-error-color-border-active":{"fallbackValue":"#ea001e","category":"Color","valueType":"Color"},"--slds-c-pill-error-text-color":{"fallbackValue":"#ea001e","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-popover-position-zindex":{"fallbackValue":"6000","category":"Position","valueType":"Integer"}}')},function(e){e.exports=JSON.parse('{"--slds-c-radio-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-radio-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-radio-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-radio-color-border-checked":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-radio-color-background-checked":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-radio-mark-color-foreground":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-radio-color-border-focus":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-radio-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"}}')},function(e){e.exports=JSON.parse('{"--slds-c-textarea-sizing-min-height":{"fallbackValue":"6rem","category":"Sizing","valueType":"Dimension"},"--slds-c-textarea-sizing-max-height":{"fallbackValue":"15rem","category":"Sizing","valueType":"Dimension"}}')},function(e){e.exports=JSON.parse('{"--slds-c-select-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-select-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-select-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-select-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-select-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-select-color-border-focus":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-select-color-background-focus":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-select-text-color-focus":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-select-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"}}')},function(e){e.exports=JSON.parse('{"--slds-c-slider-thumb-radius-border":{"fallbackValue":"50%","category":"Radius","valueType":"Dimension"},"--slds-c-slider-thumb-color-foreground":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-slider-thumb-shadow":{"fallbackValue":"rgba(0, 0, 0, 0.16) 0 2px 3px","category":"Box Shadow","valueType":"String"},"--slds-c-slider-thumb-color-foreground-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-slider-track-color-background":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-slider-track-radius-border":{"fallbackValue":"0.125rem","category":"Radius","valueType":"Dimension"},"--slds-c-slider-thumb-color-foreground-focus":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-slider-thumb-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-slider-thumb-color-foreground-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-tabs-list-sizing-border":{"fallbackValue":"2px","category":"Sizing","valueType":"Dimension"},"--slds-c-tabs-list-color-border":{"fallbackValue":"#e5e5e5","category":"Color","valueType":"Color"},"--slds-c-tabs-item-text-color":{"fallbackValue":"#444444","category":"Color","valueType":"Color"},"--slds-c-tabs-item-spacing-block-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-item-spacing-inline-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-item-spacing-block-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-item-spacing-inline-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-item-text-color-active":{"fallbackValue":"#181818","category":"Color","valueType":"Color"},"--slds-c-tabs-item-color-border-active":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-tabs-item-color-border-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-tabs-item-sizing-height":{"fallbackValue":"2.5rem","category":"Sizing","valueType":"Dimension"},"--slds-c-tabs-item-line-height":{"fallbackValue":"2.5rem","category":"Text","valueType":"Number"},"--slds-c-tabs-panel-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-panel-spacing-inline-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-panel-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-tabs-panel-spacing-inline-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"}}')},function(e){e.exports=JSON.parse('{"--slds-c-textarea-sizing-min-height":{"fallbackValue":"","category":"Sizing","valueType":"Dimension"},"--slds-c-textarea-spacing-block-start":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-textarea-spacing-inline-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-textarea-spacing-block-end":{"fallbackValue":"0.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-textarea-spacing-inline-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-textarea-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-textarea-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-textarea-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-textarea-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-textarea-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-textarea-text-color-focus":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-textarea-color-background-focus":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-textarea-color-border-focus":{"fallbackValue":"#1b96ff","category":"Color","valueType":"Color"},"--slds-c-textarea-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-textarea-text-color-error-focus":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-textarea-color-background-error-focus":{"fallbackValue":"white","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-toast-color-background":{"fallbackValue":"#747474","category":"Color","valueType":"Color"},"--slds-c-toast-text-color":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-toast-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-toast-spacing-block-start":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-toast-spacing-inline-end":{"fallbackValue":"3rem","category":"Spacing","valueType":"Dimension"},"--slds-c-toast-spacing-block-end":{"fallbackValue":"0.75rem","category":"Spacing","valueType":"Dimension"},"--slds-c-toast-spacing-inline-start":{"fallbackValue":"1.5rem","category":"Spacing","valueType":"Dimension"},"--slds-c-toast-sizing-min-width":{"fallbackValue":"30rem","category":"Sizing","valueType":"Dimension"}}')},function(e){e.exports=JSON.parse('{"--slds-c-popover-position-zindex":{"fallbackValue":"6000","category":"Position","valueType":"Integer"},"--slds-c-tooltip-sizing-max-width":{"fallbackValue":"20rem","category":"Sizing","valueType":"Dimension"},"--slds-c-tooltip-color-background":{"fallbackValue":"#032d60","category":"Color","valueType":"Color"},"--slds-c-tooltip-font-size":{"fallbackValue":"0.75rem","category":"Font","valueType":"Dimension"},"--slds-c-tooltip-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"}}')},function(e){e.exports=JSON.parse('{"--slds-c-tree-sizing-max-width":{"fallbackValue":"25rem","category":"Sizing","valueType":"Dimension"}}')}]]);

package/__internal/chunked/docs/ui/components/button-icons/docs.mdx.js

@@ -1 +1 @@
-var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/button-icons/docs.mdx.js"]=function(e){function t(t){for(var a,o,r=t[0],i=t[1],c=t[2],b=0,m=[];b<r.length;b++)o=r[b],Object.prototype.hasOwnProperty.call(l,o)&&l[o]&&m.push(l[o][0]),l[o]=0;for(a in i)Object.prototype.hasOwnProperty.call(i,a)&&(e[a]=i[a]);for(d&&d(t);m.length;)m.shift()();return s.push.apply(s,c||[]),n()}function n(){for(var e,t=0;t<s.length;t++){for(var n=s[t],a=!0,r=1;r<n.length;r++){var i=n[r];0!==l[i]&&(a=!1)}a&&(s.splice(t--,1),e=o(o.s=n[0]))}return e}var a={},l={12:0},s=[];function o(t){if(a[t])return a[t].exports;var n=a[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=a,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 a in e)o.d(n,a,function(t){return e[t]}.bind(null,a));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 r=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],i=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var d=i;return s.push([655,0]),n()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},655:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return R})),n.d(t,"getContents",(function(){return U}));var a=n(0),l=n.n(a),s=n(4),o=n(2),r=n(25),i=n(14),c=n(15),d=n(27),b=n(41),m=n(7),u=[{id:"default",label:"Base – default",element:l.a.createElement(m.b,{assistiveText:"Settings",title:"Settings"})}],h=[{id:"error",label:"Base - Error",element:l.a.createElement(m.b,{feedback:"error",symbol:"error",title:"Error",assistiveText:"Error"})},{id:"warning",label:"Base - Warning",element:l.a.createElement(m.b,{feedback:"warning",symbol:"warning",title:"Warning",assistiveText:"Warning"})},{id:"bare-disabled",label:"Base - Disabled",element:l.a.createElement(m.b,{assistiveText:"Settings",disabled:!0,title:"Settings"})}],O=[{id:"hint-hover",label:"Base - Hint on hover",element:l.a.createElement(m.a,null,l.a.createElement(m.b,{assistiveText:"Settings",iconClassName:"slds-button__icon_hint",title:"Settings"}))}],p="background-color: #f4f6f9; padding: 0.5rem;",j=[{id:"default",label:"Bordered Filled – default",demoStyles:p,storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"Search",symbol:"search",theme:"neutral",title:"Search"})}],E=[{id:"disabled",label:"Bordered Filled - Disabled",demoStyles:p,storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"Search",disabled:!0,symbol:"search",theme:"neutral",title:"Search"})}],f=[{id:"with-dropdown",label:"Bordered Filled - With dropdown",demoStyles:p,storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"More options",hasDropdown:!0,theme:"neutral",title:"More Options"})},{id:"hint-hover",label:"Bordered Filled - Hint on hover",demoStyles:p,storybookStyles:!0,element:l.a.createElement(m.a,null,l.a.createElement(m.b,{assistiveText:"More options",iconClassName:"slds-button__icon_hint",theme:"neutral",title:"More Options"}))}],v="background-color: #16325C; padding: 0.5rem;",g=[{id:"default",label:"Bordered Inverse – default",demoStyles:v,storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"Search",size:"medium",symbol:"search",theme:"inverse",title:"Search"})}],y=[{id:"disabled",label:"Bordered Inverse – Disabled",demoStyles:v,storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"Search",disabled:!0,size:"medium",symbol:"search",theme:"inverse",title:"Search"})}],S=[{id:"with-dropdown",label:"Bordered Inverse – With dropdown",demoStyles:v,storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"More options",hasDropdown:!0,theme:"neutral",title:"More Options"})},{id:"hint-hover",label:"Bordered Inverse – Hint on hover",demoStyles:v,storybookStyles:!0,element:l.a.createElement(m.a,null,l.a.createElement(m.b,{assistiveText:"More options",iconClassName:"slds-button__icon_inverse-hint",size:"medium",theme:"inverse",title:"More Options"}))}],_=[{id:"default",label:"Bordered Transparent - default",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"transparent",symbol:"search"})}],x=[{id:"disabled",label:"Bordered Transparent - Disabled",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"transparent",symbol:"search",disabled:!0})}],w=[{id:"hint-hover",label:"Bordered Transparent - Hint on hover",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement("div",{className:"slds-hint-parent"},l.a.createElement(m.b,{theme:"transparent",iconClassName:"slds-button__icon_hint",assistiveText:"More options",title:"More Options"}))}],T=[{id:"default",label:"Brand – default",element:l.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"brand",symbol:"search"})}],M=[{id:"disabled",label:"Brand – Disabled",element:l.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"brand",symbol:"search",disabled:!0})}],k=[{id:"default",label:"Inverse – default",demoStyles:"background-color: #16325C; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"inverse",symbol:"search"})}],B=[{id:"disabled",label:"Inverse - Disabled",demoStyles:"background-color: #16325C; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"inverse",symbol:"search",disabled:!0})}],C=[{id:"with-dropdown",label:"Inverse - With dropdown",demoStyles:"background-color: #16325C; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement(m.b,{hasDropdown:!0,theme:"transparent",className:"slds-button_icon-inverse",assistiveText:"More options",title:"More Options"})},{id:"hint-hover",label:"Inverse - Hint on hover",demoStyles:"background-color: #16325C; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement("div",{className:"slds-hint-parent"},l.a.createElement(m.b,{theme:"inverse",iconClassName:"slds-button__icon_inverse-hint",assistiveText:"More options",title:"More Options"}))}],N=n(122),I=[{id:"default",label:"Transparent - default",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"Search",title:"Search",size:"medium",symbol:"search"})}],D=[{id:"disabled",label:"Transparent - Disabled",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"Search",title:"Search",size:"medium",symbol:"search",disabled:!0})}],z=[{id:"with-dropdown",label:"Transparent - With dropdown",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement(m.b,{assistiveText:"More options",title:"More Options",hasDropdown:!0,theme:"transparent"})},{id:"hint-hover",label:"Transparent - Hint on hover",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:l.a.createElement("div",{className:"slds-hint-parent"},l.a.createElement(m.b,{assistiveText:"More options",title:"More Options",size:"medium",iconClassName:"slds-button__icon_hint"}))}],W=n(1),F=n(35),H=s.c.a,A=s.c.code,P=s.c.h2,L=s.c.h3,J=s.c.h4,q=s.c.p,R=function(){return Object(a.createElement)(s.b,{},Object(a.createElement)("div",{className:"lead doc"},"Button icons provide the user with visual iconography that is typically used to invoke an event or action."),Object(a.createElement)(o.a,{exampleOnly:!0},Object(a.createElement)(l.a.Fragment,null,Object(a.createElement)(m.b,{iconClassName:"slds-button__icon_large",assistiveText:"More options",title:"More Options"}),Object(a.createElement)(m.b,{iconClassName:"slds-button__icon_small",assistiveText:"More options",title:"More Options"}),Object(a.createElement)(m.b,{iconClassName:"slds-button__icon_x-small",assistiveText:"More options",title:"More Options"}))),P({id:"About-Button-Icons"},"About Button Icons"),q({},"Button icons are button elements that represent their behavior with an ",H({href:"/components/icons"},"icon")," instead of text. The button itself should have the classes ",A({},"slds-button")," and ",A({},"slds-button_icon"),", while the svg icon has ",A({},"slds-button__icon")," on it."),q({},"Some styling variations require the button to receive additional 'container' classes that remove the button styling and/or add borders. See below for more detail."),L({id:"Accessibility"},"Accessibility"),q({},"If an icon button doesn’t include a label, use a ",A({},"title")," attribute to show on hover for sighted users, and a span with class ",A({},"slds-assistive-text")," to describe the button's action for screen readers."),q({},"When using assistive text, the icon element itself should have ",A({},"aria-hidden")," set to ",A({},"true"),"."),L({id:"Mobile"},"Mobile"),Object(a.createElement)(F.a,{patternSpecificText:"buttons will have an increased size to accommodate tapping with a finger instead of the more precise mouse cursor"}),Object(a.createElement)(o.a,{frameOnly:!0,frameTitle:"Example mobile styles for button icons"},Object(a.createElement)(l.a.Fragment,null,Object(a.createElement)(m.b,{iconClassName:"slds-button__icon_large",assistiveText:"More Options",title:"More Options"}),Object(a.createElement)(m.b,{iconClassName:"slds-button__icon_small",assistiveText:"More Options",title:"More Options"}),Object(a.createElement)(m.b,{iconClassName:"slds-button__icon_x-small",assistiveText:"More Options",title:"More Options"}))),P({id:"Base"},"Base"),Object(a.createElement)(o.a,{toggleCode:!1},Object(W.f)(u)),P({id:"Variations"},"Variations"),L({id:"Brand"},"Brand"),Object(a.createElement)(o.a,{toggleCode:!1},Object(W.f)(T)),L({id:"Inverse"},"Inverse"),Object(a.createElement)(o.a,{toggleCode:!1,demoStyles:Object(W.e)(k)},Object(W.f)(k)),L({id:"Icon-Containers"},"Icon Containers"),q({},"Icon containers remove button styling from the button, leaving a bare icon."),q({},"For a bare icon with transparent container, add ",A({},"slds-button_icon-container")," to the ",A({},"<button>"),". To add a border, use the ",A({},"slds-button_icon-border")," class instead."),q({},"For a neutral themed button icon, with border and a filled background, use the ",A({},"slds-button_icon-border-filled")," class to the ",A({},"slds-button")," class."),q({},"Use the inverse button on dark backgrounds by adding the ",A({},"slds-button_inverse")," class to the ",A({},"slds-button")," class."),Object(a.createElement)(b.a,null,Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bare - transparent container"),Object(a.createElement)(o.a,{toggleCode:!1,demoStyles:Object(W.e)(I)},Object(W.f)(I))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered - filled container"),Object(a.createElement)(o.a,{toggleCode:!1,demoStyles:Object(W.e)(j)},Object(W.f)(j))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered - transparent container"),Object(a.createElement)(o.a,{toggleCode:!1,demoStyles:Object(W.e)(_)},Object(W.f)(_))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered inverse - transparent container"),Object(a.createElement)(o.a,{toggleCode:!1,demoStyles:Object(W.e)(g)},Object(W.f)(g)))),L({id:"Stateful"},"Stateful"),q({},"The stateful button requires the ",A({},"slds-button_icon-border")," class in addition to the ",A({},"slds-button")," class.\nThe stateful inverse button works just like the stateful button. It requires the ",A({},"slds-button_icon-border-inverse")," class in addition to the ",A({},"slds-button")," class."),Object(a.createElement)(o.a,{toggleCode:!1},Object(W.f)(N.b)),Object(a.createElement)(i.a,{type:"a11y",header:"Accessibility Note"},Object(a.createElement)("p",null,"For accessibility, implement the ",Object(a.createElement)("a",{href:"http://w3c.github.io/aria-practices/#button"},"ARIA Toggle Button")," concept."),Object(a.createElement)("ul",{className:"slds-list_dotted"},Object(a.createElement)("li",null,"Similar to a mute button, the button represents a pressed or unpressed state."),Object(a.createElement)("li",null,"Button text doesn't change per state"),Object(a.createElement)("li",null,Object(a.createElement)("code",null,"aria-pressed")," is set to ",Object(a.createElement)("code",null,"true")," or ",Object(a.createElement)("code",null,"false"),", depending on its state"))),J({id:"Selected"},"Selected"),q({},"Stateful icons can be toggled on and off and will retain their state. JavaScript is used to add the ",A({},"slds-is-selected")," class to the button when activated."),Object(a.createElement)(o.a,null,Object(W.f)(N.c,"button-icon-stateful-selected")),J({id:"Disabled"},"Disabled"),q({},"You can disable a stateful button icon by applying the ",A({},"disabled")," attribute to the ",A({},".slds-button_icon"),". This will apply our disabled UI to the button icon, and freeze the button icon either in its selected or unselected state."),Object(a.createElement)(o.a,null,Object(a.createElement)(a.Fragment,null,Object(W.f)(N.c,"button-icon-stateful-disabled"),Object(W.f)(N.c,"button-icon-stateful-selected-disabled"))),P({id:"Sizes"},"Sizes"),L({id:"Bare-Icon"},"Bare Icon"),q({},"The bare variant can be displayed in three other sizes—",A({},"large"),", ",A({},"small"),", ",A({},"x-small"),"—by adding a sizing class on the ",A({},"<svg>")," icon itself."),Object(a.createElement)(r.a,{toggleCode:!1},Object(a.createElement)("button",null,Object(a.createElement)("svg",{className:"... slds-button__icon_{size}"},"..."),"...")),Object(a.createElement)(c.a,{title:"Sizes"},Object(a.createElement)(o.a,null,Object(a.createElement)(a.Fragment,null,Object(a.createElement)(m.b,{iconClassName:"slds-button__icon_large",assistiveText:"More options",title:"More Options"}),Object(a.createElement)(m.b,{iconClassName:"slds-button__icon_small",assistiveText:"More options",title:"More Options"}),Object(a.createElement)(m.b,{iconClassName:"slds-button__icon_x-small",assistiveText:"More options",title:"More Options"})))),L({id:"Icon-Container"},"Icon Container"),q({},"Contained variants can be displayed in three smaller sizes—",A({},"small"),", ",A({},"x-small"),", ",A({},"xx-small"),"—by adding a sizing class on the ",A({},"<button>"),"."),Object(a.createElement)(r.a,{toggleCode:!1},Object(a.createElement)("button",{className:"... slds-button_icon-{size}"},"...")),Object(a.createElement)(c.a,{title:"Sizes"},Object(a.createElement)(o.a,null,Object(a.createElement)(a.Fragment,null,Object(a.createElement)(m.b,{className:"slds-button_icon-border slds-button_icon-small",assistiveText:"More options",title:"More Options"}),Object(a.createElement)(m.b,{className:"slds-button_icon-border slds-button_icon-x-small",assistiveText:"More options",title:"More Options"}),Object(a.createElement)(m.b,{className:"slds-button_icon-border slds-button_icon-xx-small",assistiveText:"More options",title:"More Options"})))),P({id:"States"},"States"),L({id:"Disabled-2"},"Disabled"),q({},"Use a disabled attribute when a button can’t be clicked."),q({},"To create a disabled button, append the ",A({},"disabled")," attribute to the ",A({},"<button>"),"."),Object(a.createElement)(r.a,{toggleCode:!1},Object(a.createElement)("button",{className:"slds-button slds-button_icon ...",disabled:!0},"...")),Object(a.createElement)(b.a,null,Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Base"),Object(a.createElement)(o.a,null,Object(W.f)(h,"bare-disabled"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Brand"),Object(a.createElement)(o.a,null,Object(W.f)(M,"disabled"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Transparent container"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(D,"disabled")},Object(W.f)(D,"disabled"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Inverse"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(B,"disabled")},Object(W.f)(B,"disabled"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered filled container"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(E,"disabled")},Object(W.f)(E,"disabled"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered transparent"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(x,"disabled")},Object(W.f)(x,"disabled"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered inverse"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(y,"disabled")},Object(W.f)(y,"disabled")))),L({id:"Error"},"Error"),q({},"Error button icons are typically used in conjunction with an ",H({href:"../popovers/#Error"},"error popover"),"."),Object(a.createElement)(o.a,{toggleCode:!1},Object(W.f)(h,"error")),L({id:"Warning"},"Warning"),q({},"Warning button icons are typically used in conjunction with a ",H({href:"../popovers/#Warning"},"warning popover"),"."),Object(a.createElement)(o.a,{toggleCode:!1},Object(W.f)(h,"warning")),P({id:"Examples"},"Examples"),L({id:"Hint-on-hover"},"Hint on hover"),q({},"A parent class, ",A({},"slds-hint-parent"),", must be put on any wrapper, and ",A({},"slds-button__icon_hint")," must be added to the button's ",A({},"<svg>")," so that the child reacts when the parent is hovered."),Object(a.createElement)(r.a,{toggleCode:!1},Object(a.createElement)(m.a,null,Object(a.createElement)("button",{className:"slds-button slds-button_icon"},Object(a.createElement)("svg",{className:"slds-button__icon slds-button__icon_hint"},"..."),"..."))),Object(a.createElement)(b.a,null,Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Base"),Object(a.createElement)(o.a,null,Object(W.f)(O,"hint-hover"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Transparent container"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(z,"hint-hover")},Object(W.f)(z,"hint-hover"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered filled container"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(f,"hint-hover")},Object(W.f)(f,"hint-hover"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered transparent"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(w,"hint-hover")},Object(W.f)(w,"hint-hover")))),J({id:"Inverse-2"},"Inverse"),q({},"In the case of inverse, use the ",A({},"slds-button__icon_inverse-hint")," class on the button's ",A({},"<svg>")," instead."),Object(a.createElement)(r.a,{toggleCode:!1},Object(a.createElement)(m.a,null,Object(a.createElement)("button",{className:"slds-button slds-button_icon"},Object(a.createElement)("svg",{className:"slds-button__icon slds-button__icon_inverse-hint"},"..."),"..."))),Object(a.createElement)(b.a,null,Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Inverse"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(C,"hint-hover")},Object(W.f)(C,"hint-hover"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered inverse"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(S,"hint-hover")},Object(W.f)(S,"hint-hover")))),L({id:"With-a-Dropdown"},"With a Dropdown"),q({},"If the button opens a menu, add ",A({},"slds-button_icon-more")," class to the ",A({},"<button>")," and a ",A({},"down")," icon within the button to indicate the behavior."),Object(a.createElement)(r.a,{toggleCode:!1},Object(a.createElement)("button",{className:"slds-button slds-button_icon slds-button_icon-container-more"},"...",Object(a.createElement)("svg",{className:"slds-button__icon slds-button__icon_x-small"},Object(a.createElement)("use",{xlinkHref:"/assets/icons/utility-sprite/svg/symbols.svg#down"})),"...")),Object(a.createElement)(b.a,null,Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Transparent container"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(z,"with-dropdown")},Object(W.f)(z,"with-dropdown"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Inverse"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(C,"with-dropdown")},Object(W.f)(C,"with-dropdown"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered filled container"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(f,"with-dropdown")},Object(W.f)(f,"with-dropdown"))),Object(a.createElement)(d.a,null,Object(a.createElement)("strong",null,"Bordered inverse"),Object(a.createElement)(o.a,{demoStyles:Object(W.e)(S,"with-dropdown")},Object(W.f)(S,"with-dropdown")))))},U=function(){return Object(s.a)(R())}}});
+var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/button-icons/docs.mdx.js"]=function(e){function t(t){for(var l,o,r=t[0],i=t[1],c=t[2],b=0,m=[];b<r.length;b++)o=r[b],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&m.push(a[o][0]),a[o]=0;for(l in i)Object.prototype.hasOwnProperty.call(i,l)&&(e[l]=i[l]);for(d&&d(t);m.length;)m.shift()();return s.push.apply(s,c||[]),n()}function n(){for(var e,t=0;t<s.length;t++){for(var n=s[t],l=!0,r=1;r<n.length;r++){var i=n[r];0!==a[i]&&(l=!1)}l&&(s.splice(t--,1),e=o(o.s=n[0]))}return e}var l={},a={12:0},s=[];function o(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,o),n.l=!0,n.exports}o.m=e,o.c=l,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 l in e)o.d(n,l,function(t){return e[t]}.bind(null,l));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 r=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],i=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var d=i;return s.push([655,0]),n()}({0:function(e,t){e.exports=React},19:function(e,t){e.exports=ReactDOM},20:function(e,t){e.exports=JSBeautify},655:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return V})),n.d(t,"getContents",(function(){return Y}));var l=n(0),a=n.n(l),s=n(4),o=n(2),r=n(25),i=n(14),c=n(15),d=n(27),b=n(41),m=n(7),u=n(12),h=n(10),O=[{id:"default",label:"Base – default",element:a.a.createElement(m.b,{assistiveText:"Settings",title:"Settings"})}],p=[{id:"error",label:"Base - Error",element:a.a.createElement(m.b,{feedback:"error",symbol:"error",title:"Error",assistiveText:"Error"})},{id:"warning",label:"Base - Warning",element:a.a.createElement(m.b,{feedback:"warning",symbol:"warning",title:"Warning",assistiveText:"Warning"})},{id:"bare-disabled",label:"Base - Disabled",element:a.a.createElement(m.b,{assistiveText:"Settings",disabled:!0,title:"Settings"})}],j=[{id:"hint-hover",label:"Base - Hint on hover",element:a.a.createElement(m.a,null,a.a.createElement(m.b,{assistiveText:"Settings",iconClassName:"slds-button__icon_hint",title:"Settings"}))},{id:"button-icon-lbc-mismatch",label:"Button Icon - LBC Mismatch",element:a.a.createElement(u.a,{className:"slds-button_icon slds-button_icon-border"},a.a.createElement(h.a,{sprite:"utility",symbol:"clock",className:"slds-button__icon slds-icon-text-error"}))}],E="background-color: #f4f6f9; padding: 0.5rem;",f=[{id:"default",label:"Bordered Filled – default",demoStyles:E,storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"Search",symbol:"search",theme:"neutral",title:"Search"})}],v=[{id:"disabled",label:"Bordered Filled - Disabled",demoStyles:E,storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"Search",disabled:!0,symbol:"search",theme:"neutral",title:"Search"})}],g=[{id:"with-dropdown",label:"Bordered Filled - With dropdown",demoStyles:E,storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"More options",hasDropdown:!0,theme:"neutral",title:"More Options"})},{id:"hint-hover",label:"Bordered Filled - Hint on hover",demoStyles:E,storybookStyles:!0,element:a.a.createElement(m.a,null,a.a.createElement(m.b,{assistiveText:"More options",iconClassName:"slds-button__icon_hint",theme:"neutral",title:"More Options"}))}],y="background-color: #16325C; padding: 0.5rem;",S=[{id:"default",label:"Bordered Inverse – default",demoStyles:y,storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"Search",size:"medium",symbol:"search",theme:"inverse",title:"Search"})}],_=[{id:"disabled",label:"Bordered Inverse – Disabled",demoStyles:y,storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"Search",disabled:!0,size:"medium",symbol:"search",theme:"inverse",title:"Search"})}],x=[{id:"with-dropdown",label:"Bordered Inverse – With dropdown",demoStyles:y,storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"More options",hasDropdown:!0,theme:"neutral",title:"More Options"})},{id:"hint-hover",label:"Bordered Inverse – Hint on hover",demoStyles:y,storybookStyles:!0,element:a.a.createElement(m.a,null,a.a.createElement(m.b,{assistiveText:"More options",iconClassName:"slds-button__icon_inverse-hint",size:"medium",theme:"inverse",title:"More Options"}))}],w=[{id:"default",label:"Bordered Transparent - default",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"transparent",symbol:"search"})}],T=[{id:"disabled",label:"Bordered Transparent - Disabled",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"transparent",symbol:"search",disabled:!0})}],M=[{id:"hint-hover",label:"Bordered Transparent - Hint on hover",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement("div",{className:"slds-hint-parent"},a.a.createElement(m.b,{theme:"transparent",iconClassName:"slds-button__icon_hint",assistiveText:"More options",title:"More Options"}))}],k=[{id:"default",label:"Brand – default",element:a.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"brand",symbol:"search"})}],B=[{id:"disabled",label:"Brand – Disabled",element:a.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"brand",symbol:"search",disabled:!0})}],C=[{id:"default",label:"Inverse – default",demoStyles:"background-color: #16325C; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"inverse",symbol:"search"})}],N=[{id:"disabled",label:"Inverse - Disabled",demoStyles:"background-color: #16325C; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"Search",title:"Search",theme:"inverse",symbol:"search",disabled:!0})}],I=[{id:"with-dropdown",label:"Inverse - With dropdown",demoStyles:"background-color: #16325C; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement(m.b,{hasDropdown:!0,theme:"transparent",className:"slds-button_icon-inverse",assistiveText:"More options",title:"More Options"})},{id:"hint-hover",label:"Inverse - Hint on hover",demoStyles:"background-color: #16325C; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement("div",{className:"slds-hint-parent"},a.a.createElement(m.b,{theme:"inverse",iconClassName:"slds-button__icon_inverse-hint",assistiveText:"More options",title:"More Options"}))}],D=n(122),z=[{id:"default",label:"Transparent - default",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"Search",title:"Search",size:"medium",symbol:"search"})}],W=[{id:"disabled",label:"Transparent - Disabled",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"Search",title:"Search",size:"medium",symbol:"search",disabled:!0})}],F=[{id:"with-dropdown",label:"Transparent - With dropdown",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement(m.b,{assistiveText:"More options",title:"More Options",hasDropdown:!0,theme:"transparent"})},{id:"hint-hover",label:"Transparent - Hint on hover",demoStyles:"background-color: #f4f6f9; padding: 0.5rem;",storybookStyles:!0,element:a.a.createElement("div",{className:"slds-hint-parent"},a.a.createElement(m.b,{assistiveText:"More options",title:"More Options",size:"medium",iconClassName:"slds-button__icon_hint"}))}],H=n(1),A=n(35),L=s.c.a,P=s.c.code,J=s.c.h2,q=s.c.h3,R=s.c.h4,U=s.c.p,V=function(){return Object(l.createElement)(s.b,{},Object(l.createElement)("div",{className:"lead doc"},"Button icons provide the user with visual iconography that is typically used to invoke an event or action."),Object(l.createElement)(o.a,{exampleOnly:!0},Object(l.createElement)(a.a.Fragment,null,Object(l.createElement)(m.b,{iconClassName:"slds-button__icon_large",assistiveText:"More options",title:"More Options"}),Object(l.createElement)(m.b,{iconClassName:"slds-button__icon_small",assistiveText:"More options",title:"More Options"}),Object(l.createElement)(m.b,{iconClassName:"slds-button__icon_x-small",assistiveText:"More options",title:"More Options"}))),J({id:"About-Button-Icons"},"About Button Icons"),U({},"Button icons are button elements that represent their behavior with an ",L({href:"/components/icons"},"icon")," instead of text. The button itself should have the classes ",P({},"slds-button")," and ",P({},"slds-button_icon"),", while the svg icon has ",P({},"slds-button__icon")," on it."),U({},"Some styling variations require the button to receive additional 'container' classes that remove the button styling and/or add borders. See below for more detail."),q({id:"Accessibility"},"Accessibility"),U({},"If an icon button doesn’t include a label, use a ",P({},"title")," attribute to show on hover for sighted users, and a span with class ",P({},"slds-assistive-text")," to describe the button's action for screen readers."),U({},"When using assistive text, the icon element itself should have ",P({},"aria-hidden")," set to ",P({},"true"),"."),q({id:"Mobile"},"Mobile"),Object(l.createElement)(A.a,{patternSpecificText:"buttons will have an increased size to accommodate tapping with a finger instead of the more precise mouse cursor"}),Object(l.createElement)(o.a,{frameOnly:!0,frameTitle:"Example mobile styles for button icons"},Object(l.createElement)(a.a.Fragment,null,Object(l.createElement)(m.b,{iconClassName:"slds-button__icon_large",assistiveText:"More Options",title:"More Options"}),Object(l.createElement)(m.b,{iconClassName:"slds-button__icon_small",assistiveText:"More Options",title:"More Options"}),Object(l.createElement)(m.b,{iconClassName:"slds-button__icon_x-small",assistiveText:"More Options",title:"More Options"}))),J({id:"Base"},"Base"),Object(l.createElement)(o.a,{toggleCode:!1},Object(H.f)(O)),J({id:"Variations"},"Variations"),q({id:"Brand"},"Brand"),Object(l.createElement)(o.a,{toggleCode:!1},Object(H.f)(k)),q({id:"Inverse"},"Inverse"),Object(l.createElement)(o.a,{toggleCode:!1,demoStyles:Object(H.e)(C)},Object(H.f)(C)),q({id:"Icon-Containers"},"Icon Containers"),U({},"Icon containers remove button styling from the button, leaving a bare icon."),U({},"For a bare icon with transparent container, add ",P({},"slds-button_icon-container")," to the ",P({},"<button>"),". To add a border, use the ",P({},"slds-button_icon-border")," class instead."),U({},"For a neutral themed button icon, with border and a filled background, use the ",P({},"slds-button_icon-border-filled")," class to the ",P({},"slds-button")," class."),U({},"Use the inverse button on dark backgrounds by adding the ",P({},"slds-button_inverse")," class to the ",P({},"slds-button")," class."),Object(l.createElement)(b.a,null,Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bare - transparent container"),Object(l.createElement)(o.a,{toggleCode:!1,demoStyles:Object(H.e)(z)},Object(H.f)(z))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered - filled container"),Object(l.createElement)(o.a,{toggleCode:!1,demoStyles:Object(H.e)(f)},Object(H.f)(f))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered - transparent container"),Object(l.createElement)(o.a,{toggleCode:!1,demoStyles:Object(H.e)(w)},Object(H.f)(w))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered inverse - transparent container"),Object(l.createElement)(o.a,{toggleCode:!1,demoStyles:Object(H.e)(S)},Object(H.f)(S)))),q({id:"Stateful"},"Stateful"),U({},"The stateful button requires the ",P({},"slds-button_icon-border")," class in addition to the ",P({},"slds-button")," class.\nThe stateful inverse button works just like the stateful button. It requires the ",P({},"slds-button_icon-border-inverse")," class in addition to the ",P({},"slds-button")," class."),Object(l.createElement)(o.a,{toggleCode:!1},Object(H.f)(D.b)),Object(l.createElement)(i.a,{type:"a11y",header:"Accessibility Note"},Object(l.createElement)("p",null,"For accessibility, implement the ",Object(l.createElement)("a",{href:"http://w3c.github.io/aria-practices/#button"},"ARIA Toggle Button")," concept."),Object(l.createElement)("ul",{className:"slds-list_dotted"},Object(l.createElement)("li",null,"Similar to a mute button, the button represents a pressed or unpressed state."),Object(l.createElement)("li",null,"Button text doesn't change per state"),Object(l.createElement)("li",null,Object(l.createElement)("code",null,"aria-pressed")," is set to ",Object(l.createElement)("code",null,"true")," or ",Object(l.createElement)("code",null,"false"),", depending on its state"))),R({id:"Selected"},"Selected"),U({},"Stateful icons can be toggled on and off and will retain their state. JavaScript is used to add the ",P({},"slds-is-selected")," class to the button when activated."),Object(l.createElement)(o.a,null,Object(H.f)(D.c,"button-icon-stateful-selected")),R({id:"Disabled"},"Disabled"),U({},"You can disable a stateful button icon by applying the ",P({},"disabled")," attribute to the ",P({},".slds-button_icon"),". This will apply our disabled UI to the button icon, and freeze the button icon either in its selected or unselected state."),Object(l.createElement)(o.a,null,Object(l.createElement)(l.Fragment,null,Object(H.f)(D.c,"button-icon-stateful-disabled"),Object(H.f)(D.c,"button-icon-stateful-selected-disabled"))),J({id:"Sizes"},"Sizes"),q({id:"Bare-Icon"},"Bare Icon"),U({},"The bare variant can be displayed in three other sizes—",P({},"large"),", ",P({},"small"),", ",P({},"x-small"),"—by adding a sizing class on the ",P({},"<svg>")," icon itself."),Object(l.createElement)(r.a,{toggleCode:!1},Object(l.createElement)("button",null,Object(l.createElement)("svg",{className:"... slds-button__icon_{size}"},"..."),"...")),Object(l.createElement)(c.a,{title:"Sizes"},Object(l.createElement)(o.a,null,Object(l.createElement)(l.Fragment,null,Object(l.createElement)(m.b,{iconClassName:"slds-button__icon_large",assistiveText:"More options",title:"More Options"}),Object(l.createElement)(m.b,{iconClassName:"slds-button__icon_small",assistiveText:"More options",title:"More Options"}),Object(l.createElement)(m.b,{iconClassName:"slds-button__icon_x-small",assistiveText:"More options",title:"More Options"})))),q({id:"Icon-Container"},"Icon Container"),U({},"Contained variants can be displayed in three smaller sizes—",P({},"small"),", ",P({},"x-small"),", ",P({},"xx-small"),"—by adding a sizing class on the ",P({},"<button>"),"."),Object(l.createElement)(r.a,{toggleCode:!1},Object(l.createElement)("button",{className:"... slds-button_icon-{size}"},"...")),Object(l.createElement)(c.a,{title:"Sizes"},Object(l.createElement)(o.a,null,Object(l.createElement)(l.Fragment,null,Object(l.createElement)(m.b,{className:"slds-button_icon-border slds-button_icon-small",assistiveText:"More options",title:"More Options"}),Object(l.createElement)(m.b,{className:"slds-button_icon-border slds-button_icon-x-small",assistiveText:"More options",title:"More Options"}),Object(l.createElement)(m.b,{className:"slds-button_icon-border slds-button_icon-xx-small",assistiveText:"More options",title:"More Options"})))),J({id:"States"},"States"),q({id:"Disabled-2"},"Disabled"),U({},"Use a disabled attribute when a button can’t be clicked."),U({},"To create a disabled button, append the ",P({},"disabled")," attribute to the ",P({},"<button>"),"."),Object(l.createElement)(r.a,{toggleCode:!1},Object(l.createElement)("button",{className:"slds-button slds-button_icon ...",disabled:!0},"...")),Object(l.createElement)(b.a,null,Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Base"),Object(l.createElement)(o.a,null,Object(H.f)(p,"bare-disabled"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Brand"),Object(l.createElement)(o.a,null,Object(H.f)(B,"disabled"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Transparent container"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(W,"disabled")},Object(H.f)(W,"disabled"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Inverse"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(N,"disabled")},Object(H.f)(N,"disabled"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered filled container"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(v,"disabled")},Object(H.f)(v,"disabled"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered transparent"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(T,"disabled")},Object(H.f)(T,"disabled"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered inverse"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(_,"disabled")},Object(H.f)(_,"disabled")))),q({id:"Error"},"Error"),U({},"Error button icons are typically used in conjunction with an ",L({href:"../popovers/#Error"},"error popover"),"."),Object(l.createElement)(o.a,{toggleCode:!1},Object(H.f)(p,"error")),q({id:"Warning"},"Warning"),U({},"Warning button icons are typically used in conjunction with a ",L({href:"../popovers/#Warning"},"warning popover"),"."),Object(l.createElement)(o.a,{toggleCode:!1},Object(H.f)(p,"warning")),J({id:"Examples"},"Examples"),q({id:"Hint-on-hover"},"Hint on hover"),U({},"A parent class, ",P({},"slds-hint-parent"),", must be put on any wrapper, and ",P({},"slds-button__icon_hint")," must be added to the button's ",P({},"<svg>")," so that the child reacts when the parent is hovered."),Object(l.createElement)(r.a,{toggleCode:!1},Object(l.createElement)(m.a,null,Object(l.createElement)("button",{className:"slds-button slds-button_icon"},Object(l.createElement)("svg",{className:"slds-button__icon slds-button__icon_hint"},"..."),"..."))),Object(l.createElement)(b.a,null,Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Base"),Object(l.createElement)(o.a,null,Object(H.f)(j,"hint-hover"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Transparent container"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(F,"hint-hover")},Object(H.f)(F,"hint-hover"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered filled container"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(g,"hint-hover")},Object(H.f)(g,"hint-hover"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered transparent"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(M,"hint-hover")},Object(H.f)(M,"hint-hover")))),R({id:"Inverse-2"},"Inverse"),U({},"In the case of inverse, use the ",P({},"slds-button__icon_inverse-hint")," class on the button's ",P({},"<svg>")," instead."),Object(l.createElement)(r.a,{toggleCode:!1},Object(l.createElement)(m.a,null,Object(l.createElement)("button",{className:"slds-button slds-button_icon"},Object(l.createElement)("svg",{className:"slds-button__icon slds-button__icon_inverse-hint"},"..."),"..."))),Object(l.createElement)(b.a,null,Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Inverse"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(I,"hint-hover")},Object(H.f)(I,"hint-hover"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered inverse"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(x,"hint-hover")},Object(H.f)(x,"hint-hover")))),q({id:"With-a-Dropdown"},"With a Dropdown"),U({},"If the button opens a menu, add ",P({},"slds-button_icon-more")," class to the ",P({},"<button>")," and a ",P({},"down")," icon within the button to indicate the behavior."),Object(l.createElement)(r.a,{toggleCode:!1},Object(l.createElement)("button",{className:"slds-button slds-button_icon slds-button_icon-container-more"},"...",Object(l.createElement)("svg",{className:"slds-button__icon slds-button__icon_x-small"},Object(l.createElement)("use",{xlinkHref:"/assets/icons/utility-sprite/svg/symbols.svg#down"})),"...")),Object(l.createElement)(b.a,null,Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Transparent container"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(F,"with-dropdown")},Object(H.f)(F,"with-dropdown"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Inverse"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(I,"with-dropdown")},Object(H.f)(I,"with-dropdown"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered filled container"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(g,"with-dropdown")},Object(H.f)(g,"with-dropdown"))),Object(l.createElement)(d.a,null,Object(l.createElement)("strong",null,"Bordered inverse"),Object(l.createElement)(o.a,{demoStyles:Object(H.e)(x,"with-dropdown")},Object(H.f)(x,"with-dropdown")))))},Y=function(){return Object(s.a)(V())}}});

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

@@ -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,s=t[0],l=t[1],u=t[2],f=0,b=[];f<s.length;f++)o=s[f],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&b.push(a[o][0]),a[o]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(c&&c(t);b.length;)b.shift()();return i.push.apply(i,u||[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],r=!0,s=1;s<n.length;s++){var l=n[s];0!==a[l]&&(r=!1)}r&&(i.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},a={16: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},i=[];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||[],l=s.push.bind(s);s.push=t,s=s.slice();for(var u=0;u<s.length;u++)t(s[u]);var c=l;return i.push([561,0]),n()}({0:function(e,t){e.exports=React},561:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return o})),n.d(t,"examples",(function(){return s}));var r=n(0),a=n.n(r),i=n(4);t.default=[{id:"default",label:"Base – default",element:a.a.createElement(i.b,{assistiveText:"Settings",title:"Settings"})}];var o=[{id:"error",label:"Base - Error",element:a.a.createElement(i.b,{feedback:"error",symbol:"error",title:"Error",assistiveText:"Error"})},{id:"warning",label:"Base - Warning",element:a.a.createElement(i.b,{feedback:"warning",symbol:"warning",title:"Warning",assistiveText:"Warning"})},{id:"bare-disabled",label:"Base - Disabled",element:a.a.createElement(i.b,{assistiveText:"Settings",disabled:!0,title:"Settings"})}],s=[{id:"hint-hover",label:"Base - Hint on hover",element:a.a.createElement(i.a,null,a.a.createElement(i.b,{assistiveText:"Settings",iconClassName:"slds-button__icon_hint",title:"Settings"}))}]}});
+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,s,i=t[0],l=t[1],c=t[2],b=0,d=[];b<i.length;b++)s=i[b],Object.prototype.hasOwnProperty.call(a,s)&&a[s]&&d.push(a[s][0]),a[s]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(u&&u(t);d.length;)d.shift()();return o.push.apply(o,c||[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],r=!0,i=1;i<n.length;i++){var l=n[i];0!==a[l]&&(r=!1)}r&&(o.splice(t--,1),e=s(s.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},o=[];function s(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,s),n.l=!0,n.exports}s.m=e,s.c=r,s.d=function(e,t,n){s.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},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 n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)s.d(n,r,function(t){return e[t]}.bind(null,r));return n},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 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 o.push([561,0]),n()}({0:function(e,t){e.exports=React},15:function(e,t){e.exports=ReactDOM},561: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),o=n(4),s=n(12),i=n(9);t.default=[{id:"default",label:"Base – default",element:a.a.createElement(o.b,{assistiveText:"Settings",title:"Settings"})}];var l=[{id:"error",label:"Base - Error",element:a.a.createElement(o.b,{feedback:"error",symbol:"error",title:"Error",assistiveText:"Error"})},{id:"warning",label:"Base - Warning",element:a.a.createElement(o.b,{feedback:"warning",symbol:"warning",title:"Warning",assistiveText:"Warning"})},{id:"bare-disabled",label:"Base - Disabled",element:a.a.createElement(o.b,{assistiveText:"Settings",disabled:!0,title:"Settings"})}],c=[{id:"hint-hover",label:"Base - Hint on hover",element:a.a.createElement(o.a,null,a.a.createElement(o.b,{assistiveText:"Settings",iconClassName:"slds-button__icon_hint",title:"Settings"}))},{id:"button-icon-lbc-mismatch",label:"Button Icon - LBC Mismatch",element:a.a.createElement(s.Button,{className:"slds-button_icon slds-button_icon-border"},a.a.createElement(i.a,{sprite:"utility",symbol:"clock",className:"slds-button__icon slds-icon-text-error"}))}]}});

package/__internal/release-notes/components/buttons/RELEASENOTES.md

@@ -4,11 +4,17 @@
 
 <!-- ## [Unreleased] -->
 
+## 2.17.2
+
+### Added
+- Added `--slds-c-icon-color-foreground` Styling Hook to Button with Icon variant to accurately apply icon color updates
+  - Due to how the Lightning Base Component is configured, this is required to allow CSS Custom Property reassignment to function within Button Icons
 ## 2.17.0
 
 ### Added
 - Added Styling Hooks for Stateful Button and Dual Stateful Button.
 - Added missing `slds`-namespaced Styling Hooks (originally added in 2.16.0)
+
 ## 2.16.0
 
 ### Added

package/__internal/release-notes/components/cards/RELEASENOTES.md

@@ -4,6 +4,12 @@
 
 <!-- ## [Unreleased] -->
 
+## 2.17.1
+
+### Changed
+
+- Fixed annotation for Einstein themed cards (`.slds-einstein-header__figure`)
+
 ## 2.17.0
 
 ### Added
@@ -12,10 +18,6 @@
 - Added reassignment of Styling Hooks for component states.
 - Added clarification about card header icon assistive text.
 
-### Changed
-
-- Fixed annotation for Einstein themed cards (`.slds-einstein-header__figure`)
-
 ## 2.15.1
 
 ### Added