@idea-fragments/react-components-zendesk 0.1.23 → 0.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/layouts.js +3 -3
- package/dist/layouts.js.map +1 -1
- package/dist/navigation.js +4 -4
- package/dist/navigation.js.map +1 -1
- package/dist/types/components/layout/IconAppBar.d.ts.map +1 -1
- package/dist/types/components/layout/IconAppBar.stories.d.ts.map +1 -1
- package/dist/types/components/layout/NavigationAction.d.ts +2 -2
- package/dist/types/components/layout/NavigationAction.d.ts.map +1 -1
- package/dist/types/components/layout/SectionHeader.d.ts +2 -1
- package/dist/types/components/layout/SectionHeader.d.ts.map +1 -1
- package/dist/types/components/layout/SectionHeader.stories.d.ts +1 -1
- package/dist/types/components/layout/Sidebar.d.ts.map +1 -1
- package/dist/types/components/navigation/ButtonLink.d.ts +7 -21
- package/dist/types/components/navigation/ButtonLink.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/navigation.js
CHANGED
|
@@ -9560,7 +9560,7 @@ ORANGE:"#ff9369",HUB_SPOT_ORANGE:"rgb(255, 122, 89)",MIDNIGHT_BLACK:"#1d1e21",BL
|
|
|
9560
9560
|
// console.log("luminosity old:", Color(c).luminosity())
|
|
9561
9561
|
// console.log("luminosity new:", Color(newColor).luminosity())
|
|
9562
9562
|
return newColor;};var lighter=function(c){return light(c,0.25);};var lightness=function(c,amount){if(amount===void 0){amount=95;}return color(c).lightness(amount).hex();};var lightnessDelta=function(c,delta){var currentColor=color(c);var currentLightness=currentColor.lightness();var newLightness=currentLightness+delta;var isTooBlackOrWhite=newLightness===0||newLightness===100;if(isTooBlackOrWhite)newLightness=currentLightness+delta/2;return currentColor.lightness(newLightness).hex();};var dark=function(c,amount){if(amount===void 0){amount=0.2;}return color(c).darken(amount).hex();};var darker=function(c){return dark(c,0.3);};var XXS=".8rem";var XS=".9rem";var SM="1rem";var MD="1.3rem";var LG="1.7rem";var XL="2.3rem";var XXL="3.3rem";// h1
|
|
9563
|
-
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var FONT_SIZES={XXS:XXS,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Breadcrumbs=function(_a){var children=_a.children;var numChildren=React.Children.count(children);var isNotLastChild=function(index){return index!==numChildren-1;};var separator=jsxRuntime.jsx(Icon,{svg:"arrow-ios-forward-outline",color:COLORS.HUB_SPOT_ORANGE});return jsxRuntime.jsx(Container,{children:React.Children.map(children,function(c,i){return isNotLastChild(i)?jsxRuntime.jsxs(React.Fragment,{children:[c,separator]}):jsxRuntime.jsx("span",{children:c});})});};var Container=styled__default["default"](FlexBlock)(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n margin-top: ",";\n align-items: center;\n\n color: ",";\n font-weight: "," !important;\n\n & > *:last-child {\n margin-top: -.15em;\n font-size: ",";\n }\n"],["\n margin-top: ",";\n align-items: center;\n\n color: ",";\n font-weight: "," !important;\n\n & > *:last-child {\n margin-top: -.15em;\n font-size: ",";\n }\n"])),SPACINGS.SM,COLORS.HUB_SPOT_ORANGE,FONT_WEIGHTS.REGULAR,FONT_SIZES.MD);var templateObject_1$5;var
|
|
9563
|
+
var XXXL="4rem";var XXXXL="5rem";var XXXXXL="6rem";var THIN="100";var LIGHT="300";var REGULAR="400";var MEDIUM="500";var BOLD="700";var BLACK="800";var FONT_SIZES={XXS:XXS,XS:XS,SM:SM,MD:MD,LG:LG,XL:XL,XXL:XXL,XXXL:XXXL,XXXXL:XXXXL,XXXXXL:XXXXXL};Object.freeze({XXS:XXS.replace("r",""),XS:XS.replace("r",""),SM:SM.replace("r",""),MD:MD.replace("r",""),LG:LG.replace("r",""),XL:XL.replace("r",""),XXL:XXL.replace("r",""),XXXL:XXXL.replace("r",""),XXXXL:XXXXL.replace("r",""),XXXXXL:XXXXXL.replace("r","")});var FONT_WEIGHTS={THIN:THIN,LIGHT:LIGHT,REGULAR:REGULAR,MEDIUM:MEDIUM,BOLD:BOLD,BLACK:BLACK};var Breadcrumbs=function(_a){var children=_a.children;var numChildren=React.Children.count(children);var isNotLastChild=function(index){return index!==numChildren-1;};var separator=jsxRuntime.jsx(Icon,{svg:"arrow-ios-forward-outline",color:COLORS.HUB_SPOT_ORANGE});return jsxRuntime.jsx(Container,{children:React.Children.map(children,function(c,i){return isNotLastChild(i)?jsxRuntime.jsxs(React.Fragment,{children:[c,separator]}):jsxRuntime.jsx("span",{children:c});})});};var Container=styled__default["default"](FlexBlock)(templateObject_1$5||(templateObject_1$5=__makeTemplateObject(["\n margin-top: ",";\n align-items: center;\n\n color: ",";\n font-weight: "," !important;\n\n & > *:last-child {\n margin-top: -.15em;\n font-size: ",";\n }\n"],["\n margin-top: ",";\n align-items: center;\n\n color: ",";\n font-weight: "," !important;\n\n & > *:last-child {\n margin-top: -.15em;\n font-size: ",";\n }\n"])),SPACINGS.SM,COLORS.HUB_SPOT_ORANGE,FONT_WEIGHTS.REGULAR,FONT_SIZES.MD);var templateObject_1$5;var propTypes={exports:{}};var reactIs={exports:{}};var reactIs_production_min={};/** @license React v16.13.1
|
|
9564
9564
|
* react-is.production.min.js
|
|
9565
9565
|
*
|
|
9566
9566
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -10118,7 +10118,7 @@ var curriedLighten=/*#__PURE__*/curry/* ::<number | string, string, string> */(l
|
|
|
10118
10118
|
*
|
|
10119
10119
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
10120
10120
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
10121
|
-
*/function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends$2(){_extends$2=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2.apply(this,arguments);}function _objectWithoutPropertiesLoose$1(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _objectWithoutProperties$1(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$1(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}var SIZE$1=['small','medium','large'];var COMPONENT_ID$5$1='buttons.button_group_view';var StyledButtonGroup=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledButtonGroup",componentId:"sc-1fbpzef-0"})(["display:inline-flex;position:relative;z-index:0;direction:",";white-space:nowrap;:focus{outline:none;}",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$5$1,props);});StyledButtonGroup.defaultProps={theme:DEFAULT_THEME};var _excluded$6=["children","isRotated","theme"];var COMPONENT_ID$4$1='buttons.icon';var sizeStyles$1=function sizeStyles(props){var marginProperty;if(props.position==='start'){marginProperty="margin-".concat(props.theme.rtl?'left':'right');}else if(props.position==='end'){marginProperty="margin-".concat(props.theme.rtl?'right':'left');}return marginProperty&&styled.css(["",":","px;"],marginProperty,props.theme.space.base*2);};var StyledIcon=styled__default["default"](function(_ref){var children=_ref.children;_ref.isRotated;_ref.theme;var props=_objectWithoutProperties$1(_ref,_excluded$6);return React__default["default"].cloneElement(React.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$4$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIcon",componentId:"sc-19meqgg-0"})(["transform:",";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;",";",";"],function(props){return props.isRotated&&"rotate(".concat(props.theme.rtl?'-':'+',"180deg)");},function(props){return sizeStyles$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$4$1,props);});StyledIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3$1='buttons.button';var getBorderRadius=function getBorderRadius(props){if(props.isLink){return 0;}else if(props.isPill){return'100px';}return props.theme.borderRadii.md;};var getDisabledBackgroundColor=function getDisabledBackgroundColor(props){return getColor('neutralHue',200,props.theme);};var getHeight=function getHeight(props){if(props.size==='small'){return"".concat(props.theme.space.base*8,"px");}else if(props.size==='large'){return"".concat(props.theme.space.base*12,"px");}return"".concat(props.theme.space.base*10,"px");};var colorStyles=function colorStyles(props){var retVal;var hue;if(props.disabled||props.isNeutral&&(props.isPrimary||props.isSelected)&&!props.isDanger){hue='neutralHue';}else if(props.isDanger){hue='dangerHue';}else{hue='primaryHue';}var shade=600;var baseColor=getColor(hue,shade,props.theme);var hoverColor=getColor(hue,shade+100,props.theme);var activeColor=getColor(hue,shade+200,props.theme);var disabledBackgroundColor=getDisabledBackgroundColor(props);var disabledForegroundColor=getColor(hue,shade-200,props.theme);var boxShadowColor=props.focusInset&&(props.isPrimary||props.isSelected)?props.theme.palette.white:baseColor;var boxShadow="\n ".concat(props.focusInset?'inset':'',"\n ").concat(props.theme.shadows.md(rgba(boxShadowColor,0.35)));if(props.isLink){retVal=styled.css(["background-color:transparent;color:",";&:focus{color:",";}&:hover,&[data-garden-focus-visible]{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}&:disabled{color:",";}"],baseColor,baseColor,hoverColor,activeColor,disabledForegroundColor);}else if(props.isPrimary||props.isSelected){retVal=styled.css(["background-color:",";color:",";&:hover{background-color:",";}&[data-garden-focus-visible]{box-shadow:",";}&:active{background-color:",";}&[aria-pressed='true'],&[aria-pressed='mixed']{background-color:",";}&:disabled{background-color:",";color:",";}"],props.isPrimary&&props.isSelected?activeColor:baseColor,props.theme.palette.white,hoverColor,boxShadow,activeColor,props.isPrimary&&activeColor,disabledBackgroundColor,disabledForegroundColor);}else{var borderColor=props.isNeutral&&!props.isDanger?getColor('neutralHue',300,props.theme):baseColor;var foregroundColor=props.isNeutral?props.theme.colors.foreground:baseColor;var hoverBorderColor=props.isNeutral&&!props.isDanger?baseColor:hoverColor;var hoverForegroundColor=props.isNeutral?foregroundColor:hoverColor;retVal=styled.css(["border-color:",";background-color:transparent;color:",";&:hover{border-color:",";background-color:",";color:",";}&[data-garden-focus-visible]{border-color:",";box-shadow:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:",";background-color:",";color:",";}&:disabled{border-color:transparent;background-color:",";color:",";}& ","{color:",";}&:hover ",",&[data-garden-focus-visible] ","{color:",";}&:active ","{color:",";}&:disabled ","{color:",";}"],!props.isBasic&&borderColor,foregroundColor,!props.isBasic&&hoverBorderColor,rgba(baseColor,0.08),hoverForegroundColor,props.isNeutral&&baseColor,boxShadow,!props.isBasic&&activeColor,rgba(baseColor,0.2),!props.isNeutral&&activeColor,disabledBackgroundColor,disabledForegroundColor,StyledIcon,props.isNeutral&&getColor('neutralHue',shade,props.theme),StyledIcon,StyledIcon,props.isNeutral&&getColor('neutralHue',shade+100,props.theme),StyledIcon,props.isNeutral&&foregroundColor,StyledIcon,disabledForegroundColor);}return retVal;};var groupStyles=function groupStyles(props){var isPrimary=props.isPrimary;var rtl=props.theme.rtl;var lightBorderColor=props.theme.colors.background;var disabledBackgroundColor=getDisabledBackgroundColor(props);return styled.css(["position:relative;margin-",":",";border-top-width:",";border-bottom-width:",";border-right-color:",";border-left-color:",";&:hover,&[data-garden-focus-visible],&:active{z-index:1;}&:disabled{z-index:-1;border-top-width:0;border-bottom-width:0;border-right-color:",";border-left-color:",";background-color:",";}&:first-of-type:not(:last-of-type){margin-",":0;border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:last-of-type:not(:first-of-type){border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:not(:first-of-type):not(:last-of-type){border-radius:0;}&:first-of-type:not(:last-of-type) ","{margin-",":",";}&:last-of-type:not(:first-of-type) ","{margin-",":",";}"],rtl?'right':'left',math("".concat(props.theme.borderWidths.sm," * -1")),isPrimary&&0,isPrimary&&0,isPrimary&&lightBorderColor,isPrimary&&lightBorderColor,lightBorderColor,lightBorderColor,!isPrimary&&disabledBackgroundColor,rtl?'right':'left',rtl?'left':'right',rtl?'left':'right',rtl?'right':'left',isPrimary&&0,rtl?'right':'left',rtl?'right':'left',rtl?'left':'right',isPrimary&&0,StyledIcon,rtl?'left':'right',props.isPill&&'-2px',StyledIcon,rtl?'right':'left',props.isPill&&'-2px');};var iconStyles$1=function iconStyles(props){var size=props.size==='small'?props.theme.iconSizes.sm:props.theme.iconSizes.md;return styled.css(["width:",";min-width:",";height:",";vertical-align:",";"],size,size,size,props.isLink&&'middle');};var sizeStyles=function sizeStyles(props){var retVal;if(props.isLink){retVal=styled.css(["padding:0;font-size:inherit;"]);}else{var height=getHeight(props);var lineHeight=math("".concat(height," - (").concat(props.theme.borderWidths.sm," * 2)"));var padding;var fontSize;if(props.size==='small'){fontSize=props.theme.fontSizes.sm;padding="".concat(props.theme.space.base*3,"px");}else{fontSize=props.theme.fontSizes.md;if(props.size==='large'){padding="".concat(props.theme.space.base*5,"px");}else{padding="".concat(props.theme.space.base*4,"px");}}retVal=styled.css(["padding:0 ",";height:",";line-height:",";font-size:",";"],em$1(math("".concat(padding," - ").concat(props.theme.borderWidths.sm)),fontSize),height,lineHeight,fontSize);}return retVal;};var StyledButton=styled__default["default"].button.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3$1,'data-garden-version':'8.53.2',type:props.type||'button'};}).withConfig({displayName:"StyledButton",componentId:"sc-qe3ace-0"})(["display:",";align-items:",";justify-content:",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,z-index 0.25s ease-in-out;margin:0;border:",";border-radius:",";cursor:pointer;width:",";overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:",";font-family:inherit;font-weight:",";-webkit-font-smoothing:subpixel-antialiased;box-sizing:border-box;user-select:",";-webkit-touch-callout:none;",";&::-moz-focus-inner{border:0;padding:0;}&:focus{outline:none;text-decoration:",";}&:hover{text-decoration:",";}&[data-garden-focus-visible]{text-decoration:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,color 0.1s ease-in-out,z-index 0.25s ease-in-out;text-decoration:",";}",";&:disabled{cursor:default;text-decoration:",";}& ","{","}"," &&{",";}",";"],function(props){return props.isLink?'inline':'inline-flex';},function(props){return!props.isLink&&'center';},function(props){return!props.isLink&&'center';},function(props){return props.isLink?'none':"".concat(props.theme.borders.sm," transparent");},function(props){return getBorderRadius(props);},function(props){return props.isStretched?'100%':'';},function(props){return!props.isLink&&'nowrap';},function(props){return props.isLink?'inherit':props.theme.fontWeights.regular;},function(props){return!props.isLink&&'none';},function(props){return sizeStyles(props);},function(props){return props.isLink&&'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return colorStyles(props);},function(props){return props.isLink&&'none';},StyledIcon,function(props){return iconStyles$1(props);},StyledButtonGroup,function(props){return groupStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$3$1,props);});StyledButton.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$1='buttons.anchor';var StyledAnchor=styled__default["default"](StyledButton).attrs(function(props){return{'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.53.2',as:'a',dir:props.theme.rtl?'rtl':undefined,isLink:true,type:undefined};}).withConfig({displayName:"StyledAnchor",componentId:"sc-xshgmo-0"})(["direction:",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$2$1,props);});StyledAnchor.defaultProps={theme:DEFAULT_THEME};var _path$1;function _extends$1(){_extends$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1.apply(this,arguments);}var SvgNewWindowStroke=function SvgNewWindowStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 8.5V10c0 .3-.2.5-.5.5H2c-.3 0-.5-.2-.5-.5V2c0-.3.2-.5.5-.5h1.5M6 6l4-4m-3.5-.5H10c.3 0 .5.2.5.5v3.5"})));};var COMPONENT_ID$1$1='buttons.external_icon';var StyledExternalIcon=styled__default["default"](SvgNewWindowStroke).attrs({'data-garden-id':COMPONENT_ID$1$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledExternalIcon",componentId:"sc-16oz07e-0"})(["transform:",";margin-bottom:-0.085em;padding-left:0.25em;box-sizing:content-box;width:0.85em;height:0.85em;",";"],function(props){return props.theme.rtl&&'scaleX(-1)';},function(props){return retrieveComponentStyles(COMPONENT_ID$1$1,props);});StyledExternalIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$6='buttons.icon_button';var iconColorStyles=function iconColorStyles(props){var shade=600;var baseColor=getColor('neutralHue',shade,props.theme);var hoverColor=getColor('neutralHue',shade+100,props.theme);var activeColor=getColor('neutralHue',shade+200,props.theme);return styled.css(["color:",";&:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}"],baseColor,hoverColor,activeColor);};var iconButtonStyles=function iconButtonStyles(props){var width=getHeight(props);return styled.css(["border:",";padding:0;width:",";min-width:",";",";&:disabled{background-color:",";}"],props.isBasic&&'none',width,width,props.isBasic&&!(props.isPrimary||props.isDanger||props.disabled)&&iconColorStyles(props),!props.isPrimary&&'transparent');};var iconStyles=function iconStyles(props){var size=props.theme.iconSizes.md;return styled.css(["width:",";height:",";& > svg{transition:opacity 0.15s ease-in-out;}"],size,size);};var StyledIconButton=styled__default["default"](StyledButton).attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIconButton",componentId:"sc-1t0ughp-0"})(["",";& ","{","}",";"],function(props){return iconButtonStyles(props);},StyledIcon,function(props){return iconStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$6,props);});StyledIconButton.defaultProps={theme:DEFAULT_THEME};var ButtonGroupContext=React.createContext(undefined);var useButtonGroupContext=function useButtonGroupContext(){return React.useContext(ButtonGroupContext);};var SplitButtonContext=React.createContext(undefined);var useSplitButtonContext=function useSplitButtonContext(){return React.useContext(SplitButtonContext);};var StartIconComponent=function StartIconComponent(props){return React__default["default"].createElement(StyledIcon,_extends$2({position:"start"},props));};StartIconComponent.displayName='Button.StartIcon';var StartIcon=StartIconComponent;var EndIconComponent=function EndIconComponent(props){return React__default["default"].createElement(StyledIcon,_extends$2({position:"end"},props));};EndIconComponent.displayName='Button.EndIcon';var EndIcon=EndIconComponent;var ButtonComponent=React.forwardRef(function(props,ref){var buttonGroupContext=useButtonGroupContext();var splitButtonContext=useSplitButtonContext();var computedProps=_objectSpread2(_objectSpread2({},props),{},{focusInset:props.focusInset||buttonGroupContext!==undefined||splitButtonContext});if(buttonGroupContext&&!props.disabled){if(!props.value){throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');}computedProps=buttonGroupContext.getButtonProps(_objectSpread2({item:props.value,focusRef:React__default["default"].createRef(),isSelected:props.value===buttonGroupContext.selectedItem},computedProps));}return React__default["default"].createElement(StyledButton,_extends$2({ref:ref},computedProps));});ButtonComponent.displayName='Button';ButtonComponent.propTypes={isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isDanger:propTypes.exports.bool,isPill:propTypes.exports.bool,isBasic:propTypes.exports.bool,focusInset:propTypes.exports.bool,isLink:propTypes.exports.bool,isStretched:propTypes.exports.bool,isSelected:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1)};ButtonComponent.defaultProps={size:'medium'};var Button$1=ButtonComponent;Button$1.EndIcon=EndIcon;Button$1.StartIcon=StartIcon;var _excluded$5=["children","isExternal"];var Anchor=React.forwardRef(function(_ref,ref){var children=_ref.children,isExternal=_ref.isExternal,otherProps=_objectWithoutProperties$1(_ref,_excluded$5);var anchorProps=otherProps;if(isExternal){anchorProps=_objectSpread2({target:'_blank',rel:'noopener noreferrer'},anchorProps);}return React__default["default"].createElement(StyledAnchor,_extends$2({ref:ref},anchorProps),children,isExternal&&React__default["default"].createElement(StyledExternalIcon,null));});Anchor.displayName='Anchor';Anchor.propTypes={isExternal:propTypes.exports.bool,isDanger:propTypes.exports.bool};var _excluded$4$1=["children","onSelect","selectedItem"];var ButtonGroup=React.forwardRef(function(_ref,ref){var children=_ref.children,onSelect=_ref.onSelect,controlledSelectedItem=_ref.selectedItem,otherProps=_objectWithoutProperties$1(_ref,_excluded$4$1);var _useButtonGroup=useButtonGroup({selectedItem:controlledSelectedItem,defaultSelectedIndex:0,onSelect:onSelect}),selectedItem=_useButtonGroup.selectedItem,getButtonProps=_useButtonGroup.getButtonProps,getGroupProps=_useButtonGroup.getGroupProps;var contextValue=React.useMemo(function(){return{selectedItem:selectedItem,getButtonProps:getButtonProps};},[selectedItem,getButtonProps]);return React__default["default"].createElement(ButtonGroupContext.Provider,{value:contextValue},React__default["default"].createElement(StyledButtonGroup,_extends$2({ref:ref},getGroupProps(otherProps)),children));});ButtonGroup.displayName='ButtonGroup';ButtonGroup.propTypes={selectedItem:propTypes.exports.any,onSelect:propTypes.exports.func};var _excluded$3$1=["children","isRotated"];var IconButton=React.forwardRef(function(_ref,ref){var children=_ref.children,isRotated=_ref.isRotated,otherProps=_objectWithoutProperties$1(_ref,_excluded$3$1);var focusInset=useSplitButtonContext();return React__default["default"].createElement(StyledIconButton,_extends$2({ref:ref},otherProps,{focusInset:otherProps.focusInset||focusInset}),React__default["default"].createElement(StyledIcon,{isRotated:isRotated},children));});IconButton.displayName='IconButton';IconButton.propTypes={isDanger:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1),isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isBasic:propTypes.exports.bool,isPill:propTypes.exports.bool,focusInset:propTypes.exports.bool,isRotated:propTypes.exports.bool};IconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var _path;function _extends$3(){_extends$3=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$3.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};var ChevronButton=React.forwardRef(function(_ref,ref){var buttonProps=_extends$2({},_ref);return React__default["default"].createElement(IconButton,_extends$2({ref:ref},buttonProps),React__default["default"].createElement(SvgChevronDownStroke,null));});ChevronButton.displayName='ChevronButton';ChevronButton.propTypes=IconButton.propTypes;ChevronButton.defaultProps={isBasic:false,isPill:false,size:'medium'};var _excluded$2$1=["children"];var SplitButton=React.forwardRef(function(_ref,ref){var children=_ref.children,other=_objectWithoutProperties$1(_ref,_excluded$2$1);return React__default["default"].createElement(SplitButtonContext.Provider,{value:true},React__default["default"].createElement(StyledButtonGroup,_extends$2({ref:ref},other),children));});SplitButton.displayName='SplitButton';var _excluded$1$1=["isPressed"];var ToggleButton=React.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$1$1);return React__default["default"].createElement(Button$1,_extends$2({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleButton.displayName='ToggleButton';ToggleButton.propTypes=_objectSpread2(_objectSpread2({},Button$1.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleButton.defaultProps={size:'medium'};var _excluded$7=["isPressed"];var ToggleIconButton=React.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$7);return React__default["default"].createElement(IconButton,_extends$2({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleIconButton.displayName='ToggleIconButton';ToggleIconButton.propTypes=_objectSpread2(_objectSpread2({},IconButton.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleIconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(props){return props.theme.styles.getTextColorForBackground(props);});styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$3,templateObject_2$2,templateObject_3$2,templateObject_4$2;var getInlineStyling=styled.css(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n padding: 0;\n //width: unset;\n min-width: auto;\n line-height: normal;\n"],["\n padding: 0;\n //width: unset;\n min-width: auto;\n line-height: normal;\n"])));var textColorForButton=styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var flat=_a.flat,inline=_a.inline,primary=_a.primary;return flat||inline||!primary?textColorForFlatButton:textColorForBackground;});var textColorForFlatButton=styled.css(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n background: ",";\n\n :hover {\n background: ",";\n }\n\n :active {\n background: ",";\n }\n\n ","\n"],["\n background: ",";\n\n :hover {\n background: ",";\n }\n\n :active {\n background: ",";\n }\n\n ","\n"])),function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return flat||!primary||inline?"transparent":color;},function(_a){var primary=_a.primary,color=_a.color;return primary?lightnessDelta(color,10):lightness(color,95);},function(_a){var primary=_a.primary,color=_a.color;return primary?dark(color):lightness(color,85);},textColorForButton);var flatButtonStates=styled.css(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n :hover, :active {\n color: ",";\n }\n"],["\n :hover, :active {\n color: ",";\n }\n"])),function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n :hover:hover, :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"],["\n :hover:hover, :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"])),function(props){return lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$2,templateObject_2$1,templateObject_3$1,templateObject_4$1,templateObject_5$1,templateObject_6$1,templateObject_7$1;/**
|
|
10121
|
+
*/function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends$2(){_extends$2=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2.apply(this,arguments);}function _objectWithoutPropertiesLoose$1(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _objectWithoutProperties$1(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose$1(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}var SIZE$1=['small','medium','large'];var COMPONENT_ID$5$1='buttons.button_group_view';var StyledButtonGroup=styled__default["default"].div.attrs({'data-garden-id':COMPONENT_ID$5$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledButtonGroup",componentId:"sc-1fbpzef-0"})(["display:inline-flex;position:relative;z-index:0;direction:",";white-space:nowrap;:focus{outline:none;}",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$5$1,props);});StyledButtonGroup.defaultProps={theme:DEFAULT_THEME};var _excluded$6=["children","isRotated","theme"];var COMPONENT_ID$4$1='buttons.icon';var sizeStyles$1=function sizeStyles(props){var marginProperty;if(props.position==='start'){marginProperty="margin-".concat(props.theme.rtl?'left':'right');}else if(props.position==='end'){marginProperty="margin-".concat(props.theme.rtl?'right':'left');}return marginProperty&&styled.css(["",":","px;"],marginProperty,props.theme.space.base*2);};var StyledIcon=styled__default["default"](function(_ref){var children=_ref.children;_ref.isRotated;_ref.theme;var props=_objectWithoutProperties$1(_ref,_excluded$6);return React__default["default"].cloneElement(React.Children.only(children),props);}).attrs({'data-garden-id':COMPONENT_ID$4$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIcon",componentId:"sc-19meqgg-0"})(["transform:",";transition:transform 0.25s ease-in-out,color 0.25s ease-in-out;",";",";"],function(props){return props.isRotated&&"rotate(".concat(props.theme.rtl?'-':'+',"180deg)");},function(props){return sizeStyles$1(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$4$1,props);});StyledIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$3$1='buttons.button';var getBorderRadius=function getBorderRadius(props){if(props.isLink){return 0;}else if(props.isPill){return'100px';}return props.theme.borderRadii.md;};var getDisabledBackgroundColor=function getDisabledBackgroundColor(props){return getColor('neutralHue',200,props.theme);};var getHeight=function getHeight(props){if(props.size==='small'){return"".concat(props.theme.space.base*8,"px");}else if(props.size==='large'){return"".concat(props.theme.space.base*12,"px");}return"".concat(props.theme.space.base*10,"px");};var colorStyles=function colorStyles(props){var retVal;var hue;if(props.disabled||props.isNeutral&&(props.isPrimary||props.isSelected)&&!props.isDanger){hue='neutralHue';}else if(props.isDanger){hue='dangerHue';}else{hue='primaryHue';}var shade=600;var baseColor=getColor(hue,shade,props.theme);var hoverColor=getColor(hue,shade+100,props.theme);var activeColor=getColor(hue,shade+200,props.theme);var disabledBackgroundColor=getDisabledBackgroundColor(props);var disabledForegroundColor=getColor(hue,shade-200,props.theme);var boxShadowColor=props.focusInset&&(props.isPrimary||props.isSelected)?props.theme.palette.white:baseColor;var boxShadow="\n ".concat(props.focusInset?'inset':'',"\n ").concat(props.theme.shadows.md(rgba(boxShadowColor,0.35)));if(props.isLink){retVal=styled.css(["background-color:transparent;color:",";&:focus{color:",";}&:hover,&[data-garden-focus-visible]{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}&:disabled{color:",";}"],baseColor,baseColor,hoverColor,activeColor,disabledForegroundColor);}else if(props.isPrimary||props.isSelected){retVal=styled.css(["background-color:",";color:",";&:hover{background-color:",";}&[data-garden-focus-visible]{box-shadow:",";}&:active{background-color:",";}&[aria-pressed='true'],&[aria-pressed='mixed']{background-color:",";}&:disabled{background-color:",";color:",";}"],props.isPrimary&&props.isSelected?activeColor:baseColor,props.theme.palette.white,hoverColor,boxShadow,activeColor,props.isPrimary&&activeColor,disabledBackgroundColor,disabledForegroundColor);}else{var borderColor=props.isNeutral&&!props.isDanger?getColor('neutralHue',300,props.theme):baseColor;var foregroundColor=props.isNeutral?props.theme.colors.foreground:baseColor;var hoverBorderColor=props.isNeutral&&!props.isDanger?baseColor:hoverColor;var hoverForegroundColor=props.isNeutral?foregroundColor:hoverColor;retVal=styled.css(["border-color:",";background-color:transparent;color:",";&:hover{border-color:",";background-color:",";color:",";}&[data-garden-focus-visible]{border-color:",";box-shadow:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{border-color:",";background-color:",";color:",";}&:disabled{border-color:transparent;background-color:",";color:",";}& ","{color:",";}&:hover ",",&[data-garden-focus-visible] ","{color:",";}&:active ","{color:",";}&:disabled ","{color:",";}"],!props.isBasic&&borderColor,foregroundColor,!props.isBasic&&hoverBorderColor,rgba(baseColor,0.08),hoverForegroundColor,props.isNeutral&&baseColor,boxShadow,!props.isBasic&&activeColor,rgba(baseColor,0.2),!props.isNeutral&&activeColor,disabledBackgroundColor,disabledForegroundColor,StyledIcon,props.isNeutral&&getColor('neutralHue',shade,props.theme),StyledIcon,StyledIcon,props.isNeutral&&getColor('neutralHue',shade+100,props.theme),StyledIcon,props.isNeutral&&foregroundColor,StyledIcon,disabledForegroundColor);}return retVal;};var groupStyles=function groupStyles(props){var isPrimary=props.isPrimary;var rtl=props.theme.rtl;var lightBorderColor=props.theme.colors.background;var disabledBackgroundColor=getDisabledBackgroundColor(props);return styled.css(["position:relative;margin-",":",";border-top-width:",";border-bottom-width:",";border-right-color:",";border-left-color:",";&:hover,&[data-garden-focus-visible],&:active{z-index:1;}&:disabled{z-index:-1;border-top-width:0;border-bottom-width:0;border-right-color:",";border-left-color:",";background-color:",";}&:first-of-type:not(:last-of-type){margin-",":0;border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:last-of-type:not(:first-of-type){border-top-","-radius:0;border-bottom-","-radius:0;border-","-width:",";}&:not(:first-of-type):not(:last-of-type){border-radius:0;}&:first-of-type:not(:last-of-type) ","{margin-",":",";}&:last-of-type:not(:first-of-type) ","{margin-",":",";}"],rtl?'right':'left',math("".concat(props.theme.borderWidths.sm," * -1")),isPrimary&&0,isPrimary&&0,isPrimary&&lightBorderColor,isPrimary&&lightBorderColor,lightBorderColor,lightBorderColor,!isPrimary&&disabledBackgroundColor,rtl?'right':'left',rtl?'left':'right',rtl?'left':'right',rtl?'right':'left',isPrimary&&0,rtl?'right':'left',rtl?'right':'left',rtl?'left':'right',isPrimary&&0,StyledIcon,rtl?'left':'right',props.isPill&&'-2px',StyledIcon,rtl?'right':'left',props.isPill&&'-2px');};var iconStyles$1=function iconStyles(props){var size=props.size==='small'?props.theme.iconSizes.sm:props.theme.iconSizes.md;return styled.css(["width:",";min-width:",";height:",";vertical-align:",";"],size,size,size,props.isLink&&'middle');};var sizeStyles=function sizeStyles(props){var retVal;if(props.isLink){retVal=styled.css(["padding:0;font-size:inherit;"]);}else{var height=getHeight(props);var lineHeight=math("".concat(height," - (").concat(props.theme.borderWidths.sm," * 2)"));var padding;var fontSize;if(props.size==='small'){fontSize=props.theme.fontSizes.sm;padding="".concat(props.theme.space.base*3,"px");}else{fontSize=props.theme.fontSizes.md;if(props.size==='large'){padding="".concat(props.theme.space.base*5,"px");}else{padding="".concat(props.theme.space.base*4,"px");}}retVal=styled.css(["padding:0 ",";height:",";line-height:",";font-size:",";"],em$1(math("".concat(padding," - ").concat(props.theme.borderWidths.sm)),fontSize),height,lineHeight,fontSize);}return retVal;};var StyledButton=styled__default["default"].button.attrs(function(props){return{'data-garden-id':COMPONENT_ID$3$1,'data-garden-version':'8.53.2',type:props.type||'button'};}).withConfig({displayName:"StyledButton",componentId:"sc-qe3ace-0"})(["display:",";align-items:",";justify-content:",";transition:border-color 0.25s ease-in-out,box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,z-index 0.25s ease-in-out;margin:0;border:",";border-radius:",";cursor:pointer;width:",";overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:",";font-family:inherit;font-weight:",";-webkit-font-smoothing:subpixel-antialiased;box-sizing:border-box;user-select:",";-webkit-touch-callout:none;",";&::-moz-focus-inner{border:0;padding:0;}&:focus{outline:none;text-decoration:",";}&:hover{text-decoration:",";}&[data-garden-focus-visible]{text-decoration:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{transition:border-color 0.1s ease-in-out,background-color 0.1s ease-in-out,color 0.1s ease-in-out,z-index 0.25s ease-in-out;text-decoration:",";}",";&:disabled{cursor:default;text-decoration:",";}& ","{","}"," &&{",";}",";"],function(props){return props.isLink?'inline':'inline-flex';},function(props){return!props.isLink&&'center';},function(props){return!props.isLink&&'center';},function(props){return props.isLink?'none':"".concat(props.theme.borders.sm," transparent");},function(props){return getBorderRadius(props);},function(props){return props.isStretched?'100%':'';},function(props){return!props.isLink&&'nowrap';},function(props){return props.isLink?'inherit':props.theme.fontWeights.regular;},function(props){return!props.isLink&&'none';},function(props){return sizeStyles(props);},function(props){return props.isLink&&'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return props.isLink?'underline':'none';},function(props){return colorStyles(props);},function(props){return props.isLink&&'none';},StyledIcon,function(props){return iconStyles$1(props);},StyledButtonGroup,function(props){return groupStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$3$1,props);});StyledButton.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$2$1='buttons.anchor';var StyledAnchor=styled__default["default"](StyledButton).attrs(function(props){return{'data-garden-id':COMPONENT_ID$2$1,'data-garden-version':'8.53.2',as:'a',dir:props.theme.rtl?'rtl':undefined,isLink:true,type:undefined};}).withConfig({displayName:"StyledAnchor",componentId:"sc-xshgmo-0"})(["direction:",";",";"],function(props){return props.theme.rtl&&'rtl';},function(props){return retrieveComponentStyles(COMPONENT_ID$2$1,props);});StyledAnchor.defaultProps={theme:DEFAULT_THEME};var _path$1;function _extends$1(){_extends$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1.apply(this,arguments);}var SvgNewWindowStroke=function SvgNewWindowStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$1({xmlns:"http://www.w3.org/2000/svg",width:12,height:12,focusable:"false",viewBox:"0 0 12 12","aria-hidden":"true"},props),_path$1||(_path$1=/*#__PURE__*/React__namespace.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",d:"M10.5 8.5V10c0 .3-.2.5-.5.5H2c-.3 0-.5-.2-.5-.5V2c0-.3.2-.5.5-.5h1.5M6 6l4-4m-3.5-.5H10c.3 0 .5.2.5.5v3.5"})));};var COMPONENT_ID$1$1='buttons.external_icon';var StyledExternalIcon=styled__default["default"](SvgNewWindowStroke).attrs({'data-garden-id':COMPONENT_ID$1$1,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledExternalIcon",componentId:"sc-16oz07e-0"})(["transform:",";margin-bottom:-0.085em;padding-left:0.25em;box-sizing:content-box;width:0.85em;height:0.85em;",";"],function(props){return props.theme.rtl&&'scaleX(-1)';},function(props){return retrieveComponentStyles(COMPONENT_ID$1$1,props);});StyledExternalIcon.defaultProps={theme:DEFAULT_THEME};var COMPONENT_ID$6='buttons.icon_button';var iconColorStyles=function iconColorStyles(props){var shade=600;var baseColor=getColor('neutralHue',shade,props.theme);var hoverColor=getColor('neutralHue',shade+100,props.theme);var activeColor=getColor('neutralHue',shade+200,props.theme);return styled.css(["color:",";&:hover{color:",";}&:active,&[aria-pressed='true'],&[aria-pressed='mixed']{color:",";}"],baseColor,hoverColor,activeColor);};var iconButtonStyles=function iconButtonStyles(props){var width=getHeight(props);return styled.css(["border:",";padding:0;width:",";min-width:",";",";&:disabled{background-color:",";}"],props.isBasic&&'none',width,width,props.isBasic&&!(props.isPrimary||props.isDanger||props.disabled)&&iconColorStyles(props),!props.isPrimary&&'transparent');};var iconStyles=function iconStyles(props){var size=props.theme.iconSizes.md;return styled.css(["width:",";height:",";& > svg{transition:opacity 0.15s ease-in-out;}"],size,size);};var StyledIconButton=styled__default["default"](StyledButton).attrs({'data-garden-id':COMPONENT_ID$6,'data-garden-version':'8.53.2'}).withConfig({displayName:"StyledIconButton",componentId:"sc-1t0ughp-0"})(["",";& ","{","}",";"],function(props){return iconButtonStyles(props);},StyledIcon,function(props){return iconStyles(props);},function(props){return retrieveComponentStyles(COMPONENT_ID$6,props);});StyledIconButton.defaultProps={theme:DEFAULT_THEME};var ButtonGroupContext=React.createContext(undefined);var useButtonGroupContext=function useButtonGroupContext(){return React.useContext(ButtonGroupContext);};var SplitButtonContext=React.createContext(undefined);var useSplitButtonContext=function useSplitButtonContext(){return React.useContext(SplitButtonContext);};var StartIconComponent=function StartIconComponent(props){return React__default["default"].createElement(StyledIcon,_extends$2({position:"start"},props));};StartIconComponent.displayName='Button.StartIcon';var StartIcon=StartIconComponent;var EndIconComponent=function EndIconComponent(props){return React__default["default"].createElement(StyledIcon,_extends$2({position:"end"},props));};EndIconComponent.displayName='Button.EndIcon';var EndIcon=EndIconComponent;var ButtonComponent=React.forwardRef(function(props,ref){var buttonGroupContext=useButtonGroupContext();var splitButtonContext=useSplitButtonContext();var computedProps=_objectSpread2(_objectSpread2({},props),{},{focusInset:props.focusInset||buttonGroupContext!==undefined||splitButtonContext});if(buttonGroupContext&&!props.disabled){if(!props.value){throw new Error('"value" prop must be provided to Button when used within a ButtonGroup');}computedProps=buttonGroupContext.getButtonProps(_objectSpread2({item:props.value,focusRef:React__default["default"].createRef(),isSelected:props.value===buttonGroupContext.selectedItem},computedProps));}return React__default["default"].createElement(StyledButton,_extends$2({ref:ref},computedProps));});ButtonComponent.displayName='Button';ButtonComponent.propTypes={isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isDanger:propTypes.exports.bool,isPill:propTypes.exports.bool,isBasic:propTypes.exports.bool,focusInset:propTypes.exports.bool,isLink:propTypes.exports.bool,isStretched:propTypes.exports.bool,isSelected:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1)};ButtonComponent.defaultProps={size:'medium'};var Button$1=ButtonComponent;Button$1.EndIcon=EndIcon;Button$1.StartIcon=StartIcon;var _excluded$5=["children","isExternal"];var Anchor=React.forwardRef(function(_ref,ref){var children=_ref.children,isExternal=_ref.isExternal,otherProps=_objectWithoutProperties$1(_ref,_excluded$5);var anchorProps=otherProps;if(isExternal){anchorProps=_objectSpread2({target:'_blank',rel:'noopener noreferrer'},anchorProps);}return React__default["default"].createElement(StyledAnchor,_extends$2({ref:ref},anchorProps),children,isExternal&&React__default["default"].createElement(StyledExternalIcon,null));});Anchor.displayName='Anchor';Anchor.propTypes={isExternal:propTypes.exports.bool,isDanger:propTypes.exports.bool};var _excluded$4$1=["children","onSelect","selectedItem"];var ButtonGroup=React.forwardRef(function(_ref,ref){var children=_ref.children,onSelect=_ref.onSelect,controlledSelectedItem=_ref.selectedItem,otherProps=_objectWithoutProperties$1(_ref,_excluded$4$1);var _useButtonGroup=useButtonGroup({selectedItem:controlledSelectedItem,defaultSelectedIndex:0,onSelect:onSelect}),selectedItem=_useButtonGroup.selectedItem,getButtonProps=_useButtonGroup.getButtonProps,getGroupProps=_useButtonGroup.getGroupProps;var contextValue=React.useMemo(function(){return{selectedItem:selectedItem,getButtonProps:getButtonProps};},[selectedItem,getButtonProps]);return React__default["default"].createElement(ButtonGroupContext.Provider,{value:contextValue},React__default["default"].createElement(StyledButtonGroup,_extends$2({ref:ref},getGroupProps(otherProps)),children));});ButtonGroup.displayName='ButtonGroup';ButtonGroup.propTypes={selectedItem:propTypes.exports.any,onSelect:propTypes.exports.func};var _excluded$3$1=["children","isRotated"];var IconButton=React.forwardRef(function(_ref,ref){var children=_ref.children,isRotated=_ref.isRotated,otherProps=_objectWithoutProperties$1(_ref,_excluded$3$1);var focusInset=useSplitButtonContext();return React__default["default"].createElement(StyledIconButton,_extends$2({ref:ref},otherProps,{focusInset:otherProps.focusInset||focusInset}),React__default["default"].createElement(StyledIcon,{isRotated:isRotated},children));});IconButton.displayName='IconButton';IconButton.propTypes={isDanger:propTypes.exports.bool,size:propTypes.exports.oneOf(SIZE$1),isNeutral:propTypes.exports.bool,isPrimary:propTypes.exports.bool,isBasic:propTypes.exports.bool,isPill:propTypes.exports.bool,focusInset:propTypes.exports.bool,isRotated:propTypes.exports.bool};IconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};var _path;function _extends$3(){_extends$3=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$3.apply(this,arguments);}var SvgChevronDownStroke=function SvgChevronDownStroke(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$3({xmlns:"http://www.w3.org/2000/svg",width:16,height:16,focusable:"false",viewBox:"0 0 16 16","aria-hidden":"true"},props),_path||(_path=/*#__PURE__*/React__namespace.createElement("path",{fill:"currentColor",d:"M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"})));};var ChevronButton=React.forwardRef(function(_ref,ref){var buttonProps=_extends$2({},_ref);return React__default["default"].createElement(IconButton,_extends$2({ref:ref},buttonProps),React__default["default"].createElement(SvgChevronDownStroke,null));});ChevronButton.displayName='ChevronButton';ChevronButton.propTypes=IconButton.propTypes;ChevronButton.defaultProps={isBasic:false,isPill:false,size:'medium'};var _excluded$2$1=["children"];var SplitButton=React.forwardRef(function(_ref,ref){var children=_ref.children,other=_objectWithoutProperties$1(_ref,_excluded$2$1);return React__default["default"].createElement(SplitButtonContext.Provider,{value:true},React__default["default"].createElement(StyledButtonGroup,_extends$2({ref:ref},other),children));});SplitButton.displayName='SplitButton';var _excluded$1$1=["isPressed"];var ToggleButton=React.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$1$1);return React__default["default"].createElement(Button$1,_extends$2({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleButton.displayName='ToggleButton';ToggleButton.propTypes=_objectSpread2(_objectSpread2({},Button$1.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleButton.defaultProps={size:'medium'};var _excluded$7=["isPressed"];var ToggleIconButton=React.forwardRef(function(_ref,ref){var isPressed=_ref.isPressed,otherProps=_objectWithoutProperties$1(_ref,_excluded$7);return React__default["default"].createElement(IconButton,_extends$2({"aria-pressed":isPressed,ref:ref},otherProps));});ToggleIconButton.displayName='ToggleIconButton';ToggleIconButton.propTypes=_objectSpread2(_objectSpread2({},IconButton.propTypes),{},{isPressed:propTypes.exports.oneOf([true,false,'mixed'])});ToggleIconButton.defaultProps={isPill:true,isBasic:true,size:'medium'};styled.css(templateObject_1$4||(templateObject_1$4=__makeTemplateObject(["\n background: ",";\n color: ",";\n"],["\n background: ",";\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.colorPrimary;},function(_a){var theme=_a.theme;var _b=theme.styles,getTextColorForBackground=_b.getTextColorForBackground,colorPrimary=_b.colorPrimary;return getTextColorForBackground({color:colorPrimary,theme:theme});});var textColorForBackground=styled.css(templateObject_2$3||(templateObject_2$3=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(props){return props.theme.styles.getTextColorForBackground(props);});styled.css(templateObject_3$3||(templateObject_3$3=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.textColorPrimary;});var textWithColor=styled.css(templateObject_4$2||(templateObject_4$2=__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),function(_a){var color=_a.color;return color===COLORS.YELLOW?darker(color):color;});var templateObject_1$4,templateObject_2$3,templateObject_3$3,templateObject_4$2;var getInlineStyling=styled.css(templateObject_1$3||(templateObject_1$3=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var inline=_a.inline;return inline?inlineWithText:"";});var inlineWithText=styled.css(templateObject_2$2||(templateObject_2$2=__makeTemplateObject(["\n padding: 0;\n //width: unset;\n min-width: auto;\n line-height: normal;\n"],["\n padding: 0;\n //width: unset;\n min-width: auto;\n line-height: normal;\n"])));var textColorForButton=styled.css(templateObject_3$2||(templateObject_3$2=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(_a){var flat=_a.flat,inline=_a.inline,primary=_a.primary;return flat||inline||!primary?textColorForFlatButton:textColorForBackground;});var textColorForFlatButton=styled.css(templateObject_4$1||(templateObject_4$1=__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),textWithColor,function(_a){var inline=_a.inline;return inline?inlineButtonStates:flatButtonStates;});var buttonLikeHoverable=styled.css(templateObject_5$1||(templateObject_5$1=__makeTemplateObject(["\n background: ",";\n\n :hover {\n background: ",";\n }\n\n :active {\n background: ",";\n }\n\n ","\n"],["\n background: ",";\n\n :hover {\n background: ",";\n }\n\n :active {\n background: ",";\n }\n\n ","\n"])),function(_a){var flat=_a.flat,primary=_a.primary,inline=_a.inline,color=_a.color;return flat||!primary||inline?"transparent":color;},function(_a){var primary=_a.primary,color=_a.color;return primary?lightnessDelta(color,10):lightness(color,95);},function(_a){var primary=_a.primary,color=_a.color;return primary?dark(color):lightness(color,85);},textColorForButton);var flatButtonStates=styled.css(templateObject_6$1||(templateObject_6$1=__makeTemplateObject(["\n :hover, :active {\n color: ",";\n }\n"],["\n :hover, :active {\n color: ",";\n }\n"])),function(_a){var color=_a.color;return dark(color);});var inlineButtonStates=styled.css(templateObject_7$1||(templateObject_7$1=__makeTemplateObject(["\n :hover:hover, :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"],["\n :hover:hover, :focus:focus {\n color: ",";\n background-color: unset;\n }\n\n :active:active {\n color: ",";\n background-color: unset;\n }\n"])),function(props){return lighter(props.color);},function(props){return dark(props.color);});var templateObject_1$3,templateObject_2$2,templateObject_3$2,templateObject_4$1,templateObject_5$1,templateObject_6$1,templateObject_7$1;var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var FlexBox=styled__default["default"].div(templateObject_1$2||(templateObject_1$2=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n\n ","\n ","\n"],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n\n ","\n ","\n"])),function(_a){var alignItems=_a.alignItems;return alignItems?alignItems:"initial";},function(p){return p.inline?"inline-flex":"flex";},function(_a){var fluid=_a.fluid;return fluid?1:"unset";},getFlexDirection,function(p){return p.gap?p.gap:SPACINGS.SM;},function(p){return p.justifyContent||"initial";},function(p){return p.wrapped?wrappedStyling:"";},function(p){return p.responsivePropsList?responsiveStyles(p):"";},function(p){return p._css;});FlexBox.defaultProps={withRows:false};var responsiveStyles=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,gap=props.gap,inline=props.inline,justifyContent=props.justifyContent,fluid=props.fluid,wrapped=props.wrapped;return mediaQueryFunc(styled.css(templateObject_2$1||(templateObject_2$1=__makeTemplateObject(["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "],["\n align-items: ",";\n display: ",";\n flex: ",";\n flex-direction: ",";\n gap: ",";\n justify-content: ",";\n ","\n "])),alignItems?alignItems:"initial",inline?"inline-flex":"flex",fluid?1:"unset",getFlexDirection(props),gap?gap:SPACINGS.SM,justifyContent||"initial",wrapped?wrappedStyling:"")).join("");});};var wrappedStyling=styled.css(templateObject_3$1||(templateObject_3$1=__makeTemplateObject(["\n flex-wrap: wrap;\n"],["\n flex-wrap: wrap;\n"])));var templateObject_1$2,templateObject_2$1,templateObject_3$1;/**
|
|
10122
10122
|
* Copyright Zendesk, Inc.
|
|
10123
10123
|
*
|
|
10124
10124
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
@@ -10133,6 +10133,6 @@ return jsxRuntime.jsx(Button$1,__assign({as:innerAs,disabled:disabled,isPill:pil
|
|
|
10133
10133
|
onClick:autoLoadable?processClick:onClick}));}))(templateObject_7||(templateObject_7=__makeTemplateObject([""],[""// @ts-ignore
|
|
10134
10134
|
])));// @ts-ignore
|
|
10135
10135
|
Button.COMPONENT_NAME="Button";// @ts-ignore
|
|
10136
|
-
Button.defaultProps={fluid:false,flat:false,iconPosition:"right",primary:true,disabled:false};var LoaderContainer=styled__default["default"](FlexBox)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var templateObject_1$1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8;var ButtonLink=function(_a){var LinkComponent=_a.LinkComponent,external=_a.external,flat=_a.flat,
|
|
10137
|
-
innerAs:LinkComponent},external?{target:"_blank"}:{}
|
|
10136
|
+
Button.defaultProps={fluid:false,flat:false,iconPosition:"right",primary:true,disabled:false};var LoaderContainer=styled__default["default"](FlexBox)(templateObject_8||(templateObject_8=__makeTemplateObject(["\n min-height: 30px;\n"],["\n min-height: 30px;\n"])));var templateObject_1$1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8;var ButtonLink=React.forwardRef(function(_a,ref){var LinkComponent=_a.LinkComponent,external=_a.external,flat=_a.flat,otherProps=__rest(_a,["LinkComponent","external","flat"]);return jsxRuntime.jsx(Button,__assign({ref:ref},otherProps,{flat:flat!=null?flat:!otherProps.inline,// @ts-ignore
|
|
10137
|
+
innerAs:LinkComponent},external?{target:"_blank"}:{}));});ButtonLink.defaultProps={primary:false,onClick:DO_NOTHING,LinkComponent:"a",external:false,iconPosition:"left"};var InlineButtonLink=styled__default["default"](function(props){return jsxRuntime.jsx(ButtonLink,__assign({inline:true},props));})(templateObject_1||(templateObject_1=__makeTemplateObject(["\n text-decoration: none;\n"],["\n text-decoration: none;\n"])));var templateObject_1;exports.Breadcrumbs=Breadcrumbs;exports.ButtonLink=ButtonLink;exports.InlineButtonLink=InlineButtonLink;
|
|
10138
10138
|
//# sourceMappingURL=navigation.js.map
|