@worldresources/wri-design-systems 2.204.0 → 2.205.0
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/README.md +75 -11
- package/dist/index.cjs.js +109 -108
- package/dist/index.d.ts +2 -1
- package/dist/index.esm.js +105 -104
- package/package.json +2 -2
package/dist/index.esm.js
CHANGED
|
@@ -2009,6 +2009,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as o,Ic
|
|
|
2009
2009
|
|
|
2010
2010
|
.ds-select-input-container {
|
|
2011
2011
|
margin-bottom: 0;
|
|
2012
|
+
width: auto;
|
|
2012
2013
|
}
|
|
2013
2014
|
|
|
2014
2015
|
.chakra-slider__root {
|
|
@@ -3082,11 +3083,11 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3082
3083
|
padding: 0;
|
|
3083
3084
|
min-height: ${Ve(1600)};
|
|
3084
3085
|
}
|
|
3085
|
-
`;!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("[data-rsbs-overlay] {\n border-top-left-radius: 16px;\n border-top-left-radius: var(--rsbs-overlay-rounded,16px);\n border-top-right-radius: 16px;\n border-top-right-radius: var(--rsbs-overlay-rounded,16px);\n display: flex;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n flex-direction: column;\n height: 0px;\n height: var(--rsbs-overlay-h,0px);\n transform: translate3d(0, 0px, 0);\n transform: translate3d(0, var(--rsbs-overlay-translate-y,0px), 0);\n will-change: height;\n}\n\n[data-rsbs-overlay]:focus {\n outline: none;\n}\n\n[data-rsbs-is-blocking='false'] [data-rsbs-overlay] {\n box-shadow: 0 -5px 60px 0 rgba(38, 89, 115, 0.11),\n 0 -1px 0 rgba(38, 89, 115, 0.05);\n}\n\n[data-rsbs-overlay],\n[data-rsbs-root]:after {\n max-width: auto;\n max-width: var(--rsbs-max-w,auto);\n margin-left: env(safe-area-inset-left);\n margin-left: var(--rsbs-ml,env(safe-area-inset-left));\n margin-right: env(safe-area-inset-right);\n margin-right: var(--rsbs-mr,env(safe-area-inset-right));\n}\n\n[data-rsbs-overlay],\n[data-rsbs-backdrop],\n[data-rsbs-root]:after {\n z-index: 3;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n touch-action: none;\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\n[data-rsbs-backdrop] {\n top: -60px;\n bottom: -60px;\n background-color: rgba(0, 0, 0, 0.6);\n background-color: var(--rsbs-backdrop-bg,rgba(0, 0, 0, 0.6));\n will-change: opacity;\n cursor: pointer;\n opacity: 1;\n}\n\n[data-rsbs-is-dismissable='false'] [data-rsbs-backdrop] {\n cursor: ns-resize;\n}\n\n[data-rsbs-root]:after {\n content: '';\n pointer-events: none;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n height: 1px;\n transform-origin: bottom;\n transform: scale3d(1, 0, 1);\n transform: scale3d(1, var(--rsbs-antigap-scale-y,0), 1);\n will-change: transform;\n}\n\n[data-rsbs-footer],\n[data-rsbs-header] {\n flex-shrink: 0;\n cursor: ns-resize;\n padding: 16px;\n}\n\n[data-rsbs-header] {\n text-align: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(1 * 0.125));\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125));\n z-index: 1;\n padding-top: calc(20px + env(safe-area-inset-top));\n padding-bottom: 8px;\n}\n\n[data-rsbs-header]:before {\n position: absolute;\n content: '';\n display: block;\n width: 36px;\n height: 4px;\n top: calc(8px + env(safe-area-inset-top));\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n background-color: hsla(0, 0%, 0%, 0.14);\n background-color: var(--rsbs-handle-bg,hsla(0, 0%, 0%, 0.14));\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n [data-rsbs-header]:before {\n transform: translateX(-50%) scaleY(0.75);\n }\n}\n\n[data-rsbs-has-header='false'] [data-rsbs-header] {\n box-shadow: none;\n padding-top: calc(12px + env(safe-area-inset-top));\n}\n\n[data-rsbs-scroll] {\n flex-shrink: 1;\n flex-grow: 1;\n -webkit-tap-highlight-color: revert;\n -webkit-touch-callout: revert;\n -webkit-user-select: auto;\n -ms-user-select: auto;\n -moz-user-select: auto;\n user-select: auto;\n overflow: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: contain;\n -webkit-overflow-scrolling: touch;\n}\n\n[data-rsbs-scroll]:focus {\n outline: none;\n}\n\n[data-rsbs-has-footer='false'] [data-rsbs-content] {\n padding-bottom: env(safe-area-inset-bottom);\n}\n\n[data-rsbs-content] {\n /* The overflow hidden is to ensure any margin on child nodes are included when the resize observer is measuring the height */\n overflow: hidden;\n}\n\n[data-rsbs-footer] {\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(1 * 0.125)),\n 0 2px 0 #fff;\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125)),\n 0 2px 0 var(--rsbs-bg,#fff);\n overflow: hidden;\n z-index: 1;\n padding-bottom: calc(16px + env(safe-area-inset-bottom));\n}\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-footer] > * {\n opacity: 1;\n opacity: var(--rsbs-content-opacity,1);\n }\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-backdrop] {\n opacity: 1;\n opacity: var(--rsbs-backdrop-opacity,1);\n }\n\n[data-rsbs-state='closed'],\n[data-rsbs-state='closing'] {\n /* Allows interactions on the rest of the page before the close transition is finished */\n pointer-events: none;\n}\n");const HA=(e,t)=>{let n=0,r=1/0;return t.forEach(((t,o)=>{const i=Math.abs(t-e);i<r&&(r=i,n=o)})),n},BA=({header:e,content:t,footer:n,open:r=!1,onClose:o,minimizedHeight:i,midHeight:s=200,maxFullHeight:a,defaultSnap:l="minimized",className:c,blocking:d,zIndex:u=1e3,labels:h})=>{const p=tg("Sheet",h),f=se(null),m=te.useRef([]),[g,b]=te.useState(null),v=window.innerWidth>768,y=m.current;let w=p.expandSheetLabel;if(null!=g){const e=HA(g,y);e>0&&e<y.length-1?w=p.makeFullScreenLabel:e===y.length-1&&(w=p.expandedSheetLabel)}const x=!(null==g||!y.length||HA(g,y)!==y.length-1);return ve(IA,{ref:f,css:VA(!!e,u),className:c,open:r,onDismiss:o,header:be("div",{children:[ve("button",{type:"button",disabled:x,"aria-label":w,css:zA,onKeyDown:e=>{if("Enter"!==e.key&&" "!==e.key)return;e.preventDefault();const t=y[y.length-1];if(v)return void f.current?.snapTo?.((()=>t));const n=g??y[0];let r=y.findIndex((e=>e>n));-1===r&&(r=y.length-1);const o=y[r];f.current?.snapTo?.((()=>o))},children:ve("div",{})}),ve("span",{"aria-live":"polite",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)"},children:w}),e]}),footer:n,snapPoints:({headerHeight:e,maxHeight:t,footerHeight:r})=>{const o=[20,i||e,s+(n?r:0),a||t-t/6];return m.current=o,o},onSpringEnd:()=>{const e=f.current?.height;e&&b(e)},defaultSnap:({headerHeight:e,maxHeight:t,footerHeight:r})=>{let o=20;return"minimized"===l?o=i||e:"mid"===l?o=s+(n?r:0):"full"===l&&(o=a||t-t/6),o},blocking:d,children:r?t:null})},_A=(e,t)=>{let n="14.875rem";return"full-width"===e?n="100%":"large"===e&&(n="22.875rem"),ke`
|
|
3086
|
+
`;!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("[data-rsbs-overlay] {\n border-top-left-radius: 16px;\n border-top-left-radius: var(--rsbs-overlay-rounded,16px);\n border-top-right-radius: 16px;\n border-top-right-radius: var(--rsbs-overlay-rounded,16px);\n display: flex;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n flex-direction: column;\n height: 0px;\n height: var(--rsbs-overlay-h,0px);\n transform: translate3d(0, 0px, 0);\n transform: translate3d(0, var(--rsbs-overlay-translate-y,0px), 0);\n will-change: height;\n}\n\n[data-rsbs-overlay]:focus {\n outline: none;\n}\n\n[data-rsbs-is-blocking='false'] [data-rsbs-overlay] {\n box-shadow: 0 -5px 60px 0 rgba(38, 89, 115, 0.11),\n 0 -1px 0 rgba(38, 89, 115, 0.05);\n}\n\n[data-rsbs-overlay],\n[data-rsbs-root]:after {\n max-width: auto;\n max-width: var(--rsbs-max-w,auto);\n margin-left: env(safe-area-inset-left);\n margin-left: var(--rsbs-ml,env(safe-area-inset-left));\n margin-right: env(safe-area-inset-right);\n margin-right: var(--rsbs-mr,env(safe-area-inset-right));\n}\n\n[data-rsbs-overlay],\n[data-rsbs-backdrop],\n[data-rsbs-root]:after {\n z-index: 3;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n touch-action: none;\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\n[data-rsbs-backdrop] {\n top: -60px;\n bottom: -60px;\n background-color: rgba(0, 0, 0, 0.6);\n background-color: var(--rsbs-backdrop-bg,rgba(0, 0, 0, 0.6));\n will-change: opacity;\n cursor: pointer;\n opacity: 1;\n}\n\n[data-rsbs-is-dismissable='false'] [data-rsbs-backdrop] {\n cursor: ns-resize;\n}\n\n[data-rsbs-root]:after {\n content: '';\n pointer-events: none;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n height: 1px;\n transform-origin: bottom;\n transform: scale3d(1, 0, 1);\n transform: scale3d(1, var(--rsbs-antigap-scale-y,0), 1);\n will-change: transform;\n}\n\n[data-rsbs-footer],\n[data-rsbs-header] {\n flex-shrink: 0;\n cursor: ns-resize;\n padding: 16px;\n}\n\n[data-rsbs-header] {\n text-align: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(1 * 0.125));\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125));\n z-index: 1;\n padding-top: calc(20px + env(safe-area-inset-top));\n padding-bottom: 8px;\n}\n\n[data-rsbs-header]:before {\n position: absolute;\n content: '';\n display: block;\n width: 36px;\n height: 4px;\n top: calc(8px + env(safe-area-inset-top));\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n background-color: hsla(0, 0%, 0%, 0.14);\n background-color: var(--rsbs-handle-bg,hsla(0, 0%, 0%, 0.14));\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n [data-rsbs-header]:before {\n transform: translateX(-50%) scaleY(0.75);\n }\n}\n\n[data-rsbs-has-header='false'] [data-rsbs-header] {\n box-shadow: none;\n padding-top: calc(12px + env(safe-area-inset-top));\n}\n\n[data-rsbs-scroll] {\n flex-shrink: 1;\n flex-grow: 1;\n -webkit-tap-highlight-color: revert;\n -webkit-touch-callout: revert;\n -webkit-user-select: auto;\n -ms-user-select: auto;\n -moz-user-select: auto;\n user-select: auto;\n overflow: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: contain;\n -webkit-overflow-scrolling: touch;\n}\n\n[data-rsbs-scroll]:focus {\n outline: none;\n}\n\n[data-rsbs-has-footer='false'] [data-rsbs-content] {\n padding-bottom: env(safe-area-inset-bottom);\n}\n\n[data-rsbs-content] {\n /* The overflow hidden is to ensure any margin on child nodes are included when the resize observer is measuring the height */\n overflow: hidden;\n}\n\n[data-rsbs-footer] {\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(1 * 0.125)),\n 0 2px 0 #fff;\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125)),\n 0 2px 0 var(--rsbs-bg,#fff);\n overflow: hidden;\n z-index: 1;\n padding-bottom: calc(16px + env(safe-area-inset-bottom));\n}\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-footer] > * {\n opacity: 1;\n opacity: var(--rsbs-content-opacity,1);\n }\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-backdrop] {\n opacity: 1;\n opacity: var(--rsbs-backdrop-opacity,1);\n }\n\n[data-rsbs-state='closed'],\n[data-rsbs-state='closing'] {\n /* Allows interactions on the rest of the page before the close transition is finished */\n pointer-events: none;\n}\n");const HA=(e,t)=>{let n=0,r=1/0;return t.forEach(((t,o)=>{const i=Math.abs(t-e);i<r&&(r=i,n=o)})),n},BA=({header:e,content:t,footer:n,open:r=!1,onClose:o,minimizedHeight:i,midHeight:s=200,maxFullHeight:a,defaultSnap:l="minimized",className:c,blocking:d,zIndex:u=1e3,labels:h})=>{const p=tg("Sheet",h),f=se(null),m=te.useRef([]),[g,b]=te.useState(null),v=window.innerWidth>768,y=m.current;let w=p.expandSheetLabel;if(null!=g){const e=HA(g,y);e>0&&e<y.length-1?w=p.makeFullScreenLabel:e===y.length-1&&(w=p.expandedSheetLabel)}const x=!(null==g||!y.length||HA(g,y)!==y.length-1);return ve(IA,{ref:f,css:VA(!!e,u),className:c,open:r,onDismiss:o,header:be("div",{children:[ve("button",{type:"button",disabled:x,"aria-label":w,css:zA,onKeyDown:e=>{if("Enter"!==e.key&&" "!==e.key)return;e.preventDefault();const t=y[y.length-1];if(v)return void f.current?.snapTo?.((()=>t));const n=g??y[0];let r=y.findIndex((e=>e>n));-1===r&&(r=y.length-1);const o=y[r];f.current?.snapTo?.((()=>o))},children:ve("div",{})}),ve("span",{"aria-live":"polite",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)"},children:w}),e]}),footer:n,snapPoints:({headerHeight:e,maxHeight:t,footerHeight:r})=>{const o=[20,i||e,s+(n?r:0),a||t-t/6];return m.current=o,o},onSpringEnd:()=>{const e=f.current?.height;e&&b(e)},defaultSnap:({headerHeight:e,maxHeight:t,footerHeight:r})=>{let o=20;return"minimized"===l?o=i||e:"mid"===l?o=s+(n?r:0):"full"===l&&(o=a||t-t/6),o},blocking:d,children:r?t:null})},_A=e=>"small"===e||"small-full-width"===e,jA=(e,t)=>{let n="14.875rem";return(e=>"full-width"===e||"small-full-width"===e)(e)?n="100%":"large"===e&&(n="22.875rem"),ke`
|
|
3086
3087
|
width: 100%;
|
|
3087
3088
|
max-width: ${n};
|
|
3088
3089
|
border-radius: ${Be(300)};
|
|
3089
|
-
padding: ${
|
|
3090
|
+
padding: ${_A(e)?`${Ve(200)} ${Ve(200)} ${Ve(300)} ${Ve(200)}`:`${Ve(200)} ${Ve(300)} ${Ve(300)} ${Ve(300)}`};
|
|
3090
3091
|
display: flex;
|
|
3091
3092
|
align-items: ${t?"center":"flex-start"};
|
|
3092
3093
|
justify-content: ${t?"space-between":"flex-start"};
|
|
@@ -3096,7 +3097,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3096
3097
|
button {
|
|
3097
3098
|
margin-left: ${t?0:Ve(600)};
|
|
3098
3099
|
}
|
|
3099
|
-
`},
|
|
3100
|
+
`},FA=ke`
|
|
3100
3101
|
display: flex;
|
|
3101
3102
|
align-items: baseline;
|
|
3102
3103
|
gap: ${Ve(200)};
|
|
@@ -3104,35 +3105,35 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3104
3105
|
svg {
|
|
3105
3106
|
margin-top: 0.1875rem;
|
|
3106
3107
|
}
|
|
3107
|
-
`,
|
|
3108
|
+
`,qA=e=>ke`
|
|
3108
3109
|
color: ${Ie("neutral",800)};
|
|
3109
|
-
font-size: ${
|
|
3110
|
-
line-height: ${
|
|
3110
|
+
font-size: ${_A(e)?ze(300):ze(500)};
|
|
3111
|
+
line-height: ${_A(e)?He(500):He(700)};
|
|
3111
3112
|
font-weight: 400;
|
|
3112
3113
|
text-align: left;
|
|
3113
|
-
`,
|
|
3114
|
+
`,WA=(e,t)=>ke`
|
|
3114
3115
|
color: ${Ie("neutral",700)};
|
|
3115
|
-
font-size: ${
|
|
3116
|
-
line-height: ${
|
|
3116
|
+
font-size: ${_A(e)?ze(200):ze(400)};
|
|
3117
|
+
line-height: ${_A(e)?He(400):He(600)};
|
|
3117
3118
|
font-weight: 400;
|
|
3118
3119
|
margin-left: ${t?Ve(600):"0"};
|
|
3119
3120
|
text-align: left;
|
|
3120
|
-
`,
|
|
3121
|
+
`,UA=(e,t)=>ke`
|
|
3121
3122
|
color: ${Ie("neutral",700)};
|
|
3122
|
-
font-size: ${
|
|
3123
|
-
line-height: ${
|
|
3123
|
+
font-size: ${_A(e)?ze(200):ze(400)};
|
|
3124
|
+
line-height: ${_A(e)?He(400):He(600)};
|
|
3124
3125
|
font-weight: 400;
|
|
3125
3126
|
margin-left: ${t?Ve(600):"0"};
|
|
3126
3127
|
text-align: left;
|
|
3127
|
-
`,
|
|
3128
|
+
`,KA=ke`
|
|
3128
3129
|
background-color: ${Ie("neutral",100)};
|
|
3129
3130
|
border: ${_e(100)} solid ${Ie("neutral",300)};
|
|
3130
3131
|
color: ${Ie("neutral",700)};
|
|
3131
|
-
`,
|
|
3132
|
+
`,GA=ke`
|
|
3132
3133
|
background-color: ${Ie("neutral",200)};
|
|
3133
3134
|
border: ${_e(100)} solid ${Ie("neutral",300)};
|
|
3134
3135
|
color: ${Ie("neutral",700)};
|
|
3135
|
-
`,
|
|
3136
|
+
`,ZA=ke`
|
|
3136
3137
|
background-color: ${Ie("success",100)};
|
|
3137
3138
|
border: ${_e(100)} solid ${Ie("success",300)};
|
|
3138
3139
|
color: ${Ie("success",500)};
|
|
@@ -3140,7 +3141,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3140
3141
|
p {
|
|
3141
3142
|
color: ${Ie("success",900)};
|
|
3142
3143
|
}
|
|
3143
|
-
`,
|
|
3144
|
+
`,JA=ke`
|
|
3144
3145
|
background-color: ${Ie("warning",100)};
|
|
3145
3146
|
border: ${_e(100)} solid ${Ie("warning",300)};
|
|
3146
3147
|
color: ${Ie("warning",500)};
|
|
@@ -3148,7 +3149,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3148
3149
|
p {
|
|
3149
3150
|
color: ${Ie("warning",900)};
|
|
3150
3151
|
}
|
|
3151
|
-
`,
|
|
3152
|
+
`,XA=ke`
|
|
3152
3153
|
background-color: ${Ie("error",100)};
|
|
3153
3154
|
border: ${_e(100)} solid ${Ie("error",300)};
|
|
3154
3155
|
color: ${Ie("error",500)};
|
|
@@ -3156,52 +3157,52 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3156
3157
|
p {
|
|
3157
3158
|
color: ${Ie("error",900)};
|
|
3158
3159
|
}
|
|
3159
|
-
`,
|
|
3160
|
+
`,YA=({label:e,caption:t,variant:n,size:r="large",icon:o=ve(cg,{height:"1rem",width:"1rem"}),onActionClick:i,actionLabel:s,isButtonRight:a,buttonLeftIcon:l,buttonRightIcon:c,labels:d})=>{const u=tg("InlineMessage",d);let h=KA;"info-grey"===n?h=GA:"success"===n?h=ZA:"warning"===n?h=JA:"error"===n&&(h=XA);const p="error"===n||"warning"===n?"alert":"status",f="alert"===p?"assertive":"polite";return be("div",{css:[jA(r,a),h],role:p,"aria-live":f,"aria-roledescription":u.roleDescription,children:[be("div",{children:[be("div",{css:FA,children:[o,ve("string"==typeof e?"p":"div",{css:qA(r),children:e})]}),t&&"string"==typeof t?ve("p",{css:WA(r,!!o),children:t}):t?ve("div",{css:UA(r,!!o),children:t}):null]}),s?ve(ng,{label:s,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===r||"full-width"===r?"default":"small",onClick:i,leftIcon:l,rightIcon:c}):null]})},QA=ke`
|
|
3160
3161
|
width: 100%;
|
|
3161
3162
|
min-height: calc(${Ve(1200)} * 12);
|
|
3162
3163
|
background-color: ${Ie("neutral",100)};
|
|
3163
3164
|
display: flex;
|
|
3164
3165
|
flex-direction: column;
|
|
3165
|
-
`,
|
|
3166
|
+
`,eN=ke`
|
|
3166
3167
|
background-color: ${Ie("neutral",200)};
|
|
3167
3168
|
padding: ${Ve(300)};
|
|
3168
3169
|
display: flex;
|
|
3169
3170
|
align-items: center;
|
|
3170
3171
|
gap: ${Ve(300)};
|
|
3171
|
-
`,
|
|
3172
|
+
`,tN=ke`
|
|
3172
3173
|
flex: 1;
|
|
3173
3174
|
|
|
3174
3175
|
.ds-text-input-container {
|
|
3175
3176
|
margin-bottom: 0;
|
|
3176
3177
|
}
|
|
3177
|
-
`,
|
|
3178
|
+
`,nN=ke`
|
|
3178
3179
|
flex-shrink: 0;
|
|
3179
3180
|
color: ${Ie("neutral",700)};
|
|
3180
3181
|
font-size: ${ze(400)};
|
|
3181
3182
|
font-style: normal;
|
|
3182
3183
|
font-weight: 400;
|
|
3183
|
-
`,
|
|
3184
|
+
`,rN=ke`
|
|
3184
3185
|
flex: 1;
|
|
3185
3186
|
min-height: 0;
|
|
3186
3187
|
padding: ${Ve(400)};
|
|
3187
3188
|
display: flex;
|
|
3188
3189
|
flex-direction: column;
|
|
3189
3190
|
gap: ${Ve(300)};
|
|
3190
|
-
`,
|
|
3191
|
+
`,oN=ke`
|
|
3191
3192
|
color: ${Ie("neutral",700)};
|
|
3192
3193
|
font-size: ${ze(400)};
|
|
3193
3194
|
line-height: ${He(600)};
|
|
3194
3195
|
font-weight: 700;
|
|
3195
|
-
`,oN=ke`
|
|
3196
|
-
width: 100%;
|
|
3197
3196
|
`,iN=ke`
|
|
3197
|
+
width: 100%;
|
|
3198
|
+
`,sN=ke`
|
|
3198
3199
|
flex: 1;
|
|
3199
3200
|
min-height: 0;
|
|
3200
3201
|
overflow-y: auto;
|
|
3201
3202
|
display: flex;
|
|
3202
3203
|
flex-direction: column;
|
|
3203
3204
|
gap: ${Ve(200)};
|
|
3204
|
-
`,
|
|
3205
|
+
`,aN=ke`
|
|
3205
3206
|
background-color: ${Ie("neutral",200)};
|
|
3206
3207
|
border: ${_e(100)} solid ${Ie("neutral",300)};
|
|
3207
3208
|
border-radius: ${Be(300)};
|
|
@@ -3227,13 +3228,13 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3227
3228
|
&:active {
|
|
3228
3229
|
background-color: ${Ie("neutral",300)};
|
|
3229
3230
|
}
|
|
3230
|
-
`,
|
|
3231
|
+
`,lN=ke`
|
|
3231
3232
|
display: flex;
|
|
3232
3233
|
flex: 1;
|
|
3233
3234
|
min-width: 0;
|
|
3234
3235
|
flex-direction: column;
|
|
3235
3236
|
gap: ${Ve(50)};
|
|
3236
|
-
`,
|
|
3237
|
+
`,cN=ke`
|
|
3237
3238
|
color: ${Ie("neutral",900)};
|
|
3238
3239
|
font-size: ${ze(300)};
|
|
3239
3240
|
line-height: ${He(500)};
|
|
@@ -3241,7 +3242,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3241
3242
|
overflow: hidden;
|
|
3242
3243
|
text-overflow: ellipsis;
|
|
3243
3244
|
white-space: nowrap;
|
|
3244
|
-
`,
|
|
3245
|
+
`,dN=ke`
|
|
3245
3246
|
color: ${Ie("neutral",700)};
|
|
3246
3247
|
font-size: ${ze(300)};
|
|
3247
3248
|
line-height: ${He(500)};
|
|
@@ -3249,7 +3250,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3249
3250
|
overflow: hidden;
|
|
3250
3251
|
text-overflow: ellipsis;
|
|
3251
3252
|
white-space: nowrap;
|
|
3252
|
-
`,
|
|
3253
|
+
`,uN=({value:e,placeholder:t,showInfoMessage:n=!0,items:r=[],disabled:o,readOnly:i,id:s,name:a,autoFocus:l,autoComplete:c,onBlur:d,onFocus:u,onQueryChange:h,onCancel:p,onItemClick:f,onChange:m,labels:g})=>{const b=tg("MobileSearch",g),[v,y]=te.useState(e??""),[w,x]=te.useState(!0),[C,k]=te.useState(!1),$=te.useRef(null),S="string"==typeof e,M=S?e:v;te.useEffect((()=>{S&&y(e)}),[S,e]),te.useEffect((()=>{h?.(M)}),[M,h]);const E=te.useMemo((()=>{const e=M.trim().toLowerCase();return e?r.filter((t=>`${t.id??""} ${t.label} ${t.caption??""}`.toLowerCase().includes(e))):r}),[r,M]),T=M.trim().length?b.matchingResultsTitle(E.length):b.recentSearchesTitle,O=M.length?ve(_b,{onClick:()=>{S||y("");const e=$.current?.querySelector("input");e&&(e.value="",e.focus()),x(!0)}}):null;let L=Ie("neutral",500);return o?L=Ie("neutral",500):C&&(L=Ie("primary",700)),be("div",{ref:$,css:QA,children:[be("div",{css:eN,children:[ve("div",{css:tN,children:ve(V,{startElement:ve(Hg,{width:"1.25rem",height:"1.25rem",fill:L,"aria-hidden":"true"}),endElement:O,children:ve(Ab,{label:"",value:M,placeholder:t??b.inputAriaLabel,onChange:e=>{S||y(e.target.value),x(!0),m?.(e)},onFocus:e=>{k(!0),x(!0),u?.(e)},onBlur:e=>{k(!1),d?.(e)},noMarginBottom:!0,type:"search","aria-label":t??b.inputAriaLabel,disabled:o,readOnly:i,id:s,name:a,autoFocus:l??!0,autoComplete:c,style:{paddingLeft:"2.5rem"}})})}),ve(ng,{css:nN,variant:"borderless",label:b.cancelLabel,onClick:()=>{S||y(""),x(!1);const e=$.current?.querySelector("input");e&&(e.value="",e.blur()),p?.()}})]}),w?be("div",{css:rN,children:[ve("h3",{css:oN,children:T}),n?ve("div",{css:iN,children:ve(YA,{label:b.infoLabel,variant:"info-white",size:"full-width"})}):null,ve("ul",{css:sN,"aria-label":T,children:E.map((e=>ve("li",{children:be(N.button,{type:"button",css:aN,onClick:()=>(e=>{f?.(e)})(e),"aria-label":`${e.label}, ${e.caption??""}`,style:{width:"100%"},children:[e.icon??null,be("div",{css:lN,children:[ve("p",{css:cN,children:e.label}),ve("p",{css:dN,children:e.caption})]})]})},e.id)))})]}):null]})},hN=e=>ke`
|
|
3253
3254
|
a,
|
|
3254
3255
|
p {
|
|
3255
3256
|
font-size: ${ze("small"===e?200:400)};
|
|
@@ -3281,19 +3282,19 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3281
3282
|
a:hover {
|
|
3282
3283
|
text-decoration: underline;
|
|
3283
3284
|
}
|
|
3284
|
-
`,
|
|
3285
|
+
`,pN=e=>ke`
|
|
3285
3286
|
svg {
|
|
3286
3287
|
height: ${Ve("small"===e?200:300)};
|
|
3287
3288
|
width: ${Ve("small"===e?200:300)};
|
|
3288
3289
|
color: ${Ie("neutral",600)};
|
|
3289
3290
|
}
|
|
3290
|
-
`,
|
|
3291
|
+
`,fN=ke`
|
|
3291
3292
|
cursor: pointer;
|
|
3292
3293
|
color: ${Ie("neutral",600)};
|
|
3293
3294
|
display: flex;
|
|
3294
3295
|
justify-content: center;
|
|
3295
3296
|
align-items: center;
|
|
3296
|
-
`,
|
|
3297
|
+
`,mN=({links:e,separator:t,maxItems:n=99,linkRouter:r,size:o="default"})=>{const[i,s]=ae(e.length>n);ce((()=>{s(e.length>n)}),[e.length]);const a=r;return ve(H.Root,{children:ve(H.List,{gap:"small"===o?"0.375rem":"0.625rem",children:i?be(ye,{children:[ve(H.Item,{css:hN(o),children:be(a,{to:e[0].link,href:e[0].link,children:[e[0].icon,e[0].label]})}),ve(H.Separator,{css:pN(o),children:t||ve(dg,{rotate:"270"})}),ve("li",{className:"chakra-breadcrumb__item",children:ve("button",{css:fN,type:"button",onClick:()=>s(!1),children:"..."})}),ve(H.Separator,{css:pN(o),children:t||ve(dg,{rotate:"270"})}),ve(H.Item,{css:hN(o),children:be("p",{"aria-current":"page","aria-label":e[e.length-1].label,children:[e[e.length-1].icon,e[e.length-1].label]})})]}):e.map(((n,r)=>n?.label?be(ge,{children:[ve(H.Item,{css:hN(o),children:r<e.length-1?be(a,{to:n.link,href:n.link,children:[n.icon,n.label]}):be("p",{"aria-current":"page","aria-label":n.label,children:[n.label&&n.icon?n.icon:"",n.label]})}),r<e.length-1?ve(H.Separator,{css:pN(o),children:t||ve(dg,{rotate:"270"})}):null]},n.label):null))})})},gN=(e,t)=>ke`
|
|
3297
3298
|
min-height: ${Ve(1400)};
|
|
3298
3299
|
width: 100vw;
|
|
3299
3300
|
position: ${e?"sticky":"absolute"};
|
|
@@ -3303,7 +3304,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3303
3304
|
border-top: ${_e(100)} solid
|
|
3304
3305
|
${Ie("neutral",400)};
|
|
3305
3306
|
z-index: 101;
|
|
3306
|
-
`,
|
|
3307
|
+
`,bN=e=>ke`
|
|
3307
3308
|
height: 100%;
|
|
3308
3309
|
width: 100%;
|
|
3309
3310
|
max-width: ${null!=e?Me(e):"100%"};
|
|
@@ -3318,7 +3319,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3318
3319
|
flex-direction: column;
|
|
3319
3320
|
align-items: flex-start;
|
|
3320
3321
|
}
|
|
3321
|
-
`,
|
|
3322
|
+
`,vN=ke`
|
|
3322
3323
|
display: flex;
|
|
3323
3324
|
align-items: center;
|
|
3324
3325
|
flex-wrap: wrap;
|
|
@@ -3331,7 +3332,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3331
3332
|
color: ${Ie("neutral",700)};
|
|
3332
3333
|
text-decoration: underline;
|
|
3333
3334
|
}
|
|
3334
|
-
`,
|
|
3335
|
+
`,yN=ke`
|
|
3335
3336
|
width: 15rem;
|
|
3336
3337
|
font-size: ${ze(300)};
|
|
3337
3338
|
line-height: ${He(500)};
|
|
@@ -3342,17 +3343,17 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3342
3343
|
@media screen and (max-width: 48rem) {
|
|
3343
3344
|
text-align: left;
|
|
3344
3345
|
}
|
|
3345
|
-
`,
|
|
3346
|
+
`,wN=ke`
|
|
3346
3347
|
display: flex;
|
|
3347
3348
|
align-items: center;
|
|
3348
3349
|
gap: ${Ve(400)};
|
|
3349
|
-
`,
|
|
3350
|
+
`,xN=({children:e,label:t="© World Resources Institute",fixed:n,filled:r,maxWidth:o,additionalLogos:i})=>{const s=(new Date).getFullYear();return ve("footer",{css:gN(n,r),children:be("div",{css:bN(o),children:[be("div",{css:wN,children:[ve(yg,{height:"2rem",width:"5.6875rem"}),i&&i.map(((e,t)=>ve("div",{children:e},t)))]}),ve("div",{css:vN,children:e}),ve("div",{children:be("p",{css:yN,children:[t," ",s]})})]})})},CN=ke`
|
|
3350
3351
|
width: 100%;
|
|
3351
3352
|
display: flex;
|
|
3352
3353
|
align-items: center;
|
|
3353
3354
|
height: ${Ve(1400)};
|
|
3354
3355
|
background-color: ${Ie("neutral",200)};
|
|
3355
|
-
`,
|
|
3356
|
+
`,kN=ke`
|
|
3356
3357
|
height: ${Ve(1400)};
|
|
3357
3358
|
width: 99%;
|
|
3358
3359
|
background-color: ${Ie("neutral",200)};
|
|
@@ -3448,9 +3449,9 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3448
3449
|
opacity: 1;
|
|
3449
3450
|
}
|
|
3450
3451
|
}
|
|
3451
|
-
`,kN=ke`
|
|
3452
|
-
position: relative;
|
|
3453
3452
|
`,$N=ke`
|
|
3453
|
+
position: relative;
|
|
3454
|
+
`,SN=ke`
|
|
3454
3455
|
position: absolute;
|
|
3455
3456
|
top: -0.3125rem;
|
|
3456
3457
|
right: -0.3125rem;
|
|
@@ -3465,7 +3466,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3465
3466
|
display: flex;
|
|
3466
3467
|
justify-content: center;
|
|
3467
3468
|
align-items: center;
|
|
3468
|
-
`,
|
|
3469
|
+
`,MN=(e,t)=>Math.max(0,e.findIndex((e=>e.value===t))),EN=({defaultValue:e,tabs:t,onTabClick:n,hideLabels:r,activationMode:o="manual",labels:i})=>{const s=tg("MobileTabBar",i),a=t.length,[l,c]=ae((()=>MN(t,e)));return ve("div",{css:CN,children:ve(B.Root,{width:"full",defaultValue:e||t?.[0]?.value,onValueChange:({value:e})=>(e=>{const r=MN(t,e);c(r),n&&n(e)})(e),activationMode:o,children:ve(B.List,{alignItems:"center",border:"none",children:t.map(((e,t)=>{const{label:n,icon:o,bagdeCount:i,"aria-label":c,"aria-describedby":d,disabled:u,...h}=e,p=`${e.value}-str-status`,f=l===t,m=[s.tabPositionStatus(t+1,a),f?s.selectedStatus:s.notSelectedStatus];u&&m.push(s.disabledStatus);const g=[d,p].filter(Boolean).join(" ")||void 0;return be(B.Trigger,{css:kN,"aria-label":c||n,"aria-disabled":!!u||void 0,"aria-describedby":g,disabled:u,...h,children:[be("div",{css:$N,children:[o,i?ve("div",{css:SN,className:"ds-badge-count",children:i}):null]}),r?null:ve("p",{children:n}),ve(_,{id:p,children:m.join(", ")})]},e.value)}))})})})},TN=(e,t,n,r,o)=>{let i="3rem";return e?i="6rem":o&&(i="1.75rem"),ke`
|
|
3469
3470
|
max-height: ${i};
|
|
3470
3471
|
width: 100%;
|
|
3471
3472
|
background-color: ${n??Ie("neutral","dark"===r?800:100)};
|
|
@@ -3475,7 +3476,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3475
3476
|
z-index: 102;
|
|
3476
3477
|
border-bottom: ${_e(100)} solid
|
|
3477
3478
|
${Ie("neutral",400)};
|
|
3478
|
-
`},
|
|
3479
|
+
`},ON=(e,t)=>ke`
|
|
3479
3480
|
height: ${Ve(t?700:1200)};
|
|
3480
3481
|
width: 100%;
|
|
3481
3482
|
background-color: ${Ie("neutral","dark"===e?800:100)};
|
|
@@ -3486,7 +3487,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3486
3487
|
justify-content: flex-start;
|
|
3487
3488
|
gap: 0;
|
|
3488
3489
|
padding: ${t?0:`${Ve(200)} ${Ve(400)}`};
|
|
3489
|
-
`,
|
|
3490
|
+
`,LN=(e,t,n)=>ke`
|
|
3490
3491
|
height: ${Ve(n?700:1200)};
|
|
3491
3492
|
width: 100%;
|
|
3492
3493
|
max-width: ${t?Me(t):"100%"};
|
|
@@ -3497,13 +3498,13 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3497
3498
|
justify-content: space-between;
|
|
3498
3499
|
margin: 0 auto;
|
|
3499
3500
|
padding: ${n?0:`${Ve(200)} ${Ve(400)}`};
|
|
3500
|
-
`,
|
|
3501
|
+
`,AN=(e,t)=>ke`
|
|
3501
3502
|
display: flex;
|
|
3502
3503
|
margin: ${t?"-0.0625rem":"0rem"};
|
|
3503
3504
|
justify-content: flex-start;
|
|
3504
3505
|
gap: ${Ve(300)};
|
|
3505
3506
|
color: ${Ie("neutral",e?100:900)};
|
|
3506
|
-
`,
|
|
3507
|
+
`,NN=ke`
|
|
3507
3508
|
outline: none;
|
|
3508
3509
|
|
|
3509
3510
|
a {
|
|
@@ -3515,12 +3516,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3515
3516
|
outline-width: ${Ve(50)};
|
|
3516
3517
|
}
|
|
3517
3518
|
}
|
|
3518
|
-
`,
|
|
3519
|
+
`,RN=e=>ke`
|
|
3519
3520
|
display: ${e?"none":"flex"};
|
|
3520
3521
|
align-items: center;
|
|
3521
3522
|
justify-content: flex-start;
|
|
3522
3523
|
gap: 0rem;
|
|
3523
|
-
`,
|
|
3524
|
+
`,DN=(e,t,n)=>ke`
|
|
3524
3525
|
font-size: ${ze(n?300:400)};
|
|
3525
3526
|
line-height: ${He(600)};
|
|
3526
3527
|
font-weight: 400;
|
|
@@ -3545,12 +3546,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3545
3546
|
font-weight: 700;
|
|
3546
3547
|
color: ${Ie("accessible","controls-on-neutral-lights")};
|
|
3547
3548
|
`:""}
|
|
3548
|
-
`,
|
|
3549
|
+
`,PN=e=>ke`
|
|
3549
3550
|
height: ${Ve(e?700:1200)};
|
|
3550
3551
|
display: flex;
|
|
3551
3552
|
align-items: center;
|
|
3552
3553
|
justify-content: flex-end;
|
|
3553
|
-
`,
|
|
3554
|
+
`,IN=e=>ke`
|
|
3554
3555
|
height: 100%;
|
|
3555
3556
|
font-size: ${ze(400)};
|
|
3556
3557
|
line-height: ${He(600)};
|
|
@@ -3570,7 +3571,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3570
3571
|
}
|
|
3571
3572
|
}
|
|
3572
3573
|
`:""}
|
|
3573
|
-
`,
|
|
3574
|
+
`,zN=e=>ke`
|
|
3574
3575
|
height: 100%;
|
|
3575
3576
|
display: flex;
|
|
3576
3577
|
align-items: center;
|
|
@@ -3579,7 +3580,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3579
3580
|
padding-left: ${Ve(400)};
|
|
3580
3581
|
border-left: ${_e(100)} solid
|
|
3581
3582
|
${Ie("neutral",e?700:300)};
|
|
3582
|
-
`,
|
|
3583
|
+
`,VN=(e="light",t)=>ke`
|
|
3583
3584
|
background-color: none;
|
|
3584
3585
|
border: none;
|
|
3585
3586
|
cursor: pointer;
|
|
@@ -3605,7 +3606,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3605
3606
|
outline-width: ${_e(200)};
|
|
3606
3607
|
background-color: ${Ie("neutral",200)};
|
|
3607
3608
|
}
|
|
3608
|
-
`,
|
|
3609
|
+
`,HN=(e,t)=>ke`
|
|
3609
3610
|
position: absolute;
|
|
3610
3611
|
top: ${Ve(t?700:1200)};
|
|
3611
3612
|
right: 0;
|
|
@@ -3620,10 +3621,10 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3620
3621
|
justify-content: flex-start;
|
|
3621
3622
|
gap: ${Ve(400)};
|
|
3622
3623
|
transition: width 0.5s ease-in-out;
|
|
3623
|
-
`,
|
|
3624
|
+
`,BN=ke`
|
|
3624
3625
|
height: 100%;
|
|
3625
3626
|
width: 100%;
|
|
3626
|
-
`,
|
|
3627
|
+
`,_N=e=>ke`
|
|
3627
3628
|
background-color: ${Ie("neutral","dark"===e?800:200)};
|
|
3628
3629
|
border-bottom: ${_e(100)} solid
|
|
3629
3630
|
${Ie("neutral",300)};
|
|
@@ -3644,13 +3645,13 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3644
3645
|
margin-left: -${Ve(300)};
|
|
3645
3646
|
}
|
|
3646
3647
|
}
|
|
3647
|
-
`,_N=ke`
|
|
3648
|
-
background-color: ${Ie("neutral",100)};
|
|
3649
3648
|
`,jN=ke`
|
|
3649
|
+
background-color: ${Ie("neutral",100)};
|
|
3650
|
+
`,FN=ke`
|
|
3650
3651
|
min-height: 100vh;
|
|
3651
3652
|
width: 100%;
|
|
3652
3653
|
overflow-y: scroll;
|
|
3653
|
-
`;ke``;const
|
|
3654
|
+
`;ke``;const qN=e=>ke`
|
|
3654
3655
|
display: inline-block;
|
|
3655
3656
|
width: 100%;
|
|
3656
3657
|
padding: ${Ve(300)} ${Ve(400)};
|
|
@@ -3679,7 +3680,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3679
3680
|
outline-width: ${_e(200)};
|
|
3680
3681
|
background-color: ${Ie("neutral",200)};
|
|
3681
3682
|
}
|
|
3682
|
-
`,
|
|
3683
|
+
`,WN=ke`
|
|
3683
3684
|
width: 100%;
|
|
3684
3685
|
padding: ${Ve(300)} ${Ve(400)};
|
|
3685
3686
|
display: flex;
|
|
@@ -3703,7 +3704,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3703
3704
|
outline-width: ${_e(200)};
|
|
3704
3705
|
background-color: ${Ie("neutral",200)};
|
|
3705
3706
|
}
|
|
3706
|
-
`,
|
|
3707
|
+
`,UN=e=>ke`
|
|
3707
3708
|
position: absolute;
|
|
3708
3709
|
top: 0rem;
|
|
3709
3710
|
right: 0;
|
|
@@ -3715,7 +3716,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3715
3716
|
align-items: flex-start;
|
|
3716
3717
|
justify-content: flex-start;
|
|
3717
3718
|
transition: width 0.5s ease-in-out;
|
|
3718
|
-
`,
|
|
3719
|
+
`,KN=ke`
|
|
3719
3720
|
height: ${Ve(1200)};
|
|
3720
3721
|
width: 100%;
|
|
3721
3722
|
display: flex;
|
|
@@ -3727,7 +3728,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3727
3728
|
position: relative;
|
|
3728
3729
|
top: 0;
|
|
3729
3730
|
left: 0;
|
|
3730
|
-
`,
|
|
3731
|
+
`,GN=ke`
|
|
3731
3732
|
position: absolute;
|
|
3732
3733
|
bottom: 0;
|
|
3733
3734
|
left: 0;
|
|
@@ -3742,7 +3743,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3742
3743
|
button {
|
|
3743
3744
|
width: calc(48% - 1.5rem);
|
|
3744
3745
|
}
|
|
3745
|
-
`,
|
|
3746
|
+
`,ZN=({theme:e="light",variant:t,navigationSection:n,utilitySection:r,actionsSection:o,linkRouter:i,isOpen:s,setIsOpen:a,pathname:l,resolvedLabels:c})=>{const d="condensed"===t,[u,h]=ae(void 0),[p,f]=ae(-1),m=se(null),g=se([]),b=i;return be(ye,{children:[ve("div",{css:HN(s,d),children:s&&be("div",{css:BN,children:[be("div",{style:{overflowY:"scroll",width:"100%",height:"100%",paddingBottom:"4.5rem"},children:[r?ve("div",{css:_N(e),children:r?.map((e=>ve("div",{className:"ds-utility-item",children:e})))}):null,n?ve("div",{css:jN,children:n.map(((e,t)=>e.link?ve(b,{to:e.link,href:e.link,onClick:()=>{h(void 0),f(-1),a(!1)},css:qN(l===e.link),children:e.label},e.label):be("button",{css:WN,type:"button",ref:e=>{g.current[t]=e},onClick:()=>{e.items&&(h(e),f(t),setTimeout((()=>{m.current?.focus()}),100))},children:[e.label,e.items?ve(dg,{rotate:"270",color:"var(--chakra-colors-neutral-700)"}):null]},e.label)))}):null]}),o?ve("div",{css:GN,children:o.map((e=>ve(ng,{...e,onClick:t=>{e?.onClick?.(t),h(void 0),f(-1),a(!1)}},e.ariaLabel)))}):null]})}),ve("div",{css:UN(!!u?.items),children:u?.items?be(ye,{children:[be("div",{css:KN,children:[be("button",{type:"button",onClick:()=>{h(void 0),f(-1),g.current[p]?.focus()},"aria-label":c.goBackLabel,css:VN(e),ref:m,children:[ve(dg,{rotate:"90",color:"var(--chakra-colors-neutral-700)"}),u?.label]}),be("button",{type:"button",onClick:()=>{h(void 0),f(-1),a(!1)},"aria-label":c.closeMenuLabel,css:VN(e),children:[c.closeButtonText,ve(hg,{height:"1rem",width:"1rem"})]})]}),ve("div",{css:FN,children:u?.items?.map((e=>ve(b,{to:e.link,href:e.link,css:qN(),onClick:()=>{h(void 0),f(-1),a(!1)},children:e.label},e.label)))})]}):null})]})},JN=1023,XN=({variant:e="default",theme:t="light",logo:n,linkRouter:r,pathname:o,navigationSection:i,utilitySection:s,actionsSection:a,maxWidth:l,fixed:c,onNavbarHeightChange:d,backgroundColor:u,labels:h})=>{const p=tg("Navbar",h),f=se(null),m=se(null),g=se(null),[b,v]=ae(!1),[y,w]=ae(-1),[x,C]=ae("undefined"!=typeof window&&window?.innerWidth<=JN),[k,$]=ae(!1),S=r,M=ue((()=>{if(m.current&&f.current&&g.current){const e=f.current.getBoundingClientRect(),t=m.current.getBoundingClientRect(),n=g.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=JN||window.innerWidth<=y?(d?.(96),v(!0)):window.innerWidth>JN&&window.innerWidth<=1440?e.right>=t.left?(d?.(96),v(!0),w(window.innerWidth)):window.innerWidth>y&&(d?.(48),v(!1),w(-1)):(d?.(48),v(!1),w(-1)),b&&(window.innerWidth<=JN||n.right>=t.left?(C(!0),d?.(48)):(C(!1),d?.(96)))}}),[y,b]);ce((()=>(M(),window.addEventListener("resize",M),()=>{window.removeEventListener("resize",M)})),[M]);const E="condensed"===e;return be("nav",{css:TN(b&&!x,c,u,t,E),children:[be("div",{css:LN(b&&!x,l,E),children:[be("div",{css:AN(b&&!x||"dark"===t,E),ref:f,children:[n?ve("div",{ref:g,css:NN,children:n}):null,ve("div",{css:RN(b),children:i?.map((e=>e.link?ve(S,{to:e.link,href:e.link,css:DN(o===e.link,t,E),children:e.label},e.label):ve(tb,{theme:t,label:e.label,fontSize:E?"0.875rem":"1rem",items:e.items||[]},e.label)))})]}),ve("div",{css:PN(E),ref:m,children:x?be("button",{type:"button",onClick:()=>$(!k),"aria-label":k?p.closeMenuLabel:p.openMenuLabel,"aria-expanded":k,css:VN(t),children:[k?p.closeLabel:p.menuLabel,ve(k?hg:Ig,{height:E?"0.75rem":"1rem",width:E?"0.75rem":"1rem"})]}):be(ye,{children:[ve("div",{css:PN(E),children:s?.map(((e,t)=>ve("div",{css:IN(b),children:e},t)))}),a?.length?ve("div",{css:zN(b),children:a.map((e=>ve(ng,{...e},e.ariaLabel)))}):null]})})]}),b&&!x?ve("div",{css:ON(t,E),children:i?.map((e=>e.link?ve(S,{to:e.link,href:e.link,css:DN(o===e.link,t,E),children:e.label},e.label):ve(tb,{theme:t,label:e.label,fontSize:E?"0.875rem":"1rem",items:e.items||[]},e.label)))}):null,x?ve(ZN,{theme:t,variant:e,navigationSection:i,utilitySection:s,actionsSection:a,linkRouter:r,isOpen:k,setIsOpen:$,pathname:o,resolvedLabels:p}):null]})},YN=ke`
|
|
3746
3747
|
width: ${Ve(1600)};
|
|
3747
3748
|
height: 100%;
|
|
3748
3749
|
z-index: 100;
|
|
@@ -3752,7 +3753,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3752
3753
|
display: flex;
|
|
3753
3754
|
flex-direction: column;
|
|
3754
3755
|
justify-content: space-between;
|
|
3755
|
-
`,
|
|
3756
|
+
`,QN=ke`
|
|
3756
3757
|
width: ${Ve(1600)};
|
|
3757
3758
|
height: ${Ve(1600)};
|
|
3758
3759
|
background-color: ${Ie("neutral",200)};
|
|
@@ -3843,7 +3844,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3843
3844
|
}
|
|
3844
3845
|
}
|
|
3845
3846
|
}
|
|
3846
|
-
`,
|
|
3847
|
+
`,eR=ke`
|
|
3847
3848
|
display: flex;
|
|
3848
3849
|
justify-content: center;
|
|
3849
3850
|
align-items: center;
|
|
@@ -3856,7 +3857,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3856
3857
|
fill: ${Ie("neutral",600)};
|
|
3857
3858
|
}
|
|
3858
3859
|
}
|
|
3859
|
-
`,
|
|
3860
|
+
`,tR=ke`
|
|
3860
3861
|
width: ${Ve(1600)};
|
|
3861
3862
|
height: ${Ve(1600)};
|
|
3862
3863
|
background-color: ${Ie("neutral",200)};
|
|
@@ -3894,7 +3895,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3894
3895
|
text-align: center;
|
|
3895
3896
|
color: ${Ie("neutral",600)};
|
|
3896
3897
|
}
|
|
3897
|
-
`,
|
|
3898
|
+
`,nR=ke`
|
|
3898
3899
|
width: 20rem;
|
|
3899
3900
|
height: 100%;
|
|
3900
3901
|
z-index: 100;
|
|
@@ -3904,7 +3905,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3904
3905
|
overflow-x: hidden;
|
|
3905
3906
|
border-right: ${_e(100)} solid
|
|
3906
3907
|
${Ie("neutral",300)};
|
|
3907
|
-
`,
|
|
3908
|
+
`,rR=({tabs:e=[],defaultValue:t,onTabClick:n,children:o,onOpenChange:i,labels:s})=>{const a=tg("NavigationRail",s),[l,c]=ae(!1),[d,u]=ae(t||e?.[0]?.value),h=e=>{u(e),n&&n(e)},[p]=j(["(max-width: 48rem)"]);return p?be(B.Root,{defaultValue:d,onValueChange:({value:e})=>h(e),children:[ve(B.List,{style:{display:"flex",overflowX:"auto",whiteSpace:"nowrap",padding:"0.5rem",gap:"0.5rem"},children:e.map((e=>ve(B.Trigger,{value:e.value,css:{"--indicator-color":Ie("primary",500),flexShrink:0,padding:"0.625rem 1rem",color:Ie("neutral",600),"&[data-selected]":{color:Ie("neutral",800),fontWeight:600}},children:e.label},e.value)))}),e.map((e=>ve(B.Content,{value:e.value,children:o},e.value)))]}):be("div",{style:{height:"calc(100vh - 3rem - 3.5rem)",position:"fixed",top:"3rem",left:0,display:"flex"},children:[be("div",{css:YN,children:[ve(B.Root,{defaultValue:t||e?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{h(e)},children:ve(B.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:e.map((e=>ve(B.Trigger,{css:QN,"aria-label":e["aria-label"]||e.label,...e,children:be(r,{display:"flex",alignItems:"center",flexDirection:"column",gap:"0.3125rem",className:"ds-tab-label",children:[e.icon?ve("div",{css:eR,children:e.icon}):null,ve("p",{children:e.label})]})},e.label)))})}),o?ve(F.Root,{onOpenChange:({open:e})=>{c(e),i&&i(!e)},children:be(F.Trigger,{css:tR,children:[ve("div",{css:eR,children:ve(l?sg:ig,{})}),be("div",{className:"ds-tab-label",children:[ve("p",{children:l?a.showLabel:a.hideLabel}),ve("p",{children:a.sidebarLabel})]})]})}):null]}),o?ve(F.Root,{defaultOpen:!0,open:!l,children:ve(F.Content,{height:"100%",children:ve("div",{css:nR,role:"tabpanel","aria-labelledby":d,children:o})})}):null]})},oR=e=>ke`
|
|
3908
3909
|
width: 100%;
|
|
3909
3910
|
display: flex;
|
|
3910
3911
|
align-items: center;
|
|
@@ -3913,7 +3914,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3913
3914
|
${"view"===e&&`\n border: ${_e(100)} solid ${Ie("neutral",400)};\n background-color: ${Ie("neutral",200)};\n border-radius: ${Be(300)};\n padding: ${Ve(100)};\n `}
|
|
3914
3915
|
|
|
3915
3916
|
${"transparent"===e&&`\n border: none;\n background-color: transparent;\n border-radius: ${Be(300)};\n padding: 0 ${Ve(400)};\n\n .chakra-tabs__list {\n gap: ${Ve(800)};\n }\n `}
|
|
3916
|
-
`,
|
|
3917
|
+
`,iR=ke`
|
|
3917
3918
|
width: 99%;
|
|
3918
3919
|
height: ${Ve(1e3)};
|
|
3919
3920
|
padding: ${Ve(200)} ${Ve(400)};
|
|
@@ -3929,7 +3930,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3929
3930
|
&:focus-visible {
|
|
3930
3931
|
box-shadow: none;
|
|
3931
3932
|
}
|
|
3932
|
-
`,
|
|
3933
|
+
`,sR=ke`
|
|
3933
3934
|
background-color: ${Ie("neutral",200)};
|
|
3934
3935
|
color: ${Ie("neutral",700)};
|
|
3935
3936
|
|
|
@@ -3986,11 +3987,11 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3986
3987
|
opacity: 1;
|
|
3987
3988
|
}
|
|
3988
3989
|
}
|
|
3989
|
-
`,
|
|
3990
|
+
`,aR=ke`
|
|
3990
3991
|
width: ${Ve(100)};
|
|
3991
3992
|
height: ${Ve(600)};
|
|
3992
3993
|
background-color: ${Ie("neutral",400)};
|
|
3993
|
-
`,
|
|
3994
|
+
`,lR=ke`
|
|
3994
3995
|
height: ${Ve(800)};
|
|
3995
3996
|
border-radius: ${Be(200)};
|
|
3996
3997
|
background-color: ${Ie("neutral",200)};
|
|
@@ -4065,7 +4066,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4065
4066
|
opacity: 1;
|
|
4066
4067
|
}
|
|
4067
4068
|
}
|
|
4068
|
-
`,
|
|
4069
|
+
`,cR=ke`
|
|
4069
4070
|
background-color: transparent;
|
|
4070
4071
|
color: ${Ie("neutral",600)};
|
|
4071
4072
|
width: auto;
|
|
@@ -4142,7 +4143,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4142
4143
|
}
|
|
4143
4144
|
}
|
|
4144
4145
|
}
|
|
4145
|
-
`,
|
|
4146
|
+
`,dR=(e,t)=>Math.max(0,e.findIndex((e=>e.value===t))),uR=e=>1===e?"none":2===e?"left":"right",hR=({variant:e="panel",defaultValue:t,tabs:n,onTabClick:o,activationMode:i="manual"})=>{const[s,a]=ae(dR(n,t)||0);return ve("div",{css:oR(e),children:ve(B.Root,{width:"full",defaultValue:t||n?.[0]?.value,onValueChange:({value:e})=>{return a(dR(n,t=e)),void(o&&o(t));var t},activationMode:i,children:ve(B.List,{alignItems:"center",border:"none",children:n.map(((t,n)=>be(ge,{children:["view"===e&&1===n&&"left"===uR(s)?ve("div",{css:aR}):null,ve(B.Trigger,{css:[iR,"view"===e&&lR,"panel"===e&&sR,"transparent"===e&&cR],"aria-label":t["aria-label"]||t.label,...t,children:be(r,{display:"flex",alignItems:"center",gap:"0.3125rem",children:[t.icon,t.label]})},t.label),"view"===e&&1===n&&"right"===uR(s)?ve("div",{css:aR}):null]},t.label)))})})})},pR=Ie("neutral",700),fR=ke`
|
|
4146
4147
|
position: relative;
|
|
4147
4148
|
width: 100%;
|
|
4148
4149
|
|
|
@@ -4155,12 +4156,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4155
4156
|
&[data-open='true'][data-placement='top'] input {
|
|
4156
4157
|
border-bottom-left-radius: ${Be(300)};
|
|
4157
4158
|
border-bottom-right-radius: ${Be(300)};
|
|
4158
|
-
border-bottom-color: ${
|
|
4159
|
+
border-bottom-color: ${pR};
|
|
4159
4160
|
border-top-left-radius: 0;
|
|
4160
4161
|
border-top-right-radius: 0;
|
|
4161
4162
|
border-top-color: transparent;
|
|
4162
4163
|
}
|
|
4163
|
-
`,
|
|
4164
|
+
`,mR=ke`
|
|
4164
4165
|
width: 100%;
|
|
4165
4166
|
z-index: 1000;
|
|
4166
4167
|
overflow-y: auto;
|
|
@@ -4174,7 +4175,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4174
4175
|
margin-top: calc(${_e(100)} * -1);
|
|
4175
4176
|
border-top-left-radius: 0;
|
|
4176
4177
|
border-top-right-radius: 0;
|
|
4177
|
-
border-top: ${_e(100)} solid ${
|
|
4178
|
+
border-top: ${_e(100)} solid ${pR};
|
|
4178
4179
|
|
|
4179
4180
|
&[data-placement^='top'] {
|
|
4180
4181
|
margin-top: 0;
|
|
@@ -4185,12 +4186,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4185
4186
|
${Ie("neutral",400)};
|
|
4186
4187
|
border-bottom-left-radius: 0;
|
|
4187
4188
|
border-bottom-right-radius: 0;
|
|
4188
|
-
border-bottom: ${_e(100)} solid ${
|
|
4189
|
+
border-bottom: ${_e(100)} solid ${pR};
|
|
4189
4190
|
box-shadow:
|
|
4190
4191
|
0 -0.25rem 0.375rem -0.25rem #0000001a,
|
|
4191
4192
|
0 -0.625rem 0.9375rem -0.1875rem #0000001a;
|
|
4192
4193
|
}
|
|
4193
|
-
`,
|
|
4194
|
+
`,gR=ke`
|
|
4194
4195
|
padding: ${Ve(200)};
|
|
4195
4196
|
border-radius: ${Be(300)};
|
|
4196
4197
|
cursor: pointer;
|
|
@@ -4211,7 +4212,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4211
4212
|
&:active {
|
|
4212
4213
|
background-color: ${Hm(40)};
|
|
4213
4214
|
}
|
|
4214
|
-
`,
|
|
4215
|
+
`,bR=({text:e,query:t})=>{if(!t)return e;const n=new RegExp(`(${t})`,"ig"),r=e.split(n);return ve(ye,{children:r.map((e=>n.test(e)?ve("strong",{children:e},e):ve("span",{children:e},e)))})},vR=({items:e,query:t,onSelect:n,highlightedIndex:o})=>{const i=se(null);return ce((()=>{if(!i.current)return;const e=i.current.children[o];e&&e.scrollIntoView({block:"nearest"})}),[o]),ve(r,{ref:i,padding:"0.5rem",children:e.map(((e,i)=>{const s=e.searchLabel||("string"==typeof e.label||"number"==typeof e.label?String(e.label):"");return ve(r,{css:gR,"data-highlighted":i===o||void 0,onClick:()=>n(e.id||s),children:"string"==typeof e.label||"number"==typeof e.label?ve(bR,{text:String(e.label),query:t}):e.label},e.id)}))})},yR=e=>e.searchLabel?e.searchLabel:"string"==typeof e.label||"number"==typeof e.label?String(e.label):"",wR=({placeholder:e,disabled:t,size:n="default",options:i=[],resultsMaxHeight:s=50,isLoading:l=!1,displayResults:c="text",onSelect:d,onQueryChange:h,onClear:p,renderResults:f,labels:m})=>{const g=tg("Search",m),[b,v]=ae(""),{open:y,onOpen:w,onClose:x}=q(),[C,k]=ae(i),[$,S]=ae(-1),[M,E]=ae(!1),[T,O]=ae("pointer"),L=se(null),{contentRef:A,placement:N}=nw(),R=`search-results-${he()}`,D=e=>{const t=i.find((t=>t.id===e||yR(t)===e));t&&(d?.(t),v(""),x())};ce((()=>{if(h?.(b),!b)return void k(i);const e=i.filter((e=>{const t=b.toLowerCase();return e.id?.toLowerCase().includes(t)||yR(e).toLowerCase().includes(t)||e.caption?.toLowerCase().includes(t)})).map((e=>({id:e.id??yR(e),label:e.label,searchLabel:e.searchLabel,caption:e.caption,variant:"select",icon:e.icon,onItemClick:()=>D(e.id||yR(e))})));k(e),w()}),[b]);const P=b.length?ve(_b,{onClick:()=>{v(""),p?.()}}):null,I="none"!==c&&!!b.length&&C.length>0&&y,z=(I||l&&!!b.length)&&"custom"!==c;let H=Ie("neutral",500);t?H=Ie("neutral",500):M&&(H=Ie("primary",700));const B="small"===n?"1rem":"1.25rem",_=Me(s);return be(u.Root,{open:z,onOpenChange:e=>{e.open||x()},autoFocus:!1,closeOnEscape:!1,positioning:{sameWidth:!0,gutter:0},children:[be("div",{ref:L,css:fR,"data-open":z||void 0,"data-placement":N,children:[ve(u.Anchor,{children:ve(V,{startElement:ve(Hg,{width:B,height:B,fill:H}),endElement:P,children:ve(Ab,{autoComplete:"off",placeholder:e||g.filterPlaceholder,onChange:e=>{const{value:t}=e.target;v(t)},onFocus:()=>E(!0),onBlur:()=>E(!1),value:b,label:"",style:{paddingLeft:"2.5rem"},type:"search","aria-label":e||g.filterAriaLabel,"aria-expanded":I,"aria-controls":R,role:"combobox","aria-autocomplete":"list",disabled:t,size:n,noMarginBottom:!0,onKeyDown:e=>{if(I){if("ArrowDown"===e.key&&(e.preventDefault(),O("keyboard"),S((e=>Math.min(e+1,C.length-1)))),"ArrowUp"===e.key&&(e.preventDefault(),O("keyboard"),S((e=>Math.max(e-1,0)))),"Enter"===e.key&&(e.preventDefault(),$>=0)){const e=C[$];D(e.id||yR(e))}"Escape"===e.key&&x()}}})})}),(I||l&&!!b.length)&&"custom"===c&&f&&!l&&f({items:C,highlightedIndex:$,query:b,onSelect:D})]}),ve(a,{children:ve(u.Positioner,{children:be(u.Content,{ref:A,css:mR,style:{maxHeight:_},"data-nav-source":T,onPointerMove:()=>O("pointer"),children:[l&&ve(r,{padding:"1rem",children:ve(o,{})}),"text"===c&&!l&&ve(vR,{highlightedIndex:$,items:C,query:b,onSelect:D}),"list"===c&&!l&&ve(jk,{items:C,highlightedIndex:$})]})})})]})},xR={small:Ve(400),medium:Ve(600),large:Ve(1e3),default:Ve(400)};function CR(e,t,n,r){const o=function(e,t){return null!=t&&""!==t?Me(t):e&&xR[e]?xR[e]:xR.default}(e,t),i=n?Ie("neutral",200):Ie("primary",300),s=r||i,a=r&&n?"opacity: 0.7;":"",l=n?Ie("neutral",400):Ie("primary",800),c=n?Ie("neutral",400):Ie("primary",800);return ke`
|
|
4215
4216
|
height: ${o};
|
|
4216
4217
|
width: ${o};
|
|
4217
4218
|
border-radius: 50%;
|
|
@@ -4246,20 +4247,20 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4246
4247
|
background-color: ${Ie("primary",500)};
|
|
4247
4248
|
}
|
|
4248
4249
|
}
|
|
4249
|
-
`}const
|
|
4250
|
+
`}const kR=ke`
|
|
4250
4251
|
font-size: ${ze(200)};
|
|
4251
4252
|
line-height: ${He(400)};
|
|
4252
4253
|
font-weight: 700;
|
|
4253
4254
|
color: inherit;
|
|
4254
|
-
|
|
4255
|
+
`,$R={small:{fontSize:Ee(8),boxSize:Ee(10),padding:Ee(2)},large:{fontSize:Ee(12),boxSize:Ee(20),padding:`${Ee(2)} ${Ee(4)}`}},SR=ke`
|
|
4255
4256
|
display: flex;
|
|
4256
4257
|
justify-content: flex-start;
|
|
4257
4258
|
align-items: center;
|
|
4258
4259
|
gap: ${Ve(200)};
|
|
4259
|
-
`,
|
|
4260
|
+
`,MR=e=>ke`
|
|
4260
4261
|
position: relative;
|
|
4261
4262
|
display: flex;
|
|
4262
|
-
`,
|
|
4263
|
+
`,ER=(e="large")=>{const t=Ve("small"===e?100:200);return ke`
|
|
4263
4264
|
height: ${t};
|
|
4264
4265
|
width: ${t};
|
|
4265
4266
|
background-color: ${Ie("error",500)};
|
|
@@ -4268,7 +4269,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4268
4269
|
top: 0rem;
|
|
4269
4270
|
right: 0rem;
|
|
4270
4271
|
z-index: 1;
|
|
4271
|
-
`},
|
|
4272
|
+
`},TR=(e="large")=>{const{boxSize:t,padding:n}=$R[e];return ke`
|
|
4272
4273
|
background-color: ${Ie("error",500)};
|
|
4273
4274
|
padding: ${n};
|
|
4274
4275
|
border-radius: 9999px;
|
|
@@ -4283,12 +4284,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4283
4284
|
min-width: ${t};
|
|
4284
4285
|
height: ${t};
|
|
4285
4286
|
z-index: 1;
|
|
4286
|
-
`},
|
|
4287
|
+
`},OR=(e="large")=>{const{fontSize:t}=$R[e];return ke`
|
|
4287
4288
|
font-size: ${t};
|
|
4288
4289
|
line-height: 1;
|
|
4289
4290
|
font-weight: 700;
|
|
4290
4291
|
color: ${Ie("error",100)};
|
|
4291
|
-
`},
|
|
4292
|
+
`},LR=(e="large")=>{const{boxSize:t}=$R[e];return ke`
|
|
4292
4293
|
height: ${t};
|
|
4293
4294
|
min-width: ${t};
|
|
4294
4295
|
background-color: ${Ie("error",500)};
|
|
@@ -4297,12 +4298,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4297
4298
|
justify-content: center;
|
|
4298
4299
|
align-items: center;
|
|
4299
4300
|
padding: 0rem ${Ve(100)} 0.0625rem ${Ve(100)};
|
|
4300
|
-
`},
|
|
4301
|
+
`},AR=(e="large")=>{const{fontSize:t}=$R[e];return ke`
|
|
4301
4302
|
font-size: ${t};
|
|
4302
4303
|
line-height: ${He(600)};
|
|
4303
4304
|
font-weight: 700;
|
|
4304
4305
|
color: ${Ie("error",100)};
|
|
4305
|
-
`},
|
|
4306
|
+
`},NR=({hasNotification:e,notificationCount:t,label:n,labels:r,children:o,size:i="large"})=>{const s=tg("Badge",r),[a,l]=ae(!1);ce((()=>{const e=()=>{window.innerWidth<1024?l(!0):l(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const c=(()=>{let e="";return t&&t>0&&(e=`${t>99?"99+":t}`),e})(),d="small"===i?"1rem":"1.5rem";return be("div",a&&null==o?{css:SR,role:"status","aria-live":"polite",children:[be("div",{css:MR(),children:[ve(wg,{color:"currentColor",height:d,width:d}),!e||t||n?null:ve("div",{css:ER(i),"aria-hidden":!0})]}),n?ve("p",{children:n}):null,c.length>0?ve("div",{css:LR(i),children:ve("p",{css:AR(i),"aria-label":s.unreadMessagesLabel(t||0),children:c})}):null]}:{css:SR,role:"status","aria-live":"polite",children:[n?ve("p",{children:n}):null,be("div",{css:MR(),children:[c.length>0?ve("div",{css:TR(i),children:ve("p",{css:OR(i),"aria-label":s.unreadMessagesLabel(t||0),children:c})}):null,e&&!t?ve("div",{css:ER(i),"aria-hidden":!0}):null,o??ve(wg,{color:"currentColor",height:d,width:d})]})]})},RR=ie((({name:e,ariaLabel:t,size:n="medium",customSize:r,src:o,srcSet:i,onClick:s,notificationCount:a,badgeSize:l="large",disabled:c=!1,customBackgroundColor:d="",labels:u},h)=>{const p=tg("Avatar",u),f=()=>{c||s?.()},m=!!o||!!i,g=!!s&&!c,b=!!a&&a>0,v=be(W.Root,{"aria-label":t||e,ref:h,css:CR(n,r,c,d),onClick:f,onKeyDown:e=>{c||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f())},role:g?"button":"img",tabIndex:g?0:void 0,"aria-disabled":s?c:void 0,children:[m&&ve(W.Image,{src:o,srcSet:i,alt:t||e||"Avatar image"}),!m&&e&&ve(W.Fallback,{name:e,css:kR}),!m&&!e&&ve(zg,{size:"100%",style:{padding:"15%",color:c?Ie("neutral",400):Ie("primary",800)}})]});return b?ve(NR,{notificationCount:a,size:l,labels:{unreadMessagesLabel:p.unreadMessagesLabel},children:v}):v})),DR=(e,t="full-width",n=!1)=>{let r="",o="",i="";return"success"===e?(r=Ie("success",100),o=Ie("success",500),i=Ie("success",300)):"warning"===e?(r=Ie("warning",100),o=Ie("warning",500),i=Ie("warning",300)):"error"===e?(r=Ie("error",100),o=Ie("error",500),i=Ie("error",300)):"information"===e?(r=Ie("secondary",100),o=Ie("secondary",500),i=Ie("secondary",200)):"general-grey"===e?(r=Ie("neutral",200),o=Ie("neutral",700),i=Ie("neutral",300)):(r=Ie("neutral",100),o=Ie("neutral",700),i=Ie("neutral",300)),ke`
|
|
4306
4307
|
display: ${"inline"===t?"inline-flex":"flex"};
|
|
4307
4308
|
width: ${"inline"===t?"fit-content":"100%"};
|
|
4308
4309
|
max-width: 100%;
|
|
@@ -4313,38 +4314,38 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4313
4314
|
background-color: ${r};
|
|
4314
4315
|
border-bottom: ${_e(100)} solid ${i};
|
|
4315
4316
|
border-radius: 0;
|
|
4316
|
-
`},
|
|
4317
|
+
`},PR=e=>ke`
|
|
4317
4318
|
rotate: ${"error"===e?"180deg":""};
|
|
4318
4319
|
svg {
|
|
4319
4320
|
width: 1rem;
|
|
4320
4321
|
height: 1rem;
|
|
4321
4322
|
}
|
|
4322
|
-
`,
|
|
4323
|
+
`,IR=ee.forwardRef((({title:e,children:t,icon:n,variant:r,onClose:o,labels:i,isCentered:s=!1,width:a="full-width"},l)=>{const c=tg("AlertBanner",i),[d,u]=ee.useState(!0),h=ve("success"===r?gg:"warning"===r?bg:cg,{});return d?be(U.Root,{css:DR(r,a,s),children:[ve(U.Indicator,{css:PR(r),children:n||h}),t?ve(U.Content,{flex:s?"initial":void 0,children:be("div",{style:{display:"flex",gap:"0.75rem",alignItems:"center"},children:[ve(U.Title,{children:e}),ve(U.Description,{children:t})]})}):ve(U.Title,{flex:s?"initial":"1",children:e}),ve(_b,{"aria-label":c.closeAlertLabel,pos:"absolute",top:"1rem",insetEnd:"2",onClick:()=>{u(!1),o?.()}})]}):null})),zR=ke`
|
|
4323
4324
|
height: ${Ve(200)};
|
|
4324
4325
|
width: 100%;
|
|
4325
4326
|
background-color: ${Ie("neutral",300)};
|
|
4326
4327
|
display: flex;
|
|
4327
4328
|
align-items: center;
|
|
4328
4329
|
justify-content: flex-start;
|
|
4329
|
-
`,
|
|
4330
|
+
`,VR=(e,t)=>ke`
|
|
4330
4331
|
height: 100%;
|
|
4331
4332
|
width: ${e}%;
|
|
4332
4333
|
background-color: ${t??Ie("primary",500)};
|
|
4333
4334
|
transition: width 0.5s ease-in-out;
|
|
4334
|
-
`,
|
|
4335
|
+
`,HR=({progress:e,labels:t,color:n})=>{const r=tg("ProgressBar",t);let o=e;return o>100&&(o=100),o<0&&(o=0),ve("div",{css:zR,role:"progressbar","aria-label":r.progressAriaLabel(o),"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o,children:ve("div",{css:VR(o,n)})})},BR=ke`
|
|
4335
4336
|
width: 100%;
|
|
4336
4337
|
display: flex;
|
|
4337
4338
|
align-items: center;
|
|
4338
4339
|
justify-content: space-between;
|
|
4339
4340
|
position: relative;
|
|
4340
|
-
`,
|
|
4341
|
+
`,_R=ke`
|
|
4341
4342
|
height: 3.75rem;
|
|
4342
4343
|
width: ${Ve(2e3)};
|
|
4343
4344
|
display: flex;
|
|
4344
4345
|
flex-direction: column;
|
|
4345
4346
|
align-items: center;
|
|
4346
4347
|
justify-content: space-between;
|
|
4347
|
-
`,
|
|
4348
|
+
`,jR=(e,t)=>ke`
|
|
4348
4349
|
height: ${Ve(800)};
|
|
4349
4350
|
width: ${Ve(800)};
|
|
4350
4351
|
display: flex;
|
|
@@ -4380,12 +4381,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4380
4381
|
}
|
|
4381
4382
|
|
|
4382
4383
|
${t?`\n background-color: ${Ie("neutral",300)};\n \n &:hover {\n background-color: ${Ie("neutral",300)};\n box-shadow: none;\n }\n `:""}
|
|
4383
|
-
`,
|
|
4384
|
+
`,FR=e=>ke`
|
|
4384
4385
|
color: ${Ie("neutral",e?800:600)};
|
|
4385
4386
|
font-size: ${ze(300)};
|
|
4386
4387
|
line-height: ${He(500)};
|
|
4387
4388
|
font-weight: 400;
|
|
4388
|
-
`,
|
|
4389
|
+
`,qR=ke`
|
|
4389
4390
|
height: ${_e(100)};
|
|
4390
4391
|
width: 100%;
|
|
4391
4392
|
padding: 0 1.875rem;
|
|
@@ -4393,25 +4394,25 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4393
4394
|
top: ${Ve(400)};
|
|
4394
4395
|
left: 0;
|
|
4395
4396
|
z-index: -1;
|
|
4396
|
-
`,
|
|
4397
|
+
`,WR=ke`
|
|
4397
4398
|
height: ${_e(100)};
|
|
4398
4399
|
width: 100%;
|
|
4399
4400
|
background-color: ${Ie("neutral",400)};
|
|
4400
|
-
`,
|
|
4401
|
+
`,UR=({steps:e,currentStep:t,labels:n})=>{const r=tg("StepProgressIndicator",n);return be("div",{css:BR,children:[e.map(((e,n)=>be("div",{css:_R,children:[ve("button",{css:jR(t>=n+1,t<n+1),type:"button",onClick:e.onClick,"aria-current":t===n+1,"aria-disabled":t<n+1,disabled:t<n+1,"aria-label":r.currentStepLabel(n+1,e.label||"",t>n+1),"data-active":t>=n+1,children:t>n+1?ve(ag,{height:"1rem",width:"1rem"}):n+1}),e.label?ve("p",{css:FR(t===n+1),children:e.label}):null]},`${e.label}-${n}`))),ve("div",{css:qR,children:ve("div",{css:WR})})]})},KR=ke`
|
|
4401
4402
|
font-size: ${ze(500)};
|
|
4402
4403
|
line-height: ${He(700)};
|
|
4403
4404
|
font-weight: 400;
|
|
4404
4405
|
color: ${Ie("neutral",800)};
|
|
4405
|
-
`,
|
|
4406
|
+
`,GR=ke`
|
|
4406
4407
|
font-size: ${ze(400)};
|
|
4407
4408
|
line-height: ${He(600)};
|
|
4408
4409
|
font-weight: 400;
|
|
4409
4410
|
color: ${Ie("neutral",700)};
|
|
4410
|
-
`,GR=ke`
|
|
4411
|
-
padding: 0.375rem;
|
|
4412
4411
|
`,ZR=ke`
|
|
4413
4412
|
padding: 0.375rem;
|
|
4414
|
-
`,JR=
|
|
4413
|
+
`,JR=ke`
|
|
4414
|
+
padding: 0.375rem;
|
|
4415
|
+
`,XR={pauseOnPageIdle:!0,offsets:"1.5rem"},YR={"top-start":K({placement:"top-start",...XR}),top:K({placement:"top",...XR}),"top-end":K({placement:"top-end",...XR}),"bottom-start":K({placement:"bottom-start",...XR}),bottom:K({placement:"bottom",...XR}),"bottom-end":K({placement:"bottom-end",...XR})},QR=e=>{YR[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel,onClose:e.onClose,maxWidth:e.maxWidth},...e})},eD=e=>{Object.values(YR).forEach((t=>{t.dismiss(e)}))},tD=({labels:e})=>{const t=tg("Toast",e);return Object.keys(YR).map((e=>ve(a,{children:ve(G,{toaster:YR[e],insetInline:{mdDown:"4"},children:n=>{return be(Z.Root,{css:(r=n.meta?.maxWidth,ke`
|
|
4415
4416
|
justify-content: space-between;
|
|
4416
4417
|
align-items: center;
|
|
4417
4418
|
gap: ${Ve(200)};
|
|
@@ -4455,4 +4456,4 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4455
4456
|
color: ${Ie("error",900)};
|
|
4456
4457
|
}
|
|
4457
4458
|
}
|
|
4458
|
-
`),width:{md:"sm"},children:[be(J,{flexDirection:"row",className:"ds-toast-icon-container",alignItems:n.description?"flex-start":"center",children:["info"===n.type?n.meta?.icon?n.meta.icon:ve(cg,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===n.type?ve(o,{size:"lg",borderWidth:"0.1875rem",color:"var(--chakra-colors-primary-700)"}):null,"success"===n.type?n.meta?.icon?n.meta.icon:ve(gg,{color:"var(--chakra-colors-success-500)"}):null,"warning"===n.type?n.meta?.icon?n.meta.icon:ve(bg,{color:"var(--chakra-colors-warning-500)"}):null,"error"===n.type?n.meta?.icon?n.meta.icon:ve(vg,{color:"var(--chakra-colors-error-500)"}):null,be(J,{gap:"1",flex:"1",maxWidth:"100%",children:[ve(Z.Title,{css:
|
|
4459
|
+
`),width:{md:"sm"},children:[be(J,{flexDirection:"row",className:"ds-toast-icon-container",alignItems:n.description?"flex-start":"center",children:["info"===n.type?n.meta?.icon?n.meta.icon:ve(cg,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===n.type?ve(o,{size:"lg",borderWidth:"0.1875rem",color:"var(--chakra-colors-primary-700)"}):null,"success"===n.type?n.meta?.icon?n.meta.icon:ve(gg,{color:"var(--chakra-colors-success-500)"}):null,"warning"===n.type?n.meta?.icon?n.meta.icon:ve(bg,{color:"var(--chakra-colors-warning-500)"}):null,"error"===n.type?n.meta?.icon?n.meta.icon:ve(vg,{color:"var(--chakra-colors-error-500)"}):null,be(J,{gap:"1",flex:"1",maxWidth:"100%",children:[ve(Z.Title,{css:KR,"aria-label":`${n.title}`,children:n.title}),n.description?ve(Z.Title,{css:GR,"aria-label":`${n.description}`,children:n.description}):null]})]}),n.action||n.meta?.closable?be(J,{flexDirection:"row",children:[n.action?ve(ng,{css:ZR,label:n.action.label,size:"small",variant:"info"===n.type?"primary":"secondary",onClick:()=>{n?.action?.onClick&&n.action.onClick(),YR[e].dismiss()}}):null,n.meta?.closable?ve(ng,{css:JR,label:n.meta.closableLabel,"aria-label":n.meta?.closableLabel||t.dismissLabel,leftIcon:ve(hg,{height:"0.625rem!",width:"0.625rem!"}),size:"small",variant:"secondary",onClick:()=>{n.meta?.onClose&&n.meta.onClose(),YR[e].dismiss()}}):null]}):null]});var r}})},e)))};export{IR as AlertBanner,v$ as AnalysisWidget,RR as Avatar,NR as Badge,bw as BaseMap,mN as Breadcrumb,ng as Button,Ov as Checkbox,gy as CheckboxList,Iv as CheckboxOptionCard,_b as CloseButton,ww as ClusterPoint,lw as Combobox,Fe as DesignSystemLocaleProvider,p$ as ExtendableCard,Cb as FieldWrapper,xN as Footer,Ev as FormContainer,og as IconButton,YA as InlineMessage,By as InputWithUnits,Rk as ItemCount,GC as LayerGroup,ZC as LayerGroupContainer,KC as LayerItem,ek as LayerParameters,hk as LegendItem,jk as List,fv as MapControlsToolbar,yw as MapMarker,Cw as MapMarkers,zC as MapPopUp,tb as Menu,uN as MobileSearch,EN as MobileTabBar,vS as Modal,Cv as MultiActionButton,XN as Navbar,rR as NavigationRail,uk as OpacityControl,Fv as OptionCard,Kk as Pagination,SS as Panel,Uy as Password,HR as ProgressBar,xk as QualitativeAttribute,Kv as Radio,Gv as RadioGroup,Gy as RadioList,Vb as RichTextEditor,Hb as SSOButtons,Tk as ScaleBar,wR as Search,Hy as Select,BA as Sheet,xw as SimpleMapPin,sy as Slider,Jy as SliderInput,UR as StepProgressIndicator,ly as Switch,hR as TabBar,l$ as Table,d$ as TableCell,c$ as TableRow,Iy as Tag,Ab as TextInput,ew as Textarea,tD as Toast,pv as Toolbar,ob as Tooltip,eD as closeToast,Pe as designSystemStyles,De as designSystemStylesForTailwind,_e as getThemedBorderWidth,Ie as getThemedColor,ze as getThemedFontSize,He as getThemedLineHeight,Be as getThemedRadius,Ve as getThemedSpacing,QR as showToast};
|