@zohodesk/components 1.0.0-temp-177 → 1.0.0-temp-179

package/lib/DateTime/dateFormatUtils/dateFormat.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getDateDetails = getDateDetails;
 exports.getDateFormatDetails = getDateFormatDetails;
 exports.getDateFormatSelection = getDateFormatSelection;
+exports.getDateText = getDateText;
 exports.getDateTimeString = getDateTimeString;
 exports.getIsValidDate = getIsValidDate;
 exports.getSelectedDate = getSelectedDate;
@@ -234,6 +235,14 @@ function getDateTimeString() {
   return "".concat(dateString).concat(timeString);
 }
 
+function getDateText(value, isDateTime, timeZone) {
+  if (value && !timeZone) {
+    value = value.replace('Z', '');
+  }
+
+  return value ? isDateTime ? timeZone ? _datetimejs["default"].toDate(_datetimejs["default"].tz.utcToTz(value, timeZone)) : new Date(value) : timeZone ? _datetimejs["default"].toDate(value) : new Date(value) : new Date();
+}
+
 function getDateDetails(value, localValues, isDateTime, timeZone, _ref7) {
   var is24Hour = _ref7.is24Hour;
   var day = localValues.day,
@@ -244,7 +253,7 @@ function getDateDetails(value, localValues, isDateTime, timeZone, _ref7) {
       noon = localValues.noon;
 
   if (value) {
-    var dateObj = isDateTime ? _datetimejs["default"].toDate(_datetimejs["default"].tz.utcToTz(value, timeZone)) : value ? _datetimejs["default"].toDate(value) : new Date();
+    var dateObj = getDateText(value, isDateTime, timeZone);
     var selectedDay = dateObj.getDate();
     var selectedMonth = dateObj.getMonth();
     var selectedYear = dateObj.getFullYear();

package/lib/DateTime/dateFormatUtils/index.js

@@ -27,18 +27,14 @@ exports.getNoonDetails = getNoonDetails;
 exports.getYearDetails = getYearDetails;
 exports.removeYearPattern = removeYearPattern;
 
-var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
-
 var _common = require("../../utils/datetime/common");
 
 var _constants = require("../constants");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _dateFormat = require("./dateFormat");
 
 /* eslint-disable no-param-reassign */
 
-/** * Libraries ** */
-
 /** * Methods ** */
 
 /** * Constants ** */
@@ -278,7 +274,7 @@ function getIsCurrentYear(_ref) {
   var isCurrentYear = false;
 
   if (value && value !== _constants.INVALID_DATE) {
-    var dateObj = isDateTime ? _datetimejs["default"].toDate(_datetimejs["default"].tz.utcToTz(value, timeZone)) : _datetimejs["default"].toDate(value);
+    var dateObj = (0, _dateFormat.getDateText)(value, isDateTime, timeZone);
     var currentDateObj = new Date();
     var currentYear = currentDateObj.getFullYear();
     var selectedYear = dateObj.getFullYear();

package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css

@@ -18,6 +18,11 @@
     box-shadow: var(--dropbox_box_shadow);
 }
 
+.defaultPalette,
+.darkPalette {
+  /* css:theme-validation:ignore */
+}
+
 .defaultPalette, .darkPalette {
     background-color: var(--dropbox_bg_color);
 }
@@ -210,6 +215,7 @@
     height: var(--zd_size10) ;
     width: var(--zd_size10) ;
     box-shadow: 1px -1px 2px 0 var(--dropbox_arrow_box_shadow_color);
+  /* css:theme-validation:ignore */
     background-color: var(--dropbox_bg_color);
     -webkit-transform: rotateZ(-45deg);
     transform: rotateZ(-45deg);
@@ -419,6 +425,7 @@
 .closeBar {
   /*  Variable:Ignore  */
     height: 6px;
+  /* css:theme-validation:ignore */
     width: 20% ;
     border-radius: 5px;
     background-color: var(--dropbox_mob_close_bg_color);

package/lib/DropBox/css/DropBox.module.css

@@ -49,6 +49,7 @@
 
 .freeze {
   composes: varClass;
+  /* css:theme-validation:ignore */
   background: var(--dropbox_mob_bg_color);
 }
 

package/lib/DropDown/DropDownHeading.module.css

@@ -18,7 +18,9 @@
   font-size: var(--zd_font_size11) ;
   letter-spacing: 0.6px;
   text-transform: var(--dropdownheading_text_transform);
+  /* css:theme-validation:ignore */
   color: var(--dropdownheading_text_color);
+  /* css:theme-validation:ignore */
   padding: var(--dropdownheading_padding);
   background-color: var(--dropdownheading_bg_color);
 }
@@ -33,6 +35,10 @@
 .light {
   composes: default;
 }
+.light::after,
+.dark::after {
+  /* css:theme-validation:ignore */
+}
 .light::after, .dark::after {
   background-color: var(--dropdownheading_underline_bg_color);
 }

package/lib/DropDown/DropDownItem.module.css

@@ -20,6 +20,8 @@
   position: relative;
   color: var(--zdt_dropdown_default_text);
   font-size: var(--zd_font_size13) ;
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
   padding: var(--dropdownitem-padding);
   border-style: solid;
   border-color: var(--dropdownitem-border-color);
@@ -74,6 +76,7 @@
   opacity: 0;
   visibility: hidden;
   width: var(--dropdownitem-user-width);
+  /* css:theme-validation:ignore */
   border-width: var(--dropdownitem-user-border-width);
   border-style: var(--dropdownitem-user-border-style);
   border-color: var(--dropdownitem-user-border-color);

package/lib/Label/Label.module.css

@@ -4,13 +4,14 @@
   --label_text_color: var(--zdt_label_default_text);
   --label_font_family: var(--zd_regular);
   --label_cursor: default;
-  --label_line_height: 18px;
+  --label_line_height: 1.2857142857142858;
 }
 .label {
   composes: varClass;
   vertical-align: middle;
   line-height: var(--label_line_height);
   font-size: var(--label_font_size);
+  /* css:theme-validation:ignore */
   color: var(--label_text_color);
   font-family: var(--label_font_family);
   cursor: var(--label_cursor);

package/lib/ListItem/ListItem.module.css

@@ -24,8 +24,10 @@
   composes: varClass;
   position: relative;
   list-style: none;
+  /* css:theme-validation:ignore */
   color: var(--listitem_text_color);
   font-size: var(--zd_font_size13) ;
+  /* css:theme-validation:ignore */
   height: var(--listitem_height);
   min-height: var(--listitem_min_height);
   text-decoration: none;
@@ -35,6 +37,11 @@
   border-color: var(--listitem_border_color);
   cursor: pointer;
 }
+.list,
+.default,
+.secondary {
+  /* css:theme-validation:ignore */
+}
 .list, .default, .secondary {
   background-color: var(--listitem_bg_color);
 }
@@ -75,7 +82,7 @@
   composes: dotted from '../common/common.module.css';
 }
 .value, .multiLineValue {
-  line-height: var(--zd_size20);
+  line-height: 1.5385;
 }
 .multiLineValue{
   word-break: break-word;
@@ -99,6 +106,13 @@
   margin: var(--listitem_avatar_margin);
 }
 
+.defaultHover,
+.primaryHover,
+.secondaryHover,
+.darkHover {
+  /* css:theme-validation:ignore */
+}
+
 .defaultHover, .primaryHover, .secondaryHover, .darkHover {
   background-color: var(--listitem_highlight_bg_color);
 }
@@ -140,6 +154,12 @@
   --listitem_bg_color: var(--zdt_listitem_dark_effect_bg);
   --listitem_highlight_bg_color: var(--zdt_listitem_dark_effect_bg);
 }
+.activedefault,
+.activeprimary,
+.activesecondary,
+.activedark {
+  /* css:theme-validation:ignore */
+}
 .activedefault, .activeprimary, .activesecondary, .activedark {
   background-color: var(--listitem_active_bg_color);
 }
@@ -165,6 +185,7 @@
 .defaultTick,
 .darkTick {
   position: absolute;
+  /* css:theme-validation:ignore */
   color: var(--listitem_tickicon_color);
 }
 

package/lib/PopOver/PopOver.module.css

@@ -1,5 +1,6 @@
 .popup {
   position: relative;
+  /* css:theme-validation:ignore */
   background-color: var(--dot_white);
 }
 .target {

package/lib/Radio/Radio.module.css

@@ -25,6 +25,7 @@
   composes: offSelection from '../common/common.module.css';
   width: var(--radio_width);
   height: var(--radio_height);
+  /* css:theme-validation:ignore */
   stroke: var(--radio_stroke_color);
   background: var(--radio_bg_color);
   border-radius: 50%;

package/lib/Ribbon/Ribbon.module.css

@@ -35,9 +35,12 @@
 .basic {
   composes: varClass;
   position: relative;
+  /* css:theme-validation:ignore */
   color: var(--ribbon_text_color);
   text-transform: var(--ribbon_text_transform);
   font-size: var(--ribbon_font_size);
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
   line-height: var(--ribbon_line_height);
   padding: var(--ribbon_padding);
   background-color: var(--ribbon_bg_color);
@@ -212,7 +215,7 @@
   composes: dotted from '../common/common.module.css';
   display: block;
   --ribbon_text_color: var(--zdt_ribbon_white_text);
-  --ribbon_line_height: 20px;
+  --ribbon_line_height: 1.53846154;
   --ribbon_text_transform: uppercase;
 }
 
@@ -260,7 +263,7 @@
   --ribbon_text_color: var(--zdt_ribbon_white_text);
   --ribbon_text_transform: uppercase;
   --ribbon_padding: var(--zd_size6) var(--zd_size10);
-  --ribbon_line_height: 20px;
+  --ribbon_line_height: 1.53846154;
   text-align: center;
 }
 
@@ -335,6 +338,7 @@
   position: absolute;
   content: '';
   top: var(--ribbon_tag_before_top);
+  /* css:theme-validation:ignore */
   width: var(--ribbon_tag_before_width);
   height: var(--ribbon_tag_before_height);
   background-color: inherit;
@@ -370,7 +374,7 @@
 .sticker {
   display: block;
   height: var(--zd_size18) ;
-  line-height: var(--zd_size11);
+  line-height: 0.8462;
   --ribbon_text_color: var(--zdt_ribbon_white_text);
   --ribbon_text_transform: uppercase;
   text-align: center;

package/lib/Switch/Switch.module.css

@@ -26,6 +26,7 @@
   display: inline-block;
   position: relative;
   transition: box-shadow var(--zd_transition3) ease-in-out;
+  /* css:theme-validation:ignore */
   background-color: var(--switch_off_bg_color);
   border-radius: 20px;
   cursor: pointer;
@@ -44,6 +45,7 @@
   right: 50% ;
   transition: all var(--zd_transition2);
   box-shadow: var(--switch_cricle_box_shadow);
+  /* css:theme-validation:ignore */
   background-color: var(--switch_circle_bg_color);
   border-radius: var(--switch_circle_border_radius);
 }

package/lib/Tab/Tab.module.css

@@ -32,7 +32,7 @@
 }
 .alpha {
   font-size: var(--zd_font_size11) ;
-  line-height: var(--zd_size33);
+  line-height: 3;
   padding: 0 var(--zd_size18) ;
 }
 .tabAlpha {
@@ -55,7 +55,7 @@
 }
 .beta {
   font-size: var(--zd_font_size14) ;
-  line-height: var(--zd_size60);
+  line-height: 4.2857;
   text-transform: capitalize;
   padding: 0 var(--zd_size4) ;
 }
