@box/blueprint-web-assets 4.58.7 → 4.59.1

package/dist/icons/Logo/BoxAiAdvancedLogo24.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-const SvgBoxAiAdvancedLogo24 = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: "#F4F4F4", d: "M0 0h24v24H0z" }), _jsx("path", { fill: "#2486FC", d: "M6.363 9.28A23.363 23.363 0 0 0 6.206 12v.118c-.42.433-.786.864-1.092 1.284-.533.732-.854 1.394-.986 1.94-.13.54-.066.908.078 1.157.144.25.43.489.963.646.54.159 1.272.212 2.173.117 1.475-.156 3.272-.697 5.137-1.616a5.98 5.98 0 0 0-.478 2.353v.056c-1.567.644-3.09 1.052-4.448 1.195-1.067.113-2.082.07-2.95-.186-.876-.258-1.66-.752-2.13-1.565-.469-.813-.504-1.739-.29-2.626.213-.88.682-1.78 1.314-2.648.723-.995 1.699-2 2.866-2.945Zm10.163-4.54c1.038-.102 2.023-.055 2.87.195.875.258 1.66.752 2.129 1.565.47.813.505 1.739.291 2.625-.207.859-.66 1.735-1.268 2.583a15.074 15.074 0 0 0-1.376-1.533c.363-.566.593-1.08.7-1.52.13-.539.065-.905-.078-1.155-.145-.25-.43-.49-.962-.647-.435-.128-.996-.186-1.668-.154a16.14 16.14 0 0 0-.37-1.248 13.95 13.95 0 0 0-.188-.513c-.026-.067-.053-.132-.08-.197ZM9.412 7.519c.694.203 1.424.472 2.17.803-.432.21-.867.444-1.304.696A21.49 21.49 0 0 0 9.02 9.8c.087-.815.22-1.58.39-2.282Zm4.441-2.156c.018.038.037.076.054.115a11.734 11.734 0 0 1 .445 1.201l-.15-.083H14.2c-.581-.31-1.164-.587-1.74-.836.459-.176.913-.332 1.359-.466l.033.069Z" }), _jsx("path", { fill: "url(#BoxAIAdvancedLogo24_svg__a)", fillOpacity: 0.2, d: "M6.363 9.28A23.363 23.363 0 0 0 6.206 12v.118c-.42.433-.786.864-1.092 1.284-.533.732-.854 1.394-.986 1.94-.13.54-.066.908.078 1.157.144.25.43.489.963.646.54.159 1.272.212 2.173.117 1.475-.156 3.272-.697 5.137-1.616a5.98 5.98 0 0 0-.478 2.353v.056c-1.567.644-3.09 1.052-4.448 1.195-1.067.113-2.082.07-2.95-.186-.876-.258-1.66-.752-2.13-1.565-.469-.813-.504-1.739-.29-2.626.213-.88.682-1.78 1.314-2.648.723-.995 1.699-2 2.866-2.945Zm10.163-4.54c1.038-.102 2.023-.055 2.87.195.875.258 1.66.752 2.129 1.565.47.813.505 1.739.291 2.625-.207.859-.66 1.735-1.268 2.583a15.074 15.074 0 0 0-1.376-1.533c.363-.566.593-1.08.7-1.52.13-.539.065-.905-.078-1.155-.145-.25-.43-.49-.962-.647-.435-.128-.996-.186-1.668-.154a16.14 16.14 0 0 0-.37-1.248 13.95 13.95 0 0 0-.188-.513c-.026-.067-.053-.132-.08-.197ZM9.412 7.519c.694.203 1.424.472 2.17.803-.432.21-.867.444-1.304.696A21.49 21.49 0 0 0 9.02 9.8c.087-.815.22-1.58.39-2.282Zm4.441-2.156c.018.038.037.076.054.115a11.734 11.734 0 0 1 .445 1.201l-.15-.083H14.2c-.581-.31-1.164-.587-1.74-.836.459-.176.913-.332 1.359-.466l.033.069Z" }), _jsx("path", { fill: "#FF00DB", d: "M9.993 19.123c.309.597.638 1.054.966 1.366.402.383.753.51 1.041.51.199 0 .425-.063.68-.226.313.599.724 1.138 1.212 1.597-.553.386-1.189.63-1.892.63-.939 0-1.759-.433-2.42-1.062-.639-.608-1.172-1.438-1.602-2.388.652-.09 1.328-.234 2.015-.427ZM12 1c.939 0 1.758.433 2.419 1.062.656.624 1.2 1.48 1.637 2.461.5 1.124.881 2.47 1.117 3.954a23.376 23.376 0 0 0-2.275-1.495l-.106-.059a11.825 11.825 0 0 0-.563-1.588c-.369-.828-.781-1.437-1.189-1.825C12.638 3.128 12.288 3 12 3c-.288 0-.639.128-1.041.51-.407.388-.82.997-1.188 1.825C9.036 6.99 8.556 9.345 8.556 12c0 1.678.192 3.236.52 4.573-.72.192-1.383.311-1.972.36-.353-1.489-.548-3.168-.548-4.932 0-2.868.514-5.512 1.387-7.477.436-.98.982-1.837 1.637-2.461C10.241 1.433 11.061 1.001 12 1Zm3.394 9.521c.664.485 1.26.982 1.779 1.478l-.071.067a5.96 5.96 0 0 0-1.665.508 21.786 21.786 0 0 0-.043-2.053Z" }), _jsx("path", { fill: "url(#BoxAIAdvancedLogo24_svg__b)", fillOpacity: 0.2, d: "M9.993 19.123c.309.597.638 1.054.966 1.366.402.383.753.51 1.041.51.199 0 .425-.063.68-.226.313.599.724 1.138 1.212 1.597-.553.386-1.189.63-1.892.63-.939 0-1.759-.433-2.42-1.062-.639-.608-1.172-1.438-1.602-2.388.652-.09 1.328-.234 2.015-.427ZM12 1c.939 0 1.758.433 2.419 1.062.656.624 1.2 1.48 1.637 2.461.5 1.124.881 2.47 1.117 3.954a23.376 23.376 0 0 0-2.275-1.495l-.106-.059a11.825 11.825 0 0 0-.563-1.588c-.369-.828-.781-1.437-1.189-1.825C12.638 3.128 12.288 3 12 3c-.288 0-.639.128-1.041.51-.407.388-.82.997-1.188 1.825C9.036 6.99 8.556 9.345 8.556 12c0 1.678.192 3.236.52 4.573-.72.192-1.383.311-1.972.36-.353-1.489-.548-3.168-.548-4.932 0-2.868.514-5.512 1.387-7.477.436-.98.982-1.837 1.637-2.461C10.241 1.433 11.061 1.001 12 1Zm3.394 9.521c.664.485 1.26.982 1.779 1.478l-.071.067a5.96 5.96 0 0 0-1.665.508 21.786 21.786 0 0 0-.043-2.053Z" }), _jsx("path", { fill: "#9F3FED", d: "M9.02 14.198a21.525 21.525 0 0 0 2.564 1.48l-.19.085-.175.072c-.481.202-.954.377-1.415.524-.131.043-.263.08-.392.119a17.908 17.908 0 0 1-.392-2.28Zm-2.806-1.577c.018.719.07 1.42.15 2.099-.382-.31-.744-.626-1.083-.947.257-.37.568-.758.933-1.152Zm3.962-7.327c1.466.439 3.019 1.11 4.546 1.991 2.484 1.434 4.517 3.202 5.781 4.94.117.16.226.323.33.485a5.975 5.975 0 0 0-3.15-.702c-1.032-1.037-2.378-2.077-3.96-2.99-1.455-.84-2.901-1.454-4.223-1.84.169-.628.368-1.199.591-1.7.028-.063.057-.124.085-.184Zm-5.573-.358c.846-.25 1.83-.297 2.868-.195a15.12 15.12 0 0 0-.635 1.96c-.673-.032-1.233.025-1.667.153-.533.157-.82.396-.963.646-.144.25-.208.617-.077 1.156.106.44.335.954.699 1.52-.512.5-.977 1.012-1.38 1.53-.606-.847-1.058-1.723-1.265-2.58-.214-.887-.179-1.813.29-2.626.47-.813 1.255-1.306 2.13-1.564Z" }), _jsx("path", { fill: "url(#BoxAIAdvancedLogo24_svg__c)", fillOpacity: 0.2, d: "M9.02 14.198a21.525 21.525 0 0 0 2.564 1.48l-.19.085-.175.072c-.481.202-.954.377-1.415.524-.131.043-.263.08-.392.119a17.908 17.908 0 0 1-.392-2.28Zm-2.806-1.577c.018.719.07 1.42.15 2.099-.382-.31-.744-.626-1.083-.947.257-.37.568-.758.933-1.152Zm3.962-7.327c1.466.439 3.019 1.11 4.546 1.991 2.484 1.434 4.517 3.202 5.781 4.94.117.16.226.323.33.485a5.975 5.975 0 0 0-3.15-.702c-1.032-1.037-2.378-2.077-3.96-2.99-1.455-.84-2.901-1.454-4.223-1.84.169-.628.368-1.199.591-1.7.028-.063.057-.124.085-.184Zm-5.573-.358c.846-.25 1.83-.297 2.868-.195a15.12 15.12 0 0 0-.635 1.96c-.673-.032-1.233.025-1.667.153-.533.157-.82.396-.963.646-.144.25-.208.617-.077 1.156.106.44.335.954.699 1.52-.512.5-.977 1.012-1.38 1.53-.606-.847-1.058-1.723-1.265-2.58-.214-.887-.179-1.813.29-2.626.47-.813 1.255-1.306 2.13-1.564Z" }), _jsx("path", { fill: "#CCA671", d: "M23 18a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z" }), _jsx("path", { fill: "white", d: "M16.154 20.918a.412.412 0 0 1-.151-.256.727.727 0 0 1 .035-.353l.5-1.538-1.267-.946a.743.743 0 0 1-.232-.267.38.38 0 0 1-.015-.299.372.372 0 0 1 .184-.227.679.679 0 0 1 .332-.075h1.552l.473-1.538a.73.73 0 0 1 .171-.31.363.363 0 0 1 .266-.109.36.36 0 0 1 .264.11.73.73 0 0 1 .17.31l.471 1.537h1.552a.67.67 0 0 1 .333.075c.09.048.152.124.186.227a.393.393 0 0 1-.018.302.724.724 0 0 1-.23.264l-1.265.946.496 1.538c.042.132.055.25.038.353a.397.397 0 0 1-.15.256.342.342 0 0 1-.28.077.71.71 0 0 1-.314-.15l-1.253-.963-1.258.964a.693.693 0 0 1-.314.15.338.338 0 0 1-.276-.078Z" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "BoxAIAdvancedLogo24_svg__a", x1: 2.057, x2: 22.07, y1: 18.607, y2: 6.238, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", {}), _jsx("stop", { offset: 1, stopOpacity: 0 })] }), _jsxs("linearGradient", { id: "BoxAIAdvancedLogo24_svg__b", x1: 11.864, x2: 11.864, y1: 1, y2: 23, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopOpacity: 0 }), _jsx("stop", { offset: 1 })] }), _jsxs("linearGradient", { id: "BoxAIAdvancedLogo24_svg__c", x1: 20.834, x2: 3.448, y1: 15.028, y2: 3.772, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", {}), _jsx("stop", { offset: 1, stopOpacity: 0 })] })] })] }));
+const SvgBoxAiAdvancedLogo24 = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: "#2486FC", d: "M6.363 9.28A23.363 23.363 0 0 0 6.206 12v.118c-.42.433-.786.864-1.092 1.284-.533.732-.854 1.394-.986 1.94-.13.54-.066.908.078 1.157.144.25.43.489.963.646.54.159 1.272.212 2.173.117 1.475-.156 3.272-.697 5.137-1.616a5.98 5.98 0 0 0-.478 2.353v.056c-1.567.644-3.09 1.052-4.448 1.195-1.067.113-2.082.07-2.95-.186-.876-.258-1.66-.752-2.13-1.565-.469-.813-.504-1.739-.29-2.626.213-.88.682-1.78 1.314-2.648.723-.995 1.699-2 2.866-2.945Zm10.163-4.54c1.038-.102 2.023-.055 2.87.195.875.258 1.66.752 2.129 1.565.47.813.505 1.739.291 2.625-.207.859-.66 1.735-1.268 2.583a15.074 15.074 0 0 0-1.376-1.533c.363-.566.593-1.08.7-1.52.13-.539.065-.905-.078-1.155-.145-.25-.43-.49-.962-.647-.435-.128-.996-.186-1.668-.154a16.14 16.14 0 0 0-.37-1.248 13.95 13.95 0 0 0-.188-.513c-.026-.067-.053-.132-.08-.197ZM9.412 7.519c.694.203 1.424.472 2.17.803-.432.21-.867.444-1.304.696A21.49 21.49 0 0 0 9.02 9.8c.087-.815.22-1.58.39-2.282Zm4.441-2.156c.018.038.037.076.054.115a11.734 11.734 0 0 1 .445 1.201l-.15-.083H14.2c-.581-.31-1.164-.587-1.74-.836.459-.176.913-.332 1.359-.466l.033.069Z" }), _jsx("path", { fill: "url(#BoxAIAdvancedLogo24_svg__a)", fillOpacity: 0.2, d: "M6.363 9.28A23.363 23.363 0 0 0 6.206 12v.118c-.42.433-.786.864-1.092 1.284-.533.732-.854 1.394-.986 1.94-.13.54-.066.908.078 1.157.144.25.43.489.963.646.54.159 1.272.212 2.173.117 1.475-.156 3.272-.697 5.137-1.616a5.98 5.98 0 0 0-.478 2.353v.056c-1.567.644-3.09 1.052-4.448 1.195-1.067.113-2.082.07-2.95-.186-.876-.258-1.66-.752-2.13-1.565-.469-.813-.504-1.739-.29-2.626.213-.88.682-1.78 1.314-2.648.723-.995 1.699-2 2.866-2.945Zm10.163-4.54c1.038-.102 2.023-.055 2.87.195.875.258 1.66.752 2.129 1.565.47.813.505 1.739.291 2.625-.207.859-.66 1.735-1.268 2.583a15.074 15.074 0 0 0-1.376-1.533c.363-.566.593-1.08.7-1.52.13-.539.065-.905-.078-1.155-.145-.25-.43-.49-.962-.647-.435-.128-.996-.186-1.668-.154a16.14 16.14 0 0 0-.37-1.248 13.95 13.95 0 0 0-.188-.513c-.026-.067-.053-.132-.08-.197ZM9.412 7.519c.694.203 1.424.472 2.17.803-.432.21-.867.444-1.304.696A21.49 21.49 0 0 0 9.02 9.8c.087-.815.22-1.58.39-2.282Zm4.441-2.156c.018.038.037.076.054.115a11.734 11.734 0 0 1 .445 1.201l-.15-.083H14.2c-.581-.31-1.164-.587-1.74-.836.459-.176.913-.332 1.359-.466l.033.069Z" }), _jsx("path", { fill: "#FF00DB", d: "M9.993 19.123c.309.597.638 1.054.966 1.366.402.383.753.51 1.041.51.199 0 .425-.063.68-.226.313.599.724 1.138 1.212 1.597-.553.386-1.189.63-1.892.63-.939 0-1.759-.433-2.42-1.062-.639-.608-1.172-1.438-1.602-2.388.652-.09 1.328-.234 2.015-.427ZM12 1c.939 0 1.758.433 2.419 1.062.656.624 1.2 1.48 1.637 2.461.5 1.124.881 2.47 1.117 3.954a23.376 23.376 0 0 0-2.275-1.495l-.106-.059a11.825 11.825 0 0 0-.563-1.588c-.369-.828-.781-1.437-1.189-1.825C12.638 3.128 12.288 3 12 3c-.288 0-.639.128-1.041.51-.407.388-.82.997-1.188 1.825C9.036 6.99 8.556 9.345 8.556 12c0 1.678.192 3.236.52 4.573-.72.192-1.383.311-1.972.36-.353-1.489-.548-3.168-.548-4.932 0-2.868.514-5.512 1.387-7.477.436-.98.982-1.837 1.637-2.461C10.241 1.433 11.061 1.001 12 1Zm3.394 9.521c.664.485 1.26.982 1.779 1.478l-.071.067a5.96 5.96 0 0 0-1.665.508 21.786 21.786 0 0 0-.043-2.053Z" }), _jsx("path", { fill: "url(#BoxAIAdvancedLogo24_svg__b)", fillOpacity: 0.2, d: "M9.993 19.123c.309.597.638 1.054.966 1.366.402.383.753.51 1.041.51.199 0 .425-.063.68-.226.313.599.724 1.138 1.212 1.597-.553.386-1.189.63-1.892.63-.939 0-1.759-.433-2.42-1.062-.639-.608-1.172-1.438-1.602-2.388.652-.09 1.328-.234 2.015-.427ZM12 1c.939 0 1.758.433 2.419 1.062.656.624 1.2 1.48 1.637 2.461.5 1.124.881 2.47 1.117 3.954a23.376 23.376 0 0 0-2.275-1.495l-.106-.059a11.825 11.825 0 0 0-.563-1.588c-.369-.828-.781-1.437-1.189-1.825C12.638 3.128 12.288 3 12 3c-.288 0-.639.128-1.041.51-.407.388-.82.997-1.188 1.825C9.036 6.99 8.556 9.345 8.556 12c0 1.678.192 3.236.52 4.573-.72.192-1.383.311-1.972.36-.353-1.489-.548-3.168-.548-4.932 0-2.868.514-5.512 1.387-7.477.436-.98.982-1.837 1.637-2.461C10.241 1.433 11.061 1.001 12 1Zm3.394 9.521c.664.485 1.26.982 1.779 1.478l-.071.067a5.96 5.96 0 0 0-1.665.508 21.786 21.786 0 0 0-.043-2.053Z" }), _jsx("path", { fill: "#9F3FED", d: "M9.02 14.198a21.525 21.525 0 0 0 2.564 1.48l-.19.085-.175.072c-.481.202-.954.377-1.415.524-.131.043-.263.08-.392.119a17.908 17.908 0 0 1-.392-2.28Zm-2.806-1.577c.018.719.07 1.42.15 2.099-.382-.31-.744-.626-1.083-.947.257-.37.568-.758.933-1.152Zm3.962-7.327c1.466.439 3.019 1.11 4.546 1.991 2.484 1.434 4.517 3.202 5.781 4.94.117.16.226.323.33.485a5.975 5.975 0 0 0-3.15-.702c-1.032-1.037-2.378-2.077-3.96-2.99-1.455-.84-2.901-1.454-4.223-1.84.169-.628.368-1.199.591-1.7.028-.063.057-.124.085-.184Zm-5.573-.358c.846-.25 1.83-.297 2.868-.195a15.12 15.12 0 0 0-.635 1.96c-.673-.032-1.233.025-1.667.153-.533.157-.82.396-.963.646-.144.25-.208.617-.077 1.156.106.44.335.954.699 1.52-.512.5-.977 1.012-1.38 1.53-.606-.847-1.058-1.723-1.265-2.58-.214-.887-.179-1.813.29-2.626.47-.813 1.255-1.306 2.13-1.564Z" }), _jsx("path", { fill: "url(#BoxAIAdvancedLogo24_svg__c)", fillOpacity: 0.2, d: "M9.02 14.198a21.525 21.525 0 0 0 2.564 1.48l-.19.085-.175.072c-.481.202-.954.377-1.415.524-.131.043-.263.08-.392.119a17.908 17.908 0 0 1-.392-2.28Zm-2.806-1.577c.018.719.07 1.42.15 2.099-.382-.31-.744-.626-1.083-.947.257-.37.568-.758.933-1.152Zm3.962-7.327c1.466.439 3.019 1.11 4.546 1.991 2.484 1.434 4.517 3.202 5.781 4.94.117.16.226.323.33.485a5.975 5.975 0 0 0-3.15-.702c-1.032-1.037-2.378-2.077-3.96-2.99-1.455-.84-2.901-1.454-4.223-1.84.169-.628.368-1.199.591-1.7.028-.063.057-.124.085-.184Zm-5.573-.358c.846-.25 1.83-.297 2.868-.195a15.12 15.12 0 0 0-.635 1.96c-.673-.032-1.233.025-1.667.153-.533.157-.82.396-.963.646-.144.25-.208.617-.077 1.156.106.44.335.954.699 1.52-.512.5-.977 1.012-1.38 1.53-.606-.847-1.058-1.723-1.265-2.58-.214-.887-.179-1.813.29-2.626.47-.813 1.255-1.306 2.13-1.564Z" }), _jsx("path", { fill: "#CCA671", d: "M23 18a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z" }), _jsx("path", { fill: "white", d: "M16.154 20.918a.412.412 0 0 1-.151-.256.727.727 0 0 1 .035-.353l.5-1.538-1.267-.946a.743.743 0 0 1-.232-.267.38.38 0 0 1-.015-.299.372.372 0 0 1 .184-.227.679.679 0 0 1 .332-.075h1.552l.473-1.538a.73.73 0 0 1 .171-.31.363.363 0 0 1 .266-.109.36.36 0 0 1 .264.11.73.73 0 0 1 .17.31l.471 1.537h1.552a.67.67 0 0 1 .333.075c.09.048.152.124.186.227a.393.393 0 0 1-.018.302.724.724 0 0 1-.23.264l-1.265.946.496 1.538c.042.132.055.25.038.353a.397.397 0 0 1-.15.256.342.342 0 0 1-.28.077.71.71 0 0 1-.314-.15l-1.253-.963-1.258.964a.693.693 0 0 1-.314.15.338.338 0 0 1-.276-.078Z" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "BoxAIAdvancedLogo24_svg__a", x1: 2.057, x2: 22.07, y1: 18.607, y2: 6.238, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", {}), _jsx("stop", { offset: 1, stopOpacity: 0 })] }), _jsxs("linearGradient", { id: "BoxAIAdvancedLogo24_svg__b", x1: 11.864, x2: 11.864, y1: 1, y2: 23, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopOpacity: 0 }), _jsx("stop", { offset: 1 })] }), _jsxs("linearGradient", { id: "BoxAIAdvancedLogo24_svg__c", x1: 20.834, x2: 3.448, y1: 15.028, y2: 3.772, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", {}), _jsx("stop", { offset: 1, stopOpacity: 0 })] })] })] }));
 const ForwardRef = forwardRef(SvgBoxAiAdvancedLogo24);
 export default ForwardRef;

