@semcore/bulk-textarea 1.4.0 → 1.4.1

package/lib/esm/components/InputField/inputField.shadow.css

@@ -0,0 +1,171 @@
+SInputField > div {
+  box-sizing: content-box;
+  outline: none;
+  border-radius: var(--intergalactic-control-rounded, 6px);
+  border-color: var(--intergalactic-border-primary, #c4c7cf);
+  border-style: solid;
+  border-width: 1px;
+  overflow: auto;
+  position: relative;
+
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  color: var(--intergalactic-text-primary, #191b23);
+  word-wrap: break-word;
+  word-break: break-word;
+  font-family: inherit;
+
+  &:empty::before {
+    content: '1. ' attr(placeholder);
+    color: var(--intergalactic-text-placeholder, #8a8e9b);
+    position: absolute;
+  }
+
+  &:nth-child(even) {
+    color: red;
+    counter-increment: row;
+    margin-bottom: var(--intergalactic-spacing-1x, 4px);
+    position: relative;
+    word-break: break-all;
+
+    &::before {
+      content: counter(row) '.';
+      display: inline-block;
+      white-space: nowrap;
+      text-align: right;
+      color: var(--intergalactic-text-secondary, #6c6e79);
+      margin-right: var(--intergalactic-spacing-1x, 4px);
+    }
+  }
+
+  > p {
+    counter-increment: row;
+    /*display: inline-block;*/
+    margin: 0 0 var(--intergalactic-spacing-1x, 4px) 0;
+    position: relative;
+    word-break: break-all;
+    white-space: pre-wrap;
+    padding: 0 var(--intergalactic-spacing-5x, 20px) 0 var(--intergalactic-spacing-4x, 16px);
+
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+
+    &:not(:empty)::before {
+      content: counter(row) '.';
+      display: inline-block;
+      white-space: nowrap;
+      text-align: right;
+      color: var(--intergalactic-text-secondary, #6c6e79);
+      margin-right: var(--intergalactic-spacing-1x, 4px);
+
+      position: absolute;
+      left: 0;
+    }
+
+    &[data-over-max-rows='true'] {
+      background-color: var(--intergalactic-bg-secondary-critical, #fff0f7);
+    }
+  }
+
+  &:has(p:nth-child(n + 10)) {
+    > p {
+      padding-left: var(--intergalactic-spacing-6x, 24px);
+    }
+    > p:nth-child(-n + 9)::before {
+      padding-left: var(--intergalactic-spacing-2x, 8px);
+    }
+  }
+
+  &:has(p:nth-child(n + 100)) {
+    > p {
+      padding-left: var(--intergalactic-spacing-8x, 32px);
+    }
+    > p:nth-child(-n + 9)::before {
+      padding-left: var(--intergalactic-spacing-4x, 16px);
+    }
+    > p:nth-child(n + 10)::before {
+      padding-left: var(--intergalactic-spacing-2x, 8px);
+    }
+    > p:nth-child(n + 100)::before {
+      padding-left: 0;
+    }
+  }
+}
+
+SInputField[showErrors] > div[aria-invalid] > p[aria-invalid]:after {
+  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjZDEwMDJmIj48cGF0aCBkPSJNNyA2aDJ2NEg3VjZabTIgN3YtMkg3djJoMloiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMTUyIDEuMTcyYy43MTktMS41NjMgMi45NzctMS41NjMgMy42OTYgMGw2LjA0MyAxMy4xNDFjLjM2My43OTEtLjIyNSAxLjY4Ny0xLjEwOSAxLjY4N0gxLjIxOGMtLjg4NCAwLTEuNDcyLS44OTYtMS4xMDktMS42ODdMNi4xNTIgMS4xNzJabTcuMzc0IDEyLjgzN0w4IDEuOTkgMi40NzQgMTQuMDFoMTEuMDUyWiIvPjwvc3ZnPgo= ");
+  position: absolute;
+  right: 0;
+  top: var(--intergalactic-spacing-05x, 2px);
+}
+
+SInputField[size='m'] > div {
+  padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-4x, 16px);
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+
+  min-height: calc(var(--minRows) * 20px);
+  /* (maxRowsLength - 1 * (rowsHeight + marginBottom)) + lastRowHeight */
+  max-height: calc((var(--maxRows) - 1) * (20px + var(--intergalactic-spacing-1x, 4px)) + 18px);
+
+  &:empty {
+    padding-left: var(--intergalactic-spacing-8x, 32px);
+    &::before {
+      left: var(--intergalactic-spacing-4x, 16px);
+    }
+  }
+}
+
+SInputField[size='l'] > div {
+  padding: var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+
+  min-height: calc(var(--minRows) * 24px);
+  max-height: calc((var(--maxRows) - 1) * (24px + var(--intergalactic-spacing-1x, 4px)) + 20px);
+
+  &:empty {
+    padding-left: calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));
+    &::before {
+      left: var(--intergalactic-spacing-4x, 16px);
+    }
+  }
+}
+
+
+SInputField[state='normal']:not([disabled]) > div:focus {
+  &:focus {
+    box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+    border-color: var(--intergalactic-border-info-active, #006dca);
+  }
+}
+
+SInputField[state='valid'] > div {
+  border-color: var(--intergalactic-border-success-active, #007c65);
+
+  &:focus {
+    box-shadow: var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5));
+  }
+}
+
+SInputField[state='invalid'] > div {
+  border-color: var(--intergalactic-border-critical-active, #d1002f);
+
+  &:focus {
+    box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
+  }
+
+  background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));
+  background-size: 6px 6px;
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
+  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
+  border-top-left-radius: var(--intergalactic-control-rounded, 6px);
+  background-repeat: repeat-y;
+}
+
+SInputField[readonly] > div {
+  background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
+}
+SInputField[disabled] > div {
+  opacity: var(--intergalactic-disabled-opacity, 0.3);
+}

package/lib/esm/index.mjs

@@ -1,4 +1,4 @@
-import { default as o } from "./BulkTextarea.mjs";
+import { default as default2 } from "./BulkTextarea.mjs";
 export {
-  o as default
+  default2 as default
 };

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -1,33 +1,33 @@
-import r from "./de.json.mjs";
-import o from "./en.json.mjs";
-import m from "./es.json.mjs";
-import t from "./fr.json.mjs";
-import i from "./it.json.mjs";
-import p from "./ja.json.mjs";
-import f from "./ko.json.mjs";
-import e from "./nl.json.mjs";
-import s from "./pt.json.mjs";
-import a from "./tr.json.mjs";
-import l from "./vi.json.mjs";
-import v from "./zh.json.mjs";
-import d from "./pl.json.mjs";
-import n from "./sv.json.mjs";
-var B = {
-  de: r,
-  en: o,
-  es: m,
-  fr: t,
-  it: i,
-  ja: p,
-  ko: f,
-  nl: e,
-  pt: s,
-  tr: a,
-  vi: l,
-  zh: v,
-  pl: d,
-  sv: n
+import de from "./de.json.mjs";
+import en from "./en.json.mjs";
+import es from "./es.json.mjs";
+import fr from "./fr.json.mjs";
+import it from "./it.json.mjs";
+import ja from "./ja.json.mjs";
+import ko from "./ko.json.mjs";
+import nl from "./nl.json.mjs";
+import pt from "./pt.json.mjs";
+import tr from "./tr.json.mjs";
+import vi from "./vi.json.mjs";
+import zh from "./zh.json.mjs";
+import pl from "./pl.json.mjs";
+import sv from "./sv.json.mjs";
+var localizedMessages = {
+  de,
+  en,
+  es,
+  fr,
+  it,
+  ja,
+  ko,
+  nl,
+  pt,
+  tr,
+  vi,
+  zh,
+  pl,
+  sv
 };
 export {
-  B as localizedMessages
+  localizedMessages
 };

package/lib/esm/translations/de.json.mjs

@@ -1,4 +1,4 @@
-const e = {
+const de = {
   "BulkTextarea.ClearAllButton.buttonText": "Alle löschen",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "von {rowsNumber} Zeilen",
   "BulkTextarea.Counter.limitReached:sr-message": "Limit erreicht",
@@ -9,5 +9,5 @@ const e = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Voriger Fehler"
 };
 export {
-  e as default
+  de as default
 };

package/lib/esm/translations/en.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const en = {
   "BulkTextarea.ClearAllButton.buttonText": "Clear all",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "of {rowsNumber} lines",
   "BulkTextarea.Counter.limitReached:sr-message": "Limit reached",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Previous error"
 };
 export {
-  r as default
+  en as default
 };

package/lib/esm/translations/es.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const es = {
   "BulkTextarea.ClearAllButton.buttonText": "Borrar todo",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "de {rowsNumber} líneas",
   "BulkTextarea.Counter.limitReached:sr-message": "Límite alcanzado",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Error anterior"
 };
 export {
-  r as default
+  es as default
 };

package/lib/esm/translations/fr.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const fr = {
   "BulkTextarea.ClearAllButton.buttonText": "Tout effacer",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "lignes sur {rowsNumber}",
   "BulkTextarea.Counter.limitReached:sr-message": "Limite atteinte",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Erreur précédente"
 };
 export {
-  r as default
+  fr as default
 };

package/lib/esm/translations/it.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const it = {
   "BulkTextarea.ClearAllButton.buttonText": "Cancella tutto",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "di {rowsNumber} linee",
   "BulkTextarea.Counter.limitReached:sr-message": "Limite raggiunto",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Errore precedente"
 };
 export {
-  r as default
+  it as default
 };

package/lib/esm/translations/ja.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const ja = {
   "BulkTextarea.ClearAllButton.buttonText": "すべてクリア",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "上限は{rowsNumber}行",
   "BulkTextarea.Counter.limitReached:sr-message": "制限に達しました",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "前のエラー"
 };
 export {
-  r as default
+  ja as default
 };

package/lib/esm/translations/ko.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const ko = {
   "BulkTextarea.ClearAllButton.buttonText": "모두 지우기",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "(행 {rowsNumber}개 중)",
   "BulkTextarea.Counter.limitReached:sr-message": "한도에 도달했습니다",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "이전 오류"
 };
 export {
-  r as default
+  ko as default
 };

package/lib/esm/translations/nl.json.mjs

@@ -1,4 +1,4 @@
-const e = {
+const nl = {
   "BulkTextarea.ClearAllButton.buttonText": "Alles wissen",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "van {rowsNumber} rijen",
   "BulkTextarea.Counter.limitReached:sr-message": "Limiet bereikt",
@@ -9,5 +9,5 @@ const e = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Vorige fout"
 };
 export {
-  e as default
+  nl as default
 };

package/lib/esm/translations/pl.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const pl = {
   "BulkTextarea.ClearAllButton.buttonText": "Wyczyść wszystko",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "z {rowsNumber} wierszy",
   "BulkTextarea.Counter.limitReached:sr-message": "Osiągnięto limit",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Poprzedni błąd"
 };
 export {
-  r as default
+  pl as default
 };

package/lib/esm/translations/pt.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const pt = {
   "BulkTextarea.ClearAllButton.buttonText": "Limpar tudo",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "de {rowsNumber} linhas",
   "BulkTextarea.Counter.limitReached:sr-message": "Limite atingido",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Erro anterior"
 };
 export {
-  r as default
+  pt as default
 };

package/lib/esm/translations/sv.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const sv = {
   "BulkTextarea.ClearAllButton.buttonText": "Rensa allt",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "av {rowsNumber} rader",
   "BulkTextarea.Counter.limitReached:sr-message": "Gränsen är nådd",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Föregående fel"
 };
 export {
-  r as default
+  sv as default
 };

package/lib/esm/translations/tr.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const tr = {
   "BulkTextarea.ClearAllButton.buttonText": "Tümünü temizle",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "/{rowsNumber} satır",
   "BulkTextarea.Counter.limitReached:sr-message": "Sınıra ulaşıldı",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Önceki hata"
 };
 export {
-  r as default
+  tr as default
 };

package/lib/esm/translations/vi.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const vi = {
   "BulkTextarea.ClearAllButton.buttonText": "Xóa tất cả",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "trên tổng số {rowsNumber} dòng",
   "BulkTextarea.Counter.limitReached:sr-message": "Đã đạt đến giới hạn",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "Lỗi trước"
 };
 export {
-  r as default
+  vi as default
 };

package/lib/esm/translations/zh.json.mjs

@@ -1,4 +1,4 @@
-const r = {
+const zh = {
   "BulkTextarea.ClearAllButton.buttonText": "清除全部",
   "BulkTextarea.Counter.ofAllowedRows:sr-message": "/ {rowsNumber} 行",
   "BulkTextarea.Counter.limitReached:sr-message": "达到限额",
@@ -9,5 +9,5 @@ const r = {
   "BulkTextarea.ErrorsNavigation.previousError:aria-label": "上一个错误"
 };
 export {
-  r as default
+  zh as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/bulk-textarea",
   "description": "Semrush BulkTextarea Component",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,14 +14,14 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.48.2",
-    "@semcore/flex-box": "5.41.2",
-    "@semcore/button": "5.43.1",
-    "@semcore/typography": "5.53.0",
-    "@semcore/counter": "3.38.2",
-    "@semcore/icon": "4.61.0",
-    "@semcore/popper": "5.46.2",
-    "@semcore/tooltip": "6.49.2",
+    "@semcore/utils": "4.48.4",
+    "@semcore/flex-box": "5.41.3",
+    "@semcore/button": "5.43.2",
+    "@semcore/typography": "5.53.1",
+    "@semcore/counter": "3.38.3",
+    "@semcore/icon": "4.62.0",
+    "@semcore/popper": "5.46.3",
+    "@semcore/tooltip": "6.49.3",
     "csstype": "3.0.8",
     "dompurify": "3.2.3"
   },