@@ -78,7 +78,7 @@
 }
 .delta {
   font-size: var(--zd_font_size11) ;
-  line-height: var(--zd_size33);
+  line-height: 3;
   padding: 0 var(--zd_size4) ;
 }
 [dir=ltr] .delta {

package/lib/Tag/Tag.module.css

@@ -35,10 +35,13 @@
   composes: dInflex alignVertical flexrow from '../common/common.module.css';
   position: relative;
   vertical-align: middle;
+  /* css:theme-validation:ignore */
   color: var(--tag_text_color);
+  /* css:theme-validation:ignore */
   font-size: var(--tag_font_size);
   letter-spacing: var(--tag_letter_spacing);
   height: var(--tag_height);
+  /* css:theme-validation:ignore */
   max-width: 100% ;
   background-color: var(--tag_bg_color);
   border-radius: var(--tag_border_radius);
@@ -123,11 +126,13 @@
   display: block;
 }
 .close {
+  /* css:theme-validation:ignore */
   color: var(--tag_closeicon_color);
   display: none;
   position: absolute;
   top: 0 ;
   bottom: 0 ;
+  /* css:theme-validation:ignore */
   padding: var(--tag_closeicon_padding);
   cursor: var(--tag_closeicon_cursor);
   border-radius: var(--tag_closeicon_border_radius);
@@ -225,6 +230,7 @@
 }
 
 .icon {
+  /* css:theme-validation:ignore */
   margin: var(--tag_icon_margin);
   background-color: var(--tag_icon_bg_color);
 }

