@eightshift/ui-components 5.6.1 → 6.0.0

package/dist/assets/wp-overrides/allow-full-width-blocks.css

@@ -0,0 +1,6 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+.is-root-container.is-layout-flow.wp-block-post-content.block-editor-block-list__layout > .wp-block:not(.editor-post-title, .block-list-appender) {
+  max-width: -moz-available !important;
+  max-width: -webkit-fill-available !important;
+  max-width: stretch !important;
+}

package/dist/assets/wp-overrides/fix-label-text-case.css

@@ -0,0 +1,29 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *, :before, :after, ::backdrop {
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+    }
+  }
+}
+
+.components-base-control__label, .components-input-control__label, .components-custom-select-control__label {
+  font-size: var(--es-text-13, .8125rem) !important;
+  line-height: var(--tw-leading, var(--es-text-13--line-height, 1.15)) !important;
+  --tw-font-weight: var(--es-font-weight-normal, 400) !important;
+  font-weight: var(--es-font-weight-normal, 400) !important;
+  --tw-tracking: var(--es-tracking-normal, 0em) !important;
+  letter-spacing: var(--es-tracking-normal, 0em) !important;
+  text-transform: none !important;
+}
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false
+}

package/dist/assets/wp-overrides/increase-sidebar-width.css

@@ -0,0 +1,4 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+.edit-post-sidebar, .interface-interface-skeleton__sidebar:not(:empty) > .interface-complementary-area__fill[style="width: 280px;"], .interface-complementary-area.editor-sidebar {
+  width: calc(var(--es-spacing, .25rem) * 86) !important;
+}

package/dist/assets/wp-overrides/make-block-messages-nicer.css

@@ -0,0 +1,155 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *, :before, :after, ::backdrop {
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+    }
+  }
+}
+
+.block-editor-block-list__block-crash-warning {
+  border-radius: var(--es-radius-lg, .5rem) !important;
+  border-color: var(--es-color-red-700, oklch(50.5% .213 27.518)) !important;
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .block-editor-block-list__block-crash-warning {
+    border-color: color-mix(in oklab, var(--es-color-red-700, oklch(50.5% .213 27.518)) 15%, transparent) !important;
+  }
+}
+
+.block-editor-block-list__block-crash-warning {
+  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  --tw-shadow-color: var(--es-color-red-700, oklch(50.5% .213 27.518)) !important;
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .block-editor-block-list__block-crash-warning {
+    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-red-700, oklch(50.5% .213 27.518)) 10%, transparent) var(--tw-shadow-alpha), transparent) !important;
+  }
+}
+
+.block-editor-block-list__block-crash-warning .block-editor-warning__message {
+  color: var(--es-color-red-950, oklch(25.8% .092 26.042)) !important;
+}
+
+.wp-block-missing div.block-editor-warning {
+  border-radius: var(--es-radius-lg, .5rem) !important;
+  border-color: var(--es-color-secondary-300, var(--es-color-zinc-300)) !important;
+  background-color: var(--es-color-secondary-50, var(--es-color-zinc-50)) !important;
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .wp-block-missing div.block-editor-warning {
+    background-color: color-mix(in oklab, var(--es-color-secondary-50, var(--es-color-zinc-50)) 75%, transparent) !important;
+  }
+}
+
+.wp-block-missing div.block-editor-warning {
+  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  --tw-shadow-color: var(--es-color-secondary-700, var(--es-color-zinc-700)) !important;
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .wp-block-missing div.block-editor-warning {
+    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-700, var(--es-color-zinc-700)) 20%, transparent) var(--tw-shadow-alpha), transparent) !important;
+  }
+}
+
+.wp-block-missing div.block-editor-warning .block-editor-warning__message {
+  color: var(--es-color-secondary-950, var(--es-color-zinc-950)) !important;
+}
+
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}

package/dist/assets/wp-overrides/replace-fonts.css

