diff --git a/.release-it.cjs b/.release-it.cjs index 0da388e..fac8a34 100644 --- a/.release-it.cjs +++ b/.release-it.cjs @@ -169,13 +169,16 @@ module.exports = () => { }, recommendedBump: true, - whatBump: (commits) => { + whatBump: commits => { let isMajor = false; let isMinor = false; let isPatch = false; for (const commit of commits) { - const hasBreaking = Boolean(commit.breaking) || (commit.notes && commit.notes.some(n => /BREAKING[ -]CHANGE/i.test(n.title || n.text || ""))); + const hasBreaking = + Boolean(commit.breaking) || + (commit.notes && + commit.notes.some(n => /BREAKING[ -]CHANGE/i.test(n.title || n.text || ""))); if (hasBreaking) { isMajor = true; break; diff --git a/src/components/TextField/text-field.module.scss b/src/components/TextField/text-field.module.scss index 0214a0e..f1c15a8 100644 --- a/src/components/TextField/text-field.module.scss +++ b/src/components/TextField/text-field.module.scss @@ -1,3 +1,5 @@ +@use "../../styles/mixins" as dir; + $root: text-field; .#{$root} { @@ -16,6 +18,10 @@ $root: text-field; box-shadow var(--transition-speed-sm), background var(--transition-speed-sm); + @include dir.rtl { + flex-direction: row-reverse; + } + &:has(&__input:focus) { border-color: var(--text-field-focus-border-color, color-mix(in srgb, white 40%, var(--primary-color))); box-shadow: var(--text-field-focus-shadow, 0 0 4px var(--primary-color)); diff --git a/src/components/Truncate/Truncate.tsx b/src/components/Truncate/Truncate.tsx index 5166f45..16010e9 100644 --- a/src/components/Truncate/Truncate.tsx +++ b/src/components/Truncate/Truncate.tsx @@ -83,7 +83,10 @@ const Truncate: ForwardRefRenderFunction = (prop observer.observe(el); } + window.addEventListener("resize", measureAndTrim); + return () => { + window.removeEventListener("resize", measureAndTrim); observer?.disconnect(); cancelAnimationFrame(animationFrameId); };