@zohodesk/components 1.0.0-temp-153 → 1.0.0-temp-155

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.
Files changed (114) hide show
  1. package/README.md +4 -0
  2. package/es/Avatar/Avatar.module.css +8 -8
  3. package/es/AvatarTeam/AvatarTeam.module.css +33 -32
  4. package/es/Button/css/Button.module.css +49 -48
  5. package/es/Buttongroup/Buttongroup.module.css +10 -10
  6. package/es/CheckBox/CheckBox.module.css +14 -14
  7. package/es/DateTime/DateTime.module.css +32 -32
  8. package/es/DateTime/YearView.module.css +12 -12
  9. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +42 -41
  10. package/es/DropDown/DropDown.module.css +2 -2
  11. package/es/DropDown/DropDownHeading.module.css +5 -5
  12. package/es/DropDown/DropDownItem.module.css +7 -7
  13. package/es/DropDown/DropDownSearch.module.css +3 -3
  14. package/es/DropDown/DropDownSeparator.module.css +2 -2
  15. package/es/Label/Label.module.css +6 -6
  16. package/es/ListItem/ListItem.module.css +37 -37
  17. package/es/MultiSelect/MultiSelect.module.css +25 -24
  18. package/es/MultiSelect/SelectedOptions.module.css +4 -4
  19. package/es/Radio/Radio.module.css +9 -9
  20. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +1 -1
  21. package/es/Ribbon/Ribbon.module.css +44 -42
  22. package/es/Select/Select.module.css +19 -19
  23. package/es/Stencils/Stencils.module.css +13 -13
  24. package/es/Switch/Switch.module.css +22 -22
  25. package/es/Tab/Tab.module.css +10 -10
  26. package/es/Tab/Tabs.module.css +12 -12
  27. package/es/Tag/Tag.module.css +20 -20
  28. package/es/TextBox/TextBox.module.css +15 -14
  29. package/es/TextBoxIcon/TextBoxIcon.module.css +2 -1
  30. package/es/Textarea/Textarea.module.css +21 -21
  31. package/es/Tooltip/Tooltip.module.css +10 -3
  32. package/es/common/avatarsizes.module.css +16 -16
  33. package/es/common/boxShadow.module.css +1 -3
  34. package/es/common/customscroll.module.css +2 -0
  35. package/es/common/reset.module.css +1 -0
  36. package/es/deprecated/AdvancedMultiSelect.module.css +16 -16
  37. package/lib/Avatar/Avatar.module.css +8 -8
  38. package/lib/AvatarTeam/AvatarTeam.module.css +33 -32
  39. package/lib/Button/css/Button.module.css +49 -48
  40. package/lib/Buttongroup/Buttongroup.module.css +10 -10
  41. package/lib/CheckBox/CheckBox.module.css +14 -14
  42. package/lib/DateTime/DateTime.js +1 -1
  43. package/lib/DateTime/DateTime.module.css +32 -32
  44. package/lib/DateTime/DateTimePopupFooter.js +1 -1
  45. package/lib/DateTime/DateTimePopupHeader.js +1 -1
  46. package/lib/DateTime/DateWidget.js +1 -1
  47. package/lib/DateTime/DaysRow.js +1 -1
  48. package/lib/DateTime/Time.js +1 -1
  49. package/lib/DateTime/YearView.js +1 -1
  50. package/lib/DateTime/YearView.module.css +12 -12
  51. package/lib/DateTime/dateFormatUtils/timeChange.js +1 -1
  52. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +42 -41
  53. package/lib/DropDown/DropDown.module.css +2 -2
  54. package/lib/DropDown/DropDownHeading.module.css +5 -5
  55. package/lib/DropDown/DropDownItem.module.css +7 -7
  56. package/lib/DropDown/DropDownSearch.module.css +3 -3
  57. package/lib/DropDown/DropDownSeparator.module.css +2 -2
  58. package/lib/Label/Label.js +3 -1
  59. package/lib/Label/Label.module.css +6 -6
  60. package/lib/ListItem/ListContainer.js +1 -1
  61. package/lib/ListItem/ListItem.js +1 -1
  62. package/lib/ListItem/ListItem.module.css +37 -37
  63. package/lib/ListItem/ListItemWithAvatar.js +1 -1
  64. package/lib/ListItem/ListItemWithIcon.js +1 -1
  65. package/lib/Modal/Modal.js +1 -1
  66. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +1 -1
  67. package/lib/MultiSelect/AdvancedMultiSelect.js +1 -2
  68. package/lib/MultiSelect/EmptyState.js +1 -1
  69. package/lib/MultiSelect/MultiSelect.js +1 -2
  70. package/lib/MultiSelect/MultiSelect.module.css +25 -24
  71. package/lib/MultiSelect/MultiSelectHeader.js +1 -1
  72. package/lib/MultiSelect/MultiSelectWithAvatar.js +1 -1
  73. package/lib/MultiSelect/SelectedOptions.js +1 -1
  74. package/lib/MultiSelect/SelectedOptions.module.css +4 -4
  75. package/lib/MultiSelect/Suggestions.js +1 -1
  76. package/lib/Popup/Popup.js +1 -1
  77. package/lib/Popup/__tests__/Popup.spec.js +1 -1
  78. package/lib/Radio/Radio.js +1 -1
  79. package/lib/Radio/Radio.module.css +9 -9
  80. package/lib/Responsive/CustomResponsive.js +0 -1
  81. package/lib/Responsive/ResizeComponent.js +3 -1
  82. package/lib/Responsive/Responsive.js +1 -1
  83. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +1 -1
  84. package/lib/Ribbon/Ribbon.js +1 -1
  85. package/lib/Ribbon/Ribbon.module.css +44 -42
  86. package/lib/Select/GroupSelect.js +1 -1
  87. package/lib/Select/Select.js +1 -2
  88. package/lib/Select/Select.module.css +19 -19
  89. package/lib/Select/SelectWithAvatar.js +1 -1
  90. package/lib/Select/SelectWithIcon.js +1 -1
  91. package/lib/Select/__tests__/Select.spec.js +1 -1
  92. package/lib/Stencils/Stencils.js +1 -1
  93. package/lib/Stencils/Stencils.module.css +13 -13
  94. package/lib/Switch/Switch.module.css +22 -22
  95. package/lib/Tab/Tab.js +1 -1
  96. package/lib/Tab/Tab.module.css +10 -10
  97. package/lib/Tab/Tabs.js +7 -1
  98. package/lib/Tab/Tabs.module.css +12 -12
  99. package/lib/Tag/Tag.module.css +20 -20
  100. package/lib/TextBox/TextBox.js +1 -1
  101. package/lib/TextBox/TextBox.module.css +15 -14
  102. package/lib/TextBoxIcon/TextBoxIcon.module.css +2 -1
  103. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -1
  104. package/lib/Textarea/Textarea.js +1 -1
  105. package/lib/Textarea/Textarea.module.css +21 -21
  106. package/lib/Tooltip/Tooltip.module.css +10 -3
  107. package/lib/common/avatarsizes.module.css +16 -16
  108. package/lib/common/boxShadow.module.css +1 -3
  109. package/lib/common/customscroll.module.css +2 -0
  110. package/lib/common/reset.module.css +1 -0
  111. package/lib/deprecated/AdvancedMultiSelect.module.css +16 -16
  112. package/lib/deprecated/PortalLayer/PortalLayer.js +1 -1
  113. package/lib/utils/dropDownUtils.js +1 -1
  114. package/package.json +20 -13
