@zohodesk/components 1.6.28 → 1.6.30

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 (86) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/es/Avatar/Avatar.module.css +5 -11
  3. package/es/AvatarTeam/AvatarTeam.module.css +1 -3
  4. package/es/Button/css/Button.module.css +7 -9
  5. package/es/Card/Card.module.css +2 -2
  6. package/es/CheckBox/CheckBox.module.css +3 -5
  7. package/es/DateTime/DateTime.module.css +13 -20
  8. package/es/DateTime/DateWidget.module.css +7 -5
  9. package/es/DateTime/YearView.module.css +6 -9
  10. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +6 -7
  11. package/es/DropBox/css/DropBox.module.css +3 -3
  12. package/es/DropDown/DropDownHeading.module.css +1 -1
  13. package/es/DropDown/DropDownItem.module.css +3 -7
  14. package/es/Label/Label.module.css +3 -3
  15. package/es/ListItem/ListItem.module.css +9 -12
  16. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +1 -1
  17. package/es/MultiSelect/MultiSelect.module.css +13 -20
  18. package/es/MultiSelect/SelectedOptions.module.css +1 -1
  19. package/es/PopOver/PopOver.module.css +2 -2
  20. package/es/Radio/Radio.module.css +7 -7
  21. package/es/Ribbon/Ribbon.module.css +12 -19
  22. package/es/RippleEffect/RippleEffect.module.css +2 -2
  23. package/es/Select/Select.module.css +4 -4
  24. package/es/Switch/Switch.module.css +4 -7
  25. package/es/Tab/Tab.module.css +5 -7
  26. package/es/Tab/TabContent.module.css +1 -1
  27. package/es/Tab/Tabs.module.css +8 -9
  28. package/es/Tag/Tag.module.css +4 -7
  29. package/es/TextBoxIcon/TextBoxIcon.module.css +1 -1
  30. package/es/Textarea/Textarea.module.css +3 -4
  31. package/es/Tooltip/Tooltip.module.css +3 -6
  32. package/es/Typography/css/Typography.module.css +24 -32
  33. package/es/common/animation.module.css +8 -8
  34. package/es/common/basic.module.css +5 -5
  35. package/es/common/common.module.css +81 -153
  36. package/es/common/transition.module.css +2 -0
  37. package/es/semantic/Button/semanticButton.module.css +1 -4
  38. package/es/shared/InputFieldLine/InputFieldLine.module.css +1 -1
  39. package/es/v1/Button/css/Button_v1.module.css +2 -2
  40. package/es/v1/Label/css/Label_v1.module.css +1 -1
  41. package/es/v1/Switch/css/Switch_v1.module.css +4 -7
  42. package/es/v1/shared/Spinner/Spinner_v1.module.css +3 -5
  43. package/es/v1/shared/SuccessTick/SuccessTick_v1.module.css +1 -2
  44. package/lib/Avatar/Avatar.module.css +5 -11
  45. package/lib/AvatarTeam/AvatarTeam.module.css +1 -3
  46. package/lib/Button/css/Button.module.css +7 -9
  47. package/lib/Card/Card.module.css +2 -2
  48. package/lib/CheckBox/CheckBox.module.css +3 -5
  49. package/lib/DateTime/DateTime.module.css +13 -20
  50. package/lib/DateTime/DateWidget.module.css +7 -5
  51. package/lib/DateTime/YearView.module.css +6 -9
  52. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +6 -7
  53. package/lib/DropBox/css/DropBox.module.css +3 -3
  54. package/lib/DropDown/DropDownHeading.module.css +1 -1
  55. package/lib/DropDown/DropDownItem.module.css +3 -7
  56. package/lib/Label/Label.module.css +3 -3
  57. package/lib/ListItem/ListItem.module.css +9 -12
  58. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +1 -1
  59. package/lib/MultiSelect/MultiSelect.module.css +13 -20
  60. package/lib/MultiSelect/SelectedOptions.module.css +1 -1
  61. package/lib/PopOver/PopOver.module.css +2 -2
  62. package/lib/Radio/Radio.module.css +7 -7
  63. package/lib/Ribbon/Ribbon.module.css +12 -19
  64. package/lib/RippleEffect/RippleEffect.module.css +2 -2
  65. package/lib/Select/Select.module.css +4 -4
  66. package/lib/Switch/Switch.module.css +4 -7
  67. package/lib/Tab/Tab.module.css +5 -7
  68. package/lib/Tab/TabContent.module.css +1 -1
  69. package/lib/Tab/Tabs.module.css +8 -9
  70. package/lib/Tag/Tag.module.css +4 -7
  71. package/lib/TextBoxIcon/TextBoxIcon.module.css +1 -1
  72. package/lib/Textarea/Textarea.module.css +3 -4
  73. package/lib/Tooltip/Tooltip.module.css +3 -6
  74. package/lib/Typography/css/Typography.module.css +24 -32
  75. package/lib/common/animation.module.css +8 -8
  76. package/lib/common/basic.module.css +5 -5
  77. package/lib/common/common.module.css +81 -153
  78. package/lib/common/transition.module.css +2 -0
  79. package/lib/semantic/Button/semanticButton.module.css +1 -4
  80. package/lib/shared/InputFieldLine/InputFieldLine.module.css +1 -1
  81. package/lib/v1/Button/css/Button_v1.module.css +2 -2
  82. package/lib/v1/Label/css/Label_v1.module.css +1 -1
  83. package/lib/v1/Switch/css/Switch_v1.module.css +4 -7
  84. package/lib/v1/shared/Spinner/Spinner_v1.module.css +3 -5
  85. package/lib/v1/shared/SuccessTick/SuccessTick_v1.module.css +1 -2
  86. package/package.json +6 -5
