@televet/kibble-ui 3.0.3 → 3.0.4
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/build/components/DatePicker/index.js +1 -1
- package/build/components/Menu/components/MenuButton/index.js +1 -1
- package/build/components/Menu/index.js +1 -1
- package/build/components/Tag/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/{conversationCard.component-08130e27.js → conversationCard.component-c101db2c.js} +2 -2
- package/build/{conversationCard.component-08130e27.js.map → conversationCard.component-c101db2c.js.map} +1 -1
- package/build/{datepicker.component-0f604c67.js → datepicker.component-9796f74d.js} +2 -2
- package/build/{datepicker.component-0f604c67.js.map → datepicker.component-9796f74d.js.map} +1 -1
- package/build/index.js +1 -1
- package/build/{menu.component-1ec9de65.js → menu.component-e7f4f5c5.js} +2 -2
- package/build/{menu.component-1ec9de65.js.map → menu.component-e7f4f5c5.js.map} +1 -1
- package/build/menuButton.component-0bb3d567.js +2 -0
- package/build/menuButton.component-0bb3d567.js.map +1 -0
- package/build/patterns/ConversationCard/index.js +1 -1
- package/build/patterns/TagBlock/index.js +1 -1
- package/build/patterns/index.js +1 -1
- package/build/shared/types/index.js +1 -1
- package/build/shared/types/index.js.map +1 -1
- package/build/shared/types/typography.d.ts +1 -1
- package/build/{tag.component-6b6c4dde.js → tag.component-d8aa8bcb.js} +2 -2
- package/build/{tag.component-6b6c4dde.js.map → tag.component-d8aa8bcb.js.map} +1 -1
- package/build/{tagBlock.component-73e7a8d8.js → tagBlock.component-50146aa8.js} +2 -2
- package/build/{tagBlock.component-73e7a8d8.js.map → tagBlock.component-50146aa8.js.map} +1 -1
- package/build/theme/index.js +1 -1
- package/build/theme.provider-fb68984f.js +12 -0
- package/build/theme.provider-fb68984f.js.map +1 -0
- package/package.json +1 -1
- package/build/menuButton.component-8d06fbc5.js +0 -2
- package/build/menuButton.component-8d06fbc5.js.map +0 -1
- package/build/theme.provider-e6d69a55.js +0 -12
- package/build/theme.provider-e6d69a55.js.map +0 -1
package/build/patterns/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-1b31f7aa.js"),r=require("../conversationCard.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-1b31f7aa.js"),r=require("../conversationCard.component-c101db2c.js"),a=require("../timestamp.component-c0c80c32.js"),i=require("../tagBlock.component-50146aa8.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-2168915a.js"),require("react"),require("../icon.component-d8a799c3.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-6ee578f7.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../tooltip.component-197bff7c.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-eee70d3a.js"),require("../chakra-ui-image.esm-66324087.js"),require("../picture.component-19489bee.js"),require("../card.component-de5d4b2a.js"),require("../notificationCounter.component-4f126f12.js"),require("../notificationCounter.types-799d7b6c.js"),require("../heading.component-95e89325.js"),require("../withTruncation-a62a9e5f.js"),require("../text.component-906b3f66.js"),require("../button.component-bb997792.js"),require("../chakra-ui-button.esm-bd065780.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-66f41b74.js"),require("../withFormControl-25a7ab4c.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-4cded6a7.js"),require("../textInput.component-24923f9d.js"),require("../chakra-ui-input.esm-5fd07056.js"),require("../spinner.component-5f7f0fb2.js"),require("../menu.component-e7f4f5c5.js"),require("../menuContainer.component-17d9413b.js"),require("../chakra-ui-menu.esm-1ed98193.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menuButton.component-0bb3d567.js"),require("../menuList.component-c8a46a8a.js"),require("../menuItem.component-9b494975.js"),require("../menu.config-78717999.js"),require("../tag.component-d8aa8bcb.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-e569a094.js"),require("../_baseGetTag-fd05839f.js"),require("../link.component-de4034af.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-0450a9a6.js"),require("../radioGroup.component-e4307bb9.js"),require("../radio.component-2502a55b.js"),require("../chakra-ui-radio.esm-f310d451.js"),require("../select.component-3ea99110.js"),require("../chakra-ui-select.esm-793cf4de.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-58c53830.js"),require("../textarea.component-ef564856.js"),require("../chakra-ui-textarea.esm-23fad4cd.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=a.Timestamp,exports.TagBlock=i.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return i.TagDisabledState}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t=["bottom-start","bottom","bottom-end","right-start","auto-start","left-start","right","auto","left","right-end","auto-end","left-end","top-start","top","top-end"],e=[...t,"start-start","start-end","end-start","end-end","start","end"];exports.formControlSizes=["sm","md","lg"],exports.placementOptions=t,exports.placementOptionsWithLogical=e,exports.statuses=["info","success","warning","error","default"],exports.typographyVariants=["default","subtle","info","interactive","success","warning","danger","placeholder","accent","accentSubtle","onContrast","subtleOnContrast","interactiveOnContrast","placeholderOnContrast","dangerOnContrast"];
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t=["bottom-start","bottom","bottom-end","right-start","auto-start","left-start","right","auto","left","right-end","auto-end","left-end","top-start","top","top-end"],e=[...t,"start-start","start-end","end-start","end-end","start","end"];exports.formControlSizes=["sm","md","lg"],exports.placementOptions=t,exports.placementOptionsWithLogical=e,exports.statuses=["info","success","warning","error","default"],exports.typographyVariants=["default","subtle","info","interactive","success","warning","danger","placeholder","brand","accent","accentSubtle","onContrast","subtleOnContrast","interactiveOnContrast","placeholderOnContrast","dangerOnContrast","brandOnContrast"];
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/shared/types/formControl.ts","../../../src/shared/types/placement.ts","../../../src/shared/types/status.ts","../../../src/shared/types/typography.ts"],"sourcesContent":["export const formControlSizes = ['sm', 'md', 'lg'] as const;\nexport type FormControlSize = (typeof formControlSizes)[number];\n","import { Placement, PlacementWithLogical } from '@chakra-ui/react';\n\nexport const placementOptions: Placement[] = [\n 'bottom-start',\n 'bottom',\n 'bottom-end',\n 'right-start',\n 'auto-start',\n 'left-start',\n 'right',\n 'auto',\n 'left',\n 'right-end',\n 'auto-end',\n 'left-end',\n 'top-start',\n 'top',\n 'top-end',\n];\n\nexport const placementOptionsWithLogical: PlacementWithLogical[] = [\n ...placementOptions,\n 'start-start',\n 'start-end',\n 'end-start',\n 'end-end',\n 'start',\n 'end',\n];\n","export const statuses = ['info', 'success', 'warning', 'error', 'default'] as const;\n\nexport type Status = (typeof statuses)[number];\n","import { ComponentStyleConfig, SystemStyleObject } from '@chakra-ui/react';\n\nexport const typographyVariants = [\n 'default',\n 'subtle',\n 'info',\n 'interactive',\n 'success',\n 'warning',\n 'danger',\n 'placeholder',\n 'accent',\n 'accentSubtle',\n 'onContrast',\n 'subtleOnContrast',\n 'interactiveOnContrast',\n 'placeholderOnContrast',\n 'dangerOnContrast',\n] as const;\nexport type TypographyVariant = (typeof typographyVariants)[number];\n\nexport type TypographyVariantConfig = Record<TypographyVariant, SystemStyleObject>;\nexport interface TypographyConfig extends Omit<ComponentStyleConfig, 'variants'> {\n variants: TypographyVariantConfig;\n}\n"],"names":["placementOptions","placementOptionsWithLogical"],"mappings":"oEAAa,MCEAA,EAAgC,CAC3C,eACA,SACA,aACA,cACA,aACA,aACA,QACA,OACA,OACA,YACA,WACA,WACA,YACA,MACA,WAGWC,EAAsD,IAC9DD,EACH,cACA,YACA,YACA,UACA,QACA,gCD3B8B,CAAC,KAAM,KAAM,wFEArB,CAAC,OAAQ,UAAW,UAAW,QAAS,sCCE9B,CAChC,UACA,SACA,OACA,cACA,UACA,UACA,SACA,cACA,SACA,eACA,aACA,mBACA,wBACA,wBACA"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/shared/types/formControl.ts","../../../src/shared/types/placement.ts","../../../src/shared/types/status.ts","../../../src/shared/types/typography.ts"],"sourcesContent":["export const formControlSizes = ['sm', 'md', 'lg'] as const;\nexport type FormControlSize = (typeof formControlSizes)[number];\n","import { Placement, PlacementWithLogical } from '@chakra-ui/react';\n\nexport const placementOptions: Placement[] = [\n 'bottom-start',\n 'bottom',\n 'bottom-end',\n 'right-start',\n 'auto-start',\n 'left-start',\n 'right',\n 'auto',\n 'left',\n 'right-end',\n 'auto-end',\n 'left-end',\n 'top-start',\n 'top',\n 'top-end',\n];\n\nexport const placementOptionsWithLogical: PlacementWithLogical[] = [\n ...placementOptions,\n 'start-start',\n 'start-end',\n 'end-start',\n 'end-end',\n 'start',\n 'end',\n];\n","export const statuses = ['info', 'success', 'warning', 'error', 'default'] as const;\n\nexport type Status = (typeof statuses)[number];\n","import { ComponentStyleConfig, SystemStyleObject } from '@chakra-ui/react';\n\nexport const typographyVariants = [\n 'default',\n 'subtle',\n 'info',\n 'interactive',\n 'success',\n 'warning',\n 'danger',\n 'placeholder',\n 'brand',\n 'accent',\n 'accentSubtle',\n 'onContrast',\n 'subtleOnContrast',\n 'interactiveOnContrast',\n 'placeholderOnContrast',\n 'dangerOnContrast',\n 'brandOnContrast',\n] as const;\nexport type TypographyVariant = (typeof typographyVariants)[number];\n\nexport type TypographyVariantConfig = Record<TypographyVariant, SystemStyleObject>;\nexport interface TypographyConfig extends Omit<ComponentStyleConfig, 'variants'> {\n variants: TypographyVariantConfig;\n}\n"],"names":["placementOptions","placementOptionsWithLogical"],"mappings":"oEAAa,MCEAA,EAAgC,CAC3C,eACA,SACA,aACA,cACA,aACA,aACA,QACA,OACA,OACA,YACA,WACA,WACA,YACA,MACA,WAGWC,EAAsD,IAC9DD,EACH,cACA,YACA,YACA,UACA,QACA,gCD3B8B,CAAC,KAAM,KAAM,wFEArB,CAAC,OAAQ,UAAW,UAAW,QAAS,sCCE9B,CAChC,UACA,SACA,OACA,cACA,UACA,UACA,SACA,cACA,QACA,SACA,eACA,aACA,mBACA,wBACA,wBACA,mBACA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentStyleConfig, SystemStyleObject } from '@chakra-ui/react';
|
|
2
|
-
export declare const typographyVariants: readonly ["default", "subtle", "info", "interactive", "success", "warning", "danger", "placeholder", "accent", "accentSubtle", "onContrast", "subtleOnContrast", "interactiveOnContrast", "placeholderOnContrast", "dangerOnContrast"];
|
|
2
|
+
export declare const typographyVariants: readonly ["default", "subtle", "info", "interactive", "success", "warning", "danger", "placeholder", "brand", "accent", "accentSubtle", "onContrast", "subtleOnContrast", "interactiveOnContrast", "placeholderOnContrast", "dangerOnContrast", "brandOnContrast"];
|
|
3
3
|
export type TypographyVariant = (typeof typographyVariants)[number];
|
|
4
4
|
export type TypographyVariantConfig = Record<TypographyVariant, SystemStyleObject>;
|
|
5
5
|
export interface TypographyConfig extends Omit<ComponentStyleConfig, 'variants'> {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-icon.esm-9c49b31b.js"),a=require("./chakra-ui-system.esm-c70df670.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=i(t),s=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(this,arguments)}var u=["isDisabled","children"],f=a.forwardRef((function(e,t){var r=a.useMultiStyleConfig("Tag",e),n=a.omitThemingProps(e),l=c({display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%"},r.container);return o.createElement(a.StylesProvider,{value:r},o.createElement(a.chakra.span,c({ref:t},n,{__css:l})))}));a.__DEV__&&(f.displayName="Tag");var d=a.forwardRef((function(e,t){var r=a.useStyles();return o.createElement(a.chakra.span,c({ref:t,isTruncated:!0},e,{__css:r.label}))}));a.__DEV__&&(d.displayName="TagLabel");var g=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginEnd:"0.5rem"},e))}));a.__DEV__&&(g.displayName="TagLeftIcon");var m=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginStart:"0.5rem"},e))}));a.__DEV__&&(m.displayName="TagRightIcon");var b=function(e){return o.createElement(r.Icon,c({verticalAlign:"inherit",viewBox:"0 0 512 512"},e),o.createElement("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}))};a.__DEV__&&(b.displayName="TagCloseIcon");var p=function(e){var t=e.isDisabled,r=e.children,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,u),l=c({display:"flex",alignItems:"center",justifyContent:"center",outline:"0"},a.useStyles().closeButton);return o.createElement(a.chakra.button,c({"aria-label":"close"},n,{type:"button",disabled:t,__css:l}),r||o.createElement(b,null))};a.__DEV__&&(p.displayName="TagCloseButton");const _={sm:0,md:.5,lg:1};exports.Tag=t=>{var{leftElement:r,rightElement:a,label:l,closeButtonDisplay:i="never",onClose:o,fontWeight:c="semibold",size:u="md",variant:g="default",color:m,bg:b}=t,v=e.__rest(t,["leftElement","rightElement","label","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg"]);const y=Object.assign(Object.assign({},!!r&&{ml:1}),!!a&&{mr:1}),h=Object.assign({},!!o&&Object.assign(Object.assign({},"always"===i&&{pr:_[u]}),"hover"===i&&{role:"group",pos:"relative"})),E="never"!==i&&!!o,j=Object.assign({},"hover"===i&&{display:"none",px:_[u],_groupHover:{display:"flex"},pos:"absolute",right:0,bgColor:"inherit",color:"inherit",opacity:.899999,borderRadius:"md"});return s.default.createElement(f,Object.assign({},h,v,{size:u,variant:g,bg:b,color:m}),r,s.default.createElement(d,Object.assign({},y,{fontWeight:c}),l),a,E&&s.default.createElement(n.Box,Object.assign({},j,{color:m||`text.${g}`}),s.default.createElement(p,{onClick:o})))};
|
|
2
|
-
//# sourceMappingURL=tag.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-icon.esm-9c49b31b.js"),a=require("./chakra-ui-system.esm-c70df670.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=i(t),s=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(this,arguments)}var u=["isDisabled","children"],f=a.forwardRef((function(e,t){var r=a.useMultiStyleConfig("Tag",e),n=a.omitThemingProps(e),l=c({display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%"},r.container);return o.createElement(a.StylesProvider,{value:r},o.createElement(a.chakra.span,c({ref:t},n,{__css:l})))}));a.__DEV__&&(f.displayName="Tag");var d=a.forwardRef((function(e,t){var r=a.useStyles();return o.createElement(a.chakra.span,c({ref:t,isTruncated:!0},e,{__css:r.label}))}));a.__DEV__&&(d.displayName="TagLabel");var g=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginEnd:"0.5rem"},e))}));a.__DEV__&&(g.displayName="TagLeftIcon");var m=a.forwardRef((function(e,t){return o.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginStart:"0.5rem"},e))}));a.__DEV__&&(m.displayName="TagRightIcon");var b=function(e){return o.createElement(r.Icon,c({verticalAlign:"inherit",viewBox:"0 0 512 512"},e),o.createElement("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}))};a.__DEV__&&(b.displayName="TagCloseIcon");var p=function(e){var t=e.isDisabled,r=e.children,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,u),l=c({display:"flex",alignItems:"center",justifyContent:"center",outline:"0"},a.useStyles().closeButton);return o.createElement(a.chakra.button,c({"aria-label":"close"},n,{type:"button",disabled:t,__css:l}),r||o.createElement(b,null))};a.__DEV__&&(p.displayName="TagCloseButton");const _={sm:0,md:.5,lg:1};exports.Tag=t=>{var{leftElement:r,rightElement:a,label:l,closeButtonDisplay:i="never",onClose:o,fontWeight:c="semibold",size:u="md",variant:g="default",color:m,bg:b}=t,v=e.__rest(t,["leftElement","rightElement","label","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg"]);const y=Object.assign(Object.assign({},!!r&&{ml:1}),!!a&&{mr:1}),h=Object.assign({},!!o&&Object.assign(Object.assign({},"always"===i&&{pr:_[u]}),"hover"===i&&{role:"group",pos:"relative"})),E="never"!==i&&!!o,j=Object.assign({},"hover"===i&&{display:"none",px:_[u],_groupHover:{display:"flex"},pos:"absolute",right:0,bgColor:"inherit",color:"inherit",opacity:.899999,borderRadius:"md"});return s.default.createElement(f,Object.assign({},h,v,{size:u,variant:g,bg:b,color:m}),r,s.default.createElement(d,Object.assign({},y,{fontWeight:c,color:m}),l),a,E&&s.default.createElement(n.Box,Object.assign({},j,{color:m||`text.${g}`}),s.default.createElement(p,{onClick:o})))};
|
|
2
|
+
//# sourceMappingURL=tag.component-d8aa8bcb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.component-6b6c4dde.js","sources":["../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js","../src/components/Tag/tag.records.ts","../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { Icon } from '@chakra-ui/icon';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nvar _excluded = [\"isDisabled\", \"children\"];\n\n/**\n * The tag component is used to label or categorize UI elements.\n * To style the tag globally, change the styles in `theme.components.Tag`\n * @see Docs https://chakra-ui.com/tag\n */\nvar Tag = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Tag\", props);\n var ownProps = omitThemingProps(props);\n\n var containerStyles = _extends({\n display: \"inline-flex\",\n verticalAlign: \"top\",\n alignItems: \"center\",\n maxWidth: \"100%\"\n }, styles.container);\n\n return /*#__PURE__*/React.createElement(StylesProvider, {\n value: styles\n }, /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref\n }, ownProps, {\n __css: containerStyles\n })));\n});\n\nif (__DEV__) {\n Tag.displayName = \"Tag\";\n}\n\nvar TagLabel = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useStyles();\n return /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref,\n isTruncated: true\n }, props, {\n __css: styles.label\n }));\n});\n\nif (__DEV__) {\n TagLabel.displayName = \"TagLabel\";\n}\n\nvar TagLeftIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n ref: ref,\n verticalAlign: \"top\",\n marginEnd: \"0.5rem\"\n }, props));\n});\n\nif (__DEV__) {\n TagLeftIcon.displayName = \"TagLeftIcon\";\n}\n\nvar TagRightIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n ref: ref,\n verticalAlign: \"top\",\n marginStart: \"0.5rem\"\n }, props));\n});\n\nif (__DEV__) {\n TagRightIcon.displayName = \"TagRightIcon\";\n}\n\nvar TagCloseIcon = function TagCloseIcon(props) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n verticalAlign: \"inherit\",\n viewBox: \"0 0 512 512\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"\n }));\n};\n\nif (__DEV__) {\n TagCloseIcon.displayName = \"TagCloseIcon\";\n}\n\n/**\n * TagCloseButton is used to close \"remove\" the tag\n * @see Docs https://chakra-ui.com/tag\n */\nvar TagCloseButton = function TagCloseButton(props) {\n var isDisabled = props.isDisabled,\n children = props.children,\n rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n var styles = useStyles();\n\n var btnStyles = _extends({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n outline: \"0\"\n }, styles.closeButton);\n\n return /*#__PURE__*/React.createElement(chakra.button, _extends({\n \"aria-label\": \"close\"\n }, rest, {\n type: \"button\",\n disabled: isDisabled,\n __css: btnStyles\n }), children || /*#__PURE__*/React.createElement(TagCloseIcon, null));\n};\n\nif (__DEV__) {\n TagCloseButton.displayName = \"TagCloseButton\";\n}\n\nexport { Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon };\n","import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n sm: 0,\n md: 0.5,\n lg: 1,\n};\n","import React, { ReactNode } from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel, Box } from '@chakra-ui/react';\nimport { CloseButtonDisplay, TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\nimport { Status } from 'shared/types';\nimport { FontWeight, SemanticBackgroundColorToken, SemanticTypographyToken } from 'theme/tokens';\n\nexport interface KTagProps {\n leftElement?: ReactNode;\n rightElement?: ReactNode;\n label: string;\n closeButtonDisplay?: CloseButtonDisplay;\n size?: TagSize;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n fontWeight?: FontWeight;\n variant?: Status;\n color?: SemanticTypographyToken | string;\n bg?: SemanticBackgroundColorToken | string;\n}\n\nexport type TagProps = KTagProps & CTagProps;\n\nexport const Tag = ({\n leftElement,\n rightElement,\n label,\n closeButtonDisplay = 'never',\n onClose,\n fontWeight = 'semibold',\n size = 'md',\n variant = 'default',\n color,\n bg,\n ...rest\n}: TagProps): JSX.Element => {\n const labelStyle = {\n ...(!!leftElement && { ml: 1 }),\n ...(!!rightElement && { mr: 1 }),\n };\n\n const tagStyle = {\n ...(!!onClose && {\n ...(closeButtonDisplay === 'always' && { pr: paddingRightBySize[size] }),\n ...(closeButtonDisplay === 'hover' && {\n role: 'group',\n pos: 'relative' as const,\n }),\n }),\n };\n\n const showCloseButton = closeButtonDisplay !== 'never' && !!onClose;\n\n const closeButtonStyle = {\n ...(closeButtonDisplay === 'hover' && {\n display: 'none',\n px: paddingRightBySize[size],\n _groupHover: { display: 'flex' },\n pos: 'absolute' as const,\n right: 0,\n bgColor: 'inherit',\n color: 'inherit',\n opacity: 0.899999,\n borderRadius: 'md',\n }),\n };\n\n return (\n <CTag {...tagStyle} {...rest} size={size} variant={variant} bg={bg} color={color}>\n {leftElement}\n <TagLabel {...labelStyle} fontWeight={fontWeight}>\n {label}\n </TagLabel>\n {rightElement}\n {showCloseButton && (\n <Box {...closeButtonStyle} color={color ? color : `text.${variant}`}>\n <TagCloseButton onClick={onClose} />\n </Box>\n )}\n </CTag>\n );\n};\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Tag","forwardRef","props","ref","styles","useMultiStyleConfig","ownProps","omitThemingProps","containerStyles","display","verticalAlign","alignItems","maxWidth","container","React","createElement","StylesProvider","value","chakra","span","__css","__DEV__","displayName","TagLabel","useStyles","isTruncated","label","TagLeftIcon","Icon","marginEnd","TagRightIcon","marginStart","TagCloseIcon","viewBox","fill","d","TagCloseButton","isDisabled","children","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","btnStyles","justifyContent","outline","closeButton","button","type","disabled","paddingRightBySize","sm","md","lg","_a","leftElement","rightElement","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg","__rest","labelStyle","ml","mr","tagStyle","pr","role","pos","showCloseButton","closeButtonStyle","px","_groupHover","right","bgColor","opacity","borderRadius","CTag","Box","onClick"],"mappings":"glBAoBA,SAASA,IAeP,OAdAA,EAAWC,OAAOC,QAAU,SAAUC,GACpC,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAASF,UAAUD,GAEvB,IAAK,IAAII,KAAOD,EACVN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAC/CL,EAAOK,GAAOD,EAAOC,IAK3B,OAAOL,GAGFH,EAASY,MAAMC,KAAMR,WAG9B,IAAIS,EAAY,CAAC,aAAc,YAO3BC,EAAmBC,EAAUA,YAAC,SAAUC,EAAOC,GACjD,IAAIC,EAASC,EAAAA,oBAAoB,MAAOH,GACpCI,EAAWC,mBAAiBL,GAE5BM,EAAkBvB,EAAS,CAC7BwB,QAAS,cACTC,cAAe,MACfC,WAAY,SACZC,SAAU,QACTR,EAAOS,WAEV,OAAoBC,EAAMC,cAAcC,iBAAgB,CACtDC,MAAOb,GACOU,EAAMC,cAAcG,SAAOC,KAAMlC,EAAS,CACxDkB,IAAKA,GACJG,EAAU,CACXc,MAAOZ,SAIPa,YACFrB,EAAIsB,YAAc,OAGpB,IAAIC,EAAwBtB,EAAUA,YAAC,SAAUC,EAAOC,GACtD,IAAIC,EAASoB,EAAAA,YACb,OAAoBV,EAAMC,cAAcG,SAAOC,KAAMlC,EAAS,CAC5DkB,IAAKA,EACLsB,aAAa,GACZvB,EAAO,CACRkB,MAAOhB,EAAOsB,YAIdL,YACFE,EAASD,YAAc,YAGzB,IAAIK,EAA2B1B,EAAUA,YAAC,SAAUC,EAAOC,GACzD,OAAoBW,EAAMC,cAAca,EAAIA,KAAE3C,EAAS,CACrDkB,IAAKA,EACLO,cAAe,MACfmB,UAAW,UACV3B,OAGDmB,YACFM,EAAYL,YAAc,eAG5B,IAAIQ,EAA4B7B,EAAUA,YAAC,SAAUC,EAAOC,GAC1D,OAAoBW,EAAMC,cAAca,EAAIA,KAAE3C,EAAS,CACrDkB,IAAKA,EACLO,cAAe,MACfqB,YAAa,UACZ7B,OAGDmB,YACFS,EAAaR,YAAc,gBAG7B,IAAIU,EAAe,SAAsB9B,GACvC,OAAoBY,EAAMC,cAAca,EAAIA,KAAE3C,EAAS,CACrDyB,cAAe,UACfuB,QAAS,eACR/B,GAAqBY,EAAMC,cAAc,OAAQ,CAClDmB,KAAM,eACNC,EAAG,iIAIHd,YACFW,EAAaV,YAAc,gBAO7B,IAAIc,EAAiB,SAAwBlC,GAC3C,IAAImC,EAAanC,EAAMmC,WACnBC,EAAWpC,EAAMoC,SACjBC,EA3HN,SAAuC/C,EAAQgD,GAC7C,GAAc,MAAVhD,EAAgB,MAAO,GAC3B,IAEIC,EAAKJ,EAFLD,EAAS,GACTqD,EAAavD,OAAOwD,KAAKlD,GAG7B,IAAKH,EAAI,EAAGA,EAAIoD,EAAWlD,OAAQF,IACjCI,EAAMgD,EAAWpD,GACbmD,EAASG,QAAQlD,IAAQ,IAC7BL,EAAOK,GAAOD,EAAOC,IAGvB,OAAOL,EA+GIwD,CAA8B1C,EAAOH,GAI5C8C,EAAY5D,EAAS,CACvBwB,QAAS,OACTE,WAAY,SACZmC,eAAgB,SAChBC,QAAS,KANEvB,EAAAA,YAOHwB,aAEV,OAAoBlC,EAAMC,cAAcG,SAAO+B,OAAQhE,EAAS,CAC9D,aAAc,SACbsD,EAAM,CACPW,KAAM,SACNC,SAAUd,EACVjB,MAAOyB,IACLP,GAAyBxB,EAAMC,cAAciB,EAAc,QAG7DX,YACFe,EAAed,YAAc,kBCnJxB,MAAM8B,EAA8C,CACzDC,GAAI,EACJC,GAAI,GACJC,GAAI,eCiBcC,IAAA,IAAAC,YAClBA,EAAWC,aACXA,EAAYhC,MACZA,EAAKiC,mBACLA,EAAqB,QAAOC,QAC5BA,EAAOC,WACPA,EAAa,WAAUC,KACvBA,EAAO,KAAIC,QACXA,EAAU,UAASC,MACnBA,EAAKC,GACLA,GAEST,EADNjB,EAAI2B,EAAAA,OAAAV,EAXW,kHAalB,MAAMW,EACDjF,OAAAC,OAAAD,OAAAC,OAAA,KAAGsE,GAAe,CAAEW,GAAI,MACrBV,GAAgB,CAAEW,GAAI,IAGxBC,EACDpF,OAAAC,OAAA,KAAGyE,GAAO1E,OAAAC,OAAAD,OAAAC,OAAA,GACgB,WAAvBwE,GAAmC,CAAEY,GAAInB,EAAmBU,KACrC,UAAvBH,GAAkC,CACpCa,KAAM,QACNC,IAAK,cAKLC,EAAyC,UAAvBf,KAAoCC,EAEtDe,EACDzF,OAAAC,OAAA,GAAwB,UAAvBwE,GAAkC,CACpClD,QAAS,OACTmE,GAAIxB,EAAmBU,GACvBe,YAAa,CAAEpE,QAAS,QACxBgE,IAAK,WACLK,MAAO,EACPC,QAAS,UACTf,MAAO,UACPgB,QAAS,QACTC,aAAc,OAIlB,OACEnE,EAAAA,sBAACoE,EAAIhG,OAAAC,OAAA,GAAKmF,EAAc/B,EAAM,CAAAuB,KAAMA,EAAMC,QAASA,EAASE,GAAIA,EAAID,MAAOA,IACxEP,EACD3C,EAAAA,QAACC,cAAAQ,mBAAa4C,EAAU,CAAEN,WAAYA,IACnCnC,GAEFgC,EACAgB,GACC5D,EAAA,QAAAC,cAACoE,EAAGA,IAAKjG,OAAAC,OAAA,GAAAwF,GAAkBX,MAAOA,GAAgB,QAAQD,MACxDjD,EAAC,QAAAC,cAAAqB,EAAe,CAAAgD,QAASxB"}
|
|
1
|
+
{"version":3,"file":"tag.component-d8aa8bcb.js","sources":["../node_modules/@chakra-ui/tag/dist/chakra-ui-tag.esm.js","../src/components/Tag/tag.records.ts","../src/components/Tag/tag.component.tsx"],"sourcesContent":["import { Icon } from '@chakra-ui/icon';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nvar _excluded = [\"isDisabled\", \"children\"];\n\n/**\n * The tag component is used to label or categorize UI elements.\n * To style the tag globally, change the styles in `theme.components.Tag`\n * @see Docs https://chakra-ui.com/tag\n */\nvar Tag = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Tag\", props);\n var ownProps = omitThemingProps(props);\n\n var containerStyles = _extends({\n display: \"inline-flex\",\n verticalAlign: \"top\",\n alignItems: \"center\",\n maxWidth: \"100%\"\n }, styles.container);\n\n return /*#__PURE__*/React.createElement(StylesProvider, {\n value: styles\n }, /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref\n }, ownProps, {\n __css: containerStyles\n })));\n});\n\nif (__DEV__) {\n Tag.displayName = \"Tag\";\n}\n\nvar TagLabel = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useStyles();\n return /*#__PURE__*/React.createElement(chakra.span, _extends({\n ref: ref,\n isTruncated: true\n }, props, {\n __css: styles.label\n }));\n});\n\nif (__DEV__) {\n TagLabel.displayName = \"TagLabel\";\n}\n\nvar TagLeftIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n ref: ref,\n verticalAlign: \"top\",\n marginEnd: \"0.5rem\"\n }, props));\n});\n\nif (__DEV__) {\n TagLeftIcon.displayName = \"TagLeftIcon\";\n}\n\nvar TagRightIcon = /*#__PURE__*/forwardRef(function (props, ref) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n ref: ref,\n verticalAlign: \"top\",\n marginStart: \"0.5rem\"\n }, props));\n});\n\nif (__DEV__) {\n TagRightIcon.displayName = \"TagRightIcon\";\n}\n\nvar TagCloseIcon = function TagCloseIcon(props) {\n return /*#__PURE__*/React.createElement(Icon, _extends({\n verticalAlign: \"inherit\",\n viewBox: \"0 0 512 512\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z\"\n }));\n};\n\nif (__DEV__) {\n TagCloseIcon.displayName = \"TagCloseIcon\";\n}\n\n/**\n * TagCloseButton is used to close \"remove\" the tag\n * @see Docs https://chakra-ui.com/tag\n */\nvar TagCloseButton = function TagCloseButton(props) {\n var isDisabled = props.isDisabled,\n children = props.children,\n rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n var styles = useStyles();\n\n var btnStyles = _extends({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n outline: \"0\"\n }, styles.closeButton);\n\n return /*#__PURE__*/React.createElement(chakra.button, _extends({\n \"aria-label\": \"close\"\n }, rest, {\n type: \"button\",\n disabled: isDisabled,\n __css: btnStyles\n }), children || /*#__PURE__*/React.createElement(TagCloseIcon, null));\n};\n\nif (__DEV__) {\n TagCloseButton.displayName = \"TagCloseButton\";\n}\n\nexport { Tag, TagCloseButton, TagLabel, TagLeftIcon, TagRightIcon };\n","import { TagSize } from './tag.types';\n\nexport const paddingRightBySize: Record<TagSize, number> = {\n sm: 0,\n md: 0.5,\n lg: 1,\n};\n","import React, { ReactNode } from 'react';\nimport { Tag as CTag, TagProps as CTagProps, TagCloseButton, TagLabel, Box } from '@chakra-ui/react';\nimport { CloseButtonDisplay, TagSize } from './tag.types';\nimport { paddingRightBySize } from './tag.records';\nimport { Status } from 'shared/types';\nimport { FontWeight, SemanticBackgroundColorToken, SemanticTypographyToken } from 'theme/tokens';\n\nexport interface KTagProps {\n leftElement?: ReactNode;\n rightElement?: ReactNode;\n label: string;\n closeButtonDisplay?: CloseButtonDisplay;\n size?: TagSize;\n onClose?: React.MouseEventHandler<HTMLButtonElement>;\n fontWeight?: FontWeight;\n variant?: Status;\n color?: SemanticTypographyToken | string;\n bg?: SemanticBackgroundColorToken | string;\n}\n\nexport type TagProps = KTagProps & CTagProps;\n\nexport const Tag = ({\n leftElement,\n rightElement,\n label,\n closeButtonDisplay = 'never',\n onClose,\n fontWeight = 'semibold',\n size = 'md',\n variant = 'default',\n color,\n bg,\n ...rest\n}: TagProps): JSX.Element => {\n const labelStyle = {\n ...(!!leftElement && { ml: 1 }),\n ...(!!rightElement && { mr: 1 }),\n };\n\n const tagStyle = {\n ...(!!onClose && {\n ...(closeButtonDisplay === 'always' && { pr: paddingRightBySize[size] }),\n ...(closeButtonDisplay === 'hover' && {\n role: 'group',\n pos: 'relative' as const,\n }),\n }),\n };\n\n const showCloseButton = closeButtonDisplay !== 'never' && !!onClose;\n\n const closeButtonStyle = {\n ...(closeButtonDisplay === 'hover' && {\n display: 'none',\n px: paddingRightBySize[size],\n _groupHover: { display: 'flex' },\n pos: 'absolute' as const,\n right: 0,\n bgColor: 'inherit',\n color: 'inherit',\n opacity: 0.899999,\n borderRadius: 'md',\n }),\n };\n\n return (\n <CTag {...tagStyle} {...rest} size={size} variant={variant} bg={bg} color={color}>\n {leftElement}\n <TagLabel {...labelStyle} fontWeight={fontWeight} color={color}>\n {label}\n </TagLabel>\n {rightElement}\n {showCloseButton && (\n <Box {...closeButtonStyle} color={color ? color : `text.${variant}`}>\n <TagCloseButton onClick={onClose} />\n </Box>\n )}\n </CTag>\n );\n};\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Tag","forwardRef","props","ref","styles","useMultiStyleConfig","ownProps","omitThemingProps","containerStyles","display","verticalAlign","alignItems","maxWidth","container","React","createElement","StylesProvider","value","chakra","span","__css","__DEV__","displayName","TagLabel","useStyles","isTruncated","label","TagLeftIcon","Icon","marginEnd","TagRightIcon","marginStart","TagCloseIcon","viewBox","fill","d","TagCloseButton","isDisabled","children","rest","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","btnStyles","justifyContent","outline","closeButton","button","type","disabled","paddingRightBySize","sm","md","lg","_a","leftElement","rightElement","closeButtonDisplay","onClose","fontWeight","size","variant","color","bg","__rest","labelStyle","ml","mr","tagStyle","pr","role","pos","showCloseButton","closeButtonStyle","px","_groupHover","right","bgColor","opacity","borderRadius","CTag","Box","onClick"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./button.component-bb997792.js");require("./heading.component-95e89325.js"),require("./icon.component-d8a799c3.js");var a=require("./text.component-906b3f66.js");require("./checkbox.component-66f41b74.js"),require("./checkboxGroup.component-e569a094.js"),require("./_baseGetTag-fd05839f.js");var r=require("./menu.component-
|
|
2
|
-
//# sourceMappingURL=tagBlock.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./button.component-bb997792.js");require("./heading.component-95e89325.js"),require("./icon.component-d8a799c3.js");var a=require("./text.component-906b3f66.js");require("./checkbox.component-66f41b74.js"),require("./checkboxGroup.component-e569a094.js"),require("./_baseGetTag-fd05839f.js");var r=require("./menu.component-e7f4f5c5.js");require("./textInput.component-24923f9d.js"),require("./link.component-de4034af.js"),require("./logo.component-0450a9a6.js"),require("./menu.context-66211f5a.js");var n=require("./spinner.component-5f7f0fb2.js");require("./notificationCounter.types-799d7b6c.js"),require("./radioGroup.component-e4307bb9.js"),require("./select.component-3ea99110.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-58c53830.js");var o=require("./tag.component-d8aa8bcb.js");require("./textarea.component-ef564856.js"),require("./timePicker.types-eedca939.js");var l=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var c,i=s(e);exports.TagDisabledState=void 0,(c=exports.TagDisabledState||(exports.TagDisabledState={})).Inactive="Inactive",c.Deleted="Deleted";exports.TagBlock=({title:e,menuButtonProps:s={size:"sm",variant:"secondarySubtle",leftIconName:"plus",text:"Add",showRightIcon:!1},menuListProps:c={isMultiSelect:!0},menuContainerProps:u,tags:d,canBeDeleted:m=!1,onClearAll:p,onRemoveTag:b,handleDelete:g,hasError:f=!1,errorText:j="This field contains an error",isLoading:x=!1,dataTestId:T="tag-block"})=>i.createElement(l.Box,{className:"TagBlock",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:f?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border.default"},i.createElement(l.Flex,{className:"TagBlock__ButtonContainer","data-testid":`${T}-container`,justifyContent:"space-between"},i.createElement(l.HStack,{spacing:1,minH:10},e&&i.createElement(a.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold"},e),i.createElement(r.Menu,{buttonProps:s,listProps:c,containerProps:u,dataTestId:`${T}-menu`}),i.createElement(t.Button,{className:"TagBlock__Button--ClearAll","data-testid":`${T}-clear-all-button`,size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:p,isDisabled:d.length<=0},"Clear All")),m&&i.createElement(l.Box,null,i.createElement(t.Button,{className:"TagBlock__Button--Delete","data-testid":`${T}-delete-button`,iconName:"trashcan",variant:"ghostNeutral",onClick:g,justifySelf:"flex-end"}))),Boolean(d.length)&&i.createElement(l.Flex,{className:"TagBlock__TagContainer",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start"},d.map((e=>{const t=e.label.includes(exports.TagDisabledState.Inactive)||e.label.includes(exports.TagDisabledState.Deleted);return i.createElement(o.Tag,{className:"TagBlock__Tag","data-testid":`${T}-tag`,mr:1,mb:1,key:e.value,label:e.label,onClose:()=>{return t=e.value,void(b&&b(t,d));var t},closeButtonDisplay:"always",fontWeight:"normal",color:t?"text.placeholder":"text.default",size:"md"})}))),x&&i.createElement(n.Spinner,{isFullScreen:!0}),f&&i.createElement(a.WrappedText,{className:"TagBlock__Error","data-testid":`${T}-error`,mt:2,size:"xs",as:"p",variant:"danger"},j));
|
|
2
|
+
//# sourceMappingURL=tagBlock.component-50146aa8.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tagBlock.component-
|
|
1
|
+
{"version":3,"file":"tagBlock.component-50146aa8.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Text, Menu, Button, MenuButtonProps, MenuListProps, Tag, Spinner, MenuContainerProps } from '../../components';\nimport { Box, HStack, Flex } from 'chakra';\n\nexport enum TagDisabledState {\n Inactive = 'Inactive',\n Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n label: string;\n value: string;\n}\n\nexport interface TagBlockProps {\n title?: string;\n menuButtonProps?: MenuButtonProps;\n menuListProps?: MenuListProps;\n menuContainerProps?: MenuContainerProps;\n tags: TagBlockTag[];\n canBeDeleted?: boolean;\n onClearAll?: () => void;\n onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n handleDelete?: () => void;\n hasError?: boolean;\n errorText?: string;\n isLoading?: boolean;\n dataTestId?: string;\n}\n\nexport const TagBlock = ({\n title,\n menuButtonProps = {\n size: 'sm',\n variant: 'secondarySubtle',\n leftIconName: 'plus',\n text: 'Add',\n showRightIcon: false,\n },\n menuListProps = {\n isMultiSelect: true,\n },\n menuContainerProps,\n tags,\n canBeDeleted = false,\n onClearAll,\n onRemoveTag,\n handleDelete,\n hasError = false,\n errorText = 'This field contains an error',\n isLoading = false,\n dataTestId = 'tag-block',\n}: TagBlockProps): JSX.Element => {\n const handleRemoveTag = (value: string): void => {\n if (onRemoveTag) {\n onRemoveTag(value, tags);\n }\n };\n\n return (\n <Box\n className=\"TagBlock\"\n position=\"relative\"\n mb={3}\n py={2}\n pl={4}\n pr={2}\n bg=\"background.subtle\"\n borderRadius=\"lg\"\n boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n border=\"1px\"\n borderColor=\"border.default\"\n >\n <Flex\n className=\"TagBlock__ButtonContainer\"\n data-testid={`${dataTestId}-container`}\n justifyContent=\"space-between\"\n >\n <HStack spacing={1} minH={10}>\n {title && (\n <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n {title}\n </Text>\n )}\n <Menu\n buttonProps={menuButtonProps}\n listProps={menuListProps}\n containerProps={menuContainerProps}\n dataTestId={`${dataTestId}-menu`}\n />\n <Button\n className=\"TagBlock__Button--ClearAll\"\n data-testid={`${dataTestId}-clear-all-button`}\n size=\"sm\"\n iconName=\"arrowCircle\"\n variant=\"ghostNeutral\"\n onClick={onClearAll}\n isDisabled={tags.length <= 0}\n >\n Clear All\n </Button>\n </HStack>\n {canBeDeleted && (\n <Box>\n <Button\n className=\"TagBlock__Button--Delete\"\n data-testid={`${dataTestId}-delete-button`}\n iconName=\"trashcan\"\n variant=\"ghostNeutral\"\n onClick={handleDelete}\n justifySelf=\"flex-end\"\n />\n </Box>\n )}\n </Flex>\n {Boolean(tags.length) && (\n <Flex\n className=\"TagBlock__TagContainer\"\n mt={2}\n pb={1}\n alignContent=\"space-between\"\n flexWrap=\"wrap\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {tags.map((tag) => {\n const isDisabled =\n tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n return (\n <Tag\n className=\"TagBlock__Tag\"\n data-testid={`${dataTestId}-tag`}\n mr={1}\n mb={1}\n key={tag.value}\n label={tag.label}\n onClose={(): void => handleRemoveTag(tag.value)}\n closeButtonDisplay=\"always\"\n fontWeight=\"normal\"\n color={isDisabled ? 'text.placeholder' : 'text.default'}\n size=\"md\"\n />\n );\n })}\n </Flex>\n )}\n {isLoading && <Spinner isFullScreen />}\n {hasError && (\n <Text className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" as=\"p\" variant=\"danger\">\n {errorText}\n </Text>\n )}\n </Box>\n );\n};\n"],"names":["TagDisabledState","title","menuButtonProps","size","variant","leftIconName","text","showRightIcon","menuListProps","isMultiSelect","menuContainerProps","tags","canBeDeleted","onClearAll","onRemoveTag","handleDelete","hasError","errorText","isLoading","dataTestId","React","createElement","Box","className","position","mb","py","pl","pr","bg","borderRadius","boxShadow","border","borderColor","Flex","justifyContent","HStack","spacing","minH","Text","WrappedText","mr","fontWeight","Menu","buttonProps","listProps","containerProps","Button","iconName","onClick","isDisabled","length","justifySelf","Boolean","mt","pb","alignContent","flexWrap","alignItems","map","tag","label","includes","Inactive","Deleted","Tag","key","value","onClose","handleRemoveTag","closeButtonDisplay","color","Spinner","isFullScreen","as"],"mappings":"01CAIYA,SAAAA,QAGXA,sBAAA,GAHWA,EAAAA,2BAAAA,QAAAA,iBAGX,KAFC,SAAA,WACAA,EAAA,QAAA,2BAwBsB,EACtBC,MAAAA,EACAC,gBAAAA,EAAkB,CAChBC,KAAM,KACNC,QAAS,kBACTC,aAAc,OACdC,KAAM,MACNC,eAAe,GAEjBC,cAAAA,EAAgB,CACdC,eAAe,GAEjBC,mBAAAA,EACAC,KAAAA,EACAC,aAAAA,GAAe,EACfC,WAAAA,EACAC,YAAAA,EACAC,aAAAA,EACAC,SAAAA,GAAW,EACXC,UAAAA,EAAY,+BACZC,UAAAA,GAAY,EACZC,WAAAA,EAAa,eASXC,EAACC,cAAAC,EAAGA,IACF,CAAAC,UAAU,WACVC,SAAS,WACTC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAG,oBACHC,aAAa,KACbC,UAAWf,EAAW,+CAAiD,GACvEgB,OAAO,MACPC,YAAY,kBAEZb,EAAAC,cAACa,OAAI,CACHX,UAAU,4BAA2B,cACxB,GAAGJ,cAChBgB,eAAe,iBAEff,EAACC,cAAAe,UAAOC,QAAS,EAAGC,KAAM,IACvBrC,GACCmB,EAAAC,cAACkB,EAAIC,YAAC,CAAAjB,UAAU,kBAAkBkB,GAAI,EAAGC,WAAW,QACjDzC,GAGLmB,EAAAC,cAACsB,EAAIA,KACH,CAAAC,YAAa1C,EACb2C,UAAWrC,EACXsC,eAAgBpC,EAChBS,WAAY,GAAGA,WAEjBC,EAAAC,cAAC0B,SAAM,CACLxB,UAAU,6BACG,cAAA,GAAGJ,qBAChBhB,KAAK,KACL6C,SAAS,cACT5C,QAAQ,eACR6C,QAASpC,EACTqC,WAAYvC,EAAKwC,QAAU,iBAK9BvC,GACCQ,EAAAC,cAACC,EAAAA,IAAG,KACFF,EAAAC,cAAC0B,EAAAA,OAAM,CACLxB,UAAU,2BAA0B,cACvB,GAAGJ,kBAChB6B,SAAS,WACT5C,QAAQ,eACR6C,QAASlC,EACTqC,YAAY,eAKnBC,QAAQ1C,EAAKwC,SACZ/B,gBAACc,OAAI,CACHX,UAAU,yBACV+B,GAAI,EACJC,GAAI,EACJC,aAAa,gBACbC,SAAS,OACTtB,eAAe,aACfuB,WAAW,cAEV/C,EAAKgD,KAAKC,IACT,MAAMV,EACJU,EAAIC,MAAMC,SAAS9D,QAAAA,iBAAiB+D,WAAaH,EAAIC,MAAMC,SAAS9D,QAAgBA,iBAACgE,SAEvF,OACE5C,EAAAC,cAAC4C,EAAGA,IAAA,CACF1C,UAAU,gBACG,cAAA,GAAGJ,QAChBsB,GAAI,EACJhB,GAAI,EACJyC,IAAKN,EAAIO,MACTN,MAAOD,EAAIC,MACXO,QAAS,KAAYC,OApFVF,EAoF0BP,EAAIO,WAnFjDrD,GACFA,EAAYqD,EAAOxD,IAFC,IAACwD,GAqFXG,mBAAmB,SACnB5B,WAAW,SACX6B,MAAOrB,EAAa,mBAAqB,eACzC/C,KAAK,WAMde,GAAaE,EAAAC,cAACmD,EAAOA,QAAA,CAACC,cAAe,IACrCzD,GACCI,EAACC,cAAAkB,eAAKhB,UAAU,kBAAiB,cAAc,GAAGJ,UAAoBmC,GAAI,EAAGnD,KAAK,KAAKuE,GAAG,IAAItE,QAAQ,UACnGa"}
|
package/build/theme/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../theme.provider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../theme.provider-fb68984f.js"),r=require("../chakra-ui-react.esm-f4206977.js");require("react"),require("../zIndeces-cb5e9be6.js"),require("../borders.config-b28ff4c1.js"),require("../color.record-cc264e0d.js"),require("../shadows.config-04ea1faa.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../menu.config-78717999.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../chakra-ui-theme.esm-d6d72df5.js"),exports.KibbleThemeProvider=e.KibbleThemeProvider,exports.theme=e.theme,exports.extendTheme=r.extendTheme;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";var e=require("react"),t=require("./chakra-ui-react.esm-f4206977.js"),r=require("./zIndeces-cb5e9be6.js"),o=require("./borders.config-b28ff4c1.js"),n=require("./color.record-cc264e0d.js"),a=require("./shadows.config-04ea1faa.js"),s=require("./chakra-ui-system.esm-c70df670.js"),i=require("./menu.config-78717999.js"),c=require("./inheritsLoose-490721fe.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e);const u=s.cssVar("tooltip-bg"),b=s.cssVar("popper-arrow-bg"),p={baseStyle:{zIndex:"tooltipExtra",color:"text.onContrast",bg:u.reference,[u.variable]:"colors.neutral.800",_dark:{[u.variable]:"colors.neutral.50"},[b.variable]:u.reference}},g={default:{color:"text.default"},brand:{color:"text.brand"},subtle:{color:"text.subtle"},info:{color:"text.info"},interactive:{color:"text.interactive",_hover:{color:"text.interactive.hover"}},success:{color:"text.success"},warning:{color:"text.warning"},danger:{color:"text.danger"},placeholder:{color:"text.placeholder"},accent:{color:"text.accent"},accentSubtle:{color:"text.accentSubtle"},onContrast:{color:"text.onContrast"},subtleOnContrast:{color:"text.subtleOnContrast"},interactiveOnContrast:{color:"text.interactiveOnContrast",_hover:{color:"text.interactiveOnContrast.hover"}},placeholderOnContrast:{color:"text.placeholderOnContrast"},dangerOnContrast:{color:"text.dangerOnContrast"},brandOnContrast:{color:"text.brandOnContrast"}},h={baseStyle:{fontWeight:"semibold"},variants:g,sizes:{xs:{fontSize:"14px",lineHeight:"120%"},sm:{fontSize:"16px",lineHeight:"120%"},md:{fontSize:"20px",lineHeight:"120%"},lg:{fontSize:["24px","30px"],lineHeight:["133%","120%"]},xl:{fontSize:["30px","36px"],lineHeight:["133%","120%"]},"2xl":{fontSize:["36px","48px"],lineHeight:["120%","100%"]},"3xl":{fontSize:["48px","60px"],lineHeight:"100%"},"4xl":{fontSize:["60px","72px"],lineHeight:"100%"}}},f={default:{bgColor:"background.default",borderWidth:"1px",borderColor:"border.default",borderRadius:"base",outline:"2px transparent",color:"text.default","::placeholder":{color:"text.placeholder"}},contrast:{bgColor:"background.contrast",borderWidth:"1px",borderColor:"border.contrast",borderRadius:"base",color:"text.onContrast","::placeholder":{color:"text.placeholderOnContrast"}}},v={default:{borderColor:"border.danger",borderWidth:"1px",boxShadow:"0 0 0 1px var(--chakra-colors-border-danger)"},contrast:{borderColor:"border.dangerContrast",boxShadow:"0 0 0 1px var(--chakra-colors-border-danger-contrast)"}},m={default:{bgColor:"border.default",borderColor:"border.default",cursor:"not-allowed",opacity:.6,"::placeholder":{color:"text.placeholder",opacity:1},TextInput__LeftElement:{opacity:.6}},contrast:{bgColor:"border.contrast",borderColor:"border.contrast",cursor:"not-allowed",opacity:.6,"::placeholder":{color:"text.placeholderContrast",opacity:1},TextInput__LeftElement:{opacity:.6}}},x={default:{borderColor:"border.focus",borderWidth:"1px",boxShadow:"0 0 0 1px var(--chakra-colors-border-focus) !important",_hover:{boxShadow:"0 0 0 1px var(--chakra-colors-border-focus)",borderColor:"border.focus"}},contrast:{borderColor:"border.focusContrast",borderWidth:"1px",boxShadow:"0 0 0 1px var(--chakra-colors-border-focusContrast) !important",_hover:{boxShadow:"0 0 0 1px var(--chakra-colors-border-focusContrast)",borderColor:"border.focusContrast"}}},C={default:{borderColor:"border.strong"},contrast:{borderColor:"border.strongContrast"}},k=e=>Object.assign(Object.assign({},f[e]),{_hover:Object.assign({},C[e]),_disabled:Object.assign({},m[e]),_focus:Object.assign({},x[e]),_invalid:Object.assign({},v[e])}),y={variants:{default:Object.assign(Object.assign({},k("default")),{field:k("default")}),onContrast:Object.assign(Object.assign({},k("contrast")),{field:k("contrast")})},sizes:{xs:{fontSize:"xs",minH:24},sm:{fontSize:"sm",minH:32},md:{fontSize:"md",minH:40},lg:{fontSize:"lg",minH:48}}},_=Object.assign({},y),w=s.cssVar("switch-track-width"),E=s.cssVar("switch-track-height"),O=s.cssVar("switch-thumb-width"),S=s.cssVar("switch-thumb-height"),A="background.alpha.pressed",N="text.subtleOnContrast",z="background.primary",D="background.alphaContrast.pressed",j="text.subtle",L="text.interactiveOnContrast",T={baseStyle:{track:{p:0,pos:"relative",_active:{outline:"0px",boxShadow:"none"},_focus:{outline:"0px",boxShadow:"none"}},thumb:{h:S.reference,w:O.reference,pos:"absolute",top:"50%",transform:"translate(0%, -50%)",_checked:{transform:"translate(100%, -50%)"}}},variants:{default:{track:{bg:A,_checked:{bg:A}},thumb:{bg:N,_checked:{bg:z}}},onContrast:{track:{bg:D,_checked:{bg:D}},thumb:{bg:j,_checked:{bg:L}}},indeterminate:{track:{bg:A,_checked:{bg:A}},thumb:{bg:N,left:"50%",transform:"translate(-50%, -50%)",transitionDuration:"slower",_checked:{bg:N,left:"50%",transform:"translate(-50%, -50%)",transitionDuration:"slower"}}},indeterminateOnContrast:{track:{bg:D,_checked:{bg:D}},thumb:{bg:j,left:"50%",transform:"translate(-50%, -50%)",transitionDuration:"slower",_checked:{bg:j,left:"50%",transform:"translate(-50%, -50%)",transitionDuration:"slower"}}}},sizes:{sm:{container:{[O.variable]:"12px",[S.variable]:"12px",[w.variable]:"24px",[E.variable]:"6px"}},md:{container:{[O.variable]:"16px",[S.variable]:"16px",[w.variable]:"32px",[E.variable]:"8px"}},lg:{container:{[O.variable]:"20px",[S.variable]:"20px",[w.variable]:"40px",[E.variable]:"10px"}}}},V={variants:g,sizes:{xs:{fontSize:"12px",lineHeight:"150%"},sm:{fontSize:"14px",lineHeight:"150%"},md:{fontSize:"16px",lineHeight:"150%"},lg:{fontSize:"18px",lineHeight:"150%"},xl:{fontSize:"20px",lineHeight:"150%"},"2xl":{fontSize:"24px",lineHeight:"150%"},"3xl":{fontSize:"30px",lineHeight:"150%"},"4xl":{fontSize:"36px",lineHeight:"150%"},"5xl":{fontSize:"48px",lineHeight:"150%"},"6xl":{fontSize:"60px",lineHeight:"150%"}}},I=Object.assign({},y),H=Object.assign({},y),M={baseStyle:{container:{backgroundColor:"background.mostSubtleContrast",color:"text.onContrast"}},sizes:{xs:{container:{height:"24px",width:"24px"},label:{fontSize:"10px",fontWeight:"bold",pt:"1px",lineHeight:"24px"}},sm:{container:{height:"32px",width:"32px"},label:{fontSize:"14px",lineHeight:"24px"}},md:{container:{height:"36px",width:"36px"},label:{fontSize:"16px",pt:"1px",lineHeight:"24px"}},lg:{container:{height:"40px",width:"40px"},label:{fontSize:"16px",pt:"1px",lineHeight:"24px"}},xl:{container:{height:"64px",width:"64px"},label:{fontSize:"24px",pt:"1px",lineHeight:"24px"}}},variants:{default:{container:{backgroundColor:"background.mostSubtleContrast",borderColor:"background.mostSubtleContrast"}},accent:{container:{backgroundColor:"text.accent",borderColor:"text.accent"}},contrast:{container:{backgroundColor:"background.moreSubtleContrast",borderColor:"background.moreSubtleContrast"}},outlineAccent:{container:{backgroundColor:"background.default",color:"text.accent",borderColor:"text.accent",overflow:"visible"}},outlineYellow:{container:{backgroundColor:"background.warning",borderColor:"border.warning",overflow:"visible",color:"iconDefault"}},dashed:{container:{backgroundColor:"background.default",borderColor:"transparent",overflow:"visible",color:"text.default",_after:{content:"''",position:"absolute",top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",border:"1px dashed",borderColor:"border.strong",borderRadius:"100%"}}}}},R={bg:"background.primary",borderColor:"border.subtle",color:"text.onContrast",_hover:{bg:"background.primary.hover",borderColor:"background.primary.hover"},_disabled:{bg:"background.primary",borderColor:"background.primary",color:"text.onContrast"}},q={bg:"background.primaryContrast",borderColor:"background.primaryContrast",color:"text.default",_hover:{bg:"background.primaryContrast.hover",borderColor:"background.primaryContrast.hover"},_disabled:{bg:"background.primaryContrast",borderColor:"background.primaryContrast",color:"text.default"}},P={baseStyle:{control:{border:"1px",borderRadius:"xs",borderColor:"border.subtle",_focus:{boxShadow:"none"},_disabled:{opacity:.6}}},variants:{default:{control:{bg:"background.default",color:"text.onContrast",_hover:{borderColor:"border.strong"},_checked:Object.assign({},R),_indeterminate:Object.assign({},R),_disabled:{bg:"background.lessSubtle",borderColor:"background.lessSubtle"},_invalid:{borderColor:"border.danger",_hover:{borderColor:"border.danger"}}},label:{color:"text.default",_disabled:{opacity:.6}}},onContrast:{label:{color:"text.onContrast"},control:{bg:"background.contrast",borderColor:"border.subtle",_hover:{borderColor:"border.strongContrast"},_checked:Object.assign({},q),_indeterminate:Object.assign({},q),_disabled:{bg:"background.moreSubtleContrast",borderColor:"background.moreSubtleContrast"},_invalid:{borderColor:"border.dangerContrast",_hover:{borderColor:"border.dangerContrast"}}}}},sizes:{sm:{control:{height:3,width:3},label:{fontSize:"sm",ml:2,mt:-1}},md:{control:{height:4,width:4},label:{fontSize:"md",ml:2,mt:-1}},lg:{control:{height:5,width:5},label:{fontSize:"lg",ml:3,mt:"-3px"}}}},$=Object.assign(Object.assign({},{baseStyle:{textDecoration:"underline"}}),V),W=t.extendTheme({styles:{global:Object.assign(Object.assign({},{"[id^=tooltip]":{padding:"4px 8px 4px 8px !important",borderRadius:"4px !important"}}),{"html, body":{color:"text.default"}})},blur:r.blur,borders:o.borders,colors:n.corePalette,radii:o.radii,shadows:a.shadows,sizes:r.sizes,fonts:r.fonts,fontSizes:r.fontSizes,fontWeights:r.fontWeights,lineHeights:r.lineHeights,space:s.space,transition:s.transition,zIndices:r.zIndices,semanticTokens:{colors:n.semanticColorTokens},config:{initialColorMode:"light",useSystemColorMode:!1},components:{Button:{baseStyle:{border:"1px solid transparent",color:"text.onContrast",svg:{color:"text.onContrast"}},variants:{primary:{bg:"background.primary",_hover:{bg:"background.primary.hover",_disabled:{bg:"background.primary"}},_active:{bg:"background.primary.pressed"}},primaryOnContrast:{bg:"background.primaryContrast",color:"text.default",svg:{color:"text.default"},_hover:{bg:"background.primaryContrast.hover",_disabled:{bg:"background.primaryContrast"}},_active:{bg:"background.primaryContrast.pressed"}},primaryDestructive:{bg:"background.destructive",borderColor:"transparent",_hover:{bg:"background.destructive.hover",_disabled:{bg:"background.destructive"}},_active:{bg:"background.destructive.pressed"}},primaryDestructiveOnContrast:{bg:"background.destructiveContrast",color:"text.default",svg:{color:"text.default"},_hover:{bg:"background.destructiveContrast.hover",_disabled:{bg:"background.destructiveContrast"}},_active:{bg:"background.destructiveContrast.pressed"}},secondary:{bg:"transparent",borderColor:"border.strong",color:"text.default",svg:{color:"text.default"},_hover:{bg:"background.alpha.hover",_disabled:{bg:"transparent"}},_active:{color:"text.interactive",svg:{color:"text.interactive"},borderColor:"border.focus",bg:"background.secondaryAlpha.pressed"}},secondaryOnContrast:{bg:"transparent",borderColor:"border.strongContrast",_hover:{bg:"background.alphaContrast.hover",_disabled:{bg:"transparent"}},_active:{bg:"background.secondaryAlphaContrast.pressed",borderColor:"border.focusContrast",color:"text.interactiveOnContrast",svg:{color:"text.interactiveOnContrast"}}},secondaryDestructive:{color:"text.danger",bg:"transparent",borderColor:"border.danger",svg:{color:"text.danger"},_hover:{bg:"background.alpha.hover",_disabled:{bg:"transparent"}},_active:{bg:"background.alpha.pressed"}},secondaryDestructiveOnContrast:{bg:"transparent",color:"text.dangerOnContrast",borderColor:"border.destructiveContrast",svg:{color:"text.dangerOnContrast"},_hover:{bg:"background.alphaContrast.hover",_disabled:{bg:"transparent"}},_active:{bg:"background.alphaContrast.pressed"}},secondarySubtle:{bg:"background.default",borderColor:"border.default",color:"text.default",svg:{color:"text.default"},_hover:{bg:"background.subtle",_disabled:{bg:"background.default"}},_active:{color:"text.interactive",svg:{color:"text.interactive"},borderColor:"border.focusContrast",bg:"background.secondaryAlpha"}},secondarySubtleOnContrast:{bg:"transparent",borderColor:"border.contrast",_hover:{bg:"background.alphaContrast.hover",_disabled:{bg:"transparent"}},_active:{color:"text.interactiveOnContrast",svg:{color:"text.interactiveOnContrast"},borderColor:"border.focusContrast",bg:"background.secondaryAlphaContrast"}},secondarySubtleDestructive:{bg:"background.default",color:"text.danger",borderColor:"border.default",svg:{color:"text.danger"},_hover:{bg:"background.subtle",_disabled:{bg:"background.default"}},_active:{bg:"background.lessSubtle"}},secondarySubtleDestructiveOnContrast:{bg:"background.contrast",color:"text.dangerOnContrast",borderColor:"border.contrast",svg:{color:"text.dangerOnContrast"},_hover:{bg:"background.subtleContrast",_disabled:{bg:"background.contrast"}},_active:{bg:"background.moreSubtleContrast"}},tertiary:{color:"text.default",bg:"background.alpha",svg:{color:"text.default"},_hover:{bg:"background.alpha.hover",_disabled:{bg:"background.alpha"}},_active:{color:"text.interactive",svg:{color:"text.interactive"},bg:"background.secondaryAlpha.pressed"}},tertiaryOnContrast:{bg:"background.alphaContrast",_hover:{bg:"background.alphaContrast.hover",_disabled:{bg:"background.alphaContrast"}},_active:{bg:"background.secondaryAlphaContrast.pressed",color:"text.interactiveOnContrast",svg:{color:"text.interactiveOnContrast"}}},tertiaryDestructive:{bg:"background.destructiveAlpha",color:"text.danger",svg:{color:"text.danger"},_hover:{bg:"background.destructiveAlpha.hover",_disabled:{bg:"background.destructiveAlpha"}},_active:{bg:"background.destructiveAlpha.pressed"}},tertiaryDestructiveOnContrast:{bg:"background.destructiveAlphaContrast",color:"text.dangerOnContrast",svg:{color:"text.dangerOnContrast"},_hover:{bg:"background.destructiveAlphaContrast.hover",_disabled:{bg:"background.destructiveAlphaContrast"}},_active:{bg:"background.destructiveAlphaContrast.pressed"}},ghost:{color:"text.interactive",bg:"transparent",svg:{color:"text.interactive"},_hover:{bg:"background.secondaryAlpha.hover",_disabled:{bg:"transparent"}},_active:{bg:"background.secondaryAlpha.pressed"}},ghostOnContrast:{color:"text.interactiveOnContrast",bg:"transparent",svg:{color:"text.interactiveOnContrast"},_hover:{bg:"background.secondaryAlphaContrast.hover",_disabled:{bg:"transparent"}},_active:{bg:"background.secondaryAlphaContrast.pressed"}},ghostNeutral:{bg:"transparent",color:"text.default",svg:{color:"text.default"},_hover:{bg:"background.alpha.hover",_disabled:{bg:"transparent"}},_active:{bg:"background.secondaryAlpha.pressed",color:"text.interactive",svg:{color:"text.interactive"}}},ghostNeutralOnContrast:{bg:"transparent",_hover:{bg:"background.alphaContrast.hover",_disabled:{bg:"transparent"}},_active:{bg:"background.secondaryAlphaContrast.pressed",color:"text.interactiveOnContrast",svg:{color:"text.interactiveOnContrast"}}},ghostDestructive:{bg:"transparent",color:"text.danger",svg:{color:"text.danger"},_hover:{bg:"background.destructiveAlpha.hover",_disabled:{bg:"transparent"}},_active:{bg:"background.destructiveAlpha.pressed"}},ghostDestructiveOnContrast:{bg:"transparent",color:"text.dangerOnContrast",svg:{color:"text.dangerOnContrast"},_hover:{bg:"background.destructiveAlphaContrast.hover",_disabled:{bg:"transparent"}},_active:{bg:"background.destructiveAlphaContrast.pressed"}}},sizes:{lg:{p:"10px 20px"},md:{p:"8px 16px"},sm:{p:"6px 12px"},xs:{p:"3px 8px"}}},Drawer:{variants:{alwaysOpen:{parts:["dialog, dialogContainer"],dialog:{pointerEvents:"auto"},dialogContainer:{pointerEvents:"none"}}}},Divider:{baseStyle:{borderColor:"divider.default"}},Heading:h,Select:_,Switch:T,Text:V,Textarea:I,Input:H,Tooltip:p,Avatar:M,Alert:{baseStyle:{container:{borderRadius:"md",width:"inherit",color:"text.default",py:2}},variants:{info:{container:{bg:"background.info"}},success:{container:{bg:"background.success"}},warning:{container:{bg:"background.warning"}},error:{container:{bg:"background.danger"}},default:{container:{bg:"background.default"}},infoToast:{container:{bg:"background.contrast",color:"text.onContrast"}},successToast:{container:{bg:"background.successContrast",color:"text.onContrast"}},warningToast:{container:{bg:"background.warningContrast",color:"text.onContrast"}},errorToast:{container:{bg:"background.dangerContrast",color:"text.onContrast"}},defaultToast:{container:{bg:"background.contrast",color:"text.onContrast"}}}},Menu:i.MenuConfig,Popover:{sizes:{xs:{content:{width:160}},sm:{content:{width:200}},md:{content:{width:260}},lg:{content:{width:320}},xl:{content:{width:480}}}},Tag:{baseStyle:{container:{borderRadius:"md"},label:{fontWeight:"semibold"},closeButton:{height:"20px",marginInline:0,marginLeft:1,opacity:.5,width:"20px",_hover:{opacity:.8},_active:{opacity:1},_focus:{backgroundColor:"transparent",boxShadow:0}}},sizes:{sm:{container:{height:"20px",px:"8px"},label:{fontSize:"xs"},closeButton:{fontSize:"sm"}},md:{container:{height:"24px",px:"8px"},label:{fontSize:"sm"},closeButton:{fontSize:"md"}},lg:{container:{height:"32px",px:"12px"},label:{fontSize:"md"},closeButton:{fontSize:"lg"}}},variants:{info:{container:{bg:"background.info"},label:{color:"text.info"}},success:{container:{bg:"background.success"},label:{color:"text.success"}},warning:{container:{bg:"background.warning"},label:{color:"text.warning"}},error:{container:{bg:"background.danger"},label:{color:"text.danger"}},default:{container:{bg:"background.lessSubtle"},label:{color:"text.default"}}}},Tabs:{baseStyle:{tab:{color:"text.subtle",fontWeight:"semibold",_disabled:{color:"text.default",borderColor:"border.default",_hover:{background:"transparent"}},_focus:{boxShadow:0}},tabpanel:{padding:0}},sizes:{xs:{tab:{py:2,px:2}},sm:{tab:{py:3,px:3}},md:{tab:{py:4,px:5}},lg:{tab:{py:5,px:6}}},variants:{line:{tablist:{borderBottom:"3px solid",borderColor:"border.default"},tab:{borderBottom:"3px solid",borderBottomColor:"border.default",marginBottom:"-3px",_selected:{color:"text.default",borderColor:"border.info"},_active:{background:"transparent"},_hover:{background:"background.alpha"}}}}},Radio:{baseStyle:{label:{marginInlineStart:2},control:{border:"1px",position:"relative",_checked:{_before:{position:"absolute",top:"50%",right:"50%",w:"40%",h:"40%",transform:"translate(50%, -50%)"}},_disabled:{opacity:.6},_focus:{boxShadow:"none"}}},variants:{default:{label:{color:"text.default",_disabled:{opacity:.6}},control:{background:"background.default",borderColor:"border.subtle",_hover:{borderColor:"border.strong",_disabled:{borderColor:"border.subtle"}},_checked:{background:"background.primary",borderColor:"border.focus",_hover:{background:"background.primary.hover",borderColor:"background.primary.hover"},_disabled:{background:"background.primary",borderColor:"border.focus",color:"text.onContrast",_hover:{background:"background.primary",borderColor:"border.focus"}}},_disabled:{background:"background.lessSubtle",borderColor:"background.lessSubtle"},_invalid:{_hover:{borderColor:"border.danger"},_checked:{borderColor:"border.focus"},_disabled:{borderColor:"border.subtle"}}}},onContrast:{label:{color:"text.onContrast"},control:{background:"background.contrast",borderColor:"border.subtle",_hover:{borderColor:"border.strongContrast",_disabled:{borderColor:"background.lessSubtle"}},_checked:{background:"background.primaryContrast",borderColor:"border.focusContrast",_before:{bg:"background.contrast"},_hover:{background:"background.primaryContrast.hover",borderColor:"background.primaryContrast.hover"},_disabled:{background:"background.primaryContrast",borderColor:"border.focusContrast",color:"text.onContrast",_hover:{background:"background.primaryContrast",borderColor:"border.focusContrast"}}},_disabled:{background:"background.moreSubtle",borderColor:"background.moreSubtle"},_invalid:{borderColor:"border.dangerContrast",_hover:{borderColor:"border.dangerContrast"},_checked:{borderColor:"border.focusContrast"},_disabled:{borderColor:"border.moreSubtle"}}}}},sizes:{sm:{label:{fontSize:"sm"},control:{height:3,width:3,mt:1}},md:{label:{fontSize:"md"},control:{height:4,width:4,mt:1}},lg:{label:{fontSize:"lg",marginLeft:3},control:{height:5,width:5,mt:"3px"}}}},Checkbox:P,Link:$}});s.commonjsGlobal,function(){function e(e){var t=!0,r=!1,o=null,n={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function a(e){return!!(e&&e!==document&&"HTML"!==e.nodeName&&"BODY"!==e.nodeName&&"classList"in e&&"contains"in e.classList)}function s(e){var t=e.type,r=e.tagName;return!("INPUT"!==r||!n[t]||e.readOnly)||"TEXTAREA"===r&&!e.readOnly||!!e.isContentEditable}function i(e){e.classList.contains("focus-visible")||(e.classList.add("focus-visible"),e.setAttribute("data-focus-visible-added",""))}function c(e){e.hasAttribute("data-focus-visible-added")&&(e.classList.remove("focus-visible"),e.removeAttribute("data-focus-visible-added"))}function l(r){r.metaKey||r.altKey||r.ctrlKey||(a(e.activeElement)&&i(e.activeElement),t=!0)}function d(e){t=!1}function u(e){a(e.target)&&(t||s(e.target))&&i(e.target)}function b(e){a(e.target)&&(e.target.classList.contains("focus-visible")||e.target.hasAttribute("data-focus-visible-added"))&&(r=!0,window.clearTimeout(o),o=window.setTimeout((function(){r=!1}),100),c(e.target))}function p(e){"hidden"===document.visibilityState&&(r&&(t=!0),g())}function g(){document.addEventListener("mousemove",f),document.addEventListener("mousedown",f),document.addEventListener("mouseup",f),document.addEventListener("pointermove",f),document.addEventListener("pointerdown",f),document.addEventListener("pointerup",f),document.addEventListener("touchmove",f),document.addEventListener("touchstart",f),document.addEventListener("touchend",f)}function h(){document.removeEventListener("mousemove",f),document.removeEventListener("mousedown",f),document.removeEventListener("mouseup",f),document.removeEventListener("pointermove",f),document.removeEventListener("pointerdown",f),document.removeEventListener("pointerup",f),document.removeEventListener("touchmove",f),document.removeEventListener("touchstart",f),document.removeEventListener("touchend",f)}function f(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(t=!1,h())}document.addEventListener("keydown",l,!0),document.addEventListener("mousedown",d,!0),document.addEventListener("pointerdown",d,!0),document.addEventListener("touchstart",d,!0),document.addEventListener("visibilitychange",p,!0),g(),e.addEventListener("focus",u,!0),e.addEventListener("blur",b,!0),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host?e.host.setAttribute("data-js-focus-visible",""):e.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""))}if("undefined"!=typeof window&&"undefined"!=typeof document){var t;window.applyFocusVisiblePolyfill=e;try{t=new CustomEvent("focus-visible-polyfill-ready")}catch(e){(t=document.createEvent("CustomEvent")).initCustomEvent("focus-visible-polyfill-ready",!1,!1,{})}window.dispatchEvent(t)}"undefined"!=typeof document&&e(document)}();var U=function(){function e(e){this.isSpeedy=void 0===e.speedy?"production"===process.env.NODE_ENV:e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.before=null}var t=e.prototype;return t.insert=function(e){if(this.ctr%(this.isSpeedy?65e3:1)==0){var t,r=function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t}(this);t=0===this.tags.length?this.before:this.tags[this.tags.length-1].nextSibling,this.container.insertBefore(r,t),this.tags.push(r)}var o=this.tags[this.tags.length-1];if(this.isSpeedy){var n=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(o);try{var a=105===e.charCodeAt(1)&&64===e.charCodeAt(0);n.insertRule(e,a?0:n.cssRules.length)}catch(t){"production"!==process.env.NODE_ENV&&console.warn('There was a problem inserting the following rule: "'+e+'"',t)}}else o.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach((function(e){return e.parentNode.removeChild(e)})),this.tags=[],this.ctr=0},e}();function Y(e){function t(e,o,c,l,b){for(var p,g,h,f,C,y=0,_=0,w=0,E=0,O=0,j=0,T=h=p=0,I=0,H=0,M=0,R=0,q=c.length,P=q-1,$="",W="",U="",Y="";I<q;){if(g=c.charCodeAt(I),I===P&&0!==_+E+w+y&&(0!==_&&(g=47===_?10:47),E=w=y=0,q++,P++),0===_+E+w+y){if(I===P&&(0<H&&($=$.replace(u,"")),0<$.trim().length)){switch(g){case 32:case 9:case 59:case 13:case 10:break;default:$+=c.charAt(I)}g=59}switch(g){case 123:for(p=($=$.trim()).charCodeAt(0),h=1,R=++I;I<q;){switch(g=c.charCodeAt(I)){case 123:h++;break;case 125:h--;break;case 47:switch(g=c.charCodeAt(I+1)){case 42:case 47:e:{for(T=I+1;T<P;++T)switch(c.charCodeAt(T)){case 47:if(42===g&&42===c.charCodeAt(T-1)&&I+2!==T){I=T+1;break e}break;case 10:if(47===g){I=T+1;break e}}I=T}}break;case 91:g++;case 40:g++;case 34:case 39:for(;I++<P&&c.charCodeAt(I)!==g;);}if(0===h)break;I++}if(h=c.substring(R,I),0===p&&(p=($=$.replace(d,"").trim()).charCodeAt(0)),64===p){switch(0<H&&($=$.replace(u,"")),g=$.charCodeAt(1)){case 100:case 109:case 115:case 45:H=o;break;default:H=D}if(R=(h=t(o,H,h,g,b+1)).length,0<L&&(C=i(3,h,H=r(D,$,M),o,A,S,R,g,b,l),$=H.join(""),void 0!==C&&0===(R=(h=C.trim()).length)&&(g=0,h="")),0<R)switch(g){case 115:$=$.replace(k,s);case 100:case 109:case 45:h=$+"{"+h+"}";break;case 107:h=($=$.replace(v,"$1 $2"))+"{"+h+"}",h=1===z||2===z&&a("@"+h,3)?"@-webkit-"+h+"@"+h:"@"+h;break;default:h=$+h,112===l&&(W+=h,h="")}else h=""}else h=t(o,r(o,$,M),h,l,b+1);U+=h,h=M=H=T=p=0,$="",g=c.charCodeAt(++I);break;case 125:case 59:if(1<(R=($=(0<H?$.replace(u,""):$).trim()).length))switch(0===T&&(p=$.charCodeAt(0),45===p||96<p&&123>p)&&(R=($=$.replace(" ",":")).length),0<L&&void 0!==(C=i(1,$,o,e,A,S,W.length,l,b,l))&&0===(R=($=C.trim()).length)&&($="\0\0"),p=$.charCodeAt(0),g=$.charCodeAt(1),p){case 0:break;case 64:if(105===g||99===g){Y+=$+c.charAt(I);break}default:58!==$.charCodeAt(R-1)&&(W+=n($,p,g,$.charCodeAt(2)))}M=H=T=p=0,$="",g=c.charCodeAt(++I)}}switch(g){case 13:case 10:47===_?_=0:0===1+p&&107!==l&&0<$.length&&(H=1,$+="\0"),0<L*V&&i(0,$,o,e,A,S,W.length,l,b,l),S=1,A++;break;case 59:case 125:if(0===_+E+w+y){S++;break}default:switch(S++,f=c.charAt(I),g){case 9:case 32:if(0===E+y+_)switch(O){case 44:case 58:case 9:case 32:f="";break;default:32!==g&&(f=" ")}break;case 0:f="\\0";break;case 12:f="\\f";break;case 11:f="\\v";break;case 38:0===E+_+y&&(H=M=1,f="\f"+f);break;case 108:if(0===E+_+y+N&&0<T)switch(I-T){case 2:112===O&&58===c.charCodeAt(I-3)&&(N=O);case 8:111===j&&(N=j)}break;case 58:0===E+_+y&&(T=I);break;case 44:0===_+w+E+y&&(H=1,f+="\r");break;case 34:case 39:0===_&&(E=E===g?0:0===E?g:E);break;case 91:0===E+_+w&&y++;break;case 93:0===E+_+w&&y--;break;case 41:0===E+_+y&&w--;break;case 40:if(0===E+_+y){if(0===p)if(2*O+3*j==533);else p=1;w++}break;case 64:0===_+w+E+y+T+h&&(h=1);break;case 42:case 47:if(!(0<E+y+w))switch(_){case 0:switch(2*g+3*c.charCodeAt(I+1)){case 235:_=47;break;case 220:R=I,_=42}break;case 42:47===g&&42===O&&R+2!==I&&(33===c.charCodeAt(R+2)&&(W+=c.substring(R,I+1)),f="",_=0)}}0===_&&($+=f)}j=O,O=g,I++}if(0<(R=W.length)){if(H=o,0<L&&(void 0!==(C=i(2,W,H,e,A,S,R,l,b,l))&&0===(W=C).length))return Y+W+U;if(W=H.join(",")+"{"+W+"}",0!=z*N){switch(2!==z||a(W,2)||(N=0),N){case 111:W=W.replace(x,":-moz-$1")+W;break;case 112:W=W.replace(m,"::-webkit-input-$1")+W.replace(m,"::-moz-$1")+W.replace(m,":-ms-input-$1")+W}N=0}}return Y+W+U}function r(e,t,r){var n=t.trim().split(h);t=n;var a=n.length,s=e.length;switch(s){case 0:case 1:var i=0;for(e=0===s?"":e[0]+" ";i<a;++i)t[i]=o(e,t[i],r).trim();break;default:var c=i=0;for(t=[];i<a;++i)for(var l=0;l<s;++l)t[c++]=o(e[l]+" ",n[i],r).trim()}return t}function o(e,t,r){var o=t.charCodeAt(0);switch(33>o&&(o=(t=t.trim()).charCodeAt(0)),o){case 38:return t.replace(f,"$1"+e.trim());case 58:return e.trim()+t.replace(f,"$1"+e.trim());default:if(0<1*r&&0<t.indexOf("\f"))return t.replace(f,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function n(e,t,r,o){var s=e+";",i=2*t+3*r+4*o;if(944===i){e=s.indexOf(":",9)+1;var c=s.substring(e,s.length-1).trim();return c=s.substring(0,e).trim()+c+";",1===z||2===z&&a(c,1)?"-webkit-"+c+c:c}if(0===z||2===z&&!a(s,1))return s;switch(i){case 1015:return 97===s.charCodeAt(10)?"-webkit-"+s+s:s;case 951:return 116===s.charCodeAt(3)?"-webkit-"+s+s:s;case 963:return 110===s.charCodeAt(5)?"-webkit-"+s+s:s;case 1009:if(100!==s.charCodeAt(4))break;case 969:case 942:return"-webkit-"+s+s;case 978:return"-webkit-"+s+"-moz-"+s+s;case 1019:case 983:return"-webkit-"+s+"-moz-"+s+"-ms-"+s+s;case 883:if(45===s.charCodeAt(8))return"-webkit-"+s+s;if(0<s.indexOf("image-set(",11))return s.replace(O,"$1-webkit-$2")+s;break;case 932:if(45===s.charCodeAt(4))switch(s.charCodeAt(5)){case 103:return"-webkit-box-"+s.replace("-grow","")+"-webkit-"+s+"-ms-"+s.replace("grow","positive")+s;case 115:return"-webkit-"+s+"-ms-"+s.replace("shrink","negative")+s;case 98:return"-webkit-"+s+"-ms-"+s.replace("basis","preferred-size")+s}return"-webkit-"+s+"-ms-"+s+s;case 964:return"-webkit-"+s+"-ms-flex-"+s+s;case 1023:if(99!==s.charCodeAt(8))break;return"-webkit-box-pack"+(c=s.substring(s.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+s+"-ms-flex-pack"+c+s;case 1005:return p.test(s)?s.replace(b,":-webkit-")+s.replace(b,":-moz-")+s:s;case 1e3:switch(t=(c=s.substring(13).trim()).indexOf("-")+1,c.charCodeAt(0)+c.charCodeAt(t)){case 226:c=s.replace(C,"tb");break;case 232:c=s.replace(C,"tb-rl");break;case 220:c=s.replace(C,"lr");break;default:return s}return"-webkit-"+s+"-ms-"+c+s;case 1017:if(-1===s.indexOf("sticky",9))break;case 975:switch(t=(s=e).length-10,i=(c=(33===s.charCodeAt(t)?s.substring(0,t):s).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|c.charCodeAt(7))){case 203:if(111>c.charCodeAt(8))break;case 115:s=s.replace(c,"-webkit-"+c)+";"+s;break;case 207:case 102:s=s.replace(c,"-webkit-"+(102<i?"inline-":"")+"box")+";"+s.replace(c,"-webkit-"+c)+";"+s.replace(c,"-ms-"+c+"box")+";"+s}return s+";";case 938:if(45===s.charCodeAt(5))switch(s.charCodeAt(6)){case 105:return c=s.replace("-items",""),"-webkit-"+s+"-webkit-box-"+c+"-ms-flex-"+c+s;case 115:return"-webkit-"+s+"-ms-flex-item-"+s.replace(_,"")+s;default:return"-webkit-"+s+"-ms-flex-line-pack"+s.replace("align-content","").replace(_,"")+s}break;case 973:case 989:if(45!==s.charCodeAt(3)||122===s.charCodeAt(4))break;case 931:case 953:if(!0===E.test(e))return 115===(c=e.substring(e.indexOf(":")+1)).charCodeAt(0)?n(e.replace("stretch","fill-available"),t,r,o).replace(":fill-available",":stretch"):s.replace(c,"-webkit-"+c)+s.replace(c,"-moz-"+c.replace("fill-",""))+s;break;case 962:if(s="-webkit-"+s+(102===s.charCodeAt(5)?"-ms-"+s:"")+s,211===r+o&&105===s.charCodeAt(13)&&0<s.indexOf("transform",10))return s.substring(0,s.indexOf(";",27)+1).replace(g,"$1-webkit-$2")+s}return s}function a(e,t){var r=e.indexOf(1===t?":":"{"),o=e.substring(0,3!==t?r:10);return r=e.substring(r+1,e.length-1),T(2!==t?o:o.replace(w,"$1"),r,t)}function s(e,t){var r=n(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(y," or ($1)").substring(4):"("+t+")"}function i(e,t,r,o,n,a,s,i,c,d){for(var u,b=0,p=t;b<L;++b)switch(u=j[b].call(l,e,p,r,o,n,a,s,i,c,d)){case void 0:case!1:case!0:case null:break;default:p=u}if(p!==t)return p}function c(e){return void 0!==(e=e.prefix)&&(T=null,e?"function"!=typeof e?z=1:(z=2,T=e):z=0),c}function l(e,r){var o=e;if(33>o.charCodeAt(0)&&(o=o.trim()),o=[o],0<L){var n=i(-1,r,o,o,A,S,0,0,0,0);void 0!==n&&"string"==typeof n&&(r=n)}var a=t(D,o,r,0,0);return 0<L&&(void 0!==(n=i(-2,a,o,o,A,S,a.length,0,0,0))&&(a=n)),"",N=0,S=A=1,a}var d=/^\0+/g,u=/[\0\r\f]/g,b=/: */g,p=/zoo|gra/,g=/([,: ])(transform)/g,h=/,\r+?/g,f=/([\t\r\n ])*\f?&/g,v=/@(k\w+)\s*(\S*)\s*/,m=/::(place)/g,x=/:(read-only)/g,C=/[svh]\w+-[tblr]{2}/,k=/\(\s*(.*)\s*\)/g,y=/([\s\S]*?);/g,_=/-self|flex-/g,w=/[^]*?(:[rp][el]a[\w-]+)[^]*/,E=/stretch|:\s*\w+\-(?:conte|avail)/,O=/([^-])(image-set\()/,S=1,A=1,N=0,z=1,D=[],j=[],L=0,T=null,V=0;return l.use=function e(t){switch(t){case void 0:case null:L=j.length=0;break;default:if("function"==typeof t)j[L++]=t;else if("object"==typeof t)for(var r=0,o=t.length;r<o;++r)e(t[r]);else V=0|!!t}return e},l.set=c,void 0!==e&&c(e),l}var B=function(e){var t=new WeakMap;return function(r){if(t.has(r))return t.get(r);var o=e(r);return t.set(r,o),o}};function G(e){e&&F.current.insert(e+"}")}var F={current:null},J=function(e,t,r,o,n,a,s,i,c,l){switch(e){case 1:switch(t.charCodeAt(0)){case 64:return F.current.insert(t+";"),"";case 108:if(98===t.charCodeAt(2))return""}break;case 2:if(0===i)return t+"/*|*/";break;case 3:switch(i){case 102:case 112:return F.current.insert(r[0]+t),"";default:return t+(0===l?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(G)}},K=function(e,t){if(1===e&&108===t.charCodeAt(0)&&98===t.charCodeAt(2))return""},Z="undefined"!=typeof document,X={},Q=Z?void 0:B((function(){var e=B((function(){return{}})),t={},r={};return function(o){return void 0===o||!0===o?t:!1===o?r:e(o)}})),ee=function(e){void 0===e&&(e={});var t,r=e.key||"css";void 0!==e.prefix&&(t={prefix:e.prefix});var o=new Y(t);if("production"!==process.env.NODE_ENV&&/[^a-z-]/.test(r))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+r+'" was passed');var n,a,s={};if(Z){n=e.container||document.head;var i=document.querySelectorAll("style[data-emotion-"+r+"]");Array.prototype.forEach.call(i,(function(e){e.getAttribute("data-emotion-"+r).split(" ").forEach((function(e){s[e]=!0})),e.parentNode!==n&&n.appendChild(e)}))}if(Z)o.use(e.stylisPlugins)(J),a=function(e,t,r,n){var a=t.name;if(F.current=r,"production"!==process.env.NODE_ENV&&void 0!==t.map){var s=t.map;F.current={insert:function(e){r.insert(e+s)}}}o(e,t.styles),n&&(u.inserted[a]=!0)};else{o.use(K);var c=X;(e.stylisPlugins||void 0!==e.prefix)&&(o.use(e.stylisPlugins),c=Q(e.stylisPlugins||X)(e.prefix));a=function(e,t,r,n){var a=t.name,s=function(e,t){var r=t.name;return void 0===c[r]&&(c[r]=o(e,t.styles)),c[r]}(e,t);return void 0===u.compat?(n&&(u.inserted[a]=!0),"development"===process.env.NODE_ENV&&void 0!==t.map?s+t.map:s):n?void(u.inserted[a]=s):s}}if("production"!==process.env.NODE_ENV){var l=/\/\*/g,d=/\*\//g;o.use((function(e,t){if(-1===e){for(;l.test(t);){if(d.lastIndex=l.lastIndex,!d.test(t))throw new Error('Your styles have an unterminated comment ("/*" without corresponding "*/").');l.lastIndex=d.lastIndex}l.lastIndex=0}})),o.use((function(e,t,r){if(-1===e){var o=t.match(/(:first|:nth|:nth-last)-child/g);o&&!0!==u.compat&&o.forEach((function(e){var r=new RegExp(e+".*\\/\\* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason \\*\\/").test(t);e&&!r&&console.error('The pseudo class "'+e+'" is potentially unsafe when doing server-side rendering. Try changing it to "'+e.split("-child")[0]+'-of-type".')}))}}))}var u={key:r,sheet:new U({key:r,container:n,nonce:e.nonce,speedy:e.speedy}),nonce:e.nonce,inserted:s,registered:{},insert:a};return u},te="undefined"!=typeof document;function re(e,t,r){var o="";return r.split(" ").forEach((function(r){void 0!==e[r]?t.push(e[r]):o+=r+" "})),o}var oe=function(e,t,r){var o=e.key+"-"+t.name;if((!1===r||!1===te&&void 0!==e.compat)&&void 0===e.registered[o]&&(e.registered[o]=t.styles),void 0===e.inserted[t.name]){var n="",a=t;do{var s=e.insert("."+o,a,e.sheet,!0);te||void 0===s||(n+=s),a=a.next}while(void 0!==a);if(!te&&0!==n.length)return n}};function ne(e){for(var t,r=0,o=0,n=e.length;n>=4;++o,n-=4)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(n){case 3:r^=(255&e.charCodeAt(o+2))<<16;case 2:r^=(255&e.charCodeAt(o+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(o)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}var ae={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var se,ie,ce="You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences",le="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",de=/[A-Z]|^ms/g,ue=/_EMO_([^_]+?)_([^]*?)_EMO_/g,be=function(e){return 45===e.charCodeAt(1)},pe=function(e){return null!=e&&"boolean"!=typeof e},ge=(se=function(e){return be(e)?e:e.replace(de,"-$&").toLowerCase()},ie={},function(e){return void 0===ie[e]&&(ie[e]=se(e)),ie[e]}),he=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(ue,(function(e,t,r){return Ee={name:t,styles:r,next:Ee},t}))}return 1===ae[e]||be(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var fe=/(attr|calc|counters?|url)\(/,ve=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],me=he,xe=/^-ms-/,Ce=/-(.)/g,ke={};he=function(e,t){"content"===e&&("string"!=typeof t||-1===ve.indexOf(t)&&!fe.test(t)&&(t.charAt(0)!==t.charAt(t.length-1)||'"'!==t.charAt(0)&&"'"!==t.charAt(0)))&&console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+t+"\"'`");var r=me(e,t);return""===r||be(e)||-1===e.indexOf("-")||void 0!==ke[e]||(ke[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(xe,"ms-").replace(Ce,(function(e,t){return t.toUpperCase()}))+"?")),r}}var ye=!0;function _e(e,t,r,o){if(null==r)return"";if(void 0!==r.__emotion_styles){if("production"!==process.env.NODE_ENV&&"NO_COMPONENT_SELECTOR"===r.toString())throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");return r}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return Ee={name:r.name,styles:r.styles,next:Ee},r.name;if(void 0!==r.styles){var n=r.next;if(void 0!==n)for(;void 0!==n;)Ee={name:n.name,styles:n.styles,next:Ee},n=n.next;var a=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(a+=r.map),a}return function(e,t,r){var o="";if(Array.isArray(r))for(var n=0;n<r.length;n++)o+=_e(e,t,r[n],!1);else for(var a in r){var s=r[a];if("object"!=typeof s)null!=t&&void 0!==t[s]?o+=a+"{"+t[s]+"}":pe(s)&&(o+=ge(a)+":"+he(a,s)+";");else{if("NO_COMPONENT_SELECTOR"===a&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");if(!Array.isArray(s)||"string"!=typeof s[0]||null!=t&&void 0!==t[s[0]]){var i=_e(e,t,s,!1);switch(a){case"animation":case"animationName":o+=ge(a)+":"+i+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===a&&console.error(le),o+=a+"{"+i+"}"}}else for(var c=0;c<s.length;c++)pe(s[c])&&(o+=ge(a)+":"+he(a,s[c])+";")}}return o}(e,t,r);case"function":if(void 0!==e){var s=Ee,i=r(e);return Ee=s,_e(e,t,i,o)}"production"!==process.env.NODE_ENV&&console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");break;case"string":if("production"!==process.env.NODE_ENV){var c=[],l=r.replace(ue,(function(e,t,r){var o="animation"+c.length;return c.push("const "+o+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+o+"}"}));c.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(c,["`"+l+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+l+"`")}}if(null==t)return r;var d=t[r];return"production"!==process.env.NODE_ENV&&o&&ye&&void 0!==d&&(console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"),ye=!1),void 0===d||o?r:d}var we,Ee,Oe=/label:\s*([^\s;\n{]+)\s*;/g;"production"!==process.env.NODE_ENV&&(we=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var Se=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,n="";Ee=void 0;var a,s=e[0];null==s||void 0===s.raw?(o=!1,n+=_e(r,t,s,!1)):("production"!==process.env.NODE_ENV&&void 0===s[0]&&console.error(ce),n+=s[0]);for(var i=1;i<e.length;i++)n+=_e(r,t,e[i],46===n.charCodeAt(n.length-1)),o&&("production"!==process.env.NODE_ENV&&void 0===s[i]&&console.error(ce),n+=s[i]);"production"!==process.env.NODE_ENV&&(n=n.replace(we,(function(e){return a=e,""}))),Oe.lastIndex=0;for(var c,l="";null!==(c=Oe.exec(n));)l+="-"+c[1];var d=ne(n)+l;return"production"!==process.env.NODE_ENV?{name:d,styles:n,map:a,next:Ee,toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}:{name:d,styles:n,next:Ee}},Ae="undefined"!=typeof document,Ne=Object.prototype.hasOwnProperty,ze=e.createContext("undefined"!=typeof HTMLElement?ee():null),De=e.createContext({});ze.Provider;var je=function(t){var r=function(r,o){return e.createElement(ze.Consumer,null,(function(e){return t(r,e,o)}))};return e.forwardRef(r)};if(!Ae){var Le=function(t){function r(e,r,o){var n;return(n=t.call(this,e,r,o)||this).state={value:ee()},n}return c._inheritsLoose(r,t),r.prototype.render=function(){return e.createElement(ze.Provider,this.state,this.props.children(this.state.value))},r}(e.Component);je=function(t){return function(r){return e.createElement(ze.Consumer,null,(function(o){return null===o?e.createElement(Le,null,(function(e){return t(r,e)})):t(r,o)}))}}}var Te=function(){return null},Ve=function(t,r,o,n){var a=null===o?r.css:r.css(o);"string"==typeof a&&void 0!==t.registered[a]&&(a=t.registered[a]);var s=r.__EMOTION_TYPE_PLEASE_DO_NOT_USE__,i=[a],c="";"string"==typeof r.className?c=re(t.registered,i,r.className):null!=r.className&&(c=r.className+" ");var l=Se(i);if("production"!==process.env.NODE_ENV&&-1===l.name.indexOf("-")){var d=r.__EMOTION_LABEL_PLEASE_DO_NOT_USE__;d&&(l=Se([l,"label:"+d+";"]))}var u=oe(t,l,"string"==typeof s);c+=t.key+"-"+l.name;var b={};for(var p in r)!Ne.call(r,p)||"css"===p||"__EMOTION_TYPE_PLEASE_DO_NOT_USE__"===p||"production"!==process.env.NODE_ENV&&"__EMOTION_LABEL_PLEASE_DO_NOT_USE__"===p||(b[p]=r[p]);b.ref=n,b.className=c;var g=e.createElement(s,b),h=e.createElement(Te,null);if(!Ae&&void 0!==u){for(var f,v=l.name,m=l.next;void 0!==m;)v+=" "+m.name,m=m.next;h=e.createElement("style",((f={})["data-emotion-"+t.key]=v,f.dangerouslySetInnerHTML={__html:u},f.nonce=t.sheet.nonce,f))}return e.createElement(e.Fragment,null,h,g)},Ie=je((function(t,r,o){return"function"==typeof t.css?e.createElement(De.Consumer,null,(function(e){return Ve(r,t,e,o)})):Ve(r,t,null,o)}));"production"!==process.env.NODE_ENV&&(Ie.displayName="EmotionCssPropInternal");var He="You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences",Me="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",Re=/[A-Z]|^ms/g,qe=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Pe=function(e){return 45===e.charCodeAt(1)},$e=function(e){return null!=e&&"boolean"!=typeof e},We=function(e){var t={};return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}((function(e){return Pe(e)?e:e.replace(Re,"-$&").toLowerCase()})),Ue=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(qe,(function(e,t,r){return et={name:t,styles:r,next:et},t}))}return 1===ae[e]||Pe(e)||"number"!=typeof t||0===t?t:t+"px"};if("production"!==process.env.NODE_ENV){var Ye=/(attr|calc|counters?|url)\(/,Be=["normal","none","counter","open-quote","close-quote","no-open-quote","no-close-quote","initial","inherit","unset"],Ge=Ue,Fe=/^-ms-/,Je=/-(.)/g,Ke={};Ue=function(e,t){"content"===e&&("string"!=typeof t||-1===Be.indexOf(t)&&!Ye.test(t)&&(t.charAt(0)!==t.charAt(t.length-1)||'"'!==t.charAt(0)&&"'"!==t.charAt(0)))&&console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+t+"\"'`");var r=Ge(e,t);return""===r||Pe(e)||-1===e.indexOf("-")||void 0!==Ke[e]||(Ke[e]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+e.replace(Fe,"ms-").replace(Je,(function(e,t){return t.toUpperCase()}))+"?")),r}}var Ze=!0;function Xe(e,t,r,o){if(null==r)return"";if(void 0!==r.__emotion_styles){if("production"!==process.env.NODE_ENV&&"NO_COMPONENT_SELECTOR"===r.toString())throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");return r}switch(typeof r){case"boolean":return"";case"object":if(1===r.anim)return et={name:r.name,styles:r.styles,next:et},r.name;if(void 0!==r.styles){var n=r.next;if(void 0!==n)for(;void 0!==n;)et={name:n.name,styles:n.styles,next:et},n=n.next;var a=r.styles+";";return"production"!==process.env.NODE_ENV&&void 0!==r.map&&(a+=r.map),a}return function(e,t,r){var o="";if(Array.isArray(r))for(var n=0;n<r.length;n++)o+=Xe(e,t,r[n],!1);else for(var a in r){var s=r[a];if("object"!=typeof s)null!=t&&void 0!==t[s]?o+=a+"{"+t[s]+"}":$e(s)&&(o+=We(a)+":"+Ue(a,s)+";");else{if("NO_COMPONENT_SELECTOR"===a&&"production"!==process.env.NODE_ENV)throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");if(!Array.isArray(s)||"string"!=typeof s[0]||null!=t&&void 0!==t[s[0]]){var i=Xe(e,t,s,!1);switch(a){case"animation":case"animationName":o+=We(a)+":"+i+";";break;default:"production"!==process.env.NODE_ENV&&"undefined"===a&&console.error(Me),o+=a+"{"+i+"}"}}else for(var c=0;c<s.length;c++)$e(s[c])&&(o+=We(a)+":"+Ue(a,s[c])+";")}}return o}(e,t,r);case"function":if(void 0!==e){var s=et,i=r(e);return et=s,Xe(e,t,i,o)}"production"!==process.env.NODE_ENV&&console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");break;case"string":if("production"!==process.env.NODE_ENV){var c=[],l=r.replace(qe,(function(e,t,r){var o="animation"+c.length;return c.push("const "+o+" = keyframes`"+r.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+o+"}"}));c.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[].concat(c,["`"+l+"`"]).join("\n")+"\n\nYou should wrap it with `css` like this:\n\ncss`"+l+"`")}}if(null==t)return r;var d=t[r];return"production"!==process.env.NODE_ENV&&o&&Ze&&void 0!==d&&(console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"),Ze=!1),void 0===d||o?r:d}var Qe,et,tt=/label:\s*([^\s;\n{]+)\s*;/g;"production"!==process.env.NODE_ENV&&(Qe=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);var rt=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var o=!0,n="";et=void 0;var a,s=e[0];null==s||void 0===s.raw?(o=!1,n+=Xe(r,t,s,!1)):("production"!==process.env.NODE_ENV&&void 0===s[0]&&console.error(He),n+=s[0]);for(var i=1;i<e.length;i++)n+=Xe(r,t,e[i],46===n.charCodeAt(n.length-1)),o&&("production"!==process.env.NODE_ENV&&void 0===s[i]&&console.error(He),n+=s[i]);"production"!==process.env.NODE_ENV&&(n=n.replace(Qe,(function(e){return a=e,""}))),tt.lastIndex=0;for(var c,l="";null!==(c=tt.exec(n));)l+="-"+c[1];var d=ne(n)+l;return"production"!==process.env.NODE_ENV?{name:d,styles:n,map:a,next:et,toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}:{name:d,styles:n,next:et}};var ot=!1,nt=je((function(t,r){"production"===process.env.NODE_ENV||ot||!t.className&&!t.css||(console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"),ot=!0);var o=t.styles;if("function"==typeof o)return e.createElement(De.Consumer,null,(function(t){var n=Se([o(t)]);return e.createElement(at,{serialized:n,cache:r})}));var n=Se([o]);return e.createElement(at,{serialized:n,cache:r})})),at=function(t){function r(e,r,o){return t.call(this,e,r,o)||this}c._inheritsLoose(r,t);var o=r.prototype;return o.componentDidMount=function(){this.sheet=new U({key:this.props.cache.key+"-global",nonce:this.props.cache.sheet.nonce,container:this.props.cache.sheet.container});var e=document.querySelector("style[data-emotion-"+this.props.cache.key+'="'+this.props.serialized.name+'"]');null!==e&&this.sheet.tags.push(e),this.props.cache.sheet.tags.length&&(this.sheet.before=this.props.cache.sheet.tags[0]),this.insertStyles()},o.componentDidUpdate=function(e){e.serialized.name!==this.props.serialized.name&&this.insertStyles()},o.insertStyles=function(){if(void 0!==this.props.serialized.next&&oe(this.props.cache,this.props.serialized.next,!0),this.sheet.tags.length){var e=this.sheet.tags[this.sheet.tags.length-1].nextElementSibling;this.sheet.before=e,this.sheet.flush()}this.props.cache.insert("",this.props.serialized,this.sheet,!1)},o.componentWillUnmount=function(){this.sheet.flush()},o.render=function(){if(!Ae){for(var t=this.props.serialized,r=t.name,o=t.styles,n=t.next;void 0!==n;)r+=" "+n.name,o+=n.styles,n=n.next;var a,s=!0===this.props.cache.compat,i=this.props.cache.insert("",{name:r,styles:o},this.sheet,s);if(!s)return e.createElement("style",((a={})["data-emotion-"+this.props.cache.key]=r,a.dangerouslySetInnerHTML={__html:i},a.nonce=this.props.cache.sheet.nonce,a))}return null},r}(e.Component),st=function e(t){for(var r=t.length,o=0,n="";o<r;o++){var a=t[o];if(null!=a){var s=void 0;switch(typeof a){case"boolean":break;case"object":if(Array.isArray(a))s=e(a);else for(var i in s="",a)a[i]&&i&&(s&&(s+=" "),s+=i);break;default:s=a}s&&(n&&(n+=" "),n+=s)}}return n};function it(e,t,r){var o=[],n=re(e,o,r);return o.length<2?r:n+t(o)}var ct=function(){return null};je((function(t,r){return e.createElement(De.Consumer,null,(function(o){var n="",a="",s=!1,i=function(){if(s&&"production"!==process.env.NODE_ENV)throw new Error("css can only be used during render");for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var i=Se(t,r.registered);if(Ae)oe(r,i,!1);else{var c=oe(r,i,!1);void 0!==c&&(n+=c)}return Ae||(a+=" "+i.name),r.key+"-"+i.name},c={css:i,cx:function(){if(s&&"production"!==process.env.NODE_ENV)throw new Error("cx can only be used during render");for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return it(r.registered,i,st(t))},theme:o},l=t.children(c);s=!0;var d,u=e.createElement(ct,null);Ae||0===n.length||(u=e.createElement("style",((d={})["data-emotion-"+r.key]=a.substring(1),d.dangerouslySetInnerHTML={__html:n},d.nonce=r.sheet.nonce,d)));return e.createElement(e.Fragment,null,u,l)}))}));const lt=()=>d.default.createElement(s.Global,{styles:'\n @import url("https://use.typekit.net/wtr4buu.css");\n @font-face {\n font-family: "aktiv-grotesk", sans-serif;\n font-style: normal;\n font-weight: 400;\n }\n @font-face {\n font-family: "aktiv-grotesk", sans-serif;\n font-style: italic;\n font-weight: 400;\n }\n @font-face {\n font-family: "aktiv-grotesk", sans-serif;\n font-style: normal;\n font-weight: 600;\n }\n @font-face {\n font-family: "aktiv-grotesk", sans-serif;\n font-style: italic;\n font-weight: 600;\n }\n '}),dt=(function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return rt(t)})`
|
|
2
|
+
/*
|
|
3
|
+
This will hide the focus indicator if the element receives focus via the mouse,
|
|
4
|
+
but it will still show up on keyboard focus.
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
.js-focus-visible :focus:not([data-focus-visible-added]) {
|
|
8
|
+
outline: none;
|
|
9
|
+
box-shadow: none;
|
|
10
|
+
}
|
|
11
|
+
`;exports.KibbleThemeProvider=({children:e,theme:r})=>d.default.createElement(t.ChakraProvider,{theme:null!=r?r:W},d.default.createElement(nt,{styles:dt}),d.default.createElement(lt,null),e),exports.theme=W;
|
|
12
|
+
//# sourceMappingURL=theme.provider-fb68984f.js.map
|