@zohodesk/components 1.0.0-temp-208.2 → 1.0.0-temp-210

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 (53) hide show
  1. package/README.md +7 -1
  2. package/es/Avatar/Avatar.module.css +175 -175
  3. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  4. package/es/Button/css/Button.module.css +527 -527
  5. package/es/Buttongroup/Buttongroup.module.css +104 -104
  6. package/es/CheckBox/CheckBox.module.css +157 -157
  7. package/es/DateTime/DateTime.module.css +248 -248
  8. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +431 -431
  9. package/es/DropBox/css/DropBox.module.css +58 -58
  10. package/es/DropDown/DropDownHeading.module.css +53 -53
  11. package/es/DropDown/DropDownItem.module.css +94 -94
  12. package/es/Label/Label.module.css +57 -57
  13. package/es/ListItem/ListItem.module.css +205 -205
  14. package/es/PopOver/PopOver.module.css +8 -8
  15. package/es/Popup/Popup.js +96 -8
  16. package/es/Popup/props/propTypes.js +31 -0
  17. package/es/Radio/Radio.module.css +115 -115
  18. package/es/Ribbon/Ribbon.module.css +499 -499
  19. package/es/Switch/Switch.module.css +127 -127
  20. package/es/Tag/Tag.module.css +253 -253
  21. package/es/TextBox/TextBox.module.css +196 -196
  22. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  23. package/es/Textarea/Textarea.module.css +140 -140
  24. package/es/common/customscroll.module.css +141 -141
  25. package/es/v1/AppContainer/AppContainer.js +6 -0
  26. package/es/v1/Popup/Popup.js +96 -8
  27. package/lib/Avatar/Avatar.module.css +175 -175
  28. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  29. package/lib/Button/css/Button.module.css +527 -527
  30. package/lib/Buttongroup/Buttongroup.module.css +104 -104
  31. package/lib/CheckBox/CheckBox.module.css +157 -157
  32. package/lib/DateTime/DateTime.module.css +248 -248
  33. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +431 -431
  34. package/lib/DropBox/css/DropBox.module.css +58 -58
  35. package/lib/DropDown/DropDownHeading.module.css +53 -53
  36. package/lib/DropDown/DropDownItem.module.css +94 -94
  37. package/lib/Label/Label.module.css +57 -57
  38. package/lib/ListItem/ListItem.module.css +205 -205
  39. package/lib/PopOver/PopOver.module.css +8 -8
  40. package/lib/Popup/Popup.js +105 -9
  41. package/lib/Popup/props/propTypes.js +44 -0
  42. package/lib/Radio/Radio.module.css +115 -115
  43. package/lib/Ribbon/Ribbon.module.css +499 -499
  44. package/lib/Switch/Switch.module.css +127 -127
  45. package/lib/Tag/Tag.module.css +253 -253
  46. package/lib/TextBox/TextBox.module.css +196 -196
  47. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  48. package/lib/Textarea/Textarea.module.css +140 -140
  49. package/lib/common/customscroll.module.css +141 -141
  50. package/lib/v1/AppContainer/AppContainer.js +12 -0
  51. package/lib/v1/Popup/Popup.js +105 -9
  52. package/package.json +1 -1
  53. package/result.json +1 -1