package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts

@@ -75,7 +75,11 @@ export const bpBorderRadioBorderSelectedHover: string;
 export const bpBorderRadioTileBorder: string;
 export const bpBorderRadioTileBorderHover: string;
 export const bpBorderRadioTileBorderSelected: string;
+export const bpBorderResizeBorderFocus: string;
+export const bpBorderResizeBorderHover: string;
 export const bpBorderSearchGlobalBorderHover: string;
+export const bpBorderSearchInputBorderFocus: string;
+export const bpBorderSearchInputBorderHover: string;
 export const bpBorderSearchBorder: string;
 export const bpBorderSearchBorderHover: string;
 export const bpBorderSelectBorderActive: string;
@@ -206,11 +210,12 @@ export const bpSurfaceCheckboxSurfaceSelected: string;
 export const bpSurfaceCheckboxSurfaceSelectedHover: string;
 export const bpSurfaceChipButtonSurface: string;
 export const bpSurfaceChipButtonSurfaceHover: string;
+export const bpSurfaceCollapsibleSectionSurface: string;
 export const bpSurfaceComboboxSurface: string;
-export const bpSurfaceContentButtonSurfaceFocus: string;
 export const bpSurfaceContentButtonSurfaceFocusDefault: string;
-export const bpSurfaceContentButtonSurfaceHoverActive: string;
+export const bpSurfaceContentButtonSurfaceFocusSelected: string;
 export const bpSurfaceContentButtonSurfaceHoverDefault: string;