@@ -1,20 +1,20 @@
1
1
  .tab {
2
2
  position: relative;
3
3
  z-index: 1;
4
- --tab_position_gap: var(--zd_size22);
4
+ --tab_position_gap: 22px;
5
5
  }
6
6
 
7
7
  .alpha {
8
- height: var(--zd_size35);
8
+ height: 35px;
9
9
  background-color: var(--zdt_tabs_alpha_bg);
10
10
  }
11
11
 
12
12
  [dir=ltr] .alpha_padding {
13
- padding-left: var(--zd_size15);
13
+ padding-left: 15px;
14
14
  }
15
15
 
16
16
  [dir=rtl] .alpha_padding {
17
- padding-right: var(--zd_size15);
17
+ padding-right: 15px;
18
18
  }
19
19
 
20
20
  .alpha_border {
@@ -29,7 +29,7 @@
29
29
  z-index: -2;
30
30
  width: 76%;
31
31
  bottom: 0;
32
- height: var(--zd_size10);
32
+ height: 10px;
33
33
  border-radius: 100px / 5px;
34
34
  box-shadow: var(--zd_bs_tabs_shadow);
35
35
  }
@@ -61,16 +61,16 @@
61
61
  }
62
62
 
63
63
  .beta {
64
- height: var(--zd_size61);
64
+ height: 61px;
65
65
  background-color: var(--zdt_tabs_alpha_bg);
66
66
  }