package/lib/TextBox/TextBox.module.css

@@ -14,7 +14,7 @@
   --textbox_letter_spacing: 0.1px;
   --textbox_padding: 0;
   --textbox_cursor: auto;
-  --textbox_line_height: 35px;
+  --textbox_line_height: 2.5;
 
   /* textbox placeholder default variable */
   --textbox_placeholder_text_color: var(--zdt_textbox_placeholder_text);
@@ -25,29 +25,37 @@
   -moz-appearance: none;
   appearance: none;
   letter-spacing: var(--textbox_letter_spacing);
+  /* css:theme-validation:ignore */
   border: var(--textbox_border_width);
   cursor: var(--textbox_cursor);
 }
 .basic::placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textbox_placeholder_text_color);
 }
 .basic::-webkit-placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textbox_placeholder_text_color);
 }
 .basic::-moz-placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textbox_placeholder_text_color);
 }
 .basic::-ms-placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textbox_placeholder_text_color);
 }
 .container {
   composes: basic;
+  /* css:theme-validation:ignore */
   transition: border var(--zd_transition2) linear 0s;
   -moz-transition: border var(--zd_transition2) linear 0s;
   width: var(--textbox_width);
+  /* css:theme-validation:ignore */
   color: var(--textbox_text_color);
   font-size: var(--textbox_font_size);
   height: var(--textbox_height);
+  /* css:theme-validation:ignore */
   line-height: var(--textbox_line_height);
   background-color: var(--textbox_bg_color);
   -webkit-transition: border var(--zd_transition2) linear 0s;
@@ -68,15 +76,19 @@
   --textbox_bg_color: none;
 }
 .container::placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textbox_placeholder_text_color);
 }
 .container::-webkit-placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textbox_placeholder_text_color);
 }
 .container::-moz-placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textbox_placeholder_text_color);
 }
 .container::-ms-placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textbox_placeholder_text_color);
 }
 .pointer {
@@ -87,12 +99,20 @@
   border-width: var(--textbox_border_width);
   border-style: var(--textbox_border_style);
 }