package/es/Radio/Radio.module.css CHANGED
@@ -1,115 +1,115 @@
1
- .varClass {
2
- /* radio default variables */
3
- --radio_width: var(--zd_size16);
4
- --radio_height: var(--zd_size16);
5
- --radio_bg_color: none;
6
- --radio_stroke_width: 2px;
7
- --radio_stroke_color: var(--zdt_radio_default_stroke);
8
- --radio_fill: none;
9
- --radio_inner_stroke_width: 0;
10
- }[dir=ltr] .varClass {
11
- --radio_label_margin: 0 0 0 var(--zd_size6);
12
- }[dir=rtl] .varClass {
13
- --radio_label_margin: 0 var(--zd_size6) 0 0;
14
- }
15
- .container {
16
- composes: varClass;
17
- }
18
- .pointer {
19
- cursor: pointer;
20
- }
21
- .readonly, .disabled {
22
- cursor: not-allowed;
23
- }
24
- .disabled {
25
- opacity: 0.7
26
- }
27
- .radio {
28
- composes: offSelection from '../common/common.module.css';
29
- width: var(--radio_width);
30
- height: var(--radio_height);
31
- stroke: var(--radio_stroke_color);
32
- background: var(--radio_bg_color);
33
- border-radius: 50%;
34
- }
35
- .radio,
36
- .centerPath {
37
- fill: var(--radio_fill);
38
- }
39
- .filled {
40
- --radio_bg_color: var(--zdt_radio_default_bg);
41
- }
42
-
43
- .medium {
44
- --radio_width: var(--zd_size16);
45
- --radio_height: var(--zd_size16);
46
- }
47
- .small {
48
- --radio_width: var(--zd_size13);
49
- --radio_height: var(--zd_size13);
50
- }
51
- .radioLabel {
52
- font-size: 0 ;
53
- display: block;
54
- }
55
- .rdBox {
56
- fill: none;
57
- stroke-width: var(--radio_stroke_width);
58
- stroke-linecap: round;
59
- stroke: inherit;
60
- }
61
- .centerPath {
62
- --radio_fill: inherit;
63
- stroke-width: var(--radio_inner_stroke_width);
64
- transform-origin: center;
65
- }
66
- [dir=ltr] .checked .centerPath {
67
- animation: circleAnimate var(--zd_transition3) ease forwards;
68
- }
69
- [dir=rtl] .checked .centerPath {
70
- animation: circleAnimate var(--zd_transition3) ease forwards;
71
- }
72
- .rdBoxprimary,
73
- .hoverEfffect:hover .hoverprimary
74
- /* .hoverEfffect:focus .hoverprimary */
75
- {
76
- --radio_stroke_color: var(--zdt_radio_primary_stroke);
77
- }
78
-
79
- .rdBoxdanger,
80
- .hoverEfffect:hover .hoverdanger
81
- /* .hoverEfffect:focus .hoverdanger */
82
- {
83
- --radio_stroke_color: var(--zdt_radio_danger_stroke);
84
- }
85
-
86
- .centerPathprimary {
87
- --radio_fill: var(--zdt_radio_primary_fill);
88
- }
89
- .centerPathdanger {
90
- --radio_fill: var(--zdt_radio_danger_fill);
91
- }
92
-
93
- .active:hover .primaryLabel,
94
- /* .active:focus .primaryLabel, */
95
- .primarycheckedActive {
96
- --label_text_color: var(--zdt_radio_label_primary_text);
97
- }
98
-
99
- .active:hover .dangerLabel,
100
- /* .active:focus .dangerLabel, */
101
- .dangercheckedActive {
102
- --label_text_color: var(--zdt_radio_label_danger_text);
103
- }
104
-
105
- .text {
106
- margin: var(--radio_label_margin);
107
- }
108
- @keyframes circleAnimate {
109
- 0% {
110
- transform: scale(0);
111
- }
112
- 100% {
113
- transform: scale(1);
114
- }
115
- }
1
+ .varClass {
2
+ /* radio default variables */
3
+ --radio_width: var(--zd_size16);
4
+ --radio_height: var(--zd_size16);
5
+ --radio_bg_color: none;
6
+ --radio_stroke_width: 2px;
7
+ --radio_stroke_color: var(--zdt_radio_default_stroke);
8
+ --radio_fill: none;
9
+ --radio_inner_stroke_width: 0;
10
+ }[dir=ltr] .varClass {
11
+ --radio_label_margin: 0 0 0 var(--zd_size6);
12
+ }[dir=rtl] .varClass {
13
+ --radio_label_margin: 0 var(--zd_size6) 0 0;
14
+ }
15
+ .container {
16
+ composes: varClass;
17
+ }
18
+ .pointer {
19
+ cursor: pointer;
20
+ }
21
+ .readonly, .disabled {
22
+ cursor: not-allowed;
23
+ }
24
+ .disabled {
25
+ opacity: 0.7
26
+ }
27
+ .radio {
28
+ composes: offSelection from '../common/common.module.css';
29
+ width: var(--radio_width);
30
+ height: var(--radio_height);
31
+ stroke: var(--radio_stroke_color);
32
+ background: var(--radio_bg_color);
33
+ border-radius: 50%;
34
+ }
35
+ .radio,
36
+ .centerPath {
37
+ fill: var(--radio_fill);
38
+ }
39
+ .filled {
40
+ --radio_bg_color: var(--zdt_radio_default_bg);
41
+ }
42
+
43
+ .medium {
44
+ --radio_width: var(--zd_size16);
45
+ --radio_height: var(--zd_size16);
46
+ }
47
+ .small {
48
+ --radio_width: var(--zd_size13);
49
+ --radio_height: var(--zd_size13);
50
+ }
51
+ .radioLabel {
52
+ font-size: 0 ;
53
+ display: block;
54
+ }
55
+ .rdBox {
56
+ fill: none;
57
+ stroke-width: var(--radio_stroke_width);
58
+ stroke-linecap: round;
59
+ stroke: inherit;
60
+ }
61
+ .centerPath {
62
+ --radio_fill: inherit;
63
+ stroke-width: var(--radio_inner_stroke_width);
64
+ transform-origin: center;
65
+ }
66
+ [dir=ltr] .checked .centerPath {
67
+ animation: circleAnimate var(--zd_transition3) ease forwards;
68
+ }
69
+ [dir=rtl] .checked .centerPath {
70
+ animation: circleAnimate var(--zd_transition3) ease forwards;
71
+ }
72
+ .rdBoxprimary,
73
+ .hoverEfffect:hover .hoverprimary
74
+ /* .hoverEfffect:focus .hoverprimary */
75
+ {
76
+ --radio_stroke_color: var(--zdt_radio_primary_stroke);
77
+ }
78
+
79
+ .rdBoxdanger,
80
+ .hoverEfffect:hover .hoverdanger
81
+ /* .hoverEfffect:focus .hoverdanger */
82
+ {
83
+ --radio_stroke_color: var(--zdt_radio_danger_stroke);
84
+ }
85
+
86
+ .centerPathprimary {
87
+ --radio_fill: var(--zdt_radio_primary_fill);
88
+ }
89
+ .centerPathdanger {
90
+ --radio_fill: var(--zdt_radio_danger_fill);
91
+ }
92
+
93
+ .active:hover .primaryLabel,
94
+ /* .active:focus .primaryLabel, */
95
+ .primarycheckedActive {
96
+ --label_text_color: var(--zdt_radio_label_primary_text);
97
+ }
98
+
99
+ .active:hover .dangerLabel,
100
+ /* .active:focus .dangerLabel, */
101
+ .dangercheckedActive {
102
+ --label_text_color: var(--zdt_radio_label_danger_text);
103
+ }
104
+
105
+ .text {
106
+ margin: var(--radio_label_margin);
107
+ }
108
+ @keyframes circleAnimate {
109
+ 0% {
110
+ transform: scale(0);
111
+ }
112
+ 100% {
113
+ transform: scale(1);
114
+ }
115
+ }