@eightshift/ui-components 5.0.7 → 5.0.8

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 (8) hide show
  1. package/dist/assets/style-admin.css +1 -1
  2. package/dist/assets/style-editor.css +1 -1
  3. package/dist/assets/style.css +1 -1
  4. package/dist/assets/wp-font-enhancements.css +1 -1
  5. package/dist/assets/wp-ui-enhancements.css +1 -1
  6. package/dist/components/input-field/input-field.js +1 -1
  7. package/dist/components/link-input/link-input.js +10 -11
  8. package/package.json +11 -11
package/dist/assets/style-admin.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
package/dist/assets/style-editor.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
package/dist/assets/style.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
package/dist/assets/wp-font-enhancements.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
2
2
  .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 {
3
3
  font-family: var(--es-font-sans, "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
4
4
  }
package/dist/assets/wp-ui-enhancements.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
4
  *, :before, :after, ::backdrop {
package/dist/components/input-field/input-field.js CHANGED
@@ -194,7 +194,7 @@ const InputField = (props) => {
194
194
  ...other,
195
195
  type,
196
196
  className: clsx(
197
- "es:min-h-10 es:w-full es:rounded-10 es:border es:border-secondary-300 es:p-2 es:text-sm es:shadow-sm es:not-readonly:focus:shadow-md es:transition es:selection:bg-accent-500/20 es:selection:text-accent-950",
197
+ "es:min-h-10 es:w-full es:rounded-10 es:border es:border-secondary-300 es:p-2 es:text-sm es:shadow-sm es:not-readonly:focus:shadow-md es:transition es:selection:bg-accent-500/20 es:selection:text-accent-950 es:bg-white",
198
198
  "es:any-focus:outline-hidden",
199
199
  "es:focus-visible:ring-2 es:focus-visible:ring-accent-500/50",
200
200
  "es:focus-visible:border-accent-500",
package/dist/components/link-input/link-input.js CHANGED
@@ -9,7 +9,7 @@ import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-CmA
9
9
  import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
10
10
  import { icons } from "../../icons/icons.js";
11
11
  import { c as clsx } from "../../lite-DVmmD_-j.js";
12
- import { useRef, useEffect, cloneElement } from "react";
12
+ import { useRef, cloneElement } from "react";
13
13
  import { Spacer } from "../spacer/spacer.js";
14
14
  import { Tooltip } from "../tooltip/tooltip.js";
15
15
  import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
@@ -75,22 +75,18 @@ const LinkInput = (props) => {
75
75
  shouldShowSuggestions = !(showSuggestionsWhenEmpty !== true && url.trim().length < 3 || url.startsWith("/") || url.startsWith("#") || url.startsWith(":") || url.startsWith("mailto") || url.startsWith("tel") || url.startsWith("http") || url.startsWith("www"));
76
76
  }
77
77
  const suggestionList = $f86e6c1ec7da6ebb$export$bc3384a35de93d66({
78
- initialFilterText: url,
79
- async load({ signal, filterText }) {
80
- if (disabled || !canShowSuggestions || !shouldShowSuggestions || !filterText || filterText.length < 3) {
78
+ async load({ signal }) {
79
+ if (disabled || !canShowSuggestions || !shouldShowSuggestions) {
81
80
  return {
82
81
  items: []
83
82
  };
84
83
  }
85
- const items = await fetchSuggestions(filterText, signal);
84
+ const items = await fetchSuggestions(url, signal);
86
85
  return {
87
86
  items: items ?? []
88
87
  };
89
88
  }
90
89
  });
91
- useEffect(() => {
92
- suggestionList.setFilterText(url);
93
- }, [url]);
94
90
  if (hidden) {
95
91
  return null;
96
92
  }
@@ -98,9 +94,12 @@ const LinkInput = (props) => {
98
94
  $d01f2c01039c0eec$export$72b9695b8216309a,
99
95
  {
100
96
  items: suggestionList.items,
101
- inputValue: suggestionList.filterText,
97
+ inputValue: url,
102
98
  onInputChange: (value) => {
103
99
  onChange({ url: value, isAnchor: value == null ? void 0 : value.includes("#") });
100
+ if (shouldShowSuggestions) {
101
+ suggestionList.reload();
102
+ }
104
103
  },
105
104
  allowsCustomValue: true,
106
105
  allowsEmptyCollection: true,
@@ -133,6 +132,7 @@ const LinkInput = (props) => {
133
132
  "es:focus-visible:border-accent-500",
134
133
  "es:inset-ring es:inset-ring-secondary-100",
135
134
  "es:disabled:shadow-none! es:disabled:border-secondary-200 es:disabled:bg-secondary-50 es:disabled:text-secondary-500 es:disabled:cursor-default es:readonly:bg-secondary-50",
135
+ "es:not-readonly:focus:shadow-md",
136
136
  (url == null ? void 0 : url.length) > 0 && "es:pr-10",
137
137
  className
138
138
  )
@@ -149,7 +149,6 @@ const LinkInput = (props) => {
149
149
  {
150
150
  slot: null,
151
151
  onPress: () => {
152
- suggestionList.setFilterText("");
153
152
  onChange({ url: void 0, isAnchor: false });
154
153
  },
155
154
  className: "es:any-focus:outline-hidden",
@@ -158,7 +157,7 @@ const LinkInput = (props) => {
158
157
  "div",
159
158
  {
160
159
  className: clsx(
161
- "es:flex es:size-8 es:items-center es:justify-center es:rounded es:bg-white/85 es:text-secondary-600 es:backdrop-blur es:transition es:cursor-pointer",
160
+ "es:flex es:size-8 es:items-center es:justify-center es:rounded-md es:bg-white/85 es:text-secondary-600 es:backdrop-blur es:transition es:cursor-pointer",
162
161
  "es:hover:bg-red-600/5 es:hover:text-red-600",
163
162
  "es:icon:size-6"
164
163
  ),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eightshift/ui-components",
3
- "version": "5.0.7",
3
+ "version": "5.0.8",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -52,10 +52,10 @@
52
52
  "@dnd-kit/react": "^0.1.19",
53
53
  "@dnd-kit/sortable": "^10.0.0",
54
54
  "@dnd-kit/utilities": "^3.2.2",
55
- "@eslint/compat": "^1.2.9",
55
+ "@eslint/compat": "^1.3.0",
56
56
  "@react-stately/collections": "^3.12.5",
57
57
  "@stylistic/eslint-plugin-js": "^4.4.1",
58
- "@tailwindcss/vite": "^4.1.8",
58
+ "@tailwindcss/vite": "^4.1.10",
59
59
  "@types/react": "^18.3.23",
60
60
  "@types/react-dom": "^18.3.7",
61
61
  "@vitejs/plugin-react-swc": "^3.10.2",
@@ -64,11 +64,11 @@
64
64
  "class-variance-authority": "^0.7.1",
65
65
  "clsx": "^2.1.1",
66
66
  "css-gradient-parser": "^0.0.16",
67
- "eslint": "^9.28.0",
67
+ "eslint": "^9.29.0",
68
68
  "eslint-config-prettier": "^10.1.5",
69
- "eslint-plugin-jsdoc": "^50.8.0",
70
- "eslint-plugin-prettier": "^5.4.1",
71
- "glob": "^11.0.2",
69
+ "eslint-plugin-jsdoc": "^51.2.1",
70
+ "eslint-plugin-prettier": "^5.5.0",
71
+ "glob": "^11.0.3",
72
72
  "globals": "^16.2.0",
73
73
  "just-camel-case": "^6.2.0",
74
74
  "just-debounce-it": "^3.2.0",
@@ -77,9 +77,9 @@
77
77
  "just-kebab-case": "^4.2.0",
78
78
  "just-throttle": "^4.2.0",
79
79
  "lightningcss": "^1.30.1",
80
- "postcss": "^8.5.4",
81
- "prettier": "^3.5.3",
82
- "prettier-plugin-tailwindcss": "^0.6.12",
80
+ "postcss": "^8.5.6",
81
+ "prettier": "^3.6.0",
82
+ "prettier-plugin-tailwindcss": "^0.6.13",
83
83
  "react": "^18.3.1",
84
84
  "react-aria": "^3.41.1",
85
85
  "react-aria-components": "^1.10.1",
@@ -89,7 +89,7 @@
89
89
  "react-select": "^5.10.1",
90
90
  "react-stately": "^3.39.0",
91
91
  "svg-to-jsx-string": "^0.1.1",
92
- "tailwindcss": "^4.1.8",
92
+ "tailwindcss": "^4.1.10",
93
93
  "tailwindcss-motion": "^1.1.1",
94
94
  "tailwindcss-react-aria-components": "^2.0.0",
95
95
  "vite": "^6.3.5",