+export const bpSurfaceContentButtonSurfaceHoverSelected: string;
 export const bpSurfaceContentButtonSurfaceSelected: string;
 export const bpSurfaceContentSwitcherSurface: string;
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
@@ -294,10 +299,6 @@ export const bpSurfaceInlineNoticeSurfaceError: string;
 export const bpSurfaceInlineNoticeSurfaceInfo: string;
 export const bpSurfaceInlineNoticeSurfaceSuccess: string;
 export const bpSurfaceInlineNoticeSurfaceWarning: string;
-export const bpSurfaceInputSearchSurface: string;
-export const bpSurfaceInputSearchSurfaceFocus: string;
-export const bpSurfaceInputSearchSurfaceFocusPressed: string;
-export const bpSurfaceInputSearchSurfaceHover: string;
 export const bpSurfaceInputSurface: string;
 export const bpSurfaceInputSurfaceError: string;
 export const bpSurfaceInputSurfaceErrorFocus: string;
@@ -313,9 +314,10 @@ export const bpSurfaceItemSmallSurfaceSelected: string;
 export const bpSurfaceItemSurfaceHover: string;
 export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
+export const bpSurfaceListItemSurfaceHover: string;
 export const bpSurfaceListItemSurfaceSelected: string;
 export const bpSurfaceMenuSurface: string;
-export const bpSurfaceMenuItemSurfaceDefault: string;
+export const bpSurfaceMenuItemSurface: string;
 export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
@@ -335,9 +337,9 @@ export const bpSurfaceRadioTileSurface: string;
 export const bpSurfaceRadioTileSurfaceHover: string;
 export const bpSurfaceRadioTileSurfaceSelected: string;
 export const bpSurfaceScrollbarSurface: string;
-export const bpSurfaceSearchGlobalSurface: string;
 export const bpSurfaceSearchSurface: string;
-export const bpSurfaceSearchSurfaceFocused: string;
+export const bpSurfaceSearchSurfaceActive: string;
+export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurfaceActive: string;
 export const bpSurfaceSelectSurfaceDefault: string;

package/dist/tokens/BP2/dark_mode_value/px-tokens.js

@@ -75,7 +75,11 @@ export const bpBorderRadioBorderSelectedHover = '#2079e3';
 export const bpBorderRadioTileBorder = '#bcbcbc';
 export const bpBorderRadioTileBorderHover = '#bcbcbc';
 export const bpBorderRadioTileBorderSelected = '#0061d5';
+export const bpBorderResizeBorderFocus = '#2486fc';
+export const bpBorderResizeBorderHover = '#bcbcbc';
 export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
+export const bpBorderSearchInputBorderFocus = '#2486fc';
+export const bpBorderSearchInputBorderHover = '#6f6f6f';
 export const bpBorderSearchBorder = '#f4f4f4';
 export const bpBorderSearchBorderHover = '#6f6f6f';
 export const bpBorderSelectBorderActive = '#2486fc';
@@ -206,11 +210,12 @@ export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
 export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
 export const bpSurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceCollapsibleSectionSurface = '#ffffff';
 export const bpSurfaceComboboxSurface = '#ffffff';
-export const bpSurfaceContentButtonSurfaceFocus = '#ffffff';
 export const bpSurfaceContentButtonSurfaceFocusDefault = '#ffffff';
-export const bpSurfaceContentButtonSurfaceHoverActive = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceFocusSelected = '#ffffff';
 export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
 export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
@@ -294,10 +299,6 @@ export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
 export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
-export const bpSurfaceInputSearchSurface = '#f4f4f4';
-export const bpSurfaceInputSearchSurfaceFocus = '#ffffff';
-export const bpSurfaceInputSearchSurfaceFocusPressed = '#ffffff';
-export const bpSurfaceInputSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
 export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
@@ -313,9 +314,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
 export const bpSurfaceItemSurfaceHover = '#ffffff';
 export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
+export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceMenuSurface = '#ffffff';
-export const bpSurfaceMenuItemSurfaceDefault = '#ffffff';
+export const bpSurfaceMenuItemSurface = '#ffffff';
 export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
@@ -335,9 +337,9 @@ export const bpSurfaceRadioTileSurface = '#ffffff';
 export const bpSurfaceRadioTileSurfaceHover = '#f4f4f4';
 export const bpSurfaceRadioTileSurfaceSelected = '#f2f7fd';
 export const bpSurfaceScrollbarSurface = 'rgba(0, 0, 0, 0.5)';
-export const bpSurfaceSearchGlobalSurface = '#f4f4f4';
 export const bpSurfaceSearchSurface = '#f4f4f4';
-export const bpSurfaceSearchSurfaceFocused = '#ffffff';
+export const bpSurfaceSearchSurfaceActive = '#ffffff';
+export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurfaceActive = '#ffffff';
 export const bpSurfaceSelectSurfaceDefault = '#ffffff';

package/dist/tokens/BP2/dark_mode_value/tokens.css

@@ -33,7 +33,6 @@
     --bp-surface-badge-surface-slides: #f7ba00;
     --bp-surface-badge-surface-video: #009aed;
     --bp-surface-badge-word-surface: #185abd;
-    --bp-surface-input-search-surface-focus-pressed: #fff;
     --bp-surface-surface-brand: #0061d5;
     --bp-surface-surface-brand-busy: #0061d5;
     --bp-surface-surface-brand-disabled: #0061d5;
@@ -645,7 +644,11 @@
     --bp-border-radio-tile-border: var(--bp-gray-30);
     --bp-border-radio-tile-border-hover: var(--bp-gray-30);
     --bp-border-radio-tile-border-selected: var(--bp-box-blue-100);