package/lib/v1/Switch/css/Switch_v1.module.css CHANGED
@@ -60,15 +60,14 @@
60
60
  --local-switch-offLabel-stroke: var(--zdt_v1_switch_offLabel_hover);
61
61
  }
62
62
  .trackWrapper {
63
- position: relative;
63
+ composes: d-relative from global;
64
64
  }
65
65
  .disabled > .trackWrapper {
66
66
  opacity: 0.4;
67
67
  }
68
68
  .track {
69
+ composes: d-block d-relative from global;
69
70
  appearance: none;
70
- display: block;
71
- position: relative;
72
71
  height: var(--local-switch-track-height);
73
72
  width: var(--local-switch-track-width);
74
73
  margin: 0 ;
@@ -77,9 +76,7 @@
77
76
  cursor: var(--local-switch-cursor);
78
77
  }
79
78
  .commonSvg {
80
- display: block;
81
- position: absolute;
82
- pointer-events: none;
79
+ composes: d-block d-absolute d-pointer-events-none from global;
83
80
  top: 50% ;
84
81
  }
85
82
  .thumb {
@@ -96,7 +93,7 @@
96
93
  right: var(--zd_size1) ;
97
94
  }
98
95
  .label {
99
- max-width: 100% ;
96
+ composes: d-max-w-full from global;
100
97
  cursor: var(--local-switch-cursor);
101
98
  }
102
99
  .onLabel {
package/lib/v1/shared/Spinner/Spinner_v1.module.css CHANGED
@@ -1,19 +1,17 @@
1
1
  .spinner {
2
+ composes: d-block from global;
2
3
  width: var(--local-loader-size, var(--zd_size16));
3
4
  height: var(--local-loader-size, var(--zd_size16));
4
- display: block;
5
5
  }
6
6
 
7
7
  .spinnerTrack {
8
- fill: none;
9
- stroke: currentColor;
8
+ composes: d-fill-none d-stroke-current from global;
10
9
  opacity: 0.2;
11
10
  stroke-width: 3px;
12
11
  }
13
12
 
14
13
  .spinnerHead {
15
- fill: none;
16
- stroke: currentColor;
14
+ composes: d-fill-none d-stroke-current from global;
17
15
  stroke-width: 3px;
18
16
  stroke-linecap: round;
19
17
  stroke-dasharray: 60;
package/lib/v1/shared/SuccessTick/SuccessTick_v1.module.css CHANGED
@@ -1,11 +1,10 @@
1
1
  .tick {
2
+ composes: d-fill-none d-stroke-current from global;
2
3
  width: var(--local-tick-size, var(--zd_size16));
3
4
  height: var(--local-tick-size, var(--zd_size16));
4
- stroke: currentColor;
5
5
  stroke-width: 2.5px;
6
6
  stroke-linecap: round;
7
7
  stroke-linejoin: round;
8
- fill: none;
9
8
  stroke-dasharray: 24;
10
9
  stroke-dashoffset: 24;
11
10
  }[dir=ltr] .tick {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.6.28",
3
+ "version": "1.6.30",
4
4
  "main": "lib/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -17,6 +17,7 @@
17
17
  "LIBRARY"
18
18
  ],
19
19
  "scripts": {
20
+ "lint:css": "cd ../ && npx stylelint components/src/**/*.css",
20
21
  "lintAllFix": "npm run lintAll --eslint:fix=true",
21
22
  "lint": "npx eslint ./src",
22
23
  "clean": "cdt clean build unittest test-slices coverage es lib assets && mkdir assets",
@@ -48,7 +49,7 @@
48
49
  "variable:addignore": "npx css-variable-migrator addignore ./src",
49
50
  "variable:convert": "npx css-variable-migrator convert ./src",
50
51
  "variable:check": "npx css-variable-migrator check ./src",
51
- "css:review": " npm run dubCheck && npm run css:lineheight:validate && npm run theme:validate ",
52
+ "css:review": " npm run lint:css && npm run dubCheck && npm run css:lineheight:validate && npm run theme:validate ",
52
53
  "theme:validate": "npx z-node-plugins theme:validate ./src ./.cli ./.cli/themeValidate/stringContains.js",
53
54
  "theme:addignore": "npx z-node-plugins theme:addignore ./src ./.cli ./.cli/themeValidate/stringContains.js",
54
55
  "theme:removeignore": "npx z-node-plugins theme:removeignore ./src ./.cli",
@@ -85,7 +86,7 @@
85
86
  "@zohodesk/layout": "3.2.3",
86
87
  "@zohodesk/svg": "1.4.1",
87
88
  "@zohodesk/utils": "1.3.16",
88
- "@zohodesk/variables": "1.3.2",
89
+ "@zohodesk/variables": "1.3.3",
89
90
  "@zohodesk/virtualizer": "1.0.13",
90
91
  "react-sortable-hoc": "^0.8.3",
91
92
  "velocity-react": "1.4.3",
@@ -106,7 +107,7 @@
106
107
  },
107
108
  "peerDependencies": {
108
109
  "@zohodesk/icons": "1.4.0",
109
- "@zohodesk/variables": "1.3.2",
110
+ "@zohodesk/variables": "1.3.3",
110
111
  "@zohodesk/svg": "1.4.1",
111
112
  "@zohodesk/virtualizer": "1.0.13",
112
113
  "velocity-react": "1.4.3",
@@ -119,4 +120,4 @@
119
120
  "color": "4.2.3",
120
121
  "@dot-system/css-utility": "0.1.5"
121
122
  }
122
- }
123
+ }