67
67
 
68
68
  [dir=ltr] .beta_padding {
69
- padding-left: var(--zd_size13);
69
+ padding-left: 13px;
70
70
  }
71
71
 
72
72
  [dir=rtl] .beta_padding {
73
- padding-right: var(--zd_size13);
73
+ padding-right: 13px;
74
74
  }
75
75
 
76
76
  .beta_border {
@@ -78,16 +78,16 @@
78
78
  }
79
79
 
80
80
  .delta {
81
- height: var(--zd_size35);
81
+ height: 35px;
82
82
  background-color: var(--zdt_tabs_alpha_bg);
83
83
  }
84
84
 
85
85
  [dir=ltr] .delta_padding {
86
- padding-left: var(--zd_size10);
86
+ padding-left: 10px;
87
87
  }
88
88
 
89
89
  [dir=rtl] .delta_padding {
90
- padding-right: var(--zd_size10);
90
+ padding-right: 10px;
91
91
  }
92
92
 
93
93
  .delta_border {
@@ -118,7 +118,7 @@
118
118
  }
119
119
 
120
120
  .menuBox {
121
- max-height: var(--zd_size220);
121
+ max-height: 220px;
122
122
  }
123
123
 
124
124
 
@@ -1,7 +1,7 @@
1
1
  .varClass {
2
2
  /* tag default variables */
3
3
  --tag_text_color: var(--zdt_tag_default_text);
4
- --tag_font_size: var(--zd_font_size13);
4
+ --tag_font_size: 13px;
5
5
  --tag_letter_spacing: normal;
6
6
  --tag_bg_color: var(--zdt_tag_default_bg);
7
7
  --tag_border_radius: 25px;
@@ -9,8 +9,8 @@
9
9
  --tag_border_width: 0;
10
10
  --tag_border_style: dashed;
11
11
  --tag_border_color: var(--zdt_tag_default_border);
12
- --tag_padding: var(--zd_size2);
13
- --tag_inner_text_padding: 0 var(--zd_size6);
12
+ --tag_padding: 2px;
13
+ --tag_inner_text_padding: 0 6px;
14
14
  --tag_cursor: auto;
15
15
 
16
16
  /* tag close icon default variables */
@@ -22,13 +22,13 @@
22
22
  --tag_icon_bg_color: var(--zdt_tag_icon_bg);
23
23
  }[dir=ltr] .varClass {
24
24
  --tag_closeicon_border_radius: 0 12px 12px 0 /*rtl: 12px 0 0 12px*/;
25
- --tag_closeicon_padding: 0 var(--zd_size7) 0 var(--zd_size6)
26
- /*rtl: 0 var(--zd_size6) 0 var(--zd_size7)*/;
27
- --tag_icon_margin: 0 0 0 var(--zd_size5) /*rtl: 0 var(--zd_size5) 0 0*/;
25
+ --tag_closeicon_padding: 0 7px 0 6px
26
+ /*rtl: 0 6px 0 7px*/;
27
+ --tag_icon_margin: 0 0 0 5px /*rtl: 0 5px 0 0*/;
28
28
  }[dir=rtl] .varClass {
29
29
  --tag_closeicon_border_radius: 12px 0 0 12px;
30
- --tag_closeicon_padding: 0 var(--zd_size6) 0 var(--zd_size7);
31
- --tag_icon_margin: 0 var(--zd_size5) 0 0;
30
+ --tag_closeicon_padding: 0 6px 0 7px;
31
+ --tag_icon_margin: 0 5px 0 0;
32
32
  }
