@wordpress/boot 0.15.1 → 0.15.2-next.v.202606191442.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/build-module/components/app/use-route-title.mjs +1 -1
  2. package/build-module/components/app/use-route-title.mjs.map +2 -2
  3. package/build-module/components/canvas/back-button.mjs +3 -3
  4. package/build-module/components/canvas/back-button.mjs.map +2 -2
  5. package/build-module/components/navigation/navigation-item/index.mjs +3 -3
  6. package/build-module/components/navigation/navigation-item/index.mjs.map +2 -2
  7. package/build-module/components/navigation/navigation-screen/index.mjs +3 -3
  8. package/build-module/components/navigation/navigation-screen/index.mjs.map +2 -2
  9. package/build-module/components/root/index.mjs +3 -3
  10. package/build-module/components/root/index.mjs.map +2 -2
  11. package/build-module/components/root/single-page.mjs +3 -3
  12. package/build-module/components/root/single-page.mjs.map +2 -2
  13. package/build-module/components/save-button/index.mjs +2 -2
  14. package/build-module/components/save-button/index.mjs.map +2 -2
  15. package/build-module/components/site-hub/index.mjs +3 -3
  16. package/build-module/components/site-hub/index.mjs.map +2 -2
  17. package/build-module/components/site-icon/index.mjs +3 -3
  18. package/build-module/components/site-icon/index.mjs.map +2 -2
  19. package/build-module/components/site-icon-link/index.mjs +3 -3
  20. package/build-module/components/site-icon-link/index.mjs.map +2 -2
  21. package/build-module/index.mjs +6 -6
  22. package/build-module/index.mjs.map +2 -2
  23. package/build-style/style-rtl.css +159 -75
  24. package/build-style/style.css +159 -75
  25. package/build-style/view-transitions-rtl.css +1 -1
  26. package/build-style/view-transitions.css +1 -1
  27. package/build-types/components/root/index.d.ts.map +1 -1
  28. package/build-types/components/save-button/index.d.ts.map +1 -1
  29. package/build-types/components/site-icon-link/index.d.ts.map +1 -1
  30. package/package.json +31 -26
  31. package/src/components/canvas/back-button.scss +2 -2
  32. package/src/components/navigation/navigation-item/style.scss +3 -3
  33. package/src/components/navigation/navigation-screen/style.scss +2 -2
  34. package/src/components/root/index.tsx +0 -1
  35. package/src/components/root/style.scss +10 -10
  36. package/src/components/save-button/index.tsx +0 -1
  37. package/src/components/site-hub/style.scss +4 -4
  38. package/src/components/site-icon/style.scss +1 -1
  39. package/src/components/site-icon-link/index.tsx +0 -1
  40. package/src/components/site-icon-link/style.scss +2 -2
  41. package/src/{experimental-admin-bar-in-editor.scss → experimental-omnibar.scss} +1 -1
  42. package/src/style.scss +1 -1
  43. package/src/view-transitions.scss +1 -1
  44. package/build-types/components/user-theme-provider/index.d.ts +0 -6
  45. package/build-types/components/user-theme-provider/index.d.ts.map +0 -1
  46. /package/build-style/{experimental-admin-bar-in-editor-rtl.css → experimental-omnibar-rtl.css} +0 -0
  47. /package/build-style/{experimental-admin-bar-in-editor.css → experimental-omnibar.css} +0 -0
@@ -3,7 +3,7 @@
3
3
  .boot-site-hub {
4
4
  position: sticky;
5
5
  top: 0;
6
- background-color: var(--wpds-color-bg-surface-neutral-weak);
6
+ background-color: var(--wpds-color-background-surface-neutral-weak);
7
7
  z-index: 1;
8
8
  display: grid;
9
9
  grid-template-columns: 60px 1fr auto;
@@ -46,13 +46,13 @@
46
46
  &:focus:not(:active) {
47
47
  outline:
48
48
  var(--wpds-border-width-focus) solid
49
- var(--wpds-color-stroke-focus-brand);
49
+ var(--wpds-color-stroke-focus);
50
50
  outline-offset: calc(-1 * var(--wpds-border-width-focus));
51
51
  }
52
52
  }
53
53
 
54
54
  .boot-site-hub__title-text {
55
- color: var(--wpds-color-fg-content-neutral);
55
+ color: var(--wpds-color-foreground-content-neutral);
56
56
  font-size: variables.$font-size-medium;
57
57
  font-weight: variables.$font-weight-medium;
58
58
  overflow: hidden;
@@ -61,7 +61,7 @@
61
61
  }