+    --bp-border-resize-border-focus: var(--bp-light-blue-100);
+    --bp-border-resize-border-hover: var(--bp-gray-30);
     --bp-border-search-global-border-hover: var(--bp-gray-10);
+    --bp-border-search-input-border-focus: var(--bp-light-blue-100);
+    --bp-border-search-input-border-hover: var(--bp-gray-65);
     --bp-border-search-border: var(--bp-gray-05);
     --bp-border-search-border-hover: var(--bp-gray-65);
     --bp-border-select-border-active: var(--bp-light-blue-100);
@@ -748,11 +751,12 @@
     --bp-surface-checkbox-surface-selected-hover: var(--bp-light-blue-110);
     --bp-surface-chip-button-surface: var(--bp-black-opacity-04);
     --bp-surface-chip-button-surface-hover: var(--bp-black-opacity-08);
+    --bp-surface-collapsible-section-surface: var(--bp-gray-white);
     --bp-surface-combobox-surface: var(--bp-gray-white);
-    --bp-surface-content-button-surface-focus: var(--bp-gray-white);
     --bp-surface-content-button-surface-focus-default: var(--bp-gray-white);
-    --bp-surface-content-button-surface-hover-active: var(--bp-gray-05);
+    --bp-surface-content-button-surface-focus-selected: var(--bp-gray-white);
     --bp-surface-content-button-surface-hover-default: var(--bp-gray-05);
+    --bp-surface-content-button-surface-hover-selected: var(--bp-gray-05);
     --bp-surface-content-button-surface-selected: var(--bp-gray-white);
     --bp-surface-content-switcher-surface: var(--bp-gray-10);
     --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-05);
@@ -836,9 +840,6 @@
     --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
     --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
     --bp-surface-inline-notice-surface-warning: var(--bp-yellow-10);
-    --bp-surface-input-search-surface: var(--bp-gray-05);
-    --bp-surface-input-search-surface-focus: var(--bp-gray-white);
-    --bp-surface-input-search-surface-hover: var(--bp-gray-02);
     --bp-surface-input-surface: var(--bp-gray-white);
     --bp-surface-input-surface-error: var(--bp-gray-white);
     --bp-surface-input-surface-error-focus: var(--bp-gray-white);
@@ -854,9 +855,10 @@
     --bp-surface-item-surface-hover: var(--bp-gray-white);
     --bp-surface-item-surface-selected: var(--bp-box-blue-05);
     --bp-surface-list-item-surface: var(--bp-gray-white);
+    --bp-surface-list-item-surface-hover: var(--bp-gray-05);
     --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
     --bp-surface-menu-surface: var(--bp-gray-white);
-    --bp-surface-menu-item-surface-default: var(--bp-gray-white);
+    --bp-surface-menu-item-surface: var(--bp-gray-white);
     --bp-surface-menu-item-surface-hover: var(--bp-gray-05);
     --bp-surface-menu-item-surface-loading: var(--bp-gray-white);
     --bp-surface-menu-item-surface-pressed: var(--bp-gray-05);
@@ -876,9 +878,9 @@
     --bp-surface-radio-tile-surface-hover: var(--bp-gray-05);
     --bp-surface-radio-tile-surface-selected: var(--bp-box-blue-05);
     --bp-surface-scrollbar-surface: var(--bp-black-opacity-50);
-    --bp-surface-search-global-surface: var(--bp-gray-05);
     --bp-surface-search-surface: var(--bp-gray-05);
-    --bp-surface-search-surface-focused: var(--bp-gray-white);
+    --bp-surface-search-surface-active: var(--bp-gray-white);
+    --bp-surface-search-surface-complete: var(--bp-gray-05);
     --bp-surface-search-surface-hover: var(--bp-gray-02);
     --bp-surface-select-surface-active: var(--bp-gray-white);
     --bp-surface-select-surface-default: var(--bp-gray-white);

package/dist/tokens/BP2/dark_mode_value/tokens.d.ts

@@ -71,7 +71,11 @@ export const bpBorderRadioBorderSelectedHover: string;
 export const bpBorderRadioTileBorder: string;
 export const bpBorderRadioTileBorderHover: string;
 export const bpBorderRadioTileBorderSelected: string;
+export const bpBorderResizeBorderFocus: string;
+export const bpBorderResizeBorderHover: string;
 export const bpBorderSearchGlobalBorderHover: string;
+export const bpBorderSearchInputBorderFocus: string;
+export const bpBorderSearchInputBorderHover: string;
 export const bpBorderSearchBorder: string;
 export const bpBorderSearchBorderHover: string;
 export const bpBorderSelectBorderActive: string;
@@ -202,11 +206,12 @@ export const bpSurfaceCheckboxSurfaceSelected: string;
 export const bpSurfaceCheckboxSurfaceSelectedHover: string;
 export const bpSurfaceChipButtonSurface: string;
 export const bpSurfaceChipButtonSurfaceHover: string;
+export const bpSurfaceCollapsibleSectionSurface: string;
 export const bpSurfaceComboboxSurface: string;
-export const bpSurfaceContentButtonSurfaceFocus: string;
 export const bpSurfaceContentButtonSurfaceFocusDefault: string;
-export const bpSurfaceContentButtonSurfaceHoverActive: string;
+export const bpSurfaceContentButtonSurfaceFocusSelected: string;
 export const bpSurfaceContentButtonSurfaceHoverDefault: string;
+export const bpSurfaceContentButtonSurfaceHoverSelected: string;
 export const bpSurfaceContentButtonSurfaceSelected: string;
 export const bpSurfaceContentSwitcherSurface: string;
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
@@ -290,10 +295,6 @@ export const bpSurfaceInlineNoticeSurfaceError: string;
 export const bpSurfaceInlineNoticeSurfaceInfo: string;
 export const bpSurfaceInlineNoticeSurfaceSuccess: string;
 export const bpSurfaceInlineNoticeSurfaceWarning: string;
-export const bpSurfaceInputSearchSurface: string;
-export const bpSurfaceInputSearchSurfaceFocus: string;
-export const bpSurfaceInputSearchSurfaceFocusPressed: string;
-export const bpSurfaceInputSearchSurfaceHover: string;
 export const bpSurfaceInputSurface: string;
 export const bpSurfaceInputSurfaceError: string;
 export const bpSurfaceInputSurfaceErrorFocus: string;
@@ -309,9 +310,10 @@ export const bpSurfaceItemSmallSurfaceSelected: string;
 export const bpSurfaceItemSurfaceHover: string;
 export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
+export const bpSurfaceListItemSurfaceHover: string;
 export const bpSurfaceListItemSurfaceSelected: string;
 export const bpSurfaceMenuSurface: string;
-export const bpSurfaceMenuItemSurfaceDefault: string;
+export const bpSurfaceMenuItemSurface: string;
 export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
@@ -331,9 +333,9 @@ export const bpSurfaceRadioTileSurface: string;
 export const bpSurfaceRadioTileSurfaceHover: string;
 export const bpSurfaceRadioTileSurfaceSelected: string;
 export const bpSurfaceScrollbarSurface: string;
-export const bpSurfaceSearchGlobalSurface: string;
 export const bpSurfaceSearchSurface: string;
-export const bpSurfaceSearchSurfaceFocused: string;
+export const bpSurfaceSearchSurfaceActive: string;
+export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurfaceActive: string;
 export const bpSurfaceSelectSurfaceDefault: string;

package/dist/tokens/BP2/dark_mode_value/tokens.js

@@ -71,7 +71,11 @@ export const bpBorderRadioBorderSelectedHover = '#2079e3';
 export const bpBorderRadioTileBorder = '#bcbcbc';
 export const bpBorderRadioTileBorderHover = '#bcbcbc';
 export const bpBorderRadioTileBorderSelected = '#0061d5';
+export const bpBorderResizeBorderFocus = '#2486fc';
+export const bpBorderResizeBorderHover = '#bcbcbc';
 export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
+export const bpBorderSearchInputBorderFocus = '#2486fc';
+export const bpBorderSearchInputBorderHover = '#6f6f6f';
 export const bpBorderSearchBorder = '#f4f4f4';
 export const bpBorderSearchBorderHover = '#6f6f6f';
 export const bpBorderSelectBorderActive = '#2486fc';
@@ -202,11 +206,12 @@ export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
 export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
 export const bpSurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceCollapsibleSectionSurface = '#ffffff';
 export const bpSurfaceComboboxSurface = '#ffffff';
-export const bpSurfaceContentButtonSurfaceFocus = '#ffffff';
 export const bpSurfaceContentButtonSurfaceFocusDefault = '#ffffff';
-export const bpSurfaceContentButtonSurfaceHoverActive = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceFocusSelected = '#ffffff';
 export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
 export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
@@ -290,10 +295,6 @@ export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
 export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
-export const bpSurfaceInputSearchSurface = '#f4f4f4';
-export const bpSurfaceInputSearchSurfaceFocus = '#ffffff';
-export const bpSurfaceInputSearchSurfaceFocusPressed = '#ffffff';
-export const bpSurfaceInputSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
 export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
@@ -309,9 +310,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
 export const bpSurfaceItemSurfaceHover = '#ffffff';
 export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
+export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceMenuSurface = '#ffffff';
-export const bpSurfaceMenuItemSurfaceDefault = '#ffffff';
+export const bpSurfaceMenuItemSurface = '#ffffff';
 export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
@@ -331,9 +333,9 @@ export const bpSurfaceRadioTileSurface = '#ffffff';
 export const bpSurfaceRadioTileSurfaceHover = '#f4f4f4';
 export const bpSurfaceRadioTileSurfaceSelected = '#f2f7fd';
 export const bpSurfaceScrollbarSurface = 'rgba(0, 0, 0, 0.5)';
-export const bpSurfaceSearchGlobalSurface = '#f4f4f4';
 export const bpSurfaceSearchSurface = '#f4f4f4';
-export const bpSurfaceSearchSurfaceFocused = '#ffffff';
+export const bpSurfaceSearchSurfaceActive = '#ffffff';
+export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurfaceActive = '#ffffff';
 export const bpSurfaceSelectSurfaceDefault = '#ffffff';