@@ -0,0 +1,8 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+.edit-post-header, .components-popover, .edit-post-sidebar, .wp-block-post-title, .components-select-control__input, .components-base-control__field, .components-base-control__label, .components-combobox-control__suggestions-container, .components-input-control__label, .components-input-control__input, .components-checkbox-control__label, .components-menu-group__label, .components-menu-item__button, .components-notice .components-notice__content, .components-tooltip, .components-modal__header, .preferences-modal__section-title, .preferences-modal__section-description, .block-editor-inserter__tabs, .editor-list-view-sidebar, .edit-post-layout__footer, .components-snackbar, .components-text-control__input {
+  font-family: var(--es-font-sans, "Roboto Flex Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+}
+
+body.wp-admin {
+  font-family: var(--es-font-sans, "Roboto Flex Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji") !important;
+}

package/dist/assets/wp-overrides/restyle-tooltips.css

@@ -0,0 +1,194 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *, :before, :after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+    }
+  }
+}
+
+.components-tooltip {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--es-color-gray-800, oklch(27.8% .033 256.848));
+  background-color: color-mix(in oklab, var(--es-color-gray-950, oklch(13% .028 261.692)) 70%, transparent);
+  padding-inline: calc(var(--es-spacing, .25rem) * 1);
+  padding-block: calc(var(--es-spacing, .25rem) * .5);
+  color: var(--es-color-white, #fff);
+  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-backdrop-blur: blur(var(--es-blur-xl, 24px));
+  --tw-backdrop-brightness: brightness(105%);
+  --tw-backdrop-saturate: saturate(150%);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  border-radius: var(--es-radius-md, .375rem) !important;
+}
+
+.components-tooltip:has( > :first-child) {
+  border-color: var(--es-color-gray-200, oklch(92.8% .006 264.531));
+  background-color: var(--es-color-white, #fff);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .components-tooltip:has( > :first-child) {
+    background-color: color-mix(in oklab, var(--es-color-white, #fff) 80%, transparent);
+  }
+}
+
+.components-tooltip:has( > :first-child) {
+  color: var(--es-color-gray-700, oklch(37.3% .034 259.733));
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false
+}

package/dist/assets/wp-overrides/round-corners.css

@@ -0,0 +1,200 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *, :before, :after, ::backdrop {
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-content: "";
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+    }
+  }
+}
+
+.edit-post-header__toolbar .components-button, .edit-post-header__settings .components-button, .editor-document-tools__left .components-button, .editor-header__center .components-button, .editor-header__settings .components-button, .edit-post-sidebar .components-button:not(.components-panel__body-toggle, .editor-post-last-revision__title), .components-snackbar, .components-toggle-group-control, .editor-post-publish-panel .components-button, .edit-post-text-editor__toolbar .components-button, .edit-post-text-editor__body .components-textarea-control__input, .media-modal-content, .media-modal-content .components-button, .components-guide__container .components-button, .components-notice__content .components-button, .editor-post-featured-image__toggle.components-button, .editor-post-trash, .components-input-control__container, .components-combobox-control__suggestions-container, .components-checkbox-control__input, button.components-toggle-group-control-option-base, .editor-post-visibility__password-input, .editor-post-summary .components-button {
+  border-radius: var(--es-radius-md, .375rem) !important;
+}
+
+.components-button-group .components-button:first-child {
+  border-top-left-radius: var(--es-radius-md, .375rem) !important;
+  border-bottom-left-radius: var(--es-radius-md, .375rem) !important;
+}
+
+.components-button-group .components-button:last-child {
+  border-top-right-radius: var(--es-radius-md, .375rem) !important;
+  border-bottom-right-radius: var(--es-radius-md, .375rem) !important;
+}
+
+.components-popover__content, .components-guide {
+  border-radius: var(--es-radius-lg, .5rem) !important;
+}
+
+.block-editor-inserter__search {
+  border-top-left-radius: var(--es-radius-lg, .5rem) !important;
+  border-top-right-radius: var(--es-radius-lg, .5rem) !important;
+}
+
+.media-menu-item.active {
+  border-top-left-radius: var(--es-radius-md, .375rem) !important;
+  border-top-right-radius: var(--es-radius-md, .375rem) !important;
+}
+
+.block-editor-block-contextual-toolbar, .block-editor-block-parent-selector__button {
+  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  border-radius: var(--es-radius-lg, .5rem) !important;
+}
+
+.block-editor-block-types-list .block-editor-block-types-list__item {
+  border-radius: var(--es-radius-lg, .5rem) !important;
+}
+
+.block-editor-block-types-list .block-editor-block-types-list__item:after {
+  content: var(--tw-content);
+  border-radius: var(--es-radius-lg, .5rem) !important;
+}
+
+.block-editor-block-types-list .block-editor-block-types-list__item svg {
+  --tw-scale-x: 125%;
+  --tw-scale-y: 125%;
+  --tw-scale-z: 125%;
+  scale: var(--tw-scale-x) var(--tw-scale-y);
+}
+
+.block-editor-list-view-tree .block-editor-block-icon {
+  border-radius: .25rem !important;
+}
+
+.block-editor-list-view-tree .block-editor-list-view-leaf > :first-child {
+  border-top-left-radius: var(--es-radius-lg, .5rem) !important;
+  border-bottom-left-radius: var(--es-radius-lg, .5rem) !important;
+}
+
+.block-editor-list-view-tree .block-editor-list-view-leaf > :last-child {
+  border-top-right-radius: var(--es-radius-lg, .5rem) !important;
+  border-bottom-right-radius: var(--es-radius-lg, .5rem) !important;
+}
+
+.block-editor-block-inspector .block-editor-block-card .block-editor-block-icon {
+  border-radius: .25rem !important;
+}
+
+.block-editor-inserter__toggle {
+  border-radius: var(--es-radius-md, .375rem) !important;
+}
+
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-content {
+  syntax: "*";
+  inherits: false;
+  initial-value: "";
+}
+
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}

package/dist/assets/wp-overrides/unify-button-sizes.css

@@ -0,0 +1,5 @@
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+:is(.edit-post-header__toolbar, .edit-post-header__settings, .editor-document-tools__left, .editor-header__center, .editor-header__settings) .components-button {
+  min-height: calc(var(--es-spacing, .25rem) * 9) !important;
+  min-width: calc(var(--es-spacing, .25rem) * 9) !important;
+}

package/dist/clsx-DgYk2OaC.js

@@ -0,0 +1,16 @@
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+export {
+  clsx as c
+};