33
33
  .container {
34
34
  composes: varClass;
@@ -76,35 +76,35 @@
76
76
  padding: var(--tag_inner_text_padding);
77
77
  }
78
78
  .small {
79
- --tag_height: var(--zd_size20);
80
- --tag_padding: var(--zd_size1);
81
- --tag_inner_text_padding: 0 var(--zd_size7);
79
+ --tag_height: 20px;
80
+ --tag_padding: 1px;
81
+ --tag_inner_text_padding: 0 7px;
82
82
  }
83
83
  [dir=ltr] .small .avatar {
84
84
  transform: scale(0.8) translateX(-2px);
85
- margin-right: calc(var(--zd_size8) * -1);
85
+ margin-right: -8px;
86
86
  }
87
87
  [dir=rtl] .small .avatar {
88
88
  transform: scale(0.8) translateX(2px);
89
- margin-left: calc(var(--zd_size8) * -1);
89
+ margin-left: -8px;
90
90
  }
91
91
  .smalltext {
92
- --tag_font_size: var(--zd_font_size12);
92
+ --tag_font_size: 12px;
93
93
  }
94
94
  .activesmallEffect {
95
- --tag_inner_text_padding: 0 var(--zd_size25) 0 var(--zd_size7);
95
+ --tag_inner_text_padding: 0 25px 0 7px;
96
96
  }
97
97
 
98
98
  .medium {
99
- --tag_height: var(--zd_size26);
100
- --tag_padding: var(--zd_size2);
101
- --tag_inner_text_padding: 0 var(--zd_size6);
99
+ --tag_height: 26px;
100
+ --tag_padding: 2px;
101
+ --tag_inner_text_padding: 0 6px;
102
102
  }
103
103
  .mediumtext {
104
- --tag_font_size: var(--zd_font_size13);
104
+ --tag_font_size: 13px;
105
105
  }
106
106
  .activemediumEffect {
107
- --tag_inner_text_padding: 0 var(--zd_size25) 0 var(--zd_size6);
107
+ --tag_inner_text_padding: 0 25px 0 6px;
108
108
  }
109
109
 