package/dist/tokens/BP2/dark_mode_value/tokens.json

@@ -72,7 +72,11 @@
     "BpBorderRadioTileBorder": "#bcbcbc",
     "BpBorderRadioTileBorderHover": "#bcbcbc",
     "BpBorderRadioTileBorderSelected": "#0061d5",
+    "BpBorderResizeBorderFocus": "#2486fc",
+    "BpBorderResizeBorderHover": "#bcbcbc",
     "BpBorderSearchGlobalBorderHover": "#e8e8e8",
+    "BpBorderSearchInputBorderFocus": "#2486fc",
+    "BpBorderSearchInputBorderHover": "#6f6f6f",
     "BpBorderSearchBorder": "#f4f4f4",
     "BpBorderSearchBorderHover": "#6f6f6f",
     "BpBorderSelectBorderActive": "#2486fc",
@@ -203,11 +207,12 @@
     "BpSurfaceCheckboxSurfaceSelectedHover": "#2079e3",
     "BpSurfaceChipButtonSurface": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceChipButtonSurfaceHover": "rgba(0, 0, 0, 0.08)",
+    "BpSurfaceCollapsibleSectionSurface": "#ffffff",
     "BpSurfaceComboboxSurface": "#ffffff",
-    "BpSurfaceContentButtonSurfaceFocus": "#ffffff",
     "BpSurfaceContentButtonSurfaceFocusDefault": "#ffffff",
-    "BpSurfaceContentButtonSurfaceHoverActive": "#f4f4f4",
+    "BpSurfaceContentButtonSurfaceFocusSelected": "#ffffff",
     "BpSurfaceContentButtonSurfaceHoverDefault": "#f4f4f4",
+    "BpSurfaceContentButtonSurfaceHoverSelected": "#f4f4f4",
     "BpSurfaceContentButtonSurfaceSelected": "#ffffff",
     "BpSurfaceContentSwitcherSurface": "#e8e8e8",
     "BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "#fef5f6",
@@ -291,10 +296,6 @@
     "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
     "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
     "BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
-    "BpSurfaceInputSearchSurface": "#f4f4f4",
-    "BpSurfaceInputSearchSurfaceFocus": "#ffffff",
-    "BpSurfaceInputSearchSurfaceFocusPressed": "#ffffff",
-    "BpSurfaceInputSearchSurfaceHover": "#fbfbfb",
     "BpSurfaceInputSurface": "#ffffff",
     "BpSurfaceInputSurfaceError": "#ffffff",
     "BpSurfaceInputSurfaceErrorFocus": "#ffffff",
@@ -310,9 +311,10 @@
     "BpSurfaceItemSurfaceHover": "#ffffff",
     "BpSurfaceItemSurfaceSelected": "#f2f7fd",
     "BpSurfaceListItemSurface": "#ffffff",
+    "BpSurfaceListItemSurfaceHover": "#f4f4f4",
     "BpSurfaceListItemSurfaceSelected": "#f2f7fd",
     "BpSurfaceMenuSurface": "#ffffff",
-    "BpSurfaceMenuItemSurfaceDefault": "#ffffff",
+    "BpSurfaceMenuItemSurface": "#ffffff",
     "BpSurfaceMenuItemSurfaceHover": "#f4f4f4",
     "BpSurfaceMenuItemSurfaceLoading": "#ffffff",
     "BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
@@ -332,9 +334,9 @@
     "BpSurfaceRadioTileSurfaceHover": "#f4f4f4",
     "BpSurfaceRadioTileSurfaceSelected": "#f2f7fd",
     "BpSurfaceScrollbarSurface": "rgba(0, 0, 0, 0.5)",
-    "BpSurfaceSearchGlobalSurface": "#f4f4f4",
     "BpSurfaceSearchSurface": "#f4f4f4",
-    "BpSurfaceSearchSurfaceFocused": "#ffffff",
+    "BpSurfaceSearchSurfaceActive": "#ffffff",
+    "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
     "BpSurfaceSearchSurfaceHover": "#fbfbfb",
     "BpSurfaceSelectSurfaceActive": "#ffffff",
     "BpSurfaceSelectSurfaceDefault": "#ffffff",

package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts

@@ -76,7 +76,11 @@ export const bpBorderRadioBorderSelectedHover: string;
 export const bpBorderRadioTileBorder: string;
 export const bpBorderRadioTileBorderHover: string;
 export const bpBorderRadioTileBorderSelected: string;
+export const bpBorderResizeBorderFocus: string;
+export const bpBorderResizeBorderHover: string;
 export const bpBorderSearchGlobalBorderHover: string;
+export const bpBorderSearchInputBorderFocus: string;
+export const bpBorderSearchInputBorderHover: string;
 export const bpBorderSearchBorder: string;
 export const bpBorderSearchBorderHover: string;
 export const bpBorderSelectBorderActive: string;
@@ -207,11 +211,12 @@ export const bpSurfaceCheckboxSurfaceSelected: string;
 export const bpSurfaceCheckboxSurfaceSelectedHover: string;
 export const bpSurfaceChipButtonSurface: string;
 export const bpSurfaceChipButtonSurfaceHover: string;
+export const bpSurfaceCollapsibleSectionSurface: string;
 export const bpSurfaceComboboxSurface: string;
-export const bpSurfaceContentButtonSurfaceFocus: string;
 export const bpSurfaceContentButtonSurfaceFocusDefault: string;
-export const bpSurfaceContentButtonSurfaceHoverActive: string;
+export const bpSurfaceContentButtonSurfaceFocusSelected: string;
 export const bpSurfaceContentButtonSurfaceHoverDefault: string;
+export const bpSurfaceContentButtonSurfaceHoverSelected: string;
 export const bpSurfaceContentButtonSurfaceSelected: string;
 export const bpSurfaceContentSwitcherSurface: string;
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
@@ -295,10 +300,6 @@ export const bpSurfaceInlineNoticeSurfaceError: string;
 export const bpSurfaceInlineNoticeSurfaceInfo: string;
 export const bpSurfaceInlineNoticeSurfaceSuccess: string;
 export const bpSurfaceInlineNoticeSurfaceWarning: string;
-export const bpSurfaceInputSearchSurface: string;
-export const bpSurfaceInputSearchSurfaceFocus: string;
-export const bpSurfaceInputSearchSurfaceFocusPressed: string;
-export const bpSurfaceInputSearchSurfaceHover: string;
 export const bpSurfaceInputSurface: string;
 export const bpSurfaceInputSurfaceError: string;
 export const bpSurfaceInputSurfaceErrorFocus: string;
@@ -314,9 +315,10 @@ export const bpSurfaceItemSmallSurfaceSelected: string;
 export const bpSurfaceItemSurfaceHover: string;
 export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
+export const bpSurfaceListItemSurfaceHover: string;
 export const bpSurfaceListItemSurfaceSelected: string;
 export const bpSurfaceMenuSurface: string;
-export const bpSurfaceMenuItemSurfaceDefault: string;
+export const bpSurfaceMenuItemSurface: string;
 export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
@@ -336,9 +338,9 @@ export const bpSurfaceRadioTileSurface: string;
 export const bpSurfaceRadioTileSurfaceHover: string;
 export const bpSurfaceRadioTileSurfaceSelected: string;
 export const bpSurfaceScrollbarSurface: string;
-export const bpSurfaceSearchGlobalSurface: string;
 export const bpSurfaceSearchSurface: string;
-export const bpSurfaceSearchSurfaceFocused: string;
+export const bpSurfaceSearchSurfaceActive: string;
+export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurfaceActive: string;
 export const bpSurfaceSelectSurfaceDefault: string;

package/dist/tokens/BP2/light_mode_value/px-tokens.js

@@ -76,7 +76,11 @@ export const bpBorderRadioBorderSelectedHover = '#2079e3';
 export const bpBorderRadioTileBorder = '#bcbcbc';
 export const bpBorderRadioTileBorderHover = '#bcbcbc';
 export const bpBorderRadioTileBorderSelected = '#0061d5';
+export const bpBorderResizeBorderFocus = '#2486fc';
+export const bpBorderResizeBorderHover = '#bcbcbc';
 export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
+export const bpBorderSearchInputBorderFocus = '#2486fc';
+export const bpBorderSearchInputBorderHover = '#6f6f6f';
 export const bpBorderSearchBorder = '#f4f4f4';
 export const bpBorderSearchBorderHover = '#6f6f6f';
 export const bpBorderSelectBorderActive = '#2486fc';
@@ -207,11 +211,12 @@ export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
 export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
 export const bpSurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceCollapsibleSectionSurface = '#ffffff';
 export const bpSurfaceComboboxSurface = '#ffffff';
-export const bpSurfaceContentButtonSurfaceFocus = '#ffffff';
 export const bpSurfaceContentButtonSurfaceFocusDefault = '#ffffff';
-export const bpSurfaceContentButtonSurfaceHoverActive = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceFocusSelected = '#ffffff';
 export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
 export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
@@ -295,10 +300,6 @@ export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
 export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
-export const bpSurfaceInputSearchSurface = '#f4f4f4';
-export const bpSurfaceInputSearchSurfaceFocus = '#ffffff';
-export const bpSurfaceInputSearchSurfaceFocusPressed = '#ffffff';
-export const bpSurfaceInputSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
 export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
@@ -314,9 +315,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
 export const bpSurfaceItemSurfaceHover = '#ffffff';
 export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
+export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceMenuSurface = '#ffffff';
-export const bpSurfaceMenuItemSurfaceDefault = '#ffffff';
+export const bpSurfaceMenuItemSurface = '#ffffff';
 export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
@@ -336,9 +338,9 @@ export const bpSurfaceRadioTileSurface = '#ffffff';
 export const bpSurfaceRadioTileSurfaceHover = '#f4f4f4';
 export const bpSurfaceRadioTileSurfaceSelected = '#f2f7fd';
 export const bpSurfaceScrollbarSurface = 'rgba(0, 0, 0, 0.5)';
