@eocrm/design-system 0.8.2 → 0.8.3

package/dist/components/Accordion/Accordion.css

@@ -124,7 +124,7 @@
   font-weight: inherit;
   color: var(--accordion-trigger-fg);
   cursor: pointer;
-  text-align: left;
+  text-align: start;
 }
 .Accordion__trigger__3TPPQ:focus-visible {
   outline: var(--ring-width) solid var(--accordion-trigger-ring);

package/dist/components/Calendar/AgendaView.css

@@ -254,7 +254,7 @@
   font-family: inherit;
   font-size: var(--calendar-agenda-row-font-size);
   color: var(--calendar-agenda-row-fg);
-  text-align: left;
+  text-align: start;
   cursor: pointer;
   transition: background var(--calendar-agenda-row-transition-bg);
 }

package/dist/components/Calendar/HourGrid.css

@@ -231,7 +231,7 @@
   padding: var(--calendar-hour-label-padding);
   font-size: var(--calendar-hour-label-font-size);
   color: var(--calendar-hour-label-fg);
-  text-align: right;
+  text-align: end;
   border-right: var(--border-width) solid var(--calendar-border-color);
   border-bottom: var(--border-width) solid var(--calendar-border-color);
   background: var(--calendar-hour-label-bg);

package/dist/components/Calendar/MonthView.css

@@ -195,7 +195,7 @@
   color: var(--calendar-weekday-fg);
   text-transform: uppercase;
   letter-spacing: var(--calendar-weekday-letter-spacing);
