@zohodesk/dot 1.0.0-temp-228.2 → 1.0.0-temp-229

package/README.md

@@ -2,6 +2,22 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.9.11
+
+- padding, margin based css properties migrated to padding-inline,padding-block, margin-inline, margin-block 
+
+- **DotProvider** — Added `excludeFeatures` prop (default `[]`). Accepts an array of feature names to exclude from DotProvider. Supported values: `'theme'`, `'font'`, `'zoom'`. Example: `excludeFeatures={['font', 'zoom']}` skips font/zoom CSS chunk downloads and their variable/attribute application while keeping theme active.
+
+
+# 1.9.10
+
+- **ActionButton**
+  - Accessibility improvements:
+    - Removed hardcoded `tabIndex='0'` from the content box and arrow button elements.
+    - Arrow button now exposes `aria-expanded` and `aria-controls` attributes for screen reader support.
+    - Popup is assigned a unique `htmlId` (via `getUniqueId`) linked to `aria-controls` on the arrow button.
+    - Added `a11yAttributes` prop.
+
 # 1.9.9
 
 - PX to variable conversion was not applied due to the CBT migration. The issue has now been fixed. 

package/assets/Appearance/dark/mode/Dot_DarkMode.module.css

@@ -259,6 +259,8 @@
 	
 	/* status dropdown */
 	--zdt_statusdropdown_line_border:var(--zdt_cta_grey_15_border);
+	--zdt_statusdropdown_wrapper_container_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc( 0.2 + var(--zdc_alpha_low)));
+	--zdt_statusdropdown_wrapper_container_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%,  0.03);
 	
 	/* status listitem */
 	--zdt_statuslistitem_list_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/light/mode/Dot_LightMode.module.css

@@ -259,6 +259,8 @@
 	
 	/* status dropdown */
 	--zdt_statusdropdown_line_border:var(--zdt_cta_grey_15_border);
+	--zdt_statusdropdown_wrapper_container_border:hsla(218, calc(var(--zd-saturation, 1) * 42.22%), calc(91.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_statusdropdown_wrapper_container_bg:hsla(216, calc(var(--zd-saturation, 1) * 38.46%), 97.45%, 1);
 	
 	/* status listitem */
 	--zdt_statuslistitem_list_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));

package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css

@@ -259,6 +259,8 @@
 	
 	/* status dropdown */
 	--zdt_statusdropdown_line_border:var(--zdt_cta_grey_15_border);
+	--zdt_statusdropdown_wrapper_container_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc( 0.2 + var(--zdc_alpha_low)));
+	--zdt_statusdropdown_wrapper_container_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%,  0.03);
 	
 	/* status listitem */
 	--zdt_statuslistitem_list_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));

package/es/ActionButton/ActionButton.module.css

@@ -89,11 +89,14 @@
 }
 
 .small_btnBox {
-  padding: 0 var(--zd_size8) ;
+  padding-block:0 ;
+  padding-inline: var(--zd_size8) ;
 }
 
-.medium_btnBox, .large_btnBox {
-  padding: 0 var(--zd_size10) ;
+.medium_btnBox,
+.large_btnBox {
+  padding-block:0 ;
+  padding-inline: var(--zd_size10) ;
 }
 
 .txt {
@@ -174,8 +177,10 @@
 }
 
 .popupWrapper {
-  padding: var(--zd_size10) 0 ;
-  margin: var(--zd_size5) 0 ;
+  padding-block: var(--zd_size10) ;
+  padding-inline:0 ;
+  margin-block: var(--zd_size5) ;
+  margin-inline:0 ;
 }
 
 .arrow,
@@ -184,10 +189,6 @@
   color: var(--buttonText);
 }
 
-[dir=ltr] .iconMrgn {
-  margin-right: var(--zd_size6) ;
+.iconMrgn {
+  margin-inline-end: var(--zd_size6) ;
 }
-
-[dir=rtl] .iconMrgn {
-  margin-left: var(--zd_size6) ;
-}