-export const bpSurfaceSearchGlobalSurface = '#f4f4f4';
 export const bpSurfaceSearchSurface = '#f4f4f4';
-export const bpSurfaceSearchSurfaceFocused = '#ffffff';
+export const bpSurfaceSearchSurfaceActive = '#ffffff';
+export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurfaceActive = '#ffffff';
 export const bpSurfaceSelectSurfaceDefault = '#ffffff';

package/dist/tokens/BP2/light_mode_value/tokens.css

@@ -33,7 +33,6 @@
     --bp-surface-badge-surface-slides: #f7ba00;
     --bp-surface-badge-surface-video: #009aed;
     --bp-surface-badge-word-surface: #185abd;
-    --bp-surface-input-search-surface-focus-pressed: #fff;
     --bp-surface-surface-brand: #0061d5;
     --bp-surface-surface-brand-busy: #0061d5;
     --bp-surface-surface-brand-disabled: #0061d5;
@@ -646,7 +645,11 @@
     --bp-border-radio-tile-border: var(--bp-gray-30);
     --bp-border-radio-tile-border-hover: var(--bp-gray-30);
     --bp-border-radio-tile-border-selected: var(--bp-box-blue-100);
+    --bp-border-resize-border-focus: var(--bp-light-blue-100);
+    --bp-border-resize-border-hover: var(--bp-gray-30);
     --bp-border-search-global-border-hover: var(--bp-gray-10);
+    --bp-border-search-input-border-focus: var(--bp-light-blue-100);
+    --bp-border-search-input-border-hover: var(--bp-gray-65);
     --bp-border-search-border: var(--bp-gray-05);
     --bp-border-search-border-hover: var(--bp-gray-65);
     --bp-border-select-border-active: var(--bp-light-blue-100);
@@ -749,11 +752,12 @@
     --bp-surface-checkbox-surface-selected-hover: var(--bp-light-blue-110);
     --bp-surface-chip-button-surface: var(--bp-black-opacity-04);
     --bp-surface-chip-button-surface-hover: var(--bp-black-opacity-08);
+    --bp-surface-collapsible-section-surface: var(--bp-gray-white);
     --bp-surface-combobox-surface: var(--bp-gray-white);
-    --bp-surface-content-button-surface-focus: var(--bp-gray-white);
     --bp-surface-content-button-surface-focus-default: var(--bp-gray-white);
-    --bp-surface-content-button-surface-hover-active: var(--bp-gray-05);
+    --bp-surface-content-button-surface-focus-selected: var(--bp-gray-white);
     --bp-surface-content-button-surface-hover-default: var(--bp-gray-05);
+    --bp-surface-content-button-surface-hover-selected: var(--bp-gray-05);
     --bp-surface-content-button-surface-selected: var(--bp-gray-white);
     --bp-surface-content-switcher-surface: var(--bp-gray-10);
     --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-05);
@@ -837,9 +841,6 @@
     --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
     --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
     --bp-surface-inline-notice-surface-warning: var(--bp-yellow-10);
-    --bp-surface-input-search-surface: var(--bp-gray-05);
-    --bp-surface-input-search-surface-focus: var(--bp-gray-white);
-    --bp-surface-input-search-surface-hover: var(--bp-gray-02);
     --bp-surface-input-surface: var(--bp-gray-white);
     --bp-surface-input-surface-error: var(--bp-gray-white);
     --bp-surface-input-surface-error-focus: var(--bp-gray-white);
@@ -855,9 +856,10 @@
     --bp-surface-item-surface-hover: var(--bp-gray-white);
     --bp-surface-item-surface-selected: var(--bp-box-blue-05);
     --bp-surface-list-item-surface: var(--bp-gray-white);
+    --bp-surface-list-item-surface-hover: var(--bp-gray-05);
     --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
     --bp-surface-menu-surface: var(--bp-gray-white);
-    --bp-surface-menu-item-surface-default: var(--bp-gray-white);
+    --bp-surface-menu-item-surface: var(--bp-gray-white);
     --bp-surface-menu-item-surface-hover: var(--bp-gray-05);
     --bp-surface-menu-item-surface-loading: var(--bp-gray-white);
     --bp-surface-menu-item-surface-pressed: var(--bp-gray-05);
@@ -877,9 +879,9 @@
     --bp-surface-radio-tile-surface-hover: var(--bp-gray-05);
     --bp-surface-radio-tile-surface-selected: var(--bp-box-blue-05);
     --bp-surface-scrollbar-surface: var(--bp-black-opacity-50);
-    --bp-surface-search-global-surface: var(--bp-gray-05);
     --bp-surface-search-surface: var(--bp-gray-05);
-    --bp-surface-search-surface-focused: var(--bp-gray-white);
+    --bp-surface-search-surface-active: var(--bp-gray-white);
+    --bp-surface-search-surface-complete: var(--bp-gray-05);
     --bp-surface-search-surface-hover: var(--bp-gray-02);
     --bp-surface-select-surface-active: var(--bp-gray-white);
     --bp-surface-select-surface-default: var(--bp-gray-white);

package/dist/tokens/BP2/light_mode_value/tokens.d.ts

@@ -72,7 +72,11 @@ export const bpBorderRadioBorderSelectedHover: string;
 export const bpBorderRadioTileBorder: string;
 export const bpBorderRadioTileBorderHover: string;
 export const bpBorderRadioTileBorderSelected: string;
+export const bpBorderResizeBorderFocus: string;
+export const bpBorderResizeBorderHover: string;
 export const bpBorderSearchGlobalBorderHover: string;
+export const bpBorderSearchInputBorderFocus: string;
+export const bpBorderSearchInputBorderHover: string;
 export const bpBorderSearchBorder: string;
 export const bpBorderSearchBorderHover: string;
 export const bpBorderSelectBorderActive: string;
@@ -203,11 +207,12 @@ export const bpSurfaceCheckboxSurfaceSelected: string;
 export const bpSurfaceCheckboxSurfaceSelectedHover: string;
 export const bpSurfaceChipButtonSurface: string;
 export const bpSurfaceChipButtonSurfaceHover: string;
+export const bpSurfaceCollapsibleSectionSurface: string;
 export const bpSurfaceComboboxSurface: string;
-export const bpSurfaceContentButtonSurfaceFocus: string;
 export const bpSurfaceContentButtonSurfaceFocusDefault: string;
-export const bpSurfaceContentButtonSurfaceHoverActive: string;
+export const bpSurfaceContentButtonSurfaceFocusSelected: string;
 export const bpSurfaceContentButtonSurfaceHoverDefault: string;
+export const bpSurfaceContentButtonSurfaceHoverSelected: string;
 export const bpSurfaceContentButtonSurfaceSelected: string;
 export const bpSurfaceContentSwitcherSurface: string;
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
@@ -291,10 +296,6 @@ export const bpSurfaceInlineNoticeSurfaceError: string;
 export const bpSurfaceInlineNoticeSurfaceInfo: string;
 export const bpSurfaceInlineNoticeSurfaceSuccess: string;
 export const bpSurfaceInlineNoticeSurfaceWarning: string;
-export const bpSurfaceInputSearchSurface: string;
-export const bpSurfaceInputSearchSurfaceFocus: string;
-export const bpSurfaceInputSearchSurfaceFocusPressed: string;
-export const bpSurfaceInputSearchSurfaceHover: string;
 export const bpSurfaceInputSurface: string;
 export const bpSurfaceInputSurfaceError: string;
 export const bpSurfaceInputSurfaceErrorFocus: string;
@@ -310,9 +311,10 @@ export const bpSurfaceItemSmallSurfaceSelected: string;
 export const bpSurfaceItemSurfaceHover: string;
 export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
+export const bpSurfaceListItemSurfaceHover: string;
 export const bpSurfaceListItemSurfaceSelected: string;
 export const bpSurfaceMenuSurface: string;
-export const bpSurfaceMenuItemSurfaceDefault: string;
+export const bpSurfaceMenuItemSurface: string;
 export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
@@ -332,9 +334,9 @@ export const bpSurfaceRadioTileSurface: string;
 export const bpSurfaceRadioTileSurfaceHover: string;
 export const bpSurfaceRadioTileSurfaceSelected: string;
 export const bpSurfaceScrollbarSurface: string;
-export const bpSurfaceSearchGlobalSurface: string;
 export const bpSurfaceSearchSurface: string;
-export const bpSurfaceSearchSurfaceFocused: string;
+export const bpSurfaceSearchSurfaceActive: string;
+export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurfaceActive: string;
 export const bpSurfaceSelectSurfaceDefault: string;

package/dist/tokens/BP2/light_mode_value/tokens.js

@@ -72,7 +72,11 @@ export const bpBorderRadioBorderSelectedHover = '#2079e3';
 export const bpBorderRadioTileBorder = '#bcbcbc';
 export const bpBorderRadioTileBorderHover = '#bcbcbc';
 export const bpBorderRadioTileBorderSelected = '#0061d5';
+export const bpBorderResizeBorderFocus = '#2486fc';
+export const bpBorderResizeBorderHover = '#bcbcbc';
 export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
+export const bpBorderSearchInputBorderFocus = '#2486fc';
+export const bpBorderSearchInputBorderHover = '#6f6f6f';
 export const bpBorderSearchBorder = '#f4f4f4';
 export const bpBorderSearchBorderHover = '#6f6f6f';
 export const bpBorderSelectBorderActive = '#2486fc';
@@ -203,11 +207,12 @@ export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
 export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
 export const bpSurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceCollapsibleSectionSurface = '#ffffff';
 export const bpSurfaceComboboxSurface = '#ffffff';
-export const bpSurfaceContentButtonSurfaceFocus = '#ffffff';
 export const bpSurfaceContentButtonSurfaceFocusDefault = '#ffffff';
-export const bpSurfaceContentButtonSurfaceHoverActive = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceFocusSelected = '#ffffff';
 export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
 export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
