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