110
110
  .selected .close {
@@ -22,7 +22,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
22
22
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
23
23
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
24
24
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
25
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
25
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['xmedium', 'medium', 'small', 'default', 'primary', 'secondary'] }] */
26
26
  var Textbox = /*#__PURE__*/function (_React$PureComponent) {
27
27
  _inherits(Textbox, _React$PureComponent);
28
28
  var _super = _createSuper(Textbox);
@@ -5,15 +5,16 @@
5
5
  --textbox_border_width: 0;
6
6
  --textbox_border_style: solid;
7
7
  --textbox_border_color: var(--zdt_textbox_default_border);
8
- --textbox_font_size: var(--zd_font_size14);
8
+ --textbox_font_size: 14px;
9
9
  --textbox_width: 100%;
10
- --textbox_height: var(--zd_size35);
10
+ --textbox_height: 35px;
11
11
  --textbox_border_radius: none;
12
12
  --textbox_font_family: var(--zd_regular);
13
+ /* Variable:Ignore */
13
14
  --textbox_letter_spacing: 0.1px;
14
15
  --textbox_padding: 0;
15
16
  --textbox_cursor: auto;
16
- --textbox_line_height: var(--zd_size35);
17
+ --textbox_line_height: 35px;
17
18
 
18
19
  /* textbox placeholder default variable */
19
20
  --textbox_placeholder_text_color: var(--zdt_textbox_placeholder_text);
@@ -110,25 +111,25 @@
110
111
  /* Size */
111
112
  .xmedium,
112
113
  .medium {
113
- --textbox_font_size: var(--zd_font_size14);
114
+ --textbox_font_size: 14px;
114
115
  }
115
116
  .xmedium {
116
- --textbox_height: var(--zd_size28);
117
- --textbox_line_height: var(--zd_size28);
117
+ --textbox_height: 28px;
118
+ --textbox_line_height: 28px;
118
119
  }
119
120
  .medium {
120
- --textbox_height: var(--zd_size35);
121
- --textbox_line_height: var(--zd_size35);
121
+ --textbox_height: 35px;
122
+ --textbox_line_height: 35px;
122
123
  }
123
124
  .small {
124
- --textbox_font_size: var(--zd_font_size12);
125
- --textbox_height: var(--zd_size28);
126
- --textbox_line_height: var(--zd_size28);
125
+ --textbox_font_size: 12px;
126
+ --textbox_height: 28px;
127
+ --textbox_line_height: 28px;
127
128
  }
128
129
  .xsmall {
129
- --textbox_font_size: var(--zd_font_size13);
130
- --textbox_height: var(--zd_size25);
131
- --textbox_line_height: var(--zd_size25);
130
+ --textbox_font_size: 13px;
131
+ --textbox_height: 25px;
132
+ --textbox_line_height: 25px;
132
133
  }
133
134
  .default,
134
135
  .primary,
@@ -4,7 +4,7 @@
4
4
  --textboxicon_line_color: var(--zdt_textboxicon_default_line_bg);
5
5
 
6
6
  /* textboxicon icon default variables */
7
- --textboxicon_icon_margin: 0 var(--zd_size5);
7
+ --textboxicon_icon_margin: 0 5px;
8
8
  --textboxicon_icon_cursor: pointer;
9
9
  --textboxicon_icon_color: var(--zdt_textboxicon_default_icon);
10
10
  }