@@ -291,10 +296,6 @@ export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
 export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
-export const bpSurfaceInputSearchSurface = '#f4f4f4';
-export const bpSurfaceInputSearchSurfaceFocus = '#ffffff';
-export const bpSurfaceInputSearchSurfaceFocusPressed = '#ffffff';
-export const bpSurfaceInputSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
 export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
@@ -310,9 +311,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
 export const bpSurfaceItemSurfaceHover = '#ffffff';
 export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
+export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceMenuSurface = '#ffffff';
-export const bpSurfaceMenuItemSurfaceDefault = '#ffffff';
+export const bpSurfaceMenuItemSurface = '#ffffff';
 export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
@@ -332,9 +334,9 @@ export const bpSurfaceRadioTileSurface = '#ffffff';
 export const bpSurfaceRadioTileSurfaceHover = '#f4f4f4';
 export const bpSurfaceRadioTileSurfaceSelected = '#f2f7fd';
 export const bpSurfaceScrollbarSurface = 'rgba(0, 0, 0, 0.5)';
-export const bpSurfaceSearchGlobalSurface = '#f4f4f4';
 export const bpSurfaceSearchSurface = '#f4f4f4';
-export const bpSurfaceSearchSurfaceFocused = '#ffffff';
+export const bpSurfaceSearchSurfaceActive = '#ffffff';
+export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurfaceActive = '#ffffff';
 export const bpSurfaceSelectSurfaceDefault = '#ffffff';

package/dist/tokens/BP2/light_mode_value/tokens.json

@@ -73,7 +73,11 @@
     "BpBorderRadioTileBorder": "#bcbcbc",
     "BpBorderRadioTileBorderHover": "#bcbcbc",
     "BpBorderRadioTileBorderSelected": "#0061d5",
+    "BpBorderResizeBorderFocus": "#2486fc",
+    "BpBorderResizeBorderHover": "#bcbcbc",
     "BpBorderSearchGlobalBorderHover": "#e8e8e8",
+    "BpBorderSearchInputBorderFocus": "#2486fc",
+    "BpBorderSearchInputBorderHover": "#6f6f6f",
     "BpBorderSearchBorder": "#f4f4f4",
     "BpBorderSearchBorderHover": "#6f6f6f",
     "BpBorderSelectBorderActive": "#2486fc",
@@ -204,11 +208,12 @@
     "BpSurfaceCheckboxSurfaceSelectedHover": "#2079e3",
     "BpSurfaceChipButtonSurface": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceChipButtonSurfaceHover": "rgba(0, 0, 0, 0.08)",
+    "BpSurfaceCollapsibleSectionSurface": "#ffffff",
     "BpSurfaceComboboxSurface": "#ffffff",
-    "BpSurfaceContentButtonSurfaceFocus": "#ffffff",
     "BpSurfaceContentButtonSurfaceFocusDefault": "#ffffff",
-    "BpSurfaceContentButtonSurfaceHoverActive": "#f4f4f4",
+    "BpSurfaceContentButtonSurfaceFocusSelected": "#ffffff",
     "BpSurfaceContentButtonSurfaceHoverDefault": "#f4f4f4",
+    "BpSurfaceContentButtonSurfaceHoverSelected": "#f4f4f4",
     "BpSurfaceContentButtonSurfaceSelected": "#ffffff",
     "BpSurfaceContentSwitcherSurface": "#e8e8e8",
     "BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "#fef5f6",
@@ -292,10 +297,6 @@
     "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
     "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
     "BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
-    "BpSurfaceInputSearchSurface": "#f4f4f4",
-    "BpSurfaceInputSearchSurfaceFocus": "#ffffff",
-    "BpSurfaceInputSearchSurfaceFocusPressed": "#ffffff",
-    "BpSurfaceInputSearchSurfaceHover": "#fbfbfb",
     "BpSurfaceInputSurface": "#ffffff",
     "BpSurfaceInputSurfaceError": "#ffffff",
     "BpSurfaceInputSurfaceErrorFocus": "#ffffff",
@@ -311,9 +312,10 @@
     "BpSurfaceItemSurfaceHover": "#ffffff",
     "BpSurfaceItemSurfaceSelected": "#f2f7fd",
     "BpSurfaceListItemSurface": "#ffffff",
+    "BpSurfaceListItemSurfaceHover": "#f4f4f4",
     "BpSurfaceListItemSurfaceSelected": "#f2f7fd",
     "BpSurfaceMenuSurface": "#ffffff",
-    "BpSurfaceMenuItemSurfaceDefault": "#ffffff",
+    "BpSurfaceMenuItemSurface": "#ffffff",
     "BpSurfaceMenuItemSurfaceHover": "#f4f4f4",
     "BpSurfaceMenuItemSurfaceLoading": "#ffffff",
     "BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
@@ -333,9 +335,9 @@
     "BpSurfaceRadioTileSurfaceHover": "#f4f4f4",
     "BpSurfaceRadioTileSurfaceSelected": "#f2f7fd",
     "BpSurfaceScrollbarSurface": "rgba(0, 0, 0, 0.5)",
-    "BpSurfaceSearchGlobalSurface": "#f4f4f4",
     "BpSurfaceSearchSurface": "#f4f4f4",
-    "BpSurfaceSearchSurfaceFocused": "#ffffff",
+    "BpSurfaceSearchSurfaceActive": "#ffffff",
+    "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
     "BpSurfaceSearchSurfaceHover": "#fbfbfb",
     "BpSurfaceSelectSurfaceActive": "#ffffff",
     "BpSurfaceSelectSurfaceDefault": "#ffffff",

package/dist/tokens/px-tokens.js

@@ -913,7 +913,11 @@ export const bpBorderRadioBorderSelectedHover = '#2079e3';
 export const bpBorderRadioTileBorder = '#bcbcbc';
 export const bpBorderRadioTileBorderHover = '#bcbcbc';
 export const bpBorderRadioTileBorderSelected = '#0061d5';
+export const bpBorderResizeBorderFocus = '#2486fc';
+export const bpBorderResizeBorderHover = '#bcbcbc';
 export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
+export const bpBorderSearchInputBorderFocus = '#2486fc';
+export const bpBorderSearchInputBorderHover = '#6f6f6f';
 export const bpBorderSearchBorder = '#f4f4f4';
 export const bpBorderSearchBorderHover = '#6f6f6f';
 export const bpBorderSelectBorderActive = '#2486fc';
@@ -1044,11 +1048,12 @@ export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
 export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
 export const bpSurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceCollapsibleSectionSurface = '#ffffff';
 export const bpSurfaceComboboxSurface = '#ffffff';
-export const bpSurfaceContentButtonSurfaceFocus = '#ffffff';
 export const bpSurfaceContentButtonSurfaceFocusDefault = '#ffffff';
-export const bpSurfaceContentButtonSurfaceHoverActive = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceFocusSelected = '#ffffff';
 export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
 export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
@@ -1132,10 +1137,6 @@ export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
 export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
-export const bpSurfaceInputSearchSurface = '#f4f4f4';
-export const bpSurfaceInputSearchSurfaceFocus = '#ffffff';
-export const bpSurfaceInputSearchSurfaceFocusPressed = '#ffffff';
-export const bpSurfaceInputSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
 export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
@@ -1151,9 +1152,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
 export const bpSurfaceItemSurfaceHover = '#ffffff';
 export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
+export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceMenuSurface = '#ffffff';
-export const bpSurfaceMenuItemSurfaceDefault = '#ffffff';
+export const bpSurfaceMenuItemSurface = '#ffffff';
 export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
@@ -1173,9 +1175,9 @@ export const bpSurfaceRadioTileSurface = '#ffffff';
 export const bpSurfaceRadioTileSurfaceHover = '#f4f4f4';
 export const bpSurfaceRadioTileSurfaceSelected = '#f2f7fd';
 export const bpSurfaceScrollbarSurface = 'rgba(0, 0, 0, 0.5)';
-export const bpSurfaceSearchGlobalSurface = '#f4f4f4';
 export const bpSurfaceSearchSurface = '#f4f4f4';
-export const bpSurfaceSearchSurfaceFocused = '#ffffff';
+export const bpSurfaceSearchSurfaceActive = '#ffffff';
+export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurfaceActive = '#ffffff';
 export const bpSurfaceSelectSurfaceDefault = '#ffffff';

package/dist/tokens/tokens-css-vars.scss

@@ -818,7 +818,6 @@
     --bp-surface-badge-surface-slides: #f7ba00;
     --bp-surface-badge-surface-video: #009aed;
     --bp-surface-badge-word-surface: #185abd;
-    --bp-surface-input-search-surface-focus-pressed: #ffffff;
     --bp-surface-surface-brand: #0061d5;
     --bp-surface-surface-brand-busy: #0061d5;
     --bp-surface-surface-brand-disabled: #0061d5;
@@ -1431,7 +1430,11 @@
     --bp-border-radio-tile-border: var(--bp-gray-30);
     --bp-border-radio-tile-border-hover: var(--bp-gray-30);
     --bp-border-radio-tile-border-selected: var(--bp-box-blue-100);
+    --bp-border-resize-border-focus: var(--bp-light-blue-100);
+    --bp-border-resize-border-hover: var(--bp-gray-30);
     --bp-border-search-global-border-hover: var(--bp-gray-10);
+    --bp-border-search-input-border-focus: var(--bp-light-blue-100);
+    --bp-border-search-input-border-hover: var(--bp-gray-65);
     --bp-border-search-border: var(--bp-gray-05);
     --bp-border-search-border-hover: var(--bp-gray-65);
     --bp-border-select-border-active: var(--bp-light-blue-100);
@@ -1534,11 +1537,12 @@
     --bp-surface-checkbox-surface-selected-hover: var(--bp-light-blue-110);
     --bp-surface-chip-button-surface: var(--bp-black-opacity-04);
     --bp-surface-chip-button-surface-hover: var(--bp-black-opacity-08);
+    --bp-surface-collapsible-section-surface: var(--bp-gray-white);
     --bp-surface-combobox-surface: var(--bp-gray-white);