62
62
 
63
63
  .boot-site-hub__url {
64
- color: var(--wpds-color-fg-content-neutral-weak);
64
+ color: var(--wpds-color-foreground-content-neutral-weak);
65
65
  font-size: variables.$font-size-small;
66
66
  overflow: hidden;
67
67
  text-overflow: ellipsis;
@@ -7,7 +7,7 @@
7
7
  .boot-site-icon__icon {
8
8
  width: variables.$grid-unit-40;
9
9
  height: variables.$grid-unit-40;
10
- fill: var(--wpds-color-fg-content-neutral);
10
+ fill: var(--wpds-color-foreground-content-neutral);
11
11
  }
12
12
 
13
13
  .boot-site-icon__image {
@@ -2,7 +2,6 @@
2
2
  * WordPress dependencies
3
3
  */
4
4
  import { Link, privateApis as routePrivateApis } from '@wordpress/route';
5
- // eslint-disable-next-line @wordpress/use-recommended-components -- `Tooltip` is not yet on the recommended `@wordpress/ui` allow-list; landing as a migration step ahead of the wider rollout.
6
5
  import { Tooltip } from '@wordpress/ui';
7
6
 
8
7
  /**
@@ -8,7 +8,7 @@ $header-height: variables.$header-height;
8
8
  display: inline-flex;
9
9
  align-items: center;
10
10
  justify-content: center;
11
- background: var(--wpds-color-bg-surface-neutral-weak);
11
+ background: var(--wpds-color-background-surface-neutral-weak);
12
12
  text-decoration: none;
13
13
 
14
14
  @media not (prefers-reduced-motion) {
@@ -18,7 +18,7 @@ $header-height: variables.$header-height;
18
18
  &:focus:not(:active) {
19
19
  outline:
20
20
  var(--wpds-border-width-focus) solid
21
- var(--wpds-color-stroke-focus-brand);
21
+ var(--wpds-color-stroke-focus);
22
22
  outline-offset: calc(-1 * var(--wpds-border-width-focus));
23
23
  }
24
24
  }
@@ -1,4 +1,4 @@
1
- // Styles for the experimental admin bar in editor.
1
+ // Styles for the experimental omnibar.
2
2
 
3
3
  body.has-admin-bar-in-editor {
4
4
  #wpadminbar {
package/src/style.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use "@wordpress/theme/src/prebuilt/css/design-tokens.css" as *;
2
2
  @use "@wordpress/base-styles/mixins" as *;
3
3
  @use "@wordpress/base-styles/variables" as *;
4
- @use "./experimental-admin-bar-in-editor.scss" as *;
4
+ @use "./experimental-omnibar.scss" as *;
5
5
 
6
6
  .boot-layout-container .boot-layout {
7
7
  // On mobile the main content area has to scroll, otherwise you can invoke
@@ -106,7 +106,7 @@
106
106
  ::view-transition-new(boot--inspector),
107
107
  ::view-transition-old(boot--inspector) {
108
108
  background: colors.$white;
109
- border-radius: 8px;
109
+ border-radius: var(--wpds-border-radius-xl);
110
110
  width: 100%;
111
111
  height: 100%;
112
112
  object-fit: none;
@@ -1,6 +0,0 @@
1
- import { type ThemeProvider as ThemeProviderType } from '@wordpress/theme';
2
- declare const ThemeProvider: typeof ThemeProviderType;
3
- export declare function getAdminThemePrimaryColor(): string | undefined;
4
- export declare function UserThemeProvider({ color, ...restProps }: React.ComponentProps<typeof ThemeProvider>): import("react").JSX.Element;
5
- export {};
6
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/user-theme-provider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,aAAa,IAAI,iBAAiB,EAEvC,MAAM,kBAAkB,CAAC;AAG1B,QAAA,MAAM,aAAa,EAAE,OAAO,iBACa,CAAC;AAa1C,wBAAgB,yBAAyB,IAAI,MAAM,GAAG,SAAS,CAK9D;AAED,wBAAgB,iBAAiB,CAAE,EAClC,KAAK,EACL,GAAG,SAAS,EACZ,EAAE,KAAK,CAAC,cAAc,CAAE,OAAO,aAAa,CAAE,+BAI9C"}