@neoptocom/neopto-ui 1.5.2 → 1.5.3
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.
- package/dist/index.cjs +2 -1
- package/dist/index.js +2 -1
- package/package.json +1 -1
- package/src/components/Autocomplete.tsx +2 -1
- package/src/components/Breadcrumb.docs.mdx +3 -0
- package/src/components/Breadcrumb.stories.tsx +3 -0
- package/src/components/Button.docs.mdx +3 -0
- package/src/components/Button.stories.tsx +3 -0
- package/src/components/Card.docs.mdx +3 -0
package/dist/index.cjs
CHANGED
|
@@ -831,7 +831,7 @@ function Autocomplete({
|
|
|
831
831
|
"fieldset",
|
|
832
832
|
{
|
|
833
833
|
className: [
|
|
834
|
-
"w-full min-w-0 rounded-full border bg-[var(--surface)] transition-colors h-
|
|
834
|
+
"w-full min-w-0 rounded-full border bg-[var(--surface)] transition-colors h-13",
|
|
835
835
|
"border-[var(--border)] focus-within:border-[var(--color-brand)]",
|
|
836
836
|
disabled ? "opacity-60 cursor-not-allowed" : ""
|
|
837
837
|
].join(" "),
|
|
@@ -885,6 +885,7 @@ function Autocomplete({
|
|
|
885
885
|
onClick: selectedOption && !open ? handleClear : () => setOpen((s) => !s),
|
|
886
886
|
disabled,
|
|
887
887
|
"aria-label": selectedOption && !open ? "Clear" : open ? "Collapse" : "Expand",
|
|
888
|
+
className: "absolute right-0 top-[-30%]",
|
|
888
889
|
iconClassName: [
|
|
889
890
|
"transition-transform duration-300 text-[var(--muted-fg)]",
|
|
890
891
|
open ? "rotate-180 text-[var(--color-brand)]" : ""
|
package/dist/index.js
CHANGED
|
@@ -810,7 +810,7 @@ function Autocomplete({
|
|
|
810
810
|
"fieldset",
|
|
811
811
|
{
|
|
812
812
|
className: [
|
|
813
|
-
"w-full min-w-0 rounded-full border bg-[var(--surface)] transition-colors h-
|
|
813
|
+
"w-full min-w-0 rounded-full border bg-[var(--surface)] transition-colors h-13",
|
|
814
814
|
"border-[var(--border)] focus-within:border-[var(--color-brand)]",
|
|
815
815
|
disabled ? "opacity-60 cursor-not-allowed" : ""
|
|
816
816
|
].join(" "),
|
|
@@ -864,6 +864,7 @@ function Autocomplete({
|
|
|
864
864
|
onClick: selectedOption && !open ? handleClear : () => setOpen((s) => !s),
|
|
865
865
|
disabled,
|
|
866
866
|
"aria-label": selectedOption && !open ? "Clear" : open ? "Collapse" : "Expand",
|
|
867
|
+
className: "absolute right-0 top-[-30%]",
|
|
867
868
|
iconClassName: [
|
|
868
869
|
"transition-transform duration-300 text-[var(--muted-fg)]",
|
|
869
870
|
open ? "rotate-180 text-[var(--color-brand)]" : ""
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neoptocom/neopto-ui",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A modern React component library built with Tailwind CSS v4 and TypeScript. Features dark mode, design tokens, and comprehensive Storybook documentation. Requires Tailwind v4+.",
|
|
6
6
|
"keywords": [
|
|
@@ -167,7 +167,7 @@ export default function Autocomplete({
|
|
|
167
167
|
>
|
|
168
168
|
<fieldset
|
|
169
169
|
className={[
|
|
170
|
-
"w-full min-w-0 rounded-full border bg-[var(--surface)] transition-colors h-
|
|
170
|
+
"w-full min-w-0 rounded-full border bg-[var(--surface)] transition-colors h-13",
|
|
171
171
|
"border-[var(--border)] focus-within:border-[var(--color-brand)]",
|
|
172
172
|
disabled ? "opacity-60 cursor-not-allowed" : ""
|
|
173
173
|
].join(" ")}
|
|
@@ -222,6 +222,7 @@ export default function Autocomplete({
|
|
|
222
222
|
}
|
|
223
223
|
disabled={disabled}
|
|
224
224
|
aria-label={selectedOption && !open ? "Clear" : open ? "Collapse" : "Expand"}
|
|
225
|
+
className="absolute right-0 top-[-30%]"
|
|
225
226
|
iconClassName={[
|
|
226
227
|
"transition-transform duration-300 text-[var(--muted-fg)]",
|
|
227
228
|
open ? "rotate-180 text-[var(--color-brand)]" : ""
|