@worldresources/wri-design-systems 2.204.1 → 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/dist/index.cjs.js +108 -108
- package/dist/index.d.ts +2 -1
- package/dist/index.esm.js +104 -104
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -3083,11 +3083,11 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3083
3083
|
padding: 0;
|
|
3084
3084
|
min-height: ${Ve(1600)};
|
|
3085
3085
|
}
|
|
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,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`
|
|
3087
3087
|
width: 100%;
|
|
3088
3088
|
max-width: ${n};
|
|
3089
3089
|
border-radius: ${Be(300)};
|
|
3090
|
-
padding: ${
|
|
3090
|
+
padding: ${_A(e)?`${Ve(200)} ${Ve(200)} ${Ve(300)} ${Ve(200)}`:`${Ve(200)} ${Ve(300)} ${Ve(300)} ${Ve(300)}`};
|
|
3091
3091
|
display: flex;
|
|
3092
3092
|
align-items: ${t?"center":"flex-start"};
|
|
3093
3093
|
justify-content: ${t?"space-between":"flex-start"};
|
|
@@ -3097,7 +3097,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3097
3097
|
button {
|
|
3098
3098
|
margin-left: ${t?0:Ve(600)};
|
|
3099
3099
|
}
|
|
3100
|
-
`},
|
|
3100
|
+
`},FA=ke`
|
|
3101
3101
|
display: flex;
|
|
3102
3102
|
align-items: baseline;
|
|
3103
3103
|
gap: ${Ve(200)};
|
|
@@ -3105,35 +3105,35 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3105
3105
|
svg {
|
|
3106
3106
|
margin-top: 0.1875rem;
|
|
3107
3107
|
}
|
|
3108
|
-
`,
|
|
3108
|
+
`,qA=e=>ke`
|
|
3109
3109
|
color: ${Ie("neutral",800)};
|
|
3110
|
-
font-size: ${
|
|
3111
|
-
line-height: ${
|
|
3110
|
+
font-size: ${_A(e)?ze(300):ze(500)};
|
|
3111
|
+
line-height: ${_A(e)?He(500):He(700)};
|
|
3112
3112
|
font-weight: 400;
|
|
3113
3113
|
text-align: left;
|
|
3114
|
-
`,
|
|
3114
|
+
`,WA=(e,t)=>ke`
|
|
3115
3115
|
color: ${Ie("neutral",700)};
|
|
3116
|
-
font-size: ${
|
|
3117
|
-
line-height: ${
|
|
3116
|
+
font-size: ${_A(e)?ze(200):ze(400)};
|
|
3117
|
+
line-height: ${_A(e)?He(400):He(600)};
|
|
3118
3118
|
font-weight: 400;
|
|
3119
3119
|
margin-left: ${t?Ve(600):"0"};
|
|
3120
3120
|
text-align: left;
|
|
3121
|
-
`,
|
|
3121
|
+
`,UA=(e,t)=>ke`
|
|
3122
3122
|
color: ${Ie("neutral",700)};
|
|
3123
|
-
font-size: ${
|
|
3124
|
-
line-height: ${
|
|
3123
|
+
font-size: ${_A(e)?ze(200):ze(400)};
|
|
3124
|
+
line-height: ${_A(e)?He(400):He(600)};
|
|
3125
3125
|
font-weight: 400;
|
|
3126
3126
|
margin-left: ${t?Ve(600):"0"};
|
|
3127
3127
|
text-align: left;
|
|
3128
|
-
`,
|
|
3128
|
+
`,KA=ke`
|
|
3129
3129
|
background-color: ${Ie("neutral",100)};
|
|
3130
3130
|
border: ${_e(100)} solid ${Ie("neutral",300)};
|
|
3131
3131
|
color: ${Ie("neutral",700)};
|
|
3132
|
-
`,
|
|
3132
|
+
`,GA=ke`
|
|
3133
3133
|
background-color: ${Ie("neutral",200)};
|
|
3134
3134
|
border: ${_e(100)} solid ${Ie("neutral",300)};
|
|
3135
3135
|
color: ${Ie("neutral",700)};
|
|
3136
|
-
`,
|
|
3136
|
+
`,ZA=ke`
|
|
3137
3137
|
background-color: ${Ie("success",100)};
|
|
3138
3138
|
border: ${_e(100)} solid ${Ie("success",300)};
|
|
3139
3139
|
color: ${Ie("success",500)};
|
|
@@ -3141,7 +3141,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3141
3141
|
p {
|
|
3142
3142
|
color: ${Ie("success",900)};
|
|
3143
3143
|
}
|
|
3144
|
-
`,
|
|
3144
|
+
`,JA=ke`
|
|
3145
3145
|
background-color: ${Ie("warning",100)};
|
|
3146
3146
|
border: ${_e(100)} solid ${Ie("warning",300)};
|
|
3147
3147
|
color: ${Ie("warning",500)};
|
|
@@ -3149,7 +3149,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3149
3149
|
p {
|
|
3150
3150
|
color: ${Ie("warning",900)};
|
|
3151
3151
|
}
|
|
3152
|
-
`,
|
|
3152
|
+
`,XA=ke`
|
|
3153
3153
|
background-color: ${Ie("error",100)};
|
|
3154
3154
|
border: ${_e(100)} solid ${Ie("error",300)};
|
|
3155
3155
|
color: ${Ie("error",500)};
|
|
@@ -3157,52 +3157,52 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3157
3157
|
p {
|
|
3158
3158
|
color: ${Ie("error",900)};
|
|
3159
3159
|
}
|
|
3160
|
-
`,
|
|
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`
|
|
3161
3161
|
width: 100%;
|
|
3162
3162
|
min-height: calc(${Ve(1200)} * 12);
|
|
3163
3163
|
background-color: ${Ie("neutral",100)};
|
|
3164
3164
|
display: flex;
|
|
3165
3165
|
flex-direction: column;
|
|
3166
|
-
`,
|
|
3166
|
+
`,eN=ke`
|
|
3167
3167
|
background-color: ${Ie("neutral",200)};
|
|
3168
3168
|
padding: ${Ve(300)};
|
|
3169
3169
|
display: flex;
|
|
3170
3170
|
align-items: center;
|
|
3171
3171
|
gap: ${Ve(300)};
|
|
3172
|
-
`,
|
|
3172
|
+
`,tN=ke`
|
|
3173
3173
|
flex: 1;
|
|
3174
3174
|
|
|
3175
3175
|
.ds-text-input-container {
|
|
3176
3176
|
margin-bottom: 0;
|
|
3177
3177
|
}
|
|
3178
|
-
`,
|
|
3178
|
+
`,nN=ke`
|
|
3179
3179
|
flex-shrink: 0;
|
|
3180
3180
|
color: ${Ie("neutral",700)};
|
|
3181
3181
|
font-size: ${ze(400)};
|
|
3182
3182
|
font-style: normal;
|
|
3183
3183
|
font-weight: 400;
|
|
3184
|
-
`,
|
|
3184
|
+
`,rN=ke`
|
|
3185
3185
|
flex: 1;
|
|
3186
3186
|
min-height: 0;
|
|
3187
3187
|
padding: ${Ve(400)};
|
|
3188
3188
|
display: flex;
|
|
3189
3189
|
flex-direction: column;
|
|
3190
3190
|
gap: ${Ve(300)};
|
|
3191
|
-
`,
|
|
3191
|
+
`,oN=ke`
|
|
3192
3192
|
color: ${Ie("neutral",700)};
|
|
3193
3193
|
font-size: ${ze(400)};
|
|
3194
3194
|
line-height: ${He(600)};
|
|
3195
3195
|
font-weight: 700;
|
|
3196
|
-
`,oN=ke`
|
|
3197
|
-
width: 100%;
|
|
3198
3196
|
`,iN=ke`
|
|
3197
|
+
width: 100%;
|
|
3198
|
+
`,sN=ke`
|
|
3199
3199
|
flex: 1;
|
|
3200
3200
|
min-height: 0;
|
|
3201
3201
|
overflow-y: auto;
|
|
3202
3202
|
display: flex;
|
|
3203
3203
|
flex-direction: column;
|
|
3204
3204
|
gap: ${Ve(200)};
|
|
3205
|
-
`,
|
|
3205
|
+
`,aN=ke`
|
|
3206
3206
|
background-color: ${Ie("neutral",200)};
|
|
3207
3207
|
border: ${_e(100)} solid ${Ie("neutral",300)};
|
|
3208
3208
|
border-radius: ${Be(300)};
|
|
@@ -3228,13 +3228,13 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3228
3228
|
&:active {
|
|
3229
3229
|
background-color: ${Ie("neutral",300)};
|
|
3230
3230
|
}
|
|
3231
|
-
`,
|
|
3231
|
+
`,lN=ke`
|
|
3232
3232
|
display: flex;
|
|
3233
3233
|
flex: 1;
|
|
3234
3234
|
min-width: 0;
|
|
3235
3235
|
flex-direction: column;
|
|
3236
3236
|
gap: ${Ve(50)};
|
|
3237
|
-
`,
|
|
3237
|
+
`,cN=ke`
|
|
3238
3238
|
color: ${Ie("neutral",900)};
|
|
3239
3239
|
font-size: ${ze(300)};
|
|
3240
3240
|
line-height: ${He(500)};
|
|
@@ -3242,7 +3242,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3242
3242
|
overflow: hidden;
|
|
3243
3243
|
text-overflow: ellipsis;
|
|
3244
3244
|
white-space: nowrap;
|
|
3245
|
-
`,
|
|
3245
|
+
`,dN=ke`
|
|
3246
3246
|
color: ${Ie("neutral",700)};
|
|
3247
3247
|
font-size: ${ze(300)};
|
|
3248
3248
|
line-height: ${He(500)};
|
|
@@ -3250,7 +3250,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3250
3250
|
overflow: hidden;
|
|
3251
3251
|
text-overflow: ellipsis;
|
|
3252
3252
|
white-space: nowrap;
|
|
3253
|
-
`,
|
|
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`
|
|
3254
3254
|
a,
|
|
3255
3255
|
p {
|
|
3256
3256
|
font-size: ${ze("small"===e?200:400)};
|
|
@@ -3282,19 +3282,19 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3282
3282
|
a:hover {
|
|
3283
3283
|
text-decoration: underline;
|
|
3284
3284
|
}
|
|
3285
|
-
`,
|
|
3285
|
+
`,pN=e=>ke`
|
|
3286
3286
|
svg {
|
|
3287
3287
|
height: ${Ve("small"===e?200:300)};
|
|
3288
3288
|
width: ${Ve("small"===e?200:300)};
|
|
3289
3289
|
color: ${Ie("neutral",600)};
|
|
3290
3290
|
}
|
|
3291
|
-
`,
|
|
3291
|
+
`,fN=ke`
|
|
3292
3292
|
cursor: pointer;
|
|
3293
3293
|
color: ${Ie("neutral",600)};
|
|
3294
3294
|
display: flex;
|
|
3295
3295
|
justify-content: center;
|
|
3296
3296
|
align-items: center;
|
|
3297
|
-
`,
|
|
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`
|
|
3298
3298
|
min-height: ${Ve(1400)};
|
|
3299
3299
|
width: 100vw;
|
|
3300
3300
|
position: ${e?"sticky":"absolute"};
|
|
@@ -3304,7 +3304,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3304
3304
|
border-top: ${_e(100)} solid
|
|
3305
3305
|
${Ie("neutral",400)};
|
|
3306
3306
|
z-index: 101;
|
|
3307
|
-
`,
|
|
3307
|
+
`,bN=e=>ke`
|
|
3308
3308
|
height: 100%;
|
|
3309
3309
|
width: 100%;
|
|
3310
3310
|
max-width: ${null!=e?Me(e):"100%"};
|
|
@@ -3319,7 +3319,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3319
3319
|
flex-direction: column;
|
|
3320
3320
|
align-items: flex-start;
|
|
3321
3321
|
}
|
|
3322
|
-
`,
|
|
3322
|
+
`,vN=ke`
|
|
3323
3323
|
display: flex;
|
|
3324
3324
|
align-items: center;
|
|
3325
3325
|
flex-wrap: wrap;
|
|
@@ -3332,7 +3332,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3332
3332
|
color: ${Ie("neutral",700)};
|
|
3333
3333
|
text-decoration: underline;
|
|
3334
3334
|
}
|
|
3335
|
-
`,
|
|
3335
|
+
`,yN=ke`
|
|
3336
3336
|
width: 15rem;
|
|
3337
3337
|
font-size: ${ze(300)};
|
|
3338
3338
|
line-height: ${He(500)};
|
|
@@ -3343,17 +3343,17 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3343
3343
|
@media screen and (max-width: 48rem) {
|
|
3344
3344
|
text-align: left;
|
|
3345
3345
|
}
|
|
3346
|
-
`,
|
|
3346
|
+
`,wN=ke`
|
|
3347
3347
|
display: flex;
|
|
3348
3348
|
align-items: center;
|
|
3349
3349
|
gap: ${Ve(400)};
|
|
3350
|
-
`,
|
|
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`
|
|
3351
3351
|
width: 100%;
|
|
3352
3352
|
display: flex;
|
|
3353
3353
|
align-items: center;
|
|
3354
3354
|
height: ${Ve(1400)};
|
|
3355
3355
|
background-color: ${Ie("neutral",200)};
|
|
3356
|
-
`,
|
|
3356
|
+
`,kN=ke`
|
|
3357
3357
|
height: ${Ve(1400)};
|
|
3358
3358
|
width: 99%;
|
|
3359
3359
|
background-color: ${Ie("neutral",200)};
|
|
@@ -3449,9 +3449,9 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3449
3449
|
opacity: 1;
|
|
3450
3450
|
}
|
|
3451
3451
|
}
|
|
3452
|
-
`,kN=ke`
|
|
3453
|
-
position: relative;
|
|
3454
3452
|
`,$N=ke`
|
|
3453
|
+
position: relative;
|
|
3454
|
+
`,SN=ke`
|
|
3455
3455
|
position: absolute;
|
|
3456
3456
|
top: -0.3125rem;
|
|
3457
3457
|
right: -0.3125rem;
|
|
@@ -3466,7 +3466,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3466
3466
|
display: flex;
|
|
3467
3467
|
justify-content: center;
|
|
3468
3468
|
align-items: center;
|
|
3469
|
-
`,
|
|
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`
|
|
3470
3470
|
max-height: ${i};
|
|
3471
3471
|
width: 100%;
|
|
3472
3472
|
background-color: ${n??Ie("neutral","dark"===r?800:100)};
|
|
@@ -3476,7 +3476,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3476
3476
|
z-index: 102;
|
|
3477
3477
|
border-bottom: ${_e(100)} solid
|
|
3478
3478
|
${Ie("neutral",400)};
|
|
3479
|
-
`},
|
|
3479
|
+
`},ON=(e,t)=>ke`
|
|
3480
3480
|
height: ${Ve(t?700:1200)};
|
|
3481
3481
|
width: 100%;
|
|
3482
3482
|
background-color: ${Ie("neutral","dark"===e?800:100)};
|
|
@@ -3487,7 +3487,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3487
3487
|
justify-content: flex-start;
|
|
3488
3488
|
gap: 0;
|
|
3489
3489
|
padding: ${t?0:`${Ve(200)} ${Ve(400)}`};
|
|
3490
|
-
`,
|
|
3490
|
+
`,LN=(e,t,n)=>ke`
|
|
3491
3491
|
height: ${Ve(n?700:1200)};
|
|
3492
3492
|
width: 100%;
|
|
3493
3493
|
max-width: ${t?Me(t):"100%"};
|
|
@@ -3498,13 +3498,13 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3498
3498
|
justify-content: space-between;
|
|
3499
3499
|
margin: 0 auto;
|
|
3500
3500
|
padding: ${n?0:`${Ve(200)} ${Ve(400)}`};
|
|
3501
|
-
`,
|
|
3501
|
+
`,AN=(e,t)=>ke`
|
|
3502
3502
|
display: flex;
|
|
3503
3503
|
margin: ${t?"-0.0625rem":"0rem"};
|
|
3504
3504
|
justify-content: flex-start;
|
|
3505
3505
|
gap: ${Ve(300)};
|
|
3506
3506
|
color: ${Ie("neutral",e?100:900)};
|
|
3507
|
-
`,
|
|
3507
|
+
`,NN=ke`
|
|
3508
3508
|
outline: none;
|
|
3509
3509
|
|
|
3510
3510
|
a {
|
|
@@ -3516,12 +3516,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3516
3516
|
outline-width: ${Ve(50)};
|
|
3517
3517
|
}
|
|
3518
3518
|
}
|
|
3519
|
-
`,
|
|
3519
|
+
`,RN=e=>ke`
|
|
3520
3520
|
display: ${e?"none":"flex"};
|
|
3521
3521
|
align-items: center;
|
|
3522
3522
|
justify-content: flex-start;
|
|
3523
3523
|
gap: 0rem;
|
|
3524
|
-
`,
|
|
3524
|
+
`,DN=(e,t,n)=>ke`
|
|
3525
3525
|
font-size: ${ze(n?300:400)};
|
|
3526
3526
|
line-height: ${He(600)};
|
|
3527
3527
|
font-weight: 400;
|
|
@@ -3546,12 +3546,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3546
3546
|
font-weight: 700;
|
|
3547
3547
|
color: ${Ie("accessible","controls-on-neutral-lights")};
|
|
3548
3548
|
`:""}
|
|
3549
|
-
`,
|
|
3549
|
+
`,PN=e=>ke`
|
|
3550
3550
|
height: ${Ve(e?700:1200)};
|
|
3551
3551
|
display: flex;
|
|
3552
3552
|
align-items: center;
|
|
3553
3553
|
justify-content: flex-end;
|
|
3554
|
-
`,
|
|
3554
|
+
`,IN=e=>ke`
|
|
3555
3555
|
height: 100%;
|
|
3556
3556
|
font-size: ${ze(400)};
|
|
3557
3557
|
line-height: ${He(600)};
|
|
@@ -3571,7 +3571,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3571
3571
|
}
|
|
3572
3572
|
}
|
|
3573
3573
|
`:""}
|
|
3574
|
-
`,
|
|
3574
|
+
`,zN=e=>ke`
|
|
3575
3575
|
height: 100%;
|
|
3576
3576
|
display: flex;
|
|
3577
3577
|
align-items: center;
|
|
@@ -3580,7 +3580,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3580
3580
|
padding-left: ${Ve(400)};
|
|
3581
3581
|
border-left: ${_e(100)} solid
|
|
3582
3582
|
${Ie("neutral",e?700:300)};
|
|
3583
|
-
`,
|
|
3583
|
+
`,VN=(e="light",t)=>ke`
|
|
3584
3584
|
background-color: none;
|
|
3585
3585
|
border: none;
|
|
3586
3586
|
cursor: pointer;
|
|
@@ -3606,7 +3606,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3606
3606
|
outline-width: ${_e(200)};
|
|
3607
3607
|
background-color: ${Ie("neutral",200)};
|
|
3608
3608
|
}
|
|
3609
|
-
`,
|
|
3609
|
+
`,HN=(e,t)=>ke`
|
|
3610
3610
|
position: absolute;
|
|
3611
3611
|
top: ${Ve(t?700:1200)};
|
|
3612
3612
|
right: 0;
|
|
@@ -3621,10 +3621,10 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3621
3621
|
justify-content: flex-start;
|
|
3622
3622
|
gap: ${Ve(400)};
|
|
3623
3623
|
transition: width 0.5s ease-in-out;
|
|
3624
|
-
`,
|
|
3624
|
+
`,BN=ke`
|
|
3625
3625
|
height: 100%;
|
|
3626
3626
|
width: 100%;
|
|
3627
|
-
`,
|
|
3627
|
+
`,_N=e=>ke`
|
|
3628
3628
|
background-color: ${Ie("neutral","dark"===e?800:200)};
|
|
3629
3629
|
border-bottom: ${_e(100)} solid
|
|
3630
3630
|
${Ie("neutral",300)};
|
|
@@ -3645,13 +3645,13 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3645
3645
|
margin-left: -${Ve(300)};
|
|
3646
3646
|
}
|
|
3647
3647
|
}
|
|
3648
|
-
`,_N=ke`
|
|
3649
|
-
background-color: ${Ie("neutral",100)};
|
|
3650
3648
|
`,jN=ke`
|
|
3649
|
+
background-color: ${Ie("neutral",100)};
|
|
3650
|
+
`,FN=ke`
|
|
3651
3651
|
min-height: 100vh;
|
|
3652
3652
|
width: 100%;
|
|
3653
3653
|
overflow-y: scroll;
|
|
3654
|
-
`;ke``;const
|
|
3654
|
+
`;ke``;const qN=e=>ke`
|
|
3655
3655
|
display: inline-block;
|
|
3656
3656
|
width: 100%;
|
|
3657
3657
|
padding: ${Ve(300)} ${Ve(400)};
|
|
@@ -3680,7 +3680,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3680
3680
|
outline-width: ${_e(200)};
|
|
3681
3681
|
background-color: ${Ie("neutral",200)};
|
|
3682
3682
|
}
|
|
3683
|
-
`,
|
|
3683
|
+
`,WN=ke`
|
|
3684
3684
|
width: 100%;
|
|
3685
3685
|
padding: ${Ve(300)} ${Ve(400)};
|
|
3686
3686
|
display: flex;
|
|
@@ -3704,7 +3704,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3704
3704
|
outline-width: ${_e(200)};
|
|
3705
3705
|
background-color: ${Ie("neutral",200)};
|
|
3706
3706
|
}
|
|
3707
|
-
`,
|
|
3707
|
+
`,UN=e=>ke`
|
|
3708
3708
|
position: absolute;
|
|
3709
3709
|
top: 0rem;
|
|
3710
3710
|
right: 0;
|
|
@@ -3716,7 +3716,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3716
3716
|
align-items: flex-start;
|
|
3717
3717
|
justify-content: flex-start;
|
|
3718
3718
|
transition: width 0.5s ease-in-out;
|
|
3719
|
-
`,
|
|
3719
|
+
`,KN=ke`
|
|
3720
3720
|
height: ${Ve(1200)};
|
|
3721
3721
|
width: 100%;
|
|
3722
3722
|
display: flex;
|
|
@@ -3728,7 +3728,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3728
3728
|
position: relative;
|
|
3729
3729
|
top: 0;
|
|
3730
3730
|
left: 0;
|
|
3731
|
-
`,
|
|
3731
|
+
`,GN=ke`
|
|
3732
3732
|
position: absolute;
|
|
3733
3733
|
bottom: 0;
|
|
3734
3734
|
left: 0;
|
|
@@ -3743,7 +3743,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3743
3743
|
button {
|
|
3744
3744
|
width: calc(48% - 1.5rem);
|
|
3745
3745
|
}
|
|
3746
|
-
`,
|
|
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`
|
|
3747
3747
|
width: ${Ve(1600)};
|
|
3748
3748
|
height: 100%;
|
|
3749
3749
|
z-index: 100;
|
|
@@ -3753,7 +3753,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3753
3753
|
display: flex;
|
|
3754
3754
|
flex-direction: column;
|
|
3755
3755
|
justify-content: space-between;
|
|
3756
|
-
`,
|
|
3756
|
+
`,QN=ke`
|
|
3757
3757
|
width: ${Ve(1600)};
|
|
3758
3758
|
height: ${Ve(1600)};
|
|
3759
3759
|
background-color: ${Ie("neutral",200)};
|
|
@@ -3844,7 +3844,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3844
3844
|
}
|
|
3845
3845
|
}
|
|
3846
3846
|
}
|
|
3847
|
-
`,
|
|
3847
|
+
`,eR=ke`
|
|
3848
3848
|
display: flex;
|
|
3849
3849
|
justify-content: center;
|
|
3850
3850
|
align-items: center;
|
|
@@ -3857,7 +3857,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3857
3857
|
fill: ${Ie("neutral",600)};
|
|
3858
3858
|
}
|
|
3859
3859
|
}
|
|
3860
|
-
`,
|
|
3860
|
+
`,tR=ke`
|
|
3861
3861
|
width: ${Ve(1600)};
|
|
3862
3862
|
height: ${Ve(1600)};
|
|
3863
3863
|
background-color: ${Ie("neutral",200)};
|
|
@@ -3895,7 +3895,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3895
3895
|
text-align: center;
|
|
3896
3896
|
color: ${Ie("neutral",600)};
|
|
3897
3897
|
}
|
|
3898
|
-
`,
|
|
3898
|
+
`,nR=ke`
|
|
3899
3899
|
width: 20rem;
|
|
3900
3900
|
height: 100%;
|
|
3901
3901
|
z-index: 100;
|
|
@@ -3905,7 +3905,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3905
3905
|
overflow-x: hidden;
|
|
3906
3906
|
border-right: ${_e(100)} solid
|
|
3907
3907
|
${Ie("neutral",300)};
|
|
3908
|
-
`,
|
|
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`
|
|
3909
3909
|
width: 100%;
|
|
3910
3910
|
display: flex;
|
|
3911
3911
|
align-items: center;
|
|
@@ -3914,7 +3914,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3914
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 `}
|
|
3915
3915
|
|
|
3916
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 `}
|
|
3917
|
-
`,
|
|
3917
|
+
`,iR=ke`
|
|
3918
3918
|
width: 99%;
|
|
3919
3919
|
height: ${Ve(1e3)};
|
|
3920
3920
|
padding: ${Ve(200)} ${Ve(400)};
|
|
@@ -3930,7 +3930,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3930
3930
|
&:focus-visible {
|
|
3931
3931
|
box-shadow: none;
|
|
3932
3932
|
}
|
|
3933
|
-
`,
|
|
3933
|
+
`,sR=ke`
|
|
3934
3934
|
background-color: ${Ie("neutral",200)};
|
|
3935
3935
|
color: ${Ie("neutral",700)};
|
|
3936
3936
|
|
|
@@ -3987,11 +3987,11 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
3987
3987
|
opacity: 1;
|
|
3988
3988
|
}
|
|
3989
3989
|
}
|
|
3990
|
-
`,
|
|
3990
|
+
`,aR=ke`
|
|
3991
3991
|
width: ${Ve(100)};
|
|
3992
3992
|
height: ${Ve(600)};
|
|
3993
3993
|
background-color: ${Ie("neutral",400)};
|
|
3994
|
-
`,
|
|
3994
|
+
`,lR=ke`
|
|
3995
3995
|
height: ${Ve(800)};
|
|
3996
3996
|
border-radius: ${Be(200)};
|
|
3997
3997
|
background-color: ${Ie("neutral",200)};
|
|
@@ -4066,7 +4066,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4066
4066
|
opacity: 1;
|
|
4067
4067
|
}
|
|
4068
4068
|
}
|
|
4069
|
-
`,
|
|
4069
|
+
`,cR=ke`
|
|
4070
4070
|
background-color: transparent;
|
|
4071
4071
|
color: ${Ie("neutral",600)};
|
|
4072
4072
|
width: auto;
|
|
@@ -4143,7 +4143,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4143
4143
|
}
|
|
4144
4144
|
}
|
|
4145
4145
|
}
|
|
4146
|
-
`,
|
|
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`
|
|
4147
4147
|
position: relative;
|
|
4148
4148
|
width: 100%;
|
|
4149
4149
|
|
|
@@ -4156,12 +4156,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4156
4156
|
&[data-open='true'][data-placement='top'] input {
|
|
4157
4157
|
border-bottom-left-radius: ${Be(300)};
|
|
4158
4158
|
border-bottom-right-radius: ${Be(300)};
|
|
4159
|
-
border-bottom-color: ${
|
|
4159
|
+
border-bottom-color: ${pR};
|
|
4160
4160
|
border-top-left-radius: 0;
|
|
4161
4161
|
border-top-right-radius: 0;
|
|
4162
4162
|
border-top-color: transparent;
|
|
4163
4163
|
}
|
|
4164
|
-
`,
|
|
4164
|
+
`,mR=ke`
|
|
4165
4165
|
width: 100%;
|
|
4166
4166
|
z-index: 1000;
|
|
4167
4167
|
overflow-y: auto;
|
|
@@ -4175,7 +4175,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4175
4175
|
margin-top: calc(${_e(100)} * -1);
|
|
4176
4176
|
border-top-left-radius: 0;
|
|
4177
4177
|
border-top-right-radius: 0;
|
|
4178
|
-
border-top: ${_e(100)} solid ${
|
|
4178
|
+
border-top: ${_e(100)} solid ${pR};
|
|
4179
4179
|
|
|
4180
4180
|
&[data-placement^='top'] {
|
|
4181
4181
|
margin-top: 0;
|
|
@@ -4186,12 +4186,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4186
4186
|
${Ie("neutral",400)};
|
|
4187
4187
|
border-bottom-left-radius: 0;
|
|
4188
4188
|
border-bottom-right-radius: 0;
|
|
4189
|
-
border-bottom: ${_e(100)} solid ${
|
|
4189
|
+
border-bottom: ${_e(100)} solid ${pR};
|
|
4190
4190
|
box-shadow:
|
|
4191
4191
|
0 -0.25rem 0.375rem -0.25rem #0000001a,
|
|
4192
4192
|
0 -0.625rem 0.9375rem -0.1875rem #0000001a;
|
|
4193
4193
|
}
|
|
4194
|
-
`,
|
|
4194
|
+
`,gR=ke`
|
|
4195
4195
|
padding: ${Ve(200)};
|
|
4196
4196
|
border-radius: ${Be(300)};
|
|
4197
4197
|
cursor: pointer;
|
|
@@ -4212,7 +4212,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4212
4212
|
&:active {
|
|
4213
4213
|
background-color: ${Hm(40)};
|
|
4214
4214
|
}
|
|
4215
|
-
`,
|
|
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`
|
|
4216
4216
|
height: ${o};
|
|
4217
4217
|
width: ${o};
|
|
4218
4218
|
border-radius: 50%;
|
|
@@ -4247,20 +4247,20 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4247
4247
|
background-color: ${Ie("primary",500)};
|
|
4248
4248
|
}
|
|
4249
4249
|
}
|
|
4250
|
-
`}const
|
|
4250
|
+
`}const kR=ke`
|
|
4251
4251
|
font-size: ${ze(200)};
|
|
4252
4252
|
line-height: ${He(400)};
|
|
4253
4253
|
font-weight: 700;
|
|
4254
4254
|
color: inherit;
|
|
4255
|
-
|
|
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`
|
|
4256
4256
|
display: flex;
|
|
4257
4257
|
justify-content: flex-start;
|
|
4258
4258
|
align-items: center;
|
|
4259
4259
|
gap: ${Ve(200)};
|
|
4260
|
-
`,
|
|
4260
|
+
`,MR=e=>ke`
|
|
4261
4261
|
position: relative;
|
|
4262
4262
|
display: flex;
|
|
4263
|
-
`,
|
|
4263
|
+
`,ER=(e="large")=>{const t=Ve("small"===e?100:200);return ke`
|
|
4264
4264
|
height: ${t};
|
|
4265
4265
|
width: ${t};
|
|
4266
4266
|
background-color: ${Ie("error",500)};
|
|
@@ -4269,7 +4269,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4269
4269
|
top: 0rem;
|
|
4270
4270
|
right: 0rem;
|
|
4271
4271
|
z-index: 1;
|
|
4272
|
-
`},
|
|
4272
|
+
`},TR=(e="large")=>{const{boxSize:t,padding:n}=$R[e];return ke`
|
|
4273
4273
|
background-color: ${Ie("error",500)};
|
|
4274
4274
|
padding: ${n};
|
|
4275
4275
|
border-radius: 9999px;
|
|
@@ -4284,12 +4284,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4284
4284
|
min-width: ${t};
|
|
4285
4285
|
height: ${t};
|
|
4286
4286
|
z-index: 1;
|
|
4287
|
-
`},
|
|
4287
|
+
`},OR=(e="large")=>{const{fontSize:t}=$R[e];return ke`
|
|
4288
4288
|
font-size: ${t};
|
|
4289
4289
|
line-height: 1;
|
|
4290
4290
|
font-weight: 700;
|
|
4291
4291
|
color: ${Ie("error",100)};
|
|
4292
|
-
`},
|
|
4292
|
+
`},LR=(e="large")=>{const{boxSize:t}=$R[e];return ke`
|
|
4293
4293
|
height: ${t};
|
|
4294
4294
|
min-width: ${t};
|
|
4295
4295
|
background-color: ${Ie("error",500)};
|
|
@@ -4298,12 +4298,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4298
4298
|
justify-content: center;
|
|
4299
4299
|
align-items: center;
|
|
4300
4300
|
padding: 0rem ${Ve(100)} 0.0625rem ${Ve(100)};
|
|
4301
|
-
`},
|
|
4301
|
+
`},AR=(e="large")=>{const{fontSize:t}=$R[e];return ke`
|
|
4302
4302
|
font-size: ${t};
|
|
4303
4303
|
line-height: ${He(600)};
|
|
4304
4304
|
font-weight: 700;
|
|
4305
4305
|
color: ${Ie("error",100)};
|
|
4306
|
-
`},
|
|
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`
|
|
4307
4307
|
display: ${"inline"===t?"inline-flex":"flex"};
|
|
4308
4308
|
width: ${"inline"===t?"fit-content":"100%"};
|
|
4309
4309
|
max-width: 100%;
|
|
@@ -4314,38 +4314,38 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4314
4314
|
background-color: ${r};
|
|
4315
4315
|
border-bottom: ${_e(100)} solid ${i};
|
|
4316
4316
|
border-radius: 0;
|
|
4317
|
-
`},
|
|
4317
|
+
`},PR=e=>ke`
|
|
4318
4318
|
rotate: ${"error"===e?"180deg":""};
|
|
4319
4319
|
svg {
|
|
4320
4320
|
width: 1rem;
|
|
4321
4321
|
height: 1rem;
|
|
4322
4322
|
}
|
|
4323
|
-
`,
|
|
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`
|
|
4324
4324
|
height: ${Ve(200)};
|
|
4325
4325
|
width: 100%;
|
|
4326
4326
|
background-color: ${Ie("neutral",300)};
|
|
4327
4327
|
display: flex;
|
|
4328
4328
|
align-items: center;
|
|
4329
4329
|
justify-content: flex-start;
|
|
4330
|
-
`,
|
|
4330
|
+
`,VR=(e,t)=>ke`
|
|
4331
4331
|
height: 100%;
|
|
4332
4332
|
width: ${e}%;
|
|
4333
4333
|
background-color: ${t??Ie("primary",500)};
|
|
4334
4334
|
transition: width 0.5s ease-in-out;
|
|
4335
|
-
`,
|
|
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`
|
|
4336
4336
|
width: 100%;
|
|
4337
4337
|
display: flex;
|
|
4338
4338
|
align-items: center;
|
|
4339
4339
|
justify-content: space-between;
|
|
4340
4340
|
position: relative;
|
|
4341
|
-
`,
|
|
4341
|
+
`,_R=ke`
|
|
4342
4342
|
height: 3.75rem;
|
|
4343
4343
|
width: ${Ve(2e3)};
|
|
4344
4344
|
display: flex;
|
|
4345
4345
|
flex-direction: column;
|
|
4346
4346
|
align-items: center;
|
|
4347
4347
|
justify-content: space-between;
|
|
4348
|
-
`,
|
|
4348
|
+
`,jR=(e,t)=>ke`
|
|
4349
4349
|
height: ${Ve(800)};
|
|
4350
4350
|
width: ${Ve(800)};
|
|
4351
4351
|
display: flex;
|
|
@@ -4381,12 +4381,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4381
4381
|
}
|
|
4382
4382
|
|
|
4383
4383
|
${t?`\n background-color: ${Ie("neutral",300)};\n \n &:hover {\n background-color: ${Ie("neutral",300)};\n box-shadow: none;\n }\n `:""}
|
|
4384
|
-
`,
|
|
4384
|
+
`,FR=e=>ke`
|
|
4385
4385
|
color: ${Ie("neutral",e?800:600)};
|
|
4386
4386
|
font-size: ${ze(300)};
|
|
4387
4387
|
line-height: ${He(500)};
|
|
4388
4388
|
font-weight: 400;
|
|
4389
|
-
`,
|
|
4389
|
+
`,qR=ke`
|
|
4390
4390
|
height: ${_e(100)};
|
|
4391
4391
|
width: 100%;
|
|
4392
4392
|
padding: 0 1.875rem;
|
|
@@ -4394,25 +4394,25 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4394
4394
|
top: ${Ve(400)};
|
|
4395
4395
|
left: 0;
|
|
4396
4396
|
z-index: -1;
|
|
4397
|
-
`,
|
|
4397
|
+
`,WR=ke`
|
|
4398
4398
|
height: ${_e(100)};
|
|
4399
4399
|
width: 100%;
|
|
4400
4400
|
background-color: ${Ie("neutral",400)};
|
|
4401
|
-
`,
|
|
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`
|
|
4402
4402
|
font-size: ${ze(500)};
|
|
4403
4403
|
line-height: ${He(700)};
|
|
4404
4404
|
font-weight: 400;
|
|
4405
4405
|
color: ${Ie("neutral",800)};
|
|
4406
|
-
`,
|
|
4406
|
+
`,GR=ke`
|
|
4407
4407
|
font-size: ${ze(400)};
|
|
4408
4408
|
line-height: ${He(600)};
|
|
4409
4409
|
font-weight: 400;
|
|
4410
4410
|
color: ${Ie("neutral",700)};
|
|
4411
|
-
`,GR=ke`
|
|
4412
|
-
padding: 0.375rem;
|
|
4413
4411
|
`,ZR=ke`
|
|
4414
4412
|
padding: 0.375rem;
|
|
4415
|
-
`,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`
|
|
4416
4416
|
justify-content: space-between;
|
|
4417
4417
|
align-items: center;
|
|
4418
4418
|
gap: ${Ve(200)};
|
|
@@ -4456,4 +4456,4 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
|
|
|
4456
4456
|
color: ${Ie("error",900)};
|
|
4457
4457
|
}
|
|
4458
4458
|
}
|
|
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:
|
|
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};
|