-    --bp-surface-content-button-surface-focus: var(--bp-gray-white);
     --bp-surface-content-button-surface-focus-default: var(--bp-gray-white);
-    --bp-surface-content-button-surface-hover-active: var(--bp-gray-05);
+    --bp-surface-content-button-surface-focus-selected: var(--bp-gray-white);
     --bp-surface-content-button-surface-hover-default: var(--bp-gray-05);
+    --bp-surface-content-button-surface-hover-selected: var(--bp-gray-05);
     --bp-surface-content-button-surface-selected: var(--bp-gray-white);
     --bp-surface-content-switcher-surface: var(--bp-gray-10);
     --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-05);
@@ -1622,9 +1626,6 @@
     --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
     --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
     --bp-surface-inline-notice-surface-warning: var(--bp-yellow-10);
-    --bp-surface-input-search-surface: var(--bp-gray-05);
-    --bp-surface-input-search-surface-focus: var(--bp-gray-white);
-    --bp-surface-input-search-surface-hover: var(--bp-gray-02);
     --bp-surface-input-surface: var(--bp-gray-white);
     --bp-surface-input-surface-error: var(--bp-gray-white);
     --bp-surface-input-surface-error-focus: var(--bp-gray-white);
@@ -1640,9 +1641,10 @@
     --bp-surface-item-surface-hover: var(--bp-gray-white);
     --bp-surface-item-surface-selected: var(--bp-box-blue-05);
     --bp-surface-list-item-surface: var(--bp-gray-white);
+    --bp-surface-list-item-surface-hover: var(--bp-gray-05);
     --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
     --bp-surface-menu-surface: var(--bp-gray-white);
-    --bp-surface-menu-item-surface-default: var(--bp-gray-white);
+    --bp-surface-menu-item-surface: var(--bp-gray-white);
     --bp-surface-menu-item-surface-hover: var(--bp-gray-05);
     --bp-surface-menu-item-surface-loading: var(--bp-gray-white);
     --bp-surface-menu-item-surface-pressed: var(--bp-gray-05);
@@ -1662,9 +1664,9 @@
     --bp-surface-radio-tile-surface-hover: var(--bp-gray-05);
     --bp-surface-radio-tile-surface-selected: var(--bp-box-blue-05);
     --bp-surface-scrollbar-surface: var(--bp-black-opacity-50);
-    --bp-surface-search-global-surface: var(--bp-gray-05);
     --bp-surface-search-surface: var(--bp-gray-05);
-    --bp-surface-search-surface-focused: var(--bp-gray-white);
+    --bp-surface-search-surface-active: var(--bp-gray-white);
+    --bp-surface-search-surface-complete: var(--bp-gray-05);
     --bp-surface-search-surface-hover: var(--bp-gray-02);
     --bp-surface-select-surface-active: var(--bp-gray-white);
     --bp-surface-select-surface-default: var(--bp-gray-white);

package/dist/tokens/tokens.js

@@ -909,7 +909,11 @@ export const bpBorderRadioBorderSelectedHover = '#2079e3';
 export const bpBorderRadioTileBorder = '#bcbcbc';
 export const bpBorderRadioTileBorderHover = '#bcbcbc';
 export const bpBorderRadioTileBorderSelected = '#0061d5';
+export const bpBorderResizeBorderFocus = '#2486fc';
+export const bpBorderResizeBorderHover = '#bcbcbc';
 export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
+export const bpBorderSearchInputBorderFocus = '#2486fc';
+export const bpBorderSearchInputBorderHover = '#6f6f6f';
 export const bpBorderSearchBorder = '#f4f4f4';
 export const bpBorderSearchBorderHover = '#6f6f6f';
 export const bpBorderSelectBorderActive = '#2486fc';
@@ -1040,11 +1044,12 @@ export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
 export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
 export const bpSurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceCollapsibleSectionSurface = '#ffffff';
 export const bpSurfaceComboboxSurface = '#ffffff';
-export const bpSurfaceContentButtonSurfaceFocus = '#ffffff';
 export const bpSurfaceContentButtonSurfaceFocusDefault = '#ffffff';
-export const bpSurfaceContentButtonSurfaceHoverActive = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceFocusSelected = '#ffffff';
 export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
+export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
 export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
@@ -1128,10 +1133,6 @@ export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
 export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
-export const bpSurfaceInputSearchSurface = '#f4f4f4';
-export const bpSurfaceInputSearchSurfaceFocus = '#ffffff';
-export const bpSurfaceInputSearchSurfaceFocusPressed = '#ffffff';
-export const bpSurfaceInputSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
 export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
@@ -1147,9 +1148,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
 export const bpSurfaceItemSurfaceHover = '#ffffff';
 export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
+export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceMenuSurface = '#ffffff';
-export const bpSurfaceMenuItemSurfaceDefault = '#ffffff';
+export const bpSurfaceMenuItemSurface = '#ffffff';
 export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
@@ -1169,9 +1171,9 @@ export const bpSurfaceRadioTileSurface = '#ffffff';
 export const bpSurfaceRadioTileSurfaceHover = '#f4f4f4';
 export const bpSurfaceRadioTileSurfaceSelected = '#f2f7fd';
 export const bpSurfaceScrollbarSurface = 'rgba(0, 0, 0, 0.5)';
-export const bpSurfaceSearchGlobalSurface = '#f4f4f4';
 export const bpSurfaceSearchSurface = '#f4f4f4';
-export const bpSurfaceSearchSurfaceFocused = '#ffffff';
+export const bpSurfaceSearchSurfaceActive = '#ffffff';
+export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurfaceActive = '#ffffff';
 export const bpSurfaceSelectSurfaceDefault = '#ffffff';

package/dist/tokens/tokens.json

@@ -890,7 +890,11 @@
     "BpBorderRadioTileBorder": "#bcbcbc",
     "BpBorderRadioTileBorderHover": "#bcbcbc",
     "BpBorderRadioTileBorderSelected": "#0061d5",
+    "BpBorderResizeBorderFocus": "#2486fc",
+    "BpBorderResizeBorderHover": "#bcbcbc",
     "BpBorderSearchGlobalBorderHover": "#e8e8e8",
+    "BpBorderSearchInputBorderFocus": "#2486fc",
+    "BpBorderSearchInputBorderHover": "#6f6f6f",
     "BpBorderSearchBorder": "#f4f4f4",
     "BpBorderSearchBorderHover": "#6f6f6f",
     "BpBorderSelectBorderActive": "#2486fc",
@@ -1021,11 +1025,12 @@
     "BpSurfaceCheckboxSurfaceSelectedHover": "#2079e3",
     "BpSurfaceChipButtonSurface": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceChipButtonSurfaceHover": "rgba(0, 0, 0, 0.08)",
+    "BpSurfaceCollapsibleSectionSurface": "#ffffff",
     "BpSurfaceComboboxSurface": "#ffffff",
-    "BpSurfaceContentButtonSurfaceFocus": "#ffffff",
     "BpSurfaceContentButtonSurfaceFocusDefault": "#ffffff",
-    "BpSurfaceContentButtonSurfaceHoverActive": "#f4f4f4",
+    "BpSurfaceContentButtonSurfaceFocusSelected": "#ffffff",
     "BpSurfaceContentButtonSurfaceHoverDefault": "#f4f4f4",
+    "BpSurfaceContentButtonSurfaceHoverSelected": "#f4f4f4",
     "BpSurfaceContentButtonSurfaceSelected": "#ffffff",
     "BpSurfaceContentSwitcherSurface": "#e8e8e8",
     "BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "#fef5f6",
@@ -1109,10 +1114,6 @@
     "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
     "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
     "BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
-    "BpSurfaceInputSearchSurface": "#f4f4f4",
-    "BpSurfaceInputSearchSurfaceFocus": "#ffffff",
-    "BpSurfaceInputSearchSurfaceFocusPressed": "#ffffff",
-    "BpSurfaceInputSearchSurfaceHover": "#fbfbfb",
     "BpSurfaceInputSurface": "#ffffff",
     "BpSurfaceInputSurfaceError": "#ffffff",
     "BpSurfaceInputSurfaceErrorFocus": "#ffffff",
@@ -1128,9 +1129,10 @@
     "BpSurfaceItemSurfaceHover": "#ffffff",
     "BpSurfaceItemSurfaceSelected": "#f2f7fd",
     "BpSurfaceListItemSurface": "#ffffff",
+    "BpSurfaceListItemSurfaceHover": "#f4f4f4",
     "BpSurfaceListItemSurfaceSelected": "#f2f7fd",
     "BpSurfaceMenuSurface": "#ffffff",
-    "BpSurfaceMenuItemSurfaceDefault": "#ffffff",
+    "BpSurfaceMenuItemSurface": "#ffffff",
     "BpSurfaceMenuItemSurfaceHover": "#f4f4f4",
     "BpSurfaceMenuItemSurfaceLoading": "#ffffff",
     "BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
@@ -1150,9 +1152,9 @@
     "BpSurfaceRadioTileSurfaceHover": "#f4f4f4",
     "BpSurfaceRadioTileSurfaceSelected": "#f2f7fd",
     "BpSurfaceScrollbarSurface": "rgba(0, 0, 0, 0.5)",
-    "BpSurfaceSearchGlobalSurface": "#f4f4f4",
     "BpSurfaceSearchSurface": "#f4f4f4",
-    "BpSurfaceSearchSurfaceFocused": "#ffffff",
+    "BpSurfaceSearchSurfaceActive": "#ffffff",
+    "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
     "BpSurfaceSearchSurfaceHover": "#fbfbfb",
     "BpSurfaceSelectSurfaceActive": "#ffffff",
     "BpSurfaceSelectSurfaceDefault": "#ffffff",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.58.7",
+    "version": "4.59.1",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
@@ -131,7 +131,7 @@
         }
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.13.12",
+        "@box/storybook-utils": "^0.13.13",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "chalk": "4.1.2",