-  text-align: left;
+  text-align: start;
 }
 
 .MonthView__week__4wekC {

package/dist/components/Calendar/TimedEvent.css

@@ -186,7 +186,7 @@
   font-size: var(--calendar-timed-event-font-size);
   font-weight: var(--calendar-timed-event-font-weight);
   line-height: 1.2;
-  text-align: left;
+  text-align: start;
   overflow: hidden;
   cursor: pointer;
   user-select: none;

package/dist/components/LiquidEditor/LiquidEditor.css

@@ -94,10 +94,10 @@
 .LiquidEditor__gutter__NQoB2 {
   flex: none;
   padding: var(--space-2);
-  text-align: right;
+  text-align: end;
   color: var(--liquid-editor-gutter-fg);
   background: var(--liquid-editor-gutter-bg);
-  border-right: var(--border-width) solid var(--liquid-editor-border);
+  border-inline-end: var(--border-width) solid var(--liquid-editor-border);
   user-select: none;
   overflow: hidden;
   white-space: pre;

package/dist/components/OptionsPicker/OptionsPicker.css

@@ -146,7 +146,7 @@ button.OptionsPicker__groupHeader__qo4Mu {
   border: none;
   cursor: pointer;
   width: 100%;
-  text-align: left;
+  text-align: start;
 }
 button.OptionsPicker__groupHeader__qo4Mu:hover {
   background: var(--options-picker-group-header-bg-hover);

package/dist/components/Select/Select.css

@@ -202,7 +202,7 @@
 
 .Select__triggerButton__IYvyH {
   padding-right: var(--select-trigger-padding-right-reserved);
-  text-align: left;
+  text-align: start;
 }
 .Select__triggerButton__IYvyH > :not(.Select__placeholder__xJNJF) {
   overflow: hidden;

package/dist/components/Tabs/Tabs.css

@@ -182,7 +182,7 @@
   justify-content: space-between;
   padding: var(--tabs-vertical-tab-padding-y) var(--tabs-vertical-tab-padding-x);
   border-radius: var(--tabs-vertical-tab-radius);
-  text-align: left;
+  text-align: start;
   transition: color var(--transition-fast), background var(--transition-fast);
 }
 .Tabs__vertical__c2YKR .Tabs__tab__C64TX:not(.Tabs__active__Ji4-a):hover {
@@ -196,7 +196,7 @@
   justify-content: flex-start;
   padding: var(--tabs-vertical-tab-padding-y) var(--tabs-vertical-tab-padding-x);
   border-radius: var(--tabs-vertical-tab-radius);
-  text-align: left;
+  text-align: start;
   transition: color var(--transition-fast), background var(--transition-fast);
 }
 .Tabs__vertical__c2YKR .Tabs__action__NYIFa:hover:not(:disabled) {

package/dist/components/Textarea/Textarea.css

@@ -99,7 +99,7 @@
 
 .Textarea__counter__o9BAD {
   display: block;
-  text-align: right;
+  text-align: end;
   margin-top: var(--textarea-counter-margin-top);
   font-size: var(--textarea-counter-font-size);
   color: var(--textarea-counter-fg);

package/dist/components/TimeField/TimeField.css

@@ -224,7 +224,7 @@
   font-size: var(--date-picker-time-popover-row-font-size);
   cursor: pointer;
   user-select: none;
-  text-align: left;
+  text-align: start;
 }
 .TimeField__timeRow__ziuw4:hover {
   background: var(--date-picker-time-popover-row-hover-bg);

package/dist/styles.css

@@ -8151,7 +8151,7 @@ g:has(> .FlowCanvas__edgeHit__eGOQy:focus-visible) > .FlowCanvas__edgePath__Bz1w
   justify-content: space-between;
   padding: var(--tabs-vertical-tab-padding-y) var(--tabs-vertical-tab-padding-x);
   border-radius: var(--tabs-vertical-tab-radius);
-  text-align: left;
+  text-align: start;
   transition: color var(--transition-fast), background var(--transition-fast);
 }
 .Tabs__vertical__c2YKR .Tabs__tab__C64TX:not(.Tabs__active__Ji4-a):hover {
@@ -8165,7 +8165,7 @@ g:has(> .FlowCanvas__edgeHit__eGOQy:focus-visible) > .FlowCanvas__edgePath__Bz1w
   justify-content: flex-start;
   padding: var(--tabs-vertical-tab-padding-y) var(--tabs-vertical-tab-padding-x);
   border-radius: var(--tabs-vertical-tab-radius);
-  text-align: left;
+  text-align: start;
   transition: color var(--transition-fast), background var(--transition-fast);
 }
 .Tabs__vertical__c2YKR .Tabs__action__NYIFa:hover:not(:disabled) {
@@ -10951,7 +10951,7 @@ g:has(> .FlowCanvas__edgeHit__eGOQy:focus-visible) > .FlowCanvas__edgePath__Bz1w
 
 .Select__triggerButton__IYvyH {
   padding-right: var(--select-trigger-padding-right-reserved);
-  text-align: left;
+  text-align: start;
 }
 .Select__triggerButton__IYvyH > :not(.Select__placeholder__xJNJF) {
   overflow: hidden;
@@ -11549,7 +11549,7 @@ button.OptionsPicker__groupHeader__qo4Mu {
   border: none;
   cursor: pointer;
   width: 100%;
-  text-align: left;
+  text-align: start;
 }
 button.OptionsPicker__groupHeader__qo4Mu:hover {
   background: var(--options-picker-group-header-bg-hover);
@@ -12355,7 +12355,7 @@ button.OptionsPicker__groupHeader__qo4Mu:focus-visible {
 
 .Textarea__counter__o9BAD {
   display: block;
-  text-align: right;
+  text-align: end;
   margin-top: var(--textarea-counter-margin-top);
   font-size: var(--textarea-counter-font-size);
   color: var(--textarea-counter-fg);
@@ -12457,10 +12457,10 @@ button.OptionsPicker__groupHeader__qo4Mu:focus-visible {
 .LiquidEditor__gutter__NQoB2 {
   flex: none;
   padding: var(--space-2);
-  text-align: right;
+  text-align: end;
   color: var(--liquid-editor-gutter-fg);
   background: var(--liquid-editor-gutter-bg);
-  border-right: var(--border-width) solid var(--liquid-editor-border);
+  border-inline-end: var(--border-width) solid var(--liquid-editor-border);
   user-select: none;
   overflow: hidden;
   white-space: pre;
@@ -15063,7 +15063,7 @@ figure[data-attachment][data-align=right] {
   font-weight: inherit;
   color: var(--accordion-trigger-fg);
   cursor: pointer;
-  text-align: left;
+  text-align: start;
 }
 .Accordion__trigger__3TPPQ:focus-visible {
   outline: var(--ring-width) solid var(--accordion-trigger-ring);
@@ -17249,7 +17249,7 @@ figure[data-attachment][data-align=right] {
   color: var(--calendar-weekday-fg);
   text-transform: uppercase;
   letter-spacing: var(--calendar-weekday-letter-spacing);
-  text-align: left;
+  text-align: start;
 }
 
 .MonthView__week__4wekC {
@@ -17688,7 +17688,7 @@ figure[data-attachment][data-align=right] {
   font-size: var(--calendar-timed-event-font-size);
   font-weight: var(--calendar-timed-event-font-weight);
   line-height: 1.2;
-  text-align: left;
+  text-align: start;
   overflow: hidden;
   cursor: pointer;
   user-select: none;
@@ -18042,7 +18042,7 @@ figure[data-attachment][data-align=right] {
   padding: var(--calendar-hour-label-padding);
   font-size: var(--calendar-hour-label-font-size);
   color: var(--calendar-hour-label-fg);
-  text-align: right;
+  text-align: end;
   border-right: var(--border-width) solid var(--calendar-border-color);
   border-bottom: var(--border-width) solid var(--calendar-border-color);
   background: var(--calendar-hour-label-bg);
@@ -18706,7 +18706,7 @@ figure[data-attachment][data-align=right] {
   font-family: inherit;
   font-size: var(--calendar-agenda-row-font-size);
   color: var(--calendar-agenda-row-fg);
-  text-align: left;
+  text-align: start;
   cursor: pointer;
   transition: background var(--calendar-agenda-row-transition-bg);
 }
@@ -19459,7 +19459,7 @@ figure[data-attachment][data-align=right] {
   font-size: var(--date-picker-time-popover-row-font-size);
   cursor: pointer;
   user-select: none;
-  text-align: left;
+  text-align: start;
 }
 .TimeField__timeRow__ziuw4:hover {
   background: var(--date-picker-time-popover-row-hover-bg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eocrm/design-system",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "Design system for the EOCRM product — React 19 + CSS custom properties.",
   "license": "Apache-2.0",
   "type": "module",
@@ -51,7 +51,7 @@
     "qrcode-generator": "^2.0.4"
   },
   "devDependencies": {
-    "@eocrm/design-tokens": "0.8.2",
+    "@eocrm/design-tokens": "0.8.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",