@@ -36,6 +36,7 @@
36
36
  .line {
37
37
  position: absolute;
38
38
  bottom: 0;
39
+ /* Variable:Ignore */
39
40
  min-height: 1px;
40
41
  transition: var(--zd_transition2);
41
42
  height: var(--textboxicon_line_height);
@@ -27,7 +27,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
27
27
  // type: PropTypes.oneOf(['text', 'password', 'number']),
28
28
  // value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
29
29
  // variant: PropTypes.oneOf(['primary', 'secondary', 'default'])
30
-
31
30
  describe('TextBoxIcon component', function () {
32
31
  it('should display size small', function () {
33
32
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
@@ -22,7 +22,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
22
22
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
23
23
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
24
24
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
25
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
25
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['resizeX', 'resizeY', 'noresize', 'resizeboth', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'default', 'primary'] }] */
26
26
  var Textarea = /*#__PURE__*/function (_React$Component) {
27
27
  _inherits(Textarea, _React$Component);
28
28
  var _super = _createSuper(Textarea);
@@ -4,10 +4,10 @@
4
4
  --textarea_border_color: none;
5
5
  --textarea_cursor: auto;
6
6
  --textarea_text_color: var(--zdt_textarea_default_text);
7
- --textarea_font_size: var(--zd_font_size14);
8
- --textarea_line_height: var(--zd_size22);
9
- --textarea_padding: var(--zd_size2) 0;
10
- --textarea_height: var(--zd_size30);
7
+ --textarea_font_size: 14px;
8
+ --textarea_line_height: 22px;
9
+ --textarea_padding: 2px 0;
10
+ --textarea_height: 30px;
11
11
 
12
12
  /* textarea placeholder default variable */
13
13
  --textarea_placeholder_text_color: var(--zdt_textarea_placeholder_text);
@@ -95,39 +95,39 @@
95
95
  vertical-align: middle;
96
96
  }
97
97
  .xsmall {
98
- --textarea_font_size: var(--zd_font_size14);
99
- --textarea_padding: var(--zd_size4) 0 var(--zd_size2);
100
- --textarea_height: var(--zd_size28);
101
- --textarea_line_height: var(--zd_size19);
98
+ --textarea_font_size: 14px;
99
+ --textarea_padding: 4px 0 2px;
100
+ --textarea_height: 28px;
101
+ --textarea_line_height: 19px;
102
102
  }
103
103
  .xmedium {
104
- --textarea_font_size: var(--zd_font_size13);
105
- --textarea_padding: var(--zd_size4) 0 var(--zd_size2);
106
- --textarea_height: var(--zd_size25);
107
- --textarea_line_height: var(--zd_size17);
104
+ --textarea_font_size: 13px;
105
+ --textarea_padding: 4px 0 2px;
106
+ --textarea_height: 25px;
107
+ --textarea_line_height: 17px;
108
108
  }
109
109
  .small {
110
- --textarea_height: var(--zd_size30);
111
- --textarea_padding: var(--zd_size2) 0;
110
+ --textarea_height: 30px;
111
+ --textarea_padding: 2px 0;
112
112
  }
113
113
  .smallanimated:focus,
114
114
  .xsmallanimated:focus,
115
115
  .xmediumanimated:focus {
116
- --textarea_height: var(--zd_size70);
116
+ --textarea_height: 70px;
117
117
  }
118
118
  .medium {
119
- --textarea_height: var(--zd_size88);
120
- --textarea_padding: var(--zd_size2);
119
+ --textarea_height: 88px;
120
+ --textarea_padding: 2px;
121
121
  }
122
122
  .large {
123
- --textarea_height: var(--zd_size45);
124
- --textarea_padding: var(--zd_size2);
123
+ --textarea_height: 45px;
124
+ --textarea_padding: 2px;
125
125
  }
126
126
  .largeanimated:focus {
127
- --textarea_height: var(--zd_size220);
127
+ --textarea_height: 220px;
128
128
  }
129
129
  .xlarge {
130
- --textarea_height: var(--zd_size184);
130
+ --textarea_height: 184px;
131
131
  }
132
132
  .default {
133
133
  font-family: var(--zd_regular);
@@ -13,15 +13,15 @@
13
13
 
14
14
  .tooltipcont {
15
15
  color: var(--zdt_tooltip_default_text);
16
- font-size: var(--zd_font_size13);
16
+ font-size: 13px;
17
17
  font-family: var(--zd_semibold);
18
18
  word-break: break-word;
19
19
  max-width: 420px;
20
20
  line-height: var(--zd_size20);
21
- min-height: var(--zd_size24);
21
+ min-height: 24px;
22
22
  overflow: hidden;
23
23
  background-color: var(--zdt_tooltip_default_bg);
24
- padding: 0 var(--zd_size10);
24
+ padding: 0 10px;
25
25
  border-style: solid;
26
26
  border-color: transparent;
27
27
  border-radius: var(--zd_size4);
@@ -43,7 +43,9 @@
43
43
 
44
44
  .arrowUp,
45
45
  .arrowDown {
46
+ /* Variable:Ignore */
46
47
  width: 11px;
48
+ /* Variable:Ignore */
47
49
  height: 11px;
48
50
  border-top: solid 6px var(--zdt_tooltip_default_bg);
49
51
  border-left: solid 6px var(--zdt_tooltip_default_bg);
@@ -54,13 +56,16 @@
54
56
  }
55
57
 
56
58
  .arrowDown {
59
+ /* Variable:Ignore */
57
60
  margin-top: -4px !important;
58
61
  /* put important because of '.wms-mainui *' have margin: 0; */
59
62
  }
60
63
 
61
64
  .arrowLeft,
62
65
  .arrowRight {
66
+ /* Variable:Ignore */
63
67
  width: 11px;
68
+ /* Variable:Ignore */
64
69
  height: 11px;
65
70
  border-top: solid 6px var(--zdt_tooltip_default_bg);
66
71
  border-left: solid 6px var(--zdt_tooltip_default_bg);
@@ -71,10 +76,12 @@
71
76
  }
72
77
 
73
78
  .arrowRight {
79
+ /* Variable:Ignore */
74
80
  margin-left: -2px;
75
81
  }
76
82
 
77
83
  .arrowLeft {
84
+ /* Variable:Ignore */
78
85
  margin-left: 1px;
79
86
  }
80
87
 
@@ -1,8 +1,8 @@
1
1
  /*Avatar common Sizes*/
2
2
  .varClass {
3
3
  /* avatar size default variables */
4
- --avatar_width: var(--zd_size34);
5
- --avatar_height: var(--zd_size34);
4
+ --avatar_width: 34px;
5
+ --avatar_height: 34px;
6
6
  }
7
7
  .small,
8
8
  .xsmall,
@@ -16,34 +16,34 @@
16
16
  height: var(--avatar_height);
17
17
  }
18
18
  .small {
19
- --avatar_height: var(--zd_size22);
20
- --avatar_width: var(--zd_size22);
19
+ --avatar_height: 22px;
20
+ --avatar_width: 22px;
21
21
  }
22
22
  .xxsmall {
23
- --avatar_height: var(--zd_size18);
24
- --avatar_width: var(--zd_size18);
23
+ --avatar_height: 18px;
24
+ --avatar_width: 18px;
25
25
  }
26
26
  .xsmall {
27
- --avatar_height: var(--zd_size30);
28
- --avatar_width: var(--zd_size30);
27
+ --avatar_height: 30px;
28
+ --avatar_width: 30px;
29
29
  }
30
30
 
31
31
  .medium {
32
- --avatar_height: var(--zd_size34);
33
- --avatar_width: var(--zd_size34);
32
+ --avatar_height: 34px;
33
+ --avatar_width: 34px;
34
34
  }
35
35
 
36
36
  .xmedium {
37
- --avatar_height: var(--zd_size40);
38
- --avatar_width: var(--zd_size40);
37
+ --avatar_height: 40px;
38
+ --avatar_width: 40px;
39
39
  }
40
40
 
41
41
  .large {
42
- --avatar_height: var(--zd_size60);
43
- --avatar_width: var(--zd_size60);
42
+ --avatar_height: 60px;
43
+ --avatar_width: 60px;
44
44
  }
45
45
 
46
46
  .xlarge {
47
- --avatar_height: var(--zd_size80);
48
- --avatar_width: var(--zd_size80);
47
+ --avatar_height: 80px;
48
+ --avatar_width: 80px;
49
49
  }
@@ -1,6 +1,4 @@
1
- [data-mode='default'],
2
- [data-mode='dark'],
3
- [data-mode='pureDark'] {
1
+ :root {
4
2
  /* avatar */
5
3
  --zd_bs_avatar_black: var(--zd_bs_contrast_outline, inset 0px 0px 5px var(--avatar_boxshadow));
6
4
  --zd_bs_avatar_white: var(--zd_bs_contrast_outline, inset 0px 0px 11px var(--avatar_boxshadow));
@@ -1,5 +1,7 @@
1
1
  .scroll {
2
+ /* Variable:Ignore */
2
3
  --zd-scroll-width: 12px;
4
+ /* Variable:Ignore */
3
5
  --zd-scroll-height: 12px;
4
6
  --zd-scroll-bg: var(--zdt_customscroll_default_bg);
5
7
  --zd-scroll-corner-bg: transparent;
@@ -8,5 +8,6 @@
8
8
  -ms-box-sizing: border-box;
9
9
  }
10
10
  html {
11
+ /* Variable:Ignore */
11
12
  font-size: 16px;
12
13
  }
@@ -5,7 +5,7 @@
5
5
  cursor: not-allowed;
6
6
  }
7
7
  .container {
8
- max-height: var(--zd_size120);
8
+ max-height: 120px;
9
9
  composes: oflowy from '../common/common.module.css';
10
10
  }
11
11
  .hasBorder {
@@ -41,37 +41,37 @@
41
41
  border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
42
42
  }
43
43
  [dir=ltr] .container.medium {
44
- padding: 0 var(--zd_size34) var(--zd_size7) 0;
44
+ padding: 0 34px 7px 0;
45
45
  }
46
46
  [dir=rtl] .container.medium {
47
- padding: 0 0 var(--zd_size7) var(--zd_size34);
47
+ padding: 0 0 7px 34px;
48
48
  }
49
49
  .container.xmedium {
50
- min-height: var(--zd_size30);
50
+ min-height: 30px;
51
51
  }
52
52
  [dir=ltr] .container.xmedium {
53
- padding: 0 var(--zd_size34) var(--zd_size1) 0;
53
+ padding: 0 34px 1px 0;
54
54
  }
55
55
  [dir=rtl] .container.xmedium {
56
- padding: 0 0 var(--zd_size1) var(--zd_size34);
56
+ padding: 0 0 1px 34px;
57
57
  }
58
58
 
59
59
  .delete {
60
60
  position: absolute;
61
61
  bottom: 0;
62
62
  color: var(--zdt_advancedmultiselect_delete_text);
63
- padding-bottom: var(--zd_size10);
63
+ padding-bottom: 10px;
64
64
  cursor: pointer;
65
65
  background-color: var(--zdt_advancedmultiselect_delete_bg);
66
66
  border: 0;
67
67
  }
68
68
 
69
69
  [dir=ltr] .delete {
70
- right: var(--zd_size15);
70
+ right: 15px;
71
71
  }
72
72
 
73
73
  [dir=rtl] .delete {
74
- left: var(--zd_size15);
74
+ left: 15px;
75
75
  }
76
76
 
77
77
  .delete:hover {
@@ -91,25 +91,25 @@
91
91
  }
92
92
 
93
93
  .small {
94
- max-height: var(--zd_size200);
94
+ max-height: 200px;
95
95
  }
96
96
 
97
97
  .medium {
98
- max-height: var(--zd_size350);
98
+ max-height: 350px;
99
99
  }
100
100
 
101
101
  .large {
102
- max-height: var(--zd_size400);
102
+ max-height: 400px;
103
103
  }
104
104
 
105
105
  .dropContainer {
106
106
  display: inline-block;
107
107
  max-width: 100%;
108
- margin-bottom: var(--zd_size5);
108
+ margin-bottom: 5px;
109
109
  }
110
110
 
111
111
  .dropPopup {
112
- font-size: var(--zd_font_size13);
112
+ font-size: 13px;
113
113
  }
114
114
 
115
115
  .dropPopup :global .toggleDropIcon {
@@ -117,11 +117,11 @@
117
117
  }
118
118
 
119
119
  .more {
120
- font-size: var(--zd_font_size14);
120
+ font-size: 14px;
121
121
  color: var(--zdt_advancedmultiselect_more_text);
122
122
  font-family: inherit;
123
123
  cursor: pointer;
124
- margin-top: var(--zd_size5);
124
+ margin-top: 5px;
125
125
  background-color: var(--zdt_advancedmultiselect_delete_bg);
126
126
  border: 0;
127
127
  }
@@ -21,7 +21,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
21
21
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
22
22
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
23
23
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
24
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
24
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } //Components
25
25
  var RefElement = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
26
26
  var Element = props.Element,
27
27
  elementProps = props.elementProps,
@@ -19,7 +19,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
19
19
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
20
20
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
21
21
  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
22
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /***** Libraries *****/
23
23
  var dummyArray = [];
24
24
  exports.dummyArray = dummyArray;
25
25
  var dummyObj = {};