@wordpress/boot 0.17.0 → 0.18.0

package/build-module/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/style.scss", "../src/view-transitions.scss", "../src/index.tsx"],
-  "sourcesContent": ["if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && !document.head.querySelector(\"style[data-wp-hash='7b8d694406']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"7b8d694406\");\n\tstyle.appendChild(document.createTextNode(\":root{--wpds-border-radius-xs:1px;--wpds-border-radius-sm:2px;--wpds-border-radius-md:4px;--wpds-border-radius-lg:8px;--wpds-border-radius-xl:12px;--wpds-border-width-xs:1px;--wpds-border-width-sm:2px;--wpds-border-width-md:4px;--wpds-border-width-lg:8px;--wpds-border-width-focus:2px;--wpds-color-background-surface-neutral:#fcfcfc;--wpds-color-background-surface-neutral-strong:#fff;--wpds-color-background-surface-neutral-weak:#f4f4f4;--wpds-color-background-surface-brand:#ecf0fa;--wpds-color-background-surface-success:#c6f7cd;--wpds-color-background-surface-success-weak:#ebffed;--wpds-color-background-surface-info:#deebfa;--wpds-color-background-surface-info-weak:#f3f9ff;--wpds-color-background-surface-warning:#fde6be;--wpds-color-background-surface-warning-weak:#fff7e1;--wpds-color-background-surface-caution:#fee995;--wpds-color-background-surface-caution-weak:#fff9ca;--wpds-color-background-surface-error:#f6e6e3;--wpds-color-background-surface-error-weak:#fff6f5;--wpds-color-background-interactive-neutral-strong:#2d2d2d;--wpds-color-background-interactive-neutral-strong-active:#1e1e1e;--wpds-color-background-interactive-neutral-strong-disabled:#e6e6e6;--wpds-color-background-interactive-neutral-weak:#0000;--wpds-color-background-interactive-neutral-weak-active:#ededed;--wpds-color-background-interactive-neutral-weak-disabled:#0000;--wpds-color-background-interactive-brand-strong:#3858e9;--wpds-color-background-interactive-brand-strong-active:#2e49d9;--wpds-color-background-interactive-brand-strong-disabled:#e6e6e6;--wpds-color-background-interactive-brand-weak:#0000;--wpds-color-background-interactive-brand-weak-active:#e6eaf4;--wpds-color-background-interactive-brand-weak-disabled:#0000;--wpds-color-background-interactive-error:#0000;--wpds-color-background-interactive-error-active:#fff6f5;--wpds-color-background-interactive-error-disabled:#0000;--wpds-color-background-interactive-error-strong:#cc1818;--wpds-color-background-interactive-error-strong-active:#b90000;--wpds-color-background-interactive-error-strong-disabled:#e6e6e6;--wpds-color-background-interactive-error-weak:#0000;--wpds-color-background-interactive-error-weak-active:#f6e6e3;--wpds-color-background-interactive-error-weak-disabled:#0000;--wpds-color-background-track-neutral-weak:#f0f0f0;--wpds-color-background-track-neutral:#dbdbdb;--wpds-color-background-thumb-neutral-weak:#8d8d8d;--wpds-color-background-thumb-neutral-weak-active:#6e6e6e;--wpds-color-background-thumb-brand:#3858e9;--wpds-color-background-thumb-brand-active:#3858e9;--wpds-color-background-thumb-neutral-disabled:#dbdbdb;--wpds-color-foreground-content-neutral:#1e1e1e;--wpds-color-foreground-content-neutral-weak:#707070;--wpds-color-foreground-content-success:#002900;--wpds-color-foreground-content-success-weak:#008030;--wpds-color-foreground-content-info:#001b4f;--wpds-color-foreground-content-info-weak:#006bd7;--wpds-color-foreground-content-warning:#2e1900;--wpds-color-foreground-content-warning-weak:#926300;--wpds-color-foreground-content-caution:#281d00;--wpds-color-foreground-content-caution-weak:#826a00;--wpds-color-foreground-content-error:#470000;--wpds-color-foreground-content-error-weak:#cc1818;--wpds-color-foreground-interactive-neutral:#1e1e1e;--wpds-color-foreground-interactive-neutral-active:#1e1e1e;--wpds-color-foreground-interactive-neutral-disabled:#8d8d8d;--wpds-color-foreground-interactive-neutral-strong:#f0f0f0;--wpds-color-foreground-interactive-neutral-strong-active:#f0f0f0;--wpds-color-foreground-interactive-neutral-strong-disabled:#8d8d8d;--wpds-color-foreground-interactive-neutral-weak:#707070;--wpds-color-foreground-interactive-neutral-weak-disabled:#8d8d8d;--wpds-color-foreground-interactive-brand:#3858e9;--wpds-color-foreground-interactive-brand-active:#0b0070;--wpds-color-foreground-interactive-brand-disabled:#8d8d8d;--wpds-color-foreground-interactive-brand-strong:#eff0f2;--wpds-color-foreground-interactive-brand-strong-active:#eff0f2;--wpds-color-foreground-interactive-brand-strong-disabled:#8d8d8d;--wpds-color-foreground-interactive-error:#cc1818;--wpds-color-foreground-interactive-error-active:#470000;--wpds-color-foreground-interactive-error-disabled:#8d8d8d;--wpds-color-foreground-interactive-error-strong:#f2efef;--wpds-color-foreground-interactive-error-strong-active:#f2efef;--wpds-color-foreground-interactive-error-strong-disabled:#8d8d8d;--wpds-color-stroke-surface-neutral:#dbdbdb;--wpds-color-stroke-surface-neutral-weak:#f0f0f0;--wpds-color-stroke-surface-neutral-strong:#8d8d8d;--wpds-color-stroke-surface-brand:#b0bbd6;--wpds-color-stroke-surface-brand-strong:#3858e9;--wpds-color-stroke-surface-success:#94d29e;--wpds-color-stroke-surface-success-strong:#008030;--wpds-color-stroke-surface-info:#a9c6e7;--wpds-color-stroke-surface-info-strong:#006bd7;--wpds-color-stroke-surface-warning:#e1bc7c;--wpds-color-stroke-surface-warning-strong:#926300;--wpds-color-stroke-surface-caution:#cfc28d;--wpds-color-stroke-surface-caution-strong:#826a00;--wpds-color-stroke-surface-error:#dab1aa;--wpds-color-stroke-surface-error-strong:#cc1818;--wpds-color-stroke-interactive-neutral:#8d8d8d;--wpds-color-stroke-interactive-neutral-active:#6e6e6e;--wpds-color-stroke-interactive-neutral-disabled:#dbdbdb;--wpds-color-stroke-interactive-neutral-strong:#6e6e6e;--wpds-color-stroke-interactive-brand:#3858e9;--wpds-color-stroke-interactive-brand-active:#2337c8;--wpds-color-stroke-interactive-brand-disabled:#dbdbdb;--wpds-color-stroke-interactive-error:#cc1818;--wpds-color-stroke-interactive-error-active:#9d0000;--wpds-color-stroke-interactive-error-disabled:#dbdbdb;--wpds-color-stroke-interactive-error-strong:#cc1818;--wpds-color-stroke-focus:#3858e9;--wpds-cursor-control:pointer;--wpds-dimension-padding-xs:4px;--wpds-dimension-padding-sm:8px;--wpds-dimension-padding-md:12px;--wpds-dimension-padding-lg:16px;--wpds-dimension-padding-xl:20px;--wpds-dimension-padding-2xl:24px;--wpds-dimension-padding-3xl:32px;--wpds-dimension-gap-xs:4px;--wpds-dimension-gap-sm:8px;--wpds-dimension-gap-md:12px;--wpds-dimension-gap-lg:16px;--wpds-dimension-gap-xl:24px;--wpds-dimension-gap-2xl:32px;--wpds-dimension-gap-3xl:40px;--wpds-dimension-size-5xs:4px;--wpds-dimension-size-4xs:8px;--wpds-dimension-size-3xs:12px;--wpds-dimension-size-2xs:16px;--wpds-dimension-size-xs:20px;--wpds-dimension-size-sm:24px;--wpds-dimension-size-md:32px;--wpds-dimension-size-lg:40px;--wpds-dimension-surface-width-xs:240px;--wpds-dimension-surface-width-sm:320px;--wpds-dimension-surface-width-md:400px;--wpds-dimension-surface-width-lg:560px;--wpds-dimension-surface-width-xl:720px;--wpds-dimension-surface-width-2xl:960px;--wpds-elevation-xs:0 1px 1px 0 #00000008,0 1px 2px 0 #00000005,0 3px 3px 0 #00000005,0 4px 4px 0 #00000003;--wpds-elevation-sm:0 1px 2px 0 #0000000d,0 2px 3px 0 #0000000a,0 6px 6px 0 #00000008,0 8px 8px 0 #00000005;--wpds-elevation-md:0 2px 3px 0 #0000000d,0 4px 5px 0 #0000000a,0 12px 12px 0 #00000008,0 16px 16px 0 #00000005;--wpds-elevation-lg:0 5px 15px 0 #00000014,0 15px 27px 0 #00000012,0 30px 36px 0 #0000000a,0 50px 43px 0 #00000005;--wpds-motion-duration-xs:50ms;--wpds-motion-duration-sm:100ms;--wpds-motion-duration-md:200ms;--wpds-motion-duration-lg:300ms;--wpds-motion-duration-xl:400ms;--wpds-motion-easing-subtle:cubic-bezier(0.15,0,0.15,1);--wpds-motion-easing-balanced:cubic-bezier(0.4,0,0.2,1);--wpds-motion-easing-expressive:cubic-bezier(0.25,0,0,1);--wpds-typography-font-family-heading:-apple-system,system-ui,\\\"Segoe UI\\\",\\\"Roboto\\\",\\\"Oxygen-Sans\\\",\\\"Ubuntu\\\",\\\"Cantarell\\\",\\\"Helvetica Neue\\\",sans-serif;--wpds-typography-font-family-body:-apple-system,system-ui,\\\"Segoe UI\\\",\\\"Roboto\\\",\\\"Oxygen-Sans\\\",\\\"Ubuntu\\\",\\\"Cantarell\\\",\\\"Helvetica Neue\\\",sans-serif;--wpds-typography-font-family-mono:\\\"Menlo\\\",\\\"Consolas\\\",monaco,monospace;--wpds-typography-font-size-xs:11px;--wpds-typography-font-size-sm:12px;--wpds-typography-font-size-md:13px;--wpds-typography-font-size-lg:15px;--wpds-typography-font-size-xl:20px;--wpds-typography-font-size-2xl:32px;--wpds-typography-line-height-xs:16px;--wpds-typography-line-height-sm:20px;--wpds-typography-line-height-md:24px;--wpds-typography-line-height-lg:28px;--wpds-typography-line-height-xl:32px;--wpds-typography-line-height-2xl:40px;--wpds-typography-font-weight-regular:400;--wpds-typography-font-weight-medium:499}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wpds-border-width-focus:1.5px}}:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=none]),[data-wpds-corner-radius=none]{--wpds-border-radius-xs:0;--wpds-border-radius-sm:0;--wpds-border-radius-md:0;--wpds-border-radius-lg:0;--wpds-border-radius-xl:0}:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=subtle]),[data-wpds-corner-radius=subtle]{--wpds-border-radius-xs:1px;--wpds-border-radius-sm:2px;--wpds-border-radius-md:4px;--wpds-border-radius-lg:8px;--wpds-border-radius-xl:12px}:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=moderate]),[data-wpds-corner-radius=moderate]{--wpds-border-radius-xs:6px;--wpds-border-radius-sm:8px;--wpds-border-radius-md:12px;--wpds-border-radius-lg:16px;--wpds-border-radius-xl:20px}:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=pronounced]),[data-wpds-corner-radius=pronounced]{--wpds-border-radius-xs:18px;--wpds-border-radius-sm:20px;--wpds-border-radius-md:22px;--wpds-border-radius-lg:24px;--wpds-border-radius-xl:26px}body.has-admin-bar-in-editor #wpadminbar{display:block}body.has-admin-bar-in-editor .boot-canvas-back-button__link{background:transparent}body.has-admin-bar-in-editor .boot-canvas-back-button__icon{background-color:transparent}body.has-admin-bar-in-editor #site-editor-v2-app{bottom:0;height:calc(100vh - 32px)!important;left:0;position:fixed;right:0;top:32px}body.has-admin-bar-in-editor .boot-layout.has-full-canvas .boot-layout__canvas{height:calc(100vh - 32px);top:32px}@media (max-width:782px){body.has-admin-bar-in-editor #site-editor-v2-app{height:calc(100vh - 46px)!important;top:46px}body.has-admin-bar-in-editor .boot-layout.has-full-canvas .boot-layout__canvas,body.has-admin-bar-in-editor .boot-layout__canvas:not(.has-mobile-drawer),body.has-admin-bar-in-editor .boot-layout__inspector,body.has-admin-bar-in-editor .boot-layout__stage{height:calc(100vh - 46px);top:46px}body.has-admin-bar-in-editor .boot-layout__mobile-sidebar-drawer{top:46px}}@media (min-width:600px){.boot-layout-container .boot-layout{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.boot-layout-container .boot-layout{min-height:calc(100vh - 32px)}body:has(.boot-layout.has-full-canvas) .boot-layout-container .boot-layout{min-height:100vh}}.boot-layout-container .boot-layout img{height:auto;max-width:100%}.boot-layout .boot-notices__snackbar{bottom:24px;box-sizing:border-box;display:flex;flex-direction:column;left:0;padding-inline:16px;pointer-events:none;position:fixed;right:0}.boot-layout .boot-notices__snackbar .components-snackbar{margin-inline:auto}\"));\n\tdocument.head.appendChild(style);\n}\n", "if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && !document.head.querySelector(\"style[data-wp-hash='e529861242']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"e529861242\");\n\tstyle.appendChild(document.createTextNode(\"@media (max-width:782px){*{view-transition-name:none!important}}::view-transition-new(root),::view-transition-old(root){animation-duration:.25s}@media not (prefers-reduced-motion:reduce){.boot-layout__canvas .interface-interface-skeleton__header{view-transition-name:boot--canvas-header}.boot-layout__canvas .interface-interface-skeleton__sidebar{view-transition-name:boot--canvas-sidebar}.boot-layout.has-full-canvas .boot-layout__canvas .boot-site-icon-link,.boot-layout:not(.has-full-canvas) .boot-site-hub .boot-site-icon-link{view-transition-name:boot--site-icon-link}.boot-layout__stage{view-transition-name:boot--stage}.boot-layout__inspector{view-transition-name:boot--inspector}.boot-layout__canvas.is-full-canvas .interface-interface-skeleton__content,.boot-layout__canvas:not(.is-full-canvas){view-transition-name:boot--canvas}@supports (-webkit-hyphens:none) and (not (-moz-appearance:none)){.boot-layout__stage{view-transition-name:boot-safari--stage}.boot-layout__inspector{view-transition-name:boot-safari--inspector}.boot-layout__canvas.is-full-canvas .interface-interface-skeleton__content,.boot-layout__canvas:not(.is-full-canvas){view-transition-name:boot-safari--canvas}}.components-popover:first-of-type{view-transition-name:boot--components-popover}}::view-transition-group(boot--canvas),::view-transition-group(boot--canvas-header),::view-transition-group(boot--canvas-sidebar),::view-transition-group(boot-safari--canvas){z-index:1}::view-transition-group(boot--site-icon-link){z-index:2}::view-transition-new(boot--site-icon-link),::view-transition-old(boot--site-icon-link){animation:none}::view-transition-new(boot-safari--canvas),::view-transition-new(boot-safari--inspector),::view-transition-new(boot-safari--stage),::view-transition-old(boot-safari--canvas),::view-transition-old(boot-safari--inspector),::view-transition-old(boot-safari--stage){width:auto}::view-transition-new(boot--canvas),::view-transition-new(boot--inspector),::view-transition-new(boot--stage),::view-transition-old(boot--canvas),::view-transition-old(boot--inspector),::view-transition-old(boot--stage){background:#fff;border-radius:var(--wpds-border-radius-xl,12px);height:100%;object-fit:none;object-position:left top;overflow:hidden;width:100%}::view-transition-new(boot--canvas),::view-transition-old(boot--canvas){object-position:center top}::view-transition-old(boot--inspector):only-child,::view-transition-old(boot--stage):only-child,::view-transition-old(boot-safari--inspector):only-child,::view-transition-old(boot-safari--stage):only-child{animation-name:zoomOut;will-change:transform,opacity}::view-transition-new(boot--inspector):only-child,::view-transition-new(boot--stage):only-child,::view-transition-new(boot-safari--inspector):only-child,::view-transition-new(boot-safari--stage):only-child{animation-name:zoomIn;will-change:transform,opacity}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::view-transition-new(boot--canvas):only-child,::view-transition-new(boot-safari--canvas):only-child{animation-name:slideFromRight;will-change:transform}::view-transition-old(boot--canvas):only-child,::view-transition-old(boot-safari--canvas):only-child{animation-name:slideToRight;will-change:transform}@keyframes slideFromRight{0%{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(100vw)}}::view-transition-new(boot--canvas-header):only-child{animation-name:slideHeaderFromTop;will-change:transform}::view-transition-old(boot--canvas-header):only-child{animation-name:slideHeaderToTop;will-change:transform}@keyframes slideHeaderFromTop{0%{transform:translateY(-100%)}}@keyframes slideHeaderToTop{to{transform:translateY(-100%)}}::view-transition-new(boot--canvas-sidebar):only-child{animation-name:slideSidebarFromRight;will-change:transform}::view-transition-old(boot--canvas-sidebar):only-child{animation-name:slideSidebarToRight;will-change:transform}@keyframes slideSidebarFromRight{0%{transform:translateX(100%)}}@keyframes slideSidebarToRight{to{transform:translateX(100%)}}\"));\n\tdocument.head.appendChild(style);\n}\n", "/**\n * Internal dependencies\n */\nimport './style.scss';\nimport './view-transitions.scss';\nexport { init, initSinglePage } from './components/app';\nexport { store } from './store';\n"],
-  "mappings": ";AAAA,IAAI,OAAO,aAAa,eAAe,QAAQ,IAAI,aAAa,UAAU,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AAC3I,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,kwVAA8xV,CAAC;AACz0V,WAAS,KAAK,YAAY,KAAK;AAChC;;;ACLA,IAAI,OAAO,aAAa,eAAe,QAAQ,IAAI,aAAa,UAAU,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AAC3I,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,4mIAA4mI,CAAC;AACvpI,WAAS,KAAK,YAAY,KAAK;AAChC;;;ACAA,SAAS,MAAM,sBAAsB;AACrC,SAAS,aAAa;",
+  "sourcesContent": ["if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && !document.head.querySelector(\"style[data-wp-hash='54fd778906']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"54fd778906\");\n\tstyle.appendChild(document.createTextNode(\"@media (min-width:600px){.boot-layout-container .boot-layout{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.boot-layout-container .boot-layout{min-height:calc(100vh - 32px)}body:has(.boot-layout.has-full-canvas) .boot-layout-container .boot-layout{min-height:100vh}}.boot-layout-container .boot-layout img{height:auto;max-width:100%}.boot-layout .boot-notices__snackbar{bottom:24px;box-sizing:border-box;display:flex;flex-direction:column;left:0;padding-inline:16px;pointer-events:none;position:fixed;right:0}.boot-layout .boot-notices__snackbar .components-snackbar{margin-inline:auto}\"));\n\tdocument.head.appendChild(style);\n}\n", "if (typeof document !== 'undefined' && process.env.NODE_ENV !== 'test' && !document.head.querySelector(\"style[data-wp-hash='28f077581a']\")) {\n\tconst style = document.createElement(\"style\");\n\tstyle.setAttribute(\"data-wp-hash\", \"28f077581a\");\n\tstyle.appendChild(document.createTextNode(\"@media (max-width:782px){*{view-transition-name:none!important}}::view-transition-new(root),::view-transition-old(root){animation-duration:.25s}@media not (prefers-reduced-motion:reduce){.boot-layout__canvas .interface-interface-skeleton__header{view-transition-name:boot--canvas-header}.boot-layout__canvas .interface-interface-skeleton__sidebar{view-transition-name:boot--canvas-sidebar}.boot-layout__stage{view-transition-name:boot--stage}.boot-layout__inspector{view-transition-name:boot--inspector}.boot-layout__canvas.is-full-canvas .interface-interface-skeleton__content,.boot-layout__canvas:not(.is-full-canvas){view-transition-name:boot--canvas}@supports (-webkit-hyphens:none) and (not (-moz-appearance:none)){.boot-layout__stage{view-transition-name:boot-safari--stage}.boot-layout__inspector{view-transition-name:boot-safari--inspector}.boot-layout__canvas.is-full-canvas .interface-interface-skeleton__content,.boot-layout__canvas:not(.is-full-canvas){view-transition-name:boot-safari--canvas}}.components-popover:first-of-type{view-transition-name:boot--components-popover}}::view-transition-group(boot--canvas),::view-transition-group(boot--canvas-header),::view-transition-group(boot--canvas-sidebar),::view-transition-group(boot-safari--canvas){z-index:1}::view-transition-new(boot-safari--canvas),::view-transition-new(boot-safari--inspector),::view-transition-new(boot-safari--stage),::view-transition-old(boot-safari--canvas),::view-transition-old(boot-safari--inspector),::view-transition-old(boot-safari--stage){width:auto}::view-transition-new(boot--canvas),::view-transition-new(boot--inspector),::view-transition-new(boot--stage),::view-transition-old(boot--canvas),::view-transition-old(boot--inspector),::view-transition-old(boot--stage){background:#fff;border-radius:var(--wpds-border-radius-xl,12px);height:100%;object-fit:none;object-position:left top;overflow:hidden;width:100%}::view-transition-new(boot--canvas),::view-transition-old(boot--canvas){object-position:center top}::view-transition-old(boot--inspector):only-child,::view-transition-old(boot--stage):only-child,::view-transition-old(boot-safari--inspector):only-child,::view-transition-old(boot-safari--stage):only-child{animation-name:zoomOut;will-change:transform,opacity}::view-transition-new(boot--inspector):only-child,::view-transition-new(boot--stage):only-child,::view-transition-new(boot-safari--inspector):only-child,::view-transition-new(boot-safari--stage):only-child{animation-name:zoomIn;will-change:transform,opacity}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::view-transition-new(boot--canvas):only-child,::view-transition-new(boot-safari--canvas):only-child{animation-name:slideFromRight;will-change:transform}::view-transition-old(boot--canvas):only-child,::view-transition-old(boot-safari--canvas):only-child{animation-name:slideToRight;will-change:transform}@keyframes slideFromRight{0%{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes slideToRight{0%{transform:translateX(0)}to{transform:translateX(100vw)}}::view-transition-new(boot--canvas-header):only-child{animation-name:slideHeaderFromTop;will-change:transform}::view-transition-old(boot--canvas-header):only-child{animation-name:slideHeaderToTop;will-change:transform}@keyframes slideHeaderFromTop{0%{transform:translateY(-100%)}}@keyframes slideHeaderToTop{to{transform:translateY(-100%)}}::view-transition-new(boot--canvas-sidebar):only-child{animation-name:slideSidebarFromRight;will-change:transform}::view-transition-old(boot--canvas-sidebar):only-child{animation-name:slideSidebarToRight;will-change:transform}@keyframes slideSidebarFromRight{0%{transform:translateX(100%)}}@keyframes slideSidebarToRight{to{transform:translateX(100%)}}\"));\n\tdocument.head.appendChild(style);\n}\n", "/**\n * Internal dependencies\n */\nimport './style.scss';\nimport './view-transitions.scss';\nexport { init, initSinglePage } from './components/app';\nexport { store } from './store';\n"],
+  "mappings": ";AAAA,IAAI,OAAO,aAAa,eAAe,QAAQ,IAAI,aAAa,UAAU,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AAC3I,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,soBAAsoB,CAAC;AACjrB,WAAS,KAAK,YAAY,KAAK;AAChC;;;ACLA,IAAI,OAAO,aAAa,eAAe,QAAQ,IAAI,aAAa,UAAU,CAAC,SAAS,KAAK,cAAc,kCAAkC,GAAG;AAC3I,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,YAAY,SAAS,eAAe,qxHAAqxH,CAAC;AACh0H,WAAS,KAAK,YAAY,KAAK;AAChC;;;ACAA,SAAS,MAAM,sBAAsB;AACrC,SAAS,aAAa;",
   "names": []
 }