+.effect:hover,
+.effect:focus {
+  /* css:theme-validation:ignore */
+}
 .effect:hover, .effect:focus {
   border-color: var(--textbox_border_color);
 }
 .border {
   --textbox_border_width: 0 0 1px 0;
 }
+.borderColor_transparent,
+.borderColor_default {
+  /* css:theme-validation:ignore */
+}
 .borderColor_transparent, .borderColor_default {
   border-color: var(--textbox_border_color);
 }
@@ -115,21 +135,21 @@
 }
 .xmedium {
   --textbox_height: var(--zd_size28);
-  --textbox_line_height: 28px;
+  --textbox_line_height: 2;
 }
 .medium {
   --textbox_height: var(--zd_size35);
-  --textbox_line_height: 35px;
+  --textbox_line_height: 2.5;
 }
 .small {
   --textbox_font_size: var(--zd_font_size12);
   --textbox_height: var(--zd_size28);
-  --textbox_line_height: 28px;
+  --textbox_line_height: 2.33333333333;
 }
 .xsmall {
   --textbox_font_size: var(--zd_font_size13);
   --textbox_height: var(--zd_size25);
-  --textbox_line_height: 25px;
+  --textbox_line_height: 1.92307692308;
 }
 .default,
 .primary,

package/lib/TextBox/props/defaultProps.js

