@semcore/bulk-textarea 16.7.0 → 16.8.0-prerelease.0

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/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [16.8.0] - 2026-05-07
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [16.7.0] - 2026-04-01
6
12
 
7
13
  ### Added
@@ -21,20 +21,20 @@ var _tooltip = _interopRequireDefault(require("@semcore/tooltip"));
21
21
  var _dompurify = _interopRequireDefault(require("dompurify"));
22
22
  var _react = _interopRequireDefault(require("react"));
23
23
  /*!__reshadow-styles__:"./inputField.shadow.css"*/
24
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SInputField_7e9un_gg_>div{box-sizing:content-box;outline:0;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}.___SInputField_7e9un_gg_>div:empty::before{content:\"1. \"attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_7e9un_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_7e9un_gg_>div:nth-child(even)::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)}.___SInputField_7e9un_gg_>div>p{counter-increment:row;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)}.___SInputField_7e9un_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_7e9un_gg_>div>p: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}.___SInputField_7e9un_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p{padding-left:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-1x, 4px))}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+100)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+1000)::before{padding-left:0}.___SInputField_7e9un_gg_.__showErrors_7e9un_gg_>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_7e9un_gg_._size_m_7e9un_gg_>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_7e9un)*20px);max-height:calc((var(--maxRows_7e9un) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_7e9un_gg_._size_m_7e9un_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_7e9un_gg_._size_l_7e9un_gg_>div:empty::before,.___SInputField_7e9un_gg_._size_m_7e9un_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_7e9un_gg_._size_l_7e9un_gg_>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_7e9un)*24px);max-height:calc((var(--maxRows_7e9un) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_7e9un_gg_._size_l_7e9un_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_7e9un_gg_._state_normal_7e9un_gg_:not(.__disabled_7e9un_gg_)>div:focus{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}.___SInputField_7e9un_gg_._state_valid_7e9un_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_7e9un_gg_._state_valid_7e9un_gg_>div:focus{border-color:var(--intergalactic-border-success-active, #007c65);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width;outline-color:var(--intergalactic-keyboard-focus-valid-outline, #009f81)}.___SInputField_7e9un_gg_._state_invalid_7e9un_gg_>div{border-color:var(--intergalactic-border-critical-active, #d1002f);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_7e9un_gg_._state_invalid_7e9un_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInputField_7e9un_gg_.__readonly_7e9un_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_7e9un_gg_.__disabled_7e9un_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}", /*__inner_css_end__*/"7e9un_gg_"),
24
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SInputField_25typ_gg_>div{box-sizing:content-box;outline:0;border-radius:var(--intergalactic-control-rounded, 6px);border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-style:solid;border-width:1px;overflow:auto;position:relative;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));word-wrap:break-word;word-break:break-word;font-family:inherit}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SInputField_25typ_gg_>div:empty::before{content:\"1. \"attr(placeholder);color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457));position:absolute}.___SInputField_25typ_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_25typ_gg_>div:nth-child(even)::before{content:counter(row)\".\";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-1x, 4px)}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div:nth-child(even)::before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div:nth-child(even)::before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SInputField_25typ_gg_>div>p{counter-increment:row;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)}.___SInputField_25typ_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_25typ_gg_>div>p:not(:empty)::before{content:counter(row)\".\";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-1x, 4px);position:absolute;left:0}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div>p:not(:empty)::before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div>p:not(:empty)::before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SInputField_25typ_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, rgb(255, 235, 239))}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, rgb(255, 235, 239))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, color(display-p3 1 0.92002 0.9342))}}}.___SInputField_25typ_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p{padding-left:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-1x, 4px))}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+100)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+1000)::before{padding-left:0}.___SInputField_25typ_gg_.__showErrors_25typ_gg_>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_25typ_gg_._size_m_25typ_gg_>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_25typ)*20px);max-height:calc((var(--maxRows_25typ) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_25typ_gg_._size_m_25typ_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_25typ_gg_._size_l_25typ_gg_>div:empty::before,.___SInputField_25typ_gg_._size_m_25typ_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_25typ_gg_._size_l_25typ_gg_>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_25typ)*24px);max-height:calc((var(--maxRows_25typ) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_25typ_gg_._size_l_25typ_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_25typ_gg_._state_normal_25typ_gg_:not(.__disabled_25typ_gg_)>div:focus{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}.___SInputField_25typ_gg_._state_valid_25typ_gg_>div{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}@supports (color:oklab(0%0 0%)){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{outline-color:var(--intergalactic-keyboard-focus-valid-outline, rgb(0, 190, 142))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{outline-color:var(--intergalactic-keyboard-focus-valid-outline, oklch(0.711 0.146 166.9))}}}.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56));background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.918 0.19866 0.14259 / 0.56) 0, color(display-p3 0.918 0.19866 0.14259 / 0.56) 1px, transparent 0, transparent 50%))}}}.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}@supports (color:oklab(0%0 0%)){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SInputField_25typ_gg_.__readonly_25typ_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248))}.___SInputField_25typ_gg_.__disabled_25typ_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.4)}", /*__inner_css_end__*/"25typ_gg_"),
25
25
  /*__reshadow_css_end__*/