package/build-style/style-rtl.css

@@ -1,418 +1,3 @@
-@charset "UTF-8";
-/* -------------------------------------------
- *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
- * ------------------------------------------- */
-:root {
-  /* Buttons and other elements nested inside controls. */
-  --wpds-border-radius-xs: 1px;
-  /* Standalone buttons, inputs, and compact controls. */
-  --wpds-border-radius-sm: 2px;
-  /* Menus, popovers, and other small portaled overlays. */
-  --wpds-border-radius-md: 4px;
-  /* Cards, dialogs, notices, and other larger content containers. */
-  --wpds-border-radius-lg: 8px;
-  /* Page and app shell surfaces. */
-  --wpds-border-radius-xl: 12px;
-  /* Extra small width */
-  --wpds-border-width-xs: 1px;
-  /* Small width */
-  --wpds-border-width-sm: 2px;
-  /* Medium width */
-  --wpds-border-width-md: 4px;
-  /* Large width */
-  --wpds-border-width-lg: 8px;
-  /* Border width for focus ring */
-  --wpds-border-width-focus: 2px;
-  /* Background color for surfaces with normal emphasis. */
-  --wpds-color-background-surface-neutral: #fcfcfc;
-  /* Background color for surfaces with strong emphasis. */
-  --wpds-color-background-surface-neutral-strong: #fff;
-  /* Background color for surfaces with weak emphasis. */
-  --wpds-color-background-surface-neutral-weak: #f4f4f4;
-  /* Background color for surfaces with brand tone and normal emphasis. */
-  --wpds-color-background-surface-brand: #ecf0fa;
-  /* Background color for surfaces with success tone and normal emphasis. */
-  --wpds-color-background-surface-success: #c6f7cd;
-  /* Background color for surfaces with success tone and weak emphasis. */
-  --wpds-color-background-surface-success-weak: #ebffed;
-  /* Background color for surfaces with info tone and normal emphasis. */
-  --wpds-color-background-surface-info: #deebfa;
-  /* Background color for surfaces with info tone and weak emphasis. */
-  --wpds-color-background-surface-info-weak: #f3f9ff;
-  /* Background color for surfaces with warning tone and normal emphasis. */
-  --wpds-color-background-surface-warning: #fde6be;
-  /* Background color for surfaces with warning tone and weak emphasis. */
-  --wpds-color-background-surface-warning-weak: #fff7e1;
-  /* Background color for surfaces with caution tone and normal emphasis. */
-  --wpds-color-background-surface-caution: #fee995;
-  /* Background color for surfaces with caution tone and weak emphasis. */
-  --wpds-color-background-surface-caution-weak: #fff9ca;
-  /* Background color for surfaces with error tone and normal emphasis. */
-  --wpds-color-background-surface-error: #f6e6e3;
-  /* Background color for surfaces with error tone and weak emphasis. */
-  --wpds-color-background-surface-error-weak: #fff6f5;
-  /* Background color for interactive elements with neutral tone and strong emphasis. */
-  --wpds-color-background-interactive-neutral-strong: #2d2d2d;
-  /* Background color for interactive elements with neutral tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-background-interactive-neutral-strong-active: #1e1e1e;
-  /* Background color for interactive elements with neutral tone and strong emphasis, in their disabled state. */
-  --wpds-color-background-interactive-neutral-strong-disabled: #e6e6e6;
-  /* Background color for interactive elements with neutral tone and weak emphasis. */
-  --wpds-color-background-interactive-neutral-weak: #0000;
-  /* Background color for interactive elements with neutral tone and weak emphasis that are hovered, focused, or active. */
-  --wpds-color-background-interactive-neutral-weak-active: #ededed;
-  /* Background color for interactive elements with neutral tone and weak emphasis, in their disabled state. */
-  --wpds-color-background-interactive-neutral-weak-disabled: #0000;
-  /* Background color for interactive elements with brand tone and strong emphasis. */
-  --wpds-color-background-interactive-brand-strong: #3858e9;
-  /* Background color for interactive elements with brand tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-background-interactive-brand-strong-active: #2e49d9;
-  /* Background color for interactive elements with brand tone and strong emphasis, in their disabled state. */
-  --wpds-color-background-interactive-brand-strong-disabled: #e6e6e6;
-  /* Background color for interactive elements with brand tone and weak emphasis. */
-  --wpds-color-background-interactive-brand-weak: #0000;
-  /* Background color for interactive elements with brand tone and weak emphasis that are hovered, focused, or active. */
-  --wpds-color-background-interactive-brand-weak-active: #e6eaf4;
-  /* Background color for interactive elements with brand tone and weak emphasis, in their disabled state. */
-  --wpds-color-background-interactive-brand-weak-disabled: #0000;
-  /* Background color for interactive elements with error tone and normal emphasis. */
-  --wpds-color-background-interactive-error: #0000;
-  /* Background color for interactive elements with error tone and normal emphasis that are hovered, focused, or active. */
-  --wpds-color-background-interactive-error-active: #fff6f5;
-  /* Background color for interactive elements with error tone and normal emphasis, in their disabled state. */
-  --wpds-color-background-interactive-error-disabled: #0000;
-  /* Background color for interactive elements with error tone and strong emphasis. */
-  --wpds-color-background-interactive-error-strong: #cc1818;
-  /* Background color for interactive elements with error tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-background-interactive-error-strong-active: #b90000;
-  /* Background color for interactive elements with error tone and strong emphasis, in their disabled state. */
-  --wpds-color-background-interactive-error-strong-disabled: #e6e6e6;
-  /* Background color for interactive elements with error tone and weak emphasis. */
-  --wpds-color-background-interactive-error-weak: #0000;
-  /* Background color for interactive elements with error tone and weak emphasis that are hovered, focused, or active. */
-  --wpds-color-background-interactive-error-weak-active: #f6e6e3;
-  /* Background color for interactive elements with error tone and weak emphasis, in their disabled state. */
-  --wpds-color-background-interactive-error-weak-disabled: #0000;
-  /* Background color for tracks with a neutral tone and weak emphasis (eg. scrollbar track). */
-  --wpds-color-background-track-neutral-weak: #f0f0f0;
-  /* Background color for tracks with a neutral tone and normal emphasis (eg. slider or progressbar track). */
-  --wpds-color-background-track-neutral: #dbdbdb;
-  /* Background color for thumbs with a neutral tone and weak emphasis (eg. scrollbar thumb). */
-  --wpds-color-background-thumb-neutral-weak: #8d8d8d;
-  /* Background color for thumbs with a neutral tone and weak emphasis (eg. scrollbar thumb) that are hovered, focused, or active. */
-  --wpds-color-background-thumb-neutral-weak-active: #6e6e6e;
-  /* Background color for thumbs with a brand tone and normal emphasis (eg. slider thumb and filled track). */
-  --wpds-color-background-thumb-brand: #3858e9;
-  /* Background color for thumbs with a brand tone and normal emphasis (eg. slider thumb and filled track) that are hovered, focused, or active. */
-  --wpds-color-background-thumb-brand-active: #3858e9;
-  /* Background color for thumbs with normal emphasis (eg. slider thumb and filled track), in their disabled state, regardless of the tone. */
-  --wpds-color-background-thumb-neutral-disabled: #dbdbdb;
-  /* Foreground color for content like text with normal emphasis. */
-  --wpds-color-foreground-content-neutral: #1e1e1e;
-  /* Foreground color for content like text with weak emphasis. */
-  --wpds-color-foreground-content-neutral-weak: #707070;
-  /* Foreground color for content like text with success tone and normal emphasis. */
-  --wpds-color-foreground-content-success: #002900;
-  /* Foreground color for content like text with success tone and weak emphasis. */
-  --wpds-color-foreground-content-success-weak: #008030;
-  /* Foreground color for content like text with info tone and normal emphasis. */
-  --wpds-color-foreground-content-info: #001b4f;
-  /* Foreground color for content like text with info tone and weak emphasis. */
-  --wpds-color-foreground-content-info-weak: #006bd7;
-  /* Foreground color for content like text with warning tone and normal emphasis. */
-  --wpds-color-foreground-content-warning: #2e1900;
-  /* Foreground color for content like text with warning tone and weak emphasis. */
-  --wpds-color-foreground-content-warning-weak: #926300;
-  /* Foreground color for content like text with caution tone and normal emphasis. */
-  --wpds-color-foreground-content-caution: #281d00;
-  /* Foreground color for content like text with caution tone and weak emphasis. */
-  --wpds-color-foreground-content-caution-weak: #826a00;
-  /* Foreground color for content like text with error tone and normal emphasis. */
-  --wpds-color-foreground-content-error: #470000;
-  /* Foreground color for content like text with error tone and weak emphasis. */
-  --wpds-color-foreground-content-error-weak: #cc1818;
-  /* Foreground color for interactive elements with neutral tone and normal emphasis. */
-  --wpds-color-foreground-interactive-neutral: #1e1e1e;
-  /* Foreground color for interactive elements with neutral tone and normal emphasis that are hovered, focused, or active. */
-  --wpds-color-foreground-interactive-neutral-active: #1e1e1e;
-  /* Foreground color for interactive elements with neutral tone and normal emphasis, in their disabled state. */
-  --wpds-color-foreground-interactive-neutral-disabled: #8d8d8d;
-  /* Foreground color for interactive elements with neutral tone and strong emphasis. */
-  --wpds-color-foreground-interactive-neutral-strong: #f0f0f0;
-  /* Foreground color for interactive elements with neutral tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-foreground-interactive-neutral-strong-active: #f0f0f0;
-  /* Foreground color for interactive elements with neutral tone and strong emphasis, in their disabled state. */
-  --wpds-color-foreground-interactive-neutral-strong-disabled: #8d8d8d;
-  /* Foreground color for interactive elements with neutral tone and weak emphasis. */
-  --wpds-color-foreground-interactive-neutral-weak: #707070;
-  /* Foreground color for interactive elements with neutral tone and weak emphasis, in their disabled state. */
-  --wpds-color-foreground-interactive-neutral-weak-disabled: #8d8d8d;
-  /* Foreground color for interactive elements with brand tone and normal emphasis. */
-  --wpds-color-foreground-interactive-brand: #3858e9;
-  /* Foreground color for interactive elements with brand tone and normal emphasis that are hovered, focused, or active. */
-  --wpds-color-foreground-interactive-brand-active: #0b0070;
-  /* Foreground color for interactive elements with brand tone and normal emphasis, in their disabled state. */
-  --wpds-color-foreground-interactive-brand-disabled: #8d8d8d;
-  /* Foreground color for interactive elements with brand tone and strong emphasis. */
-  --wpds-color-foreground-interactive-brand-strong: #eff0f2;
-  /* Foreground color for interactive elements with brand tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-foreground-interactive-brand-strong-active: #eff0f2;
-  /* Foreground color for interactive elements with brand tone and strong emphasis, in their disabled state. */
-  --wpds-color-foreground-interactive-brand-strong-disabled: #8d8d8d;
-  /* Foreground color for interactive elements with error tone and normal emphasis. */
-  --wpds-color-foreground-interactive-error: #cc1818;
-  /* Foreground color for interactive elements with error tone and normal emphasis that are hovered, focused, or active. */
-  --wpds-color-foreground-interactive-error-active: #470000;
-  /* Foreground color for interactive elements with error tone and normal emphasis, in their disabled state. */
-  --wpds-color-foreground-interactive-error-disabled: #8d8d8d;
-  /* Foreground color for interactive elements with error tone and strong emphasis. */
-  --wpds-color-foreground-interactive-error-strong: #f2efef;
-  /* Foreground color for interactive elements with error tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-foreground-interactive-error-strong-active: #f2efef;
-  /* Foreground color for interactive elements with error tone and strong emphasis, in their disabled state. */
-  --wpds-color-foreground-interactive-error-strong-disabled: #8d8d8d;
-  /* Decorative stroke color used to define neutrally-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-neutral: #dbdbdb;
-  /* Decorative stroke color used to define neutrally-toned surface boundaries with weak emphasis. */
-  --wpds-color-stroke-surface-neutral-weak: #f0f0f0;
-  /* Decorative stroke color used to define neutrally-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-neutral-strong: #8d8d8d;
-  /* Decorative stroke color used to define brand-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-brand: #b0bbd6;
-  /* Decorative stroke color used to define brand-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-brand-strong: #3858e9;
-  /* Decorative stroke color used to define success-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-success: #94d29e;
-  /* Decorative stroke color used to define success-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-success-strong: #008030;
-  /* Decorative stroke color used to define info-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-info: #a9c6e7;
-  /* Decorative stroke color used to define info-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-info-strong: #006bd7;
-  /* Decorative stroke color used to define warning-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-warning: #e1bc7c;
-  /* Decorative stroke color used to define warning-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-warning-strong: #926300;
-  /* Decorative stroke color used to define caution-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-caution: #cfc28d;
-  /* Decorative stroke color used to define caution-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-caution-strong: #826a00;
-  /* Decorative stroke color used to define error-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-error: #dab1aa;
-  /* Decorative stroke color used to define error-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-error-strong: #cc1818;
-  /* Accessible stroke color used for interactive neutrally-toned elements with normal emphasis. */
-  --wpds-color-stroke-interactive-neutral: #8d8d8d;
-  /* Accessible stroke color used for interactive neutrally-toned elements with normal emphasis that are hovered, focused, or active. */
-  --wpds-color-stroke-interactive-neutral-active: #6e6e6e;
-  /* Accessible stroke color used for interactive neutrally-toned elements with normal emphasis, in their disabled state. */
-  --wpds-color-stroke-interactive-neutral-disabled: #dbdbdb;
-  /* Accessible stroke color used for interactive neutrally-toned elements with strong emphasis. */
-  --wpds-color-stroke-interactive-neutral-strong: #6e6e6e;
-  /* Accessible stroke color used for interactive brand-toned elements with normal emphasis. */
-  --wpds-color-stroke-interactive-brand: #3858e9;
-  /* Accessible stroke color used for interactive brand-toned elements with normal emphasis that are hovered, focused, or active. */
-  --wpds-color-stroke-interactive-brand-active: #2337c8;
-  /* Accessible stroke color used for interactive brand-toned elements with normal emphasis, in their disabled state. */
-  --wpds-color-stroke-interactive-brand-disabled: #dbdbdb;
-  /* Accessible stroke color used for interactive error-toned elements with normal emphasis. */
-  --wpds-color-stroke-interactive-error: #cc1818;
-  /* Accessible stroke color used for interactive error-toned elements with normal emphasis that are hovered, focused, or active. */
-  --wpds-color-stroke-interactive-error-active: #9d0000;
-  /* Accessible stroke color used for interactive error-toned elements with normal emphasis, in their disabled state. */
-  --wpds-color-stroke-interactive-error-disabled: #dbdbdb;
-  /* Accessible stroke color used for interactive error-toned elements with strong emphasis. */
-  --wpds-color-stroke-interactive-error-strong: #cc1818;
-  /* Accessible stroke color applied to focus rings. */
-  --wpds-color-stroke-focus: #3858e9;
-  /* Cursor style for interactive controls that are not links (e.g. buttons, checkboxes, and toggles). */
-  --wpds-cursor-control: pointer;
-  /* Extra small padding */
-  --wpds-dimension-padding-xs: 4px;
-  /* Small padding */
-  --wpds-dimension-padding-sm: 8px;
-  /* Medium padding */
-  --wpds-dimension-padding-md: 12px;
-  /* Large padding */
-  --wpds-dimension-padding-lg: 16px;
-  /* Extra large padding */
-  --wpds-dimension-padding-xl: 20px;
-  /* 2x extra large padding */
-  --wpds-dimension-padding-2xl: 24px;
-  /* 3x extra large padding */
-  --wpds-dimension-padding-3xl: 32px;
-  /* Extra small gap */
-  --wpds-dimension-gap-xs: 4px;
-  /* Small gap */
-  --wpds-dimension-gap-sm: 8px;
-  /* Medium gap */
-  --wpds-dimension-gap-md: 12px;
-  /* Large gap */
-  --wpds-dimension-gap-lg: 16px;
-  /* Extra large gap */
-  --wpds-dimension-gap-xl: 24px;
-  /* 2x extra large gap */
-  --wpds-dimension-gap-2xl: 32px;
-  /* 3x extra large gap */
-  --wpds-dimension-gap-3xl: 40px;
-  /* Notification indicators */
-  --wpds-dimension-size-5xs: 4px;
-  /* Visual size for small interactive elements like resize handles */
-  --wpds-dimension-size-4xs: 8px;
-  /* Small markers */
-  --wpds-dimension-size-3xs: 12px;
-  /* For small controls like checkboxes and radios, or small decorative icons */
-  --wpds-dimension-size-2xs: 16px;
-  /* For medium sized icons */
-  --wpds-dimension-size-xs: 20px;
-  /* For icons and small buttons */
-  --wpds-dimension-size-sm: 24px;
-  /* For medium-sized buttons and inputs */
-  --wpds-dimension-size-md: 32px;
-  /* Default size for buttons and inputs */
-  --wpds-dimension-size-lg: 40px;
-  /* Extra small surface width */
-  --wpds-dimension-surface-width-xs: 240px;
-  /* Small surface width */
-  --wpds-dimension-surface-width-sm: 320px;
-  /* Medium surface width */
-  --wpds-dimension-surface-width-md: 400px;
-  /* Large surface width */
-  --wpds-dimension-surface-width-lg: 560px;
-  /* Extra large surface width */
-  --wpds-dimension-surface-width-xl: 720px;
-  /* 2x extra large surface width */
-  --wpds-dimension-surface-width-2xl: 960px;
-  /* For sections and containers that group related content and controls, which may overlap other content. Example: Preview Frame. */
-  --wpds-elevation-xs: 0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005,
-  	0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003;
-  /* For components that provide contextual feedback without being intrusive. Generally non-interruptive. Example: Tooltips, Snackbar. */
-  --wpds-elevation-sm: 0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a,
-  	0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005;
-  /* For components that offer additional actions. Example: Menus, Command Palette */
-  --wpds-elevation-md: 0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a,
-  	0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005;
-  /* For components that confirm decisions or handle necessary interruptions. Example: Modals. */
-  --wpds-elevation-lg: 0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012,
-  	0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005;
-  /* Micro-delays and transition offsets */
-  --wpds-motion-duration-xs: 50ms;
-  /* Micro-interactions like focus rings and state changes */
-  --wpds-motion-duration-sm: 100ms;
-  /* Standard transitions like menus and popovers */
-  --wpds-motion-duration-md: 200ms;
-  /* Deliberate animations like slides and reveals */
-  --wpds-motion-duration-lg: 300ms;
-  /* Extended animations like complex or multi-step transitions */
-  --wpds-motion-duration-xl: 400ms;
-  /* Nearly imperceptible easing for hover, color, and background transitions */
-  --wpds-motion-easing-subtle: cubic-bezier( 0.15, 0, 0.15, 1 );
-  /* General-purpose easing for on-screen movement like resizing, morphing, and layout shifts */
-  --wpds-motion-easing-balanced: cubic-bezier( 0.4, 0, 0.2, 1 );
-  /* Noticeable easing for enter/exit and spatial transitions like menus, popovers, dialogs, and drawers */
-  --wpds-motion-easing-expressive: cubic-bezier( 0.25, 0, 0, 1 );
-  /* Headings font family */
-  --wpds-typography-font-family-heading: -apple-system, system-ui, 'Segoe UI',
-  	'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue',
-  	sans-serif;
-  /* Body font family */
-  --wpds-typography-font-family-body: -apple-system, system-ui, 'Segoe UI',
-  	'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue',
-  	sans-serif;
-  /* Monospace font family */
-  --wpds-typography-font-family-mono: 'Menlo', 'Consolas', monaco, monospace;
-  /* Extra small font size */
-  --wpds-typography-font-size-xs: 11px;
-  /* Small font size */
-  --wpds-typography-font-size-sm: 12px;
-  /* Medium font size */
-  --wpds-typography-font-size-md: 13px;
-  /* Large font size */
-  --wpds-typography-font-size-lg: 15px;
-  /* Extra large font size */
-  --wpds-typography-font-size-xl: 20px;
-  /* 2X large font size */
-  --wpds-typography-font-size-2xl: 32px;
-  /* Extra small line height */
-  --wpds-typography-line-height-xs: 16px;
-  /* Small line height */
-  --wpds-typography-line-height-sm: 20px;
-  /* Medium line height */
-  --wpds-typography-line-height-md: 24px;
-  /* Large line height */
-  --wpds-typography-line-height-lg: 28px;
-  /* Extra large line height */
-  --wpds-typography-line-height-xl: 32px;
-  /* 2X large line height */
-  --wpds-typography-line-height-2xl: 40px;
-  /* Regular font weight for body text */
-  --wpds-typography-font-weight-regular: 400;
-  /* Medium font weight for emphasis and headings */
-  --wpds-typography-font-weight-medium: 499;
-}
-
-@media (min-resolution: 192dpi) {
-  :root {
-    /* Border width for focus ring */
-    --wpds-border-width-focus: 1.5px;
-  }
-}
-[data-wpds-corner-radius=none],
-:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=none]) {
-  /* Buttons and other elements nested inside controls. */
-  --wpds-border-radius-xs: 0;
-  /* Standalone buttons, inputs, and compact controls. */
-  --wpds-border-radius-sm: 0;
-  /* Menus, popovers, and other small portaled overlays. */
-  --wpds-border-radius-md: 0;
-  /* Cards, dialogs, notices, and other larger content containers. */
-  --wpds-border-radius-lg: 0;
-  /* Page and app shell surfaces. */
-  --wpds-border-radius-xl: 0;
-}
-
-[data-wpds-corner-radius=subtle],
-:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=subtle]) {
-  /* Buttons and other elements nested inside controls. */
-  --wpds-border-radius-xs: 1px;
-  /* Standalone buttons, inputs, and compact controls. */
-  --wpds-border-radius-sm: 2px;
-  /* Menus, popovers, and other small portaled overlays. */
-  --wpds-border-radius-md: 4px;
-  /* Cards, dialogs, notices, and other larger content containers. */
-  --wpds-border-radius-lg: 8px;
-  /* Page and app shell surfaces. */
-  --wpds-border-radius-xl: 12px;
-}
-
-[data-wpds-corner-radius=moderate],
-:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=moderate]) {
-  /* Buttons and other elements nested inside controls. */
-  --wpds-border-radius-xs: 6px;
-  /* Standalone buttons, inputs, and compact controls. */
-  --wpds-border-radius-sm: 8px;
-  /* Menus, popovers, and other small portaled overlays. */
-  --wpds-border-radius-md: 12px;
-  /* Cards, dialogs, notices, and other larger content containers. */
-  --wpds-border-radius-lg: 16px;
-  /* Page and app shell surfaces. */
-  --wpds-border-radius-xl: 20px;
-}
-
-[data-wpds-corner-radius=pronounced],
-:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=pronounced]) {
-  /* Buttons and other elements nested inside controls. */
-  --wpds-border-radius-xs: 18px;
-  /* Standalone buttons, inputs, and compact controls. */
-  --wpds-border-radius-sm: 20px;
-  /* Menus, popovers, and other small portaled overlays. */
-  --wpds-border-radius-md: 22px;
-  /* Cards, dialogs, notices, and other larger content containers. */
-  --wpds-border-radius-lg: 24px;
-  /* Page and app shell surfaces. */
-  --wpds-border-radius-xl: 26px;
-}
-
 /**
  * Typography
  */