@@ -7,7 +7,6 @@ exports.defaultProps = void 0;
 var defaultProps = {
   isDisabled: false,
   isReadOnly: false,
-  maxLength: 250,
   needBorder: true,
   size: 'medium',
   type: 'text',

package/lib/TextBoxIcon/TextBoxIcon.module.css

@@ -24,6 +24,7 @@
   cursor: var(--textboxicon_icon_cursor);
 }
 .iconContainer {
+  /* css:theme-validation:ignore */
   color: var(--textboxicon_icon_color);
 }
 .effect:hover .iconContainer,
@@ -50,6 +51,10 @@
   right: 0 ;
   left: 0 ;
 }
+.line,
+.borderColor_default {
+  /* css:theme-validation:ignore */
+}
 .line, .borderColor_default {
   background-color: var(--textboxicon_line_color);
 }

package/lib/Textarea/Textarea.module.css

@@ -5,7 +5,7 @@
   --textarea_cursor: auto;
   --textarea_text_color: var(--zdt_textarea_default_text);
   --textarea_font_size: var(--zd_font_size14);
-  --textarea_line_height: 22px;
+  --textarea_line_height: 1.57142857;
   --textarea_padding: var(--zd_size2) 0;
   --textarea_height: var(--zd_size30);
 
@@ -19,6 +19,7 @@
   appearance: none;
   outline: 0;
   letter-spacing: 0.1px;
+  /* css:theme-validation:ignore */
   color: var(--textarea_text_color);
   cursor: var(--textarea_cursor);
 }
@@ -26,15 +27,19 @@
   border-width: var(--textarea_border_width);
 }
 .basic::placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textarea_placeholder_text_color);
 }
 .basic::-webkit-placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textarea_placeholder_text_color);
 }
 .basic::-moz-placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textarea_placeholder_text_color);
 }
 .basic::-ms-placeholder {
+  /* css:theme-validation:ignore */
   color: var(--textarea_placeholder_text_color);
 }
 .basic:disabled {
@@ -67,6 +72,7 @@
   min-width: var(--zd_size100) ;
   font-size: var(--textarea_font_size);
   line-height: var(--textarea_line_height);
+  /* css:theme-validation:ignore */
   height: var(--textarea_height);
   -webkit-transition: border var(--zd_transition2) linear 0s,
     height var(--zd_transition2) linear 0s;
@@ -98,13 +104,13 @@
   --textarea_font_size: var(--zd_font_size14);
   --textarea_padding: var(--zd_size4) 0 var(--zd_size2);
   --textarea_height: var(--zd_size28);
-  --textarea_line_height: 19px;
+  --textarea_line_height: 1.35714285714;
 }
 .xmedium {
   --textarea_font_size: var(--zd_font_size13);
   --textarea_padding: var(--zd_size4) 0 var(--zd_size2);
   --textarea_height: var(--zd_size25);
-  --textarea_line_height: 17px;
+  --textarea_line_height: 1.30769230769;
 }
 .small {
   --textarea_height: var(--zd_size30);

package/lib/Tooltip/Tooltip.module.css

@@ -17,7 +17,7 @@
   font-family: var(--zd_semibold);
   word-break: break-word;
   max-width: var(--zd_size420) ;
-  line-height: var(--zd_size20);
+  line-height: 1.5385;
   min-height: var(--zd_size24) ;
   overflow: hidden;
   background-color: var(--zdt_tooltip_default_bg);
@@ -49,7 +49,9 @@
   height: 11px;
   border-top: solid 6px var(--zdt_tooltip_default_bg);
   border-left: solid 6px var(--zdt_tooltip_default_bg);
+  /* css:theme-validation:ignore */
   border-right: solid 6px transparent;
+  /* css:theme-validation:ignore */
   border-bottom: solid 6px transparent;
   box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;
@@ -69,7 +71,9 @@
   height: 11px;
   border-top: solid 6px var(--zdt_tooltip_default_bg);
   border-left: solid 6px var(--zdt_tooltip_default_bg);
+  /* css:theme-validation:ignore */
   border-right: solid 6px transparent;
+  /* css:theme-validation:ignore */
   border-bottom: solid 6px transparent;
   box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
   z-index: -1;

package/lib/common/customscroll.module.css

@@ -23,9 +23,17 @@
   -ms-scrollbar-highlight-color: var(--zd-scroll-bg);
   -ms-scrollbar-face-color: var(--zd-scroll-thump);
 }