26
26
  {
27
- "__SInputField": "___SInputField_7e9un_gg_",
28
- "_showErrors": "__showErrors_7e9un_gg_",
29
- "_readonly": "__readonly_7e9un_gg_",
30
- "_disabled": "__disabled_7e9un_gg_",
31
- "_size_m": "_size_m_7e9un_gg_",
32
- "--minRows": "--minRows_7e9un",
33
- "--maxRows": "--maxRows_7e9un",
34
- "_size_l": "_size_l_7e9un_gg_",
35
- "_state_normal": "_state_normal_7e9un_gg_",
36
- "_state_valid": "_state_valid_7e9un_gg_",
37
- "_state_invalid": "_state_invalid_7e9un_gg_"
27
+ "__SInputField": "___SInputField_25typ_gg_",
28
+ "_showErrors": "__showErrors_25typ_gg_",
29
+ "_readonly": "__readonly_25typ_gg_",
30
+ "_disabled": "__disabled_25typ_gg_",
31
+ "_size_m": "_size_m_25typ_gg_",
32
+ "--minRows": "--minRows_25typ",
33
+ "--maxRows": "--maxRows_25typ",
34
+ "_size_l": "_size_l_25typ_gg_",
35
+ "_state_normal": "_state_normal_25typ_gg_",
36
+ "_state_valid": "_state_valid_25typ_gg_",
37
+ "_state_invalid": "_state_invalid_25typ_gg_"
38
38
  });