@@ -482,6 +67,12 @@
 /**
  * Focus styles.
  */
+/**
+ * Standard focus rings for the WordPress Design System.
+ *
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
+ */
 /**
  * Applies editor left position to the selector passed as argument
  */
@@ -502,44 +93,6 @@
  * Creates a checkerboard pattern background to indicate transparency.
  * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
  */
-body.has-admin-bar-in-editor #wpadminbar {
-  display: block;
-}
-body.has-admin-bar-in-editor .boot-canvas-back-button__link {
-  background: transparent;
-}
-body.has-admin-bar-in-editor .boot-canvas-back-button__icon {
-  background-color: transparent;
-}
-body.has-admin-bar-in-editor #site-editor-v2-app {
-  position: fixed;
-  top: 32px;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  height: calc(100vh - 32px) !important;
-}
-body.has-admin-bar-in-editor .boot-layout.has-full-canvas .boot-layout__canvas {
-  top: 32px;
-  height: calc(100vh - 32px);
-}
-@media (max-width: 782px) {
-  body.has-admin-bar-in-editor #site-editor-v2-app {
-    top: 46px;
-    height: calc(100vh - 46px) !important;
-  }
-  body.has-admin-bar-in-editor .boot-layout__stage,
-  body.has-admin-bar-in-editor .boot-layout__inspector,
-  body.has-admin-bar-in-editor .boot-layout__canvas:not(.has-mobile-drawer),
-  body.has-admin-bar-in-editor .boot-layout.has-full-canvas .boot-layout__canvas {
-    top: 46px;
-    height: calc(100vh - 46px);
-  }
-  body.has-admin-bar-in-editor .boot-layout__mobile-sidebar-drawer {
-    top: 46px;
-  }
-}
-
 @media (min-width: 600px) {
   .boot-layout-container .boot-layout {
     position: absolute;