+.scroll::-webkit-scrollbar,
+.scroll ::-webkit-scrollbar {
+  /* css:theme-validation:ignore */
+}
 .scroll::-webkit-scrollbar, .scroll ::-webkit-scrollbar {
   background: var(--zd-scroll-corner-bg);
 }
+.scroll::-webkit-scrollbar:hover,
+.scroll ::-webkit-scrollbar:hover {
+  /* css:theme-validation:ignore */
+}
 .scroll::-webkit-scrollbar:hover, .scroll ::-webkit-scrollbar:hover {
   background: var(--zd-scroll-bg);
 }
@@ -43,6 +51,11 @@
   width: 0 ;
   height: 0 ;
 }
+.scroll::-webkit-scrollbar-track:vertical,
+.scroll ::-webkit-scrollbar-track:vertical {
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
+}
 [dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;
@@ -51,13 +64,26 @@
   border-right: 1px solid transparent;
   border-left: 1px solid transparent;
 }
+.scroll::-webkit-scrollbar-track:vertical:hover,
+.scroll ::-webkit-scrollbar-track:vertical:hover {
+  /* css:theme-validation:ignore */
+}
 .scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
   border-color: var(--zd-scroll-border);
 }
+.scroll::-webkit-scrollbar-track:horizontal,
+.scroll ::-webkit-scrollbar-track:horizontal {
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
+}
 .scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
 }
+.scroll::-webkit-scrollbar-track:horizontal:hover,
+.scroll ::-webkit-scrollbar-track:horizontal:hover {
+  /* css:theme-validation:ignore */
+}
 .scroll::-webkit-scrollbar-track:horizontal:hover, .scroll ::-webkit-scrollbar-track:horizontal:hover {
   border-color: var(--zd-scroll-border);
 }
@@ -66,6 +92,8 @@
 }
 .scroll::-webkit-scrollbar-thumb,
 .scroll ::-webkit-scrollbar-thumb {
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
   /* display: none; */
 }
 .scroll::-webkit-scrollbar-thumb, .scroll ::-webkit-scrollbar-thumb {
@@ -74,6 +102,11 @@
   background-clip: padding-box;
   border: 3px solid transparent;
 }
+.scroll::-webkit-scrollbar-thumb:hover,
+.scroll ::-webkit-scrollbar-thumb:hover {
+  /* css:theme-validation:ignore */
+  /* css:theme-validation:ignore */
+}
 .scroll::-webkit-scrollbar-thumb:hover, .scroll ::-webkit-scrollbar-thumb:hover {
   background: var(--zd-scroll-thump-hoverbg);
   background-clip: padding-box;
@@ -83,6 +116,10 @@
 .scroll *:hover > ::-webkit-scrollbar-thumb {
   display: block;
 } */
+.scroll::-webkit-scrollbar-corner,
+.scroll ::-webkit-scrollbar-corner {
+  /* css:theme-validation:ignore */
+}
 .scroll::-webkit-scrollbar-corner, .scroll ::-webkit-scrollbar-corner {
   background: var(--zd-scroll-corner-bg);
 }