39
39
  var InputField = exports.InputField = /*#__PURE__*/function (_Component) {
40
40
  function InputField(props) {
@@ -2,21 +2,21 @@ SInputField>div {
2
2
  box-sizing: content-box;
3
3
  outline: none;
4
4
  border-radius: var(--intergalactic-control-rounded, 6px);
5
- border-color: var(--intergalactic-border-primary, #c4c7cf);
5
+ border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
6
6
  border-style: solid;
7
7
  border-width: 1px;
8
8
  overflow: auto;
9
9
  position: relative;
10
10
 
11
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
12
- color: var(--intergalactic-text-primary, #191b23);
11
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
12
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
13
13
  word-wrap: break-word;
14
14
  word-break: break-word;
15
15
  font-family: inherit;
16
16
 
17
17
  &:empty::before {
18
18
  content: '1. ' attr(placeholder);
19
- color: var(--intergalactic-text-placeholder, #8a8e9b);
19
+ color: var(--intergalactic-text-placeholder, oklch(0.098 0.023 157.4 / 0.457));
20
20
  position: absolute;
21
21
  }
22
22
 
@@ -32,7 +32,7 @@ SInputField>div {
32
32
  display: inline-block;
33
33
  white-space: nowrap;
34
34
  text-align: right;
35
- color: var(--intergalactic-text-secondary, #6c6e79);
35
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
36
36
  margin-right: var(--intergalactic-spacing-1x, 4px);
37
37
  }
38
38
  }
@@ -55,7 +55,7 @@ SInputField>div {
55
55
  display: inline-block;
56
56
  white-space: nowrap;
57
57
  text-align: right;
58
- color: var(--intergalactic-text-secondary, #6c6e79);
58
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
59
59
  margin-right: var(--intergalactic-spacing-1x, 4px);
60
60
 
61
61
  position: absolute;
@@ -63,7 +63,7 @@ SInputField>div {
63
63
  }
64
64
 
65
65
  &[data-over-max-rows='true'] {
66
- background-color: var(--intergalactic-bg-secondary-critical, #fff0f7);
66
+ background-color: var(--intergalactic-bg-secondary-critical, oklch(0.958 0.029 5.7));
67
67
  }
68
68
  }
69
69
 
@@ -159,7 +159,7 @@ SInputField[size='l']>div {
159
159
 
160
160
  SInputField[state='normal']:not([disabled])>div {
161
161
  &:focus {
162
- border-color: var(--intergalactic-border-info-active, #006dca);
162
+ border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
163
163
  @mixin focus-outline-mixin {
164
164
  outline-offset: 0;
165
165
  transition-property: outline-color, outline-width;
@@ -168,42 +168,42 @@ SInputField[state='normal']:not([disabled])>div {
168
168
  }
169
169
 
170
170
  SInputField[state='valid']>div {
171
- border-color: var(--intergalactic-border-success-active, #007c65);
171
+ border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
172
172
 
173
173
  &:focus {
174
- border-color: var(--intergalactic-border-success-active, #007c65);
174
+ border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
175
175
  @mixin focus-outline-mixin {
176
176
  outline-offset: 0;
177
177
  transition-property: outline-color, outline-width;
178
178
  }
179
- outline-color: var(--intergalactic-keyboard-focus-valid-outline, #009f81);
179
+ outline-color: var(--intergalactic-keyboard-focus-valid-outline, oklch(0.711 0.146 166.9));
180
180
  }
181
181
  }
182
182
 
183
183
  SInputField[state='invalid']>div {
184
- border-color: var(--intergalactic-border-critical-active, #d1002f);
184
+ border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
185
185
 
186
186
  &:focus {
187
- border-color: var(--intergalactic-border-critical-active, #d1002f);
187
+ border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
188
188
  @mixin focus-outline-mixin {
189
189
  outline-offset: 0;
190
190
  transition-property: outline-color, outline-width;
191
191
  }
192
- outline-color: var(--intergalactic-keyboard-focus-invalid-outline, #ff4953);
192
+ outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
193
193
  }
194
194
 
195
- 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%));
195
+ background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.628 0.258 29 / 0.56) 0, oklch(0.628 0.258 29 / 0.56) 1px, transparent 0, transparent 50%));
196
196
  background-size: 6px 6px;
197
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
197
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
198
198
  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
199
199
  border-top-left-radius: var(--intergalactic-control-rounded, 6px);
200
200
  background-repeat: repeat-y;
201
201
  }
202
202
 
203
203
  SInputField[readonly]>div {
204
- background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
204
+ background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
205
205
  }
206
206
 
207
207
  SInputField[disabled]>div {
208
- opacity: var(--intergalactic-disabled-opacity, 0.3);
208
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
209
209
  }
@@ -16,20 +16,20 @@ import Tooltip from '@semcore/tooltip';
16
16
  import DOMPurify from 'dompurify';
17
17
  import React from 'react';
18
18
  /*!__reshadow-styles__:"./inputField.shadow.css"*/
19
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SInputField_7e9un_gg_>div{box-sizing:content-box;outline:0;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}.___SInputField_7e9un_gg_>div:empty::before{content:\"1. \"attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_7e9un_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_7e9un_gg_>div:nth-child(even)::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)}.___SInputField_7e9un_gg_>div>p{counter-increment:row;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)}.___SInputField_7e9un_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_7e9un_gg_>div>p: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}.___SInputField_7e9un_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p{padding-left:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-1x, 4px))}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+100)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+1000)::before{padding-left:0}.___SInputField_7e9un_gg_.__showErrors_7e9un_gg_>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_7e9un_gg_._size_m_7e9un_gg_>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_7e9un)*20px);max-height:calc((var(--maxRows_7e9un) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_7e9un_gg_._size_m_7e9un_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_7e9un_gg_._size_l_7e9un_gg_>div:empty::before,.___SInputField_7e9un_gg_._size_m_7e9un_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_7e9un_gg_._size_l_7e9un_gg_>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_7e9un)*24px);max-height:calc((var(--maxRows_7e9un) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_7e9un_gg_._size_l_7e9un_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_7e9un_gg_._state_normal_7e9un_gg_:not(.__disabled_7e9un_gg_)>div:focus{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}.___SInputField_7e9un_gg_._state_valid_7e9un_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_7e9un_gg_._state_valid_7e9un_gg_>div:focus{border-color:var(--intergalactic-border-success-active, #007c65);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width;outline-color:var(--intergalactic-keyboard-focus-valid-outline, #009f81)}.___SInputField_7e9un_gg_._state_invalid_7e9un_gg_>div{border-color:var(--intergalactic-border-critical-active, #d1002f);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_7e9un_gg_._state_invalid_7e9un_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInputField_7e9un_gg_.__readonly_7e9un_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_7e9un_gg_.__disabled_7e9un_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}", /*__inner_css_end__*/"7e9un_gg_"),
19
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SInputField_25typ_gg_>div{box-sizing:content-box;outline:0;border-radius:var(--intergalactic-control-rounded, 6px);border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-style:solid;border-width:1px;overflow:auto;position:relative;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));word-wrap:break-word;word-break:break-word;font-family:inherit}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SInputField_25typ_gg_>div:empty::before{content:\"1. \"attr(placeholder);color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457));position:absolute}.___SInputField_25typ_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_25typ_gg_>div:nth-child(even)::before{content:counter(row)\".\";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-1x, 4px)}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div:nth-child(even)::before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div:nth-child(even)::before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SInputField_25typ_gg_>div>p{counter-increment:row;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)}.___SInputField_25typ_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_25typ_gg_>div>p:not(:empty)::before{content:counter(row)\".\";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-1x, 4px);position:absolute;left:0}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div>p:not(:empty)::before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div>p:not(:empty)::before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SInputField_25typ_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, rgb(255, 235, 239))}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, rgb(255, 235, 239))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, color(display-p3 1 0.92002 0.9342))}}}.___SInputField_25typ_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p{padding-left:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-1x, 4px))}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+100)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+1000)::before{padding-left:0}.___SInputField_25typ_gg_.__showErrors_25typ_gg_>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_25typ_gg_._size_m_25typ_gg_>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_25typ)*20px);max-height:calc((var(--maxRows_25typ) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_25typ_gg_._size_m_25typ_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_25typ_gg_._size_l_25typ_gg_>div:empty::before,.___SInputField_25typ_gg_._size_m_25typ_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_25typ_gg_._size_l_25typ_gg_>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_25typ)*24px);max-height:calc((var(--maxRows_25typ) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_25typ_gg_._size_l_25typ_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_25typ_gg_._state_normal_25typ_gg_:not(.__disabled_25typ_gg_)>div:focus{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}.___SInputField_25typ_gg_._state_valid_25typ_gg_>div{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}@supports (color:oklab(0%0 0%)){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{outline-color:var(--intergalactic-keyboard-focus-valid-outline, rgb(0, 190, 142))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{outline-color:var(--intergalactic-keyboard-focus-valid-outline, oklch(0.711 0.146 166.9))}}}.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56));background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.918 0.19866 0.14259 / 0.56) 0, color(display-p3 0.918 0.19866 0.14259 / 0.56) 1px, transparent 0, transparent 50%))}}}.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}@supports (color:oklab(0%0 0%)){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SInputField_25typ_gg_.__readonly_25typ_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248))}.___SInputField_25typ_gg_.__disabled_25typ_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.4)}", /*__inner_css_end__*/"25typ_gg_"),
20
20
  /*__reshadow_css_end__*/
21
21
  {
22
- "__SInputField": "___SInputField_7e9un_gg_",
23
- "_showErrors": "__showErrors_7e9un_gg_",
24
- "_readonly": "__readonly_7e9un_gg_",
25
- "_disabled": "__disabled_7e9un_gg_",
26
- "_size_m": "_size_m_7e9un_gg_",
27
- "--minRows": "--minRows_7e9un",
28
- "--maxRows": "--maxRows_7e9un",
29
- "_size_l": "_size_l_7e9un_gg_",
30
- "_state_normal": "_state_normal_7e9un_gg_",
31
- "_state_valid": "_state_valid_7e9un_gg_",
32
- "_state_invalid": "_state_invalid_7e9un_gg_"
22
+ "__SInputField": "___SInputField_25typ_gg_",
23
+ "_showErrors": "__showErrors_25typ_gg_",
24
+ "_readonly": "__readonly_25typ_gg_",
25
+ "_disabled": "__disabled_25typ_gg_",
26
+ "_size_m": "_size_m_25typ_gg_",
27
+ "--minRows": "--minRows_25typ",
28
+ "--maxRows": "--maxRows_25typ",
29
+ "_size_l": "_size_l_25typ_gg_",
30
+ "_state_normal": "_state_normal_25typ_gg_",
31
+ "_state_valid": "_state_valid_25typ_gg_",
32
+ "_state_invalid": "_state_invalid_25typ_gg_"
33
33
  });
34
34
  var InputField = /*#__PURE__*/function (_Component) {
35
35
  function InputField(props) {
@@ -2,21 +2,21 @@ SInputField>div {
2
2
  box-sizing: content-box;
3
3
  outline: none;
4
4
  border-radius: var(--intergalactic-control-rounded, 6px);
5
- border-color: var(--intergalactic-border-primary, #c4c7cf);
5
+ border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
6
6
  border-style: solid;
7
7
  border-width: 1px;
8
8
  overflow: auto;
9
9
  position: relative;
10
10
 
11
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
12
- color: var(--intergalactic-text-primary, #191b23);
11
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
12
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
13
13
  word-wrap: break-word;
14
14
  word-break: break-word;
15
15
  font-family: inherit;
16
16
 
17
17
  &:empty::before {
18
18
  content: '1. ' attr(placeholder);
19
- color: var(--intergalactic-text-placeholder, #8a8e9b);
19
+ color: var(--intergalactic-text-placeholder, oklch(0.098 0.023 157.4 / 0.457));
20
20
  position: absolute;
21
21
  }
22
22
 
@@ -32,7 +32,7 @@ SInputField>div {
32
32
  display: inline-block;
33
33
  white-space: nowrap;
34
34
  text-align: right;
35
- color: var(--intergalactic-text-secondary, #6c6e79);
35
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
36
36
  margin-right: var(--intergalactic-spacing-1x, 4px);
37
37
  }
38
38
  }
@@ -55,7 +55,7 @@ SInputField>div {
55
55
  display: inline-block;
56
56
  white-space: nowrap;
57
57
  text-align: right;
58
- color: var(--intergalactic-text-secondary, #6c6e79);
58
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
59
59
  margin-right: var(--intergalactic-spacing-1x, 4px);
60
60
 
61
61
  position: absolute;
@@ -63,7 +63,7 @@ SInputField>div {
63
63
  }
64
64
 
65
65
  &[data-over-max-rows='true'] {
66
- background-color: var(--intergalactic-bg-secondary-critical, #fff0f7);
66
+ background-color: var(--intergalactic-bg-secondary-critical, oklch(0.958 0.029 5.7));
67
67
  }
68
68
  }
69
69
 
@@ -159,7 +159,7 @@ SInputField[size='l']>div {
159
159
 
160
160
  SInputField[state='normal']:not([disabled])>div {
161
161
  &:focus {
162
- border-color: var(--intergalactic-border-info-active, #006dca);
162
+ border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
163
163
  @mixin focus-outline-mixin {
164
164
  outline-offset: 0;
165
165
  transition-property: outline-color, outline-width;
@@ -168,42 +168,42 @@ SInputField[state='normal']:not([disabled])>div {
168
168
  }
169
169
 
170
170
  SInputField[state='valid']>div {
171
- border-color: var(--intergalactic-border-success-active, #007c65);
171
+ border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
172
172
 
173
173
  &:focus {
174
- border-color: var(--intergalactic-border-success-active, #007c65);
174
+ border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
175
175
  @mixin focus-outline-mixin {
176
176
  outline-offset: 0;
177
177
  transition-property: outline-color, outline-width;
178
178
  }
179
- outline-color: var(--intergalactic-keyboard-focus-valid-outline, #009f81);
179
+ outline-color: var(--intergalactic-keyboard-focus-valid-outline, oklch(0.711 0.146 166.9));
180
180
  }
181
181
  }
182
182
 
183
183
  SInputField[state='invalid']>div {
184
- border-color: var(--intergalactic-border-critical-active, #d1002f);
184
+ border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
185
185
 
186
186
  &:focus {
187
- border-color: var(--intergalactic-border-critical-active, #d1002f);
187
+ border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
188
188
  @mixin focus-outline-mixin {
189
189
  outline-offset: 0;
190
190
  transition-property: outline-color, outline-width;
191
191
  }
192
- outline-color: var(--intergalactic-keyboard-focus-invalid-outline, #ff4953);
192
+ outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
193
193
  }
194
194
 
195
- 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%));
195
+ background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.628 0.258 29 / 0.56) 0, oklch(0.628 0.258 29 / 0.56) 1px, transparent 0, transparent 50%));
196
196
  background-size: 6px 6px;
197
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
197
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
198
198
  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
199
199
  border-top-left-radius: var(--intergalactic-control-rounded, 6px);
200
200
  background-repeat: repeat-y;
201
201
  }
202
202
 
203
203
  SInputField[readonly]>div {
204
- background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
204
+ background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
205
205
  }
206
206
 
207
207
  SInputField[disabled]>div {
208
- opacity: var(--intergalactic-disabled-opacity, 0.3);
208
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
209
209
  }
@@ -18,22 +18,22 @@ var style = (
18
18
  /*__reshadow_css_start__*/
19
19
  (sstyled.insert(
20
20
  /*__inner_css_start__*/
21
- '.___SInputField_7e9un_gg_>div{box-sizing:content-box;outline:0;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}.___SInputField_7e9un_gg_>div:empty::before{content:"1. "attr(placeholder);color:var(--intergalactic-text-placeholder, #8a8e9b);position:absolute}.___SInputField_7e9un_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_7e9un_gg_>div:nth-child(even)::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)}.___SInputField_7e9un_gg_>div>p{counter-increment:row;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)}.___SInputField_7e9un_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_7e9un_gg_>div>p: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}.___SInputField_7e9un_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p{padding-left:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-1x, 4px))}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+100)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_7e9un_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+1000)::before{padding-left:0}.___SInputField_7e9un_gg_.__showErrors_7e9un_gg_>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_7e9un_gg_._size_m_7e9un_gg_>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_7e9un)*20px);max-height:calc((var(--maxRows_7e9un) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_7e9un_gg_._size_m_7e9un_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_7e9un_gg_._size_l_7e9un_gg_>div:empty::before,.___SInputField_7e9un_gg_._size_m_7e9un_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_7e9un_gg_._size_l_7e9un_gg_>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_7e9un)*24px);max-height:calc((var(--maxRows_7e9un) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_7e9un_gg_._size_l_7e9un_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_7e9un_gg_._state_normal_7e9un_gg_:not(.__disabled_7e9un_gg_)>div:focus{border-color:var(--intergalactic-border-info-active, #006dca);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}.___SInputField_7e9un_gg_._state_valid_7e9un_gg_>div{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInputField_7e9un_gg_._state_valid_7e9un_gg_>div:focus{border-color:var(--intergalactic-border-success-active, #007c65);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width;outline-color:var(--intergalactic-keyboard-focus-valid-outline, #009f81)}.___SInputField_7e9un_gg_._state_invalid_7e9un_gg_>div{border-color:var(--intergalactic-border-critical-active, #d1002f);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_7e9un_gg_._state_invalid_7e9un_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, #d1002f);outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width;outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInputField_7e9un_gg_.__readonly_7e9un_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SInputField_7e9un_gg_.__disabled_7e9un_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.3)}',
21
+ '.___SInputField_25typ_gg_>div{box-sizing:content-box;outline:0;border-radius:var(--intergalactic-control-rounded, 6px);border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-style:solid;border-width:1px;overflow:auto;position:relative;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));word-wrap:break-word;word-break:break-word;font-family:inherit}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div{border-color:var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div{border-color:var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SInputField_25typ_gg_>div:empty::before{content:"1. "attr(placeholder);color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457));position:absolute}.___SInputField_25typ_gg_>div:nth-child(even){color:red;counter-increment:row;margin-bottom:var(--intergalactic-spacing-1x, 4px);position:relative;word-break:break-all}.___SInputField_25typ_gg_>div:nth-child(even)::before{content:counter(row)".";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-1x, 4px)}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div:nth-child(even)::before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div:nth-child(even)::before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SInputField_25typ_gg_>div>p{counter-increment:row;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)}.___SInputField_25typ_gg_>div>p:last-of-type{margin-bottom:0}.___SInputField_25typ_gg_>div>p:not(:empty)::before{content:counter(row)".";display:inline-block;white-space:nowrap;text-align:right;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-right:var(--intergalactic-spacing-1x, 4px);position:absolute;left:0}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div>p:not(:empty)::before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div>p:not(:empty)::before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SInputField_25typ_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, rgb(255, 235, 239))}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, rgb(255, 235, 239))}@media (color-gamut:p3){.___SInputField_25typ_gg_>div>p[data-over-max-rows=true]{background-color:var(--intergalactic-bg-secondary-critical, color(display-p3 1 0.92002 0.9342))}}}.___SInputField_25typ_gg_>div:has(p:nth-child(n+10))>p{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+10))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+100))>p:nth-child(n+100)::before{padding-left:0}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p{padding-left:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-1x, 4px))}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(-n+9)::before{padding-left:var(--intergalactic-spacing-6x, 24px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+10)::before{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+100)::before{padding-left:var(--intergalactic-spacing-2x, 8px)}.___SInputField_25typ_gg_>div:has(p:nth-child(n+1000))>p:nth-child(n+1000)::before{padding-left:0}.___SInputField_25typ_gg_.__showErrors_25typ_gg_>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_25typ_gg_._size_m_25typ_gg_>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_25typ)*20px);max-height:calc((var(--maxRows_25typ) - 1)*(20px + var(--intergalactic-spacing-1x, 4px)) + 18px)}.___SInputField_25typ_gg_._size_m_25typ_gg_>div:empty{padding-left:var(--intergalactic-spacing-8x, 32px)}.___SInputField_25typ_gg_._size_l_25typ_gg_>div:empty::before,.___SInputField_25typ_gg_._size_m_25typ_gg_>div:empty::before{left:var(--intergalactic-spacing-4x, 16px)}.___SInputField_25typ_gg_._size_l_25typ_gg_>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_25typ)*24px);max-height:calc((var(--maxRows_25typ) - 1)*(24px + var(--intergalactic-spacing-1x, 4px)) + 20px)}.___SInputField_25typ_gg_._size_l_25typ_gg_>div:empty{padding-left:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px))}.___SInputField_25typ_gg_._state_normal_25typ_gg_:not(.__disabled_25typ_gg_)>div:focus{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}.___SInputField_25typ_gg_._state_valid_25typ_gg_>div{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}@supports (color:oklab(0%0 0%)){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{outline-color:var(--intergalactic-keyboard-focus-valid-outline, rgb(0, 190, 142))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_valid_25typ_gg_>div:focus{outline-color:var(--intergalactic-keyboard-focus-valid-outline, oklch(0.711 0.146 166.9))}}}.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(255, 0, 4, 0.56) 0, rgba(255, 0, 4, 0.56) 1px, transparent 0, transparent 50%))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56));background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, color(display-p3 0.918 0.19866 0.14259 / 0.56) 0, color(display-p3 0.918 0.19866 0.14259 / 0.56) 1px, transparent 0, transparent 50%))}}}.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));outline-color:var(--intergalactic-keyboard-focus-outline, #008ff8);outline-style:solid;outline-width:2px;transition-duration:calc(var(--intergalactic-duration-extra-fast, 100)*1ms);transition-timing-function:ease-in-out;outline-offset:0;transition-property:outline-color,outline-width}@supports (color:color(display-p3 0 0 0%)){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}@supports (color:oklab(0%0 0%)){.___SInputField_25typ_gg_._state_invalid_25typ_gg_>div:focus{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652))}}.___SInputField_25typ_gg_.__readonly_25typ_gg_>div{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248))}.___SInputField_25typ_gg_.__disabled_25typ_gg_>div{opacity:var(--intergalactic-disabled-opacity, 0.4)}',
22
22
  /*__inner_css_end__*/
23
- "7e9un_gg_"
23
+ "25typ_gg_"
24
24
  ), /*__reshadow_css_end__*/
25
25
  {
26
- "__SInputField": "___SInputField_7e9un_gg_",
27
- "_showErrors": "__showErrors_7e9un_gg_",
28
- "_readonly": "__readonly_7e9un_gg_",
29
- "_disabled": "__disabled_7e9un_gg_",
30
- "_size_m": "_size_m_7e9un_gg_",
31
- "--minRows": "--minRows_7e9un",
32
- "--maxRows": "--maxRows_7e9un",
33
- "_size_l": "_size_l_7e9un_gg_",
34
- "_state_normal": "_state_normal_7e9un_gg_",
35
- "_state_valid": "_state_valid_7e9un_gg_",
36
- "_state_invalid": "_state_invalid_7e9un_gg_"
26
+ "__SInputField": "___SInputField_25typ_gg_",
27
+ "_showErrors": "__showErrors_25typ_gg_",
28
+ "_readonly": "__readonly_25typ_gg_",
29
+ "_disabled": "__disabled_25typ_gg_",
30
+ "_size_m": "_size_m_25typ_gg_",
31
+ "--minRows": "--minRows_25typ",
32
+ "--maxRows": "--maxRows_25typ",
33
+ "_size_l": "_size_l_25typ_gg_",
34
+ "_state_normal": "_state_normal_25typ_gg_",
35
+ "_state_valid": "_state_valid_25typ_gg_",
36
+ "_state_invalid": "_state_invalid_25typ_gg_"
37
37
  })
38
38
  );
39
39
  var InputField = /* @__PURE__ */ (function(_Component) {
@@ -2,21 +2,21 @@ SInputField>div {
2
2
  box-sizing: content-box;
3
3
  outline: none;
4
4
  border-radius: var(--intergalactic-control-rounded, 6px);
5
- border-color: var(--intergalactic-border-primary, #c4c7cf);
5
+ border-color: var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
6
6
  border-style: solid;
7
7
  border-width: 1px;
8
8
  overflow: auto;
9
9
  position: relative;
10
10
 
11
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
12
- color: var(--intergalactic-text-primary, #191b23);
11
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
12
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
13
13
  word-wrap: break-word;
14
14
  word-break: break-word;
15
15
  font-family: inherit;
16
16
 
17
17
  &:empty::before {
18
18
  content: '1. ' attr(placeholder);
19
- color: var(--intergalactic-text-placeholder, #8a8e9b);
19
+ color: var(--intergalactic-text-placeholder, oklch(0.098 0.023 157.4 / 0.457));
20
20
  position: absolute;
21
21
  }
22
22
 
@@ -32,7 +32,7 @@ SInputField>div {
32
32
  display: inline-block;
33
33
  white-space: nowrap;
34
34
  text-align: right;
35
- color: var(--intergalactic-text-secondary, #6c6e79);
35
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
36
36
  margin-right: var(--intergalactic-spacing-1x, 4px);
37
37
  }
38
38
  }
@@ -55,7 +55,7 @@ SInputField>div {
55
55
  display: inline-block;
56
56
  white-space: nowrap;
57
57
  text-align: right;
58
- color: var(--intergalactic-text-secondary, #6c6e79);
58
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
59
59
  margin-right: var(--intergalactic-spacing-1x, 4px);
60
60
 
61
61
  position: absolute;
@@ -63,7 +63,7 @@ SInputField>div {
63
63
  }
64
64
 
65
65
  &[data-over-max-rows='true'] {
66
- background-color: var(--intergalactic-bg-secondary-critical, #fff0f7);
66
+ background-color: var(--intergalactic-bg-secondary-critical, oklch(0.958 0.029 5.7));
67
67
  }
68
68
  }
69
69
 
@@ -159,7 +159,7 @@ SInputField[size='l']>div {
159
159
 
160
160
  SInputField[state='normal']:not([disabled])>div {
161
161
  &:focus {
162
- border-color: var(--intergalactic-border-info-active, #006dca);
162
+ border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
163
163
  @mixin focus-outline-mixin {
164
164
  outline-offset: 0;
165
165
  transition-property: outline-color, outline-width;
@@ -168,42 +168,42 @@ SInputField[state='normal']:not([disabled])>div {
168
168
  }
169
169
 
170
170
  SInputField[state='valid']>div {
171
- border-color: var(--intergalactic-border-success-active, #007c65);
171
+ border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
172
172
 
173
173
  &:focus {
174
- border-color: var(--intergalactic-border-success-active, #007c65);
174
+ border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
175
175
  @mixin focus-outline-mixin {
176
176
  outline-offset: 0;
177
177
  transition-property: outline-color, outline-width;
178
178
  }
179
- outline-color: var(--intergalactic-keyboard-focus-valid-outline, #009f81);
179
+ outline-color: var(--intergalactic-keyboard-focus-valid-outline, oklch(0.711 0.146 166.9));
180
180
  }
181
181
  }
182
182
 
183
183
  SInputField[state='invalid']>div {
184
- border-color: var(--intergalactic-border-critical-active, #d1002f);
184
+ border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
185
185
 
186
186
  &:focus {
187
- border-color: var(--intergalactic-border-critical-active, #d1002f);
187
+ border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
188
188
  @mixin focus-outline-mixin {
189
189
  outline-offset: 0;
190
190
  transition-property: outline-color, outline-width;
191
191
  }
192
- outline-color: var(--intergalactic-keyboard-focus-invalid-outline, #ff4953);
192
+ outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
193
193
  }
194
194
 
195
- 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%));
195
+ background-image: var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, oklch(0.628 0.258 29 / 0.56) 0, oklch(0.628 0.258 29 / 0.56) 1px, transparent 0, transparent 50%));
196
196
  background-size: 6px 6px;
197
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
197
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
198
198
  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
199
199
  border-top-left-radius: var(--intergalactic-control-rounded, 6px);
200
200
  background-repeat: repeat-y;
201
201
  }
202
202
 
203
203
  SInputField[readonly]>div {
204
- background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
204
+ background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
205
205
  }
206
206
 
207
207
  SInputField[disabled]>div {
208
- opacity: var(--intergalactic-disabled-opacity, 0.3);
208
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
209
209
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/bulk-textarea",
3
3
  "description": "Semrush BulkTextarea Component",
4
- "version": "16.7.0",
4
+ "version": "16.8.0-prerelease.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,17 +14,17 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/flex-box": "16.0.11",
18
- "@semcore/button": "16.0.12",
19
- "@semcore/typography": "16.3.2",
20
- "@semcore/counter": "16.0.11",
21
- "@semcore/icon": "16.7.3",
22
- "@semcore/popper": "16.0.11",
23
- "@semcore/tooltip": "16.0.11",
17
+ "@semcore/flex-box": "16.1.0-prerelease.0",
18
+ "@semcore/button": "16.1.0-prerelease.0",
19
+ "@semcore/typography": "16.4.0-prerelease.0",
20
+ "@semcore/counter": "16.1.0-prerelease.0",
21
+ "@semcore/icon": "16.8.0-prerelease.0",
22
+ "@semcore/popper": "16.1.0-prerelease.0",
23
+ "@semcore/tooltip": "16.1.0-prerelease.0",
24
24
  "dompurify": "3.2.3"
25
25
  },
26
26
  "peerDependencies": {
27
- "@semcore/base-components": "^16.0.0"
27
+ "@semcore/base-components": "^16.6.0-prerelease.0"
28
28
  },
29
29
  "repository": {
30
30
  "type": "git",
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/dompurify": "3.2.0",
36
- "@semcore/core": "16.5.2",
36
+ "@semcore/core": "16.6.0-prerelease.0",
37
37
  "@semcore/testing-utils": "1.0.0"
38
38
  },
39
39
  "scripts": {