@zohodesk/components 1.0.0-temp-248.1 → 1.0.0-temp-199.21

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 (81) hide show
  1. package/README.md +6 -8
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +2 -0
  3. package/assets/Appearance/light/mode/Component_LightMode.module.css +2 -0
  4. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +2 -0
  5. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +5 -5
  6. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +6 -6
  7. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +3 -3
  8. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
  9. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +3 -3
  10. package/es/ListItem/ListItem.module.css +30 -20
  11. package/es/ListItem/ListItemWithAvatar.js +4 -2
  12. package/es/ListItem/ListItemWithCheckBox.js +4 -2
  13. package/es/ListItem/ListItemWithIcon.js +4 -2
  14. package/es/ListItem/ListItemWithRadio.js +4 -2
  15. package/es/ListItem/props/propTypes.js +3 -3
  16. package/es/Modal/Portal/Portal.js +11 -10
  17. package/es/MultiSelect/AdvancedGroupMultiSelect.js +6 -2
  18. package/es/MultiSelect/MultiSelect.js +2 -2
  19. package/es/MultiSelect/Suggestions.js +7 -2
  20. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +1 -1
  21. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +3 -3
  22. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +3 -3
  23. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +1 -1
  24. package/es/MultiSelect/props/defaultProps.js +2 -0
  25. package/es/MultiSelect/props/propTypes.js +11 -3
  26. package/es/Select/GroupSelect.js +1 -1
  27. package/es/Select/Select.js +3 -5
  28. package/es/Select/SelectWithAvatar.js +3 -3
  29. package/es/Select/SelectWithIcon.js +10 -3
  30. package/es/Select/__tests__/Select.spec.js +0 -5
  31. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +1 -1
  32. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +75 -75
  33. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
  34. package/es/Select/props/defaultProps.js +4 -2
  35. package/es/Select/props/propTypes.js +12 -5
  36. package/es/TextBoxIcon/TextBoxIcon.js +1 -0
  37. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +39 -39
  38. package/es/common/common.module.css +1 -1
  39. package/es/shared/InputFieldLine/InputFieldLine.js +1 -2
  40. package/es/shared/InputFieldLine/InputFieldLine.module.css +7 -13
  41. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  42. package/es/shared/InputFieldLine/props/defaultProps.js +1 -0
  43. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +5 -5
  44. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +6 -6
  45. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +3 -3
  46. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +1 -1
  47. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +3 -3
  48. package/lib/ListItem/ListItem.module.css +30 -20
  49. package/lib/ListItem/ListItemWithAvatar.js +5 -3
  50. package/lib/ListItem/ListItemWithCheckBox.js +4 -2
  51. package/lib/ListItem/ListItemWithIcon.js +5 -3
  52. package/lib/ListItem/ListItemWithRadio.js +4 -2
  53. package/lib/ListItem/props/propTypes.js +3 -3
  54. package/lib/Modal/Portal/Portal.js +17 -10
  55. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +8 -3
  56. package/lib/MultiSelect/MultiSelect.js +2 -2
  57. package/lib/MultiSelect/Suggestions.js +6 -2
  58. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +1 -1
  59. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +3 -3
  60. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +3 -3
  61. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +1 -1
  62. package/lib/MultiSelect/props/defaultProps.js +2 -0
  63. package/lib/MultiSelect/props/propTypes.js +13 -5
  64. package/lib/Select/GroupSelect.js +2 -1
  65. package/lib/Select/Select.js +5 -8
  66. package/lib/Select/SelectWithAvatar.js +4 -3
  67. package/lib/Select/SelectWithIcon.js +10 -3
  68. package/lib/Select/__tests__/Select.spec.js +0 -5
  69. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +1 -1
  70. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +75 -75
  71. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +1 -1
  72. package/lib/Select/props/defaultProps.js +5 -3
  73. package/lib/Select/props/propTypes.js +12 -5
  74. package/lib/TextBoxIcon/TextBoxIcon.js +1 -0
  75. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +39 -39
  76. package/lib/common/common.module.css +1 -1
  77. package/lib/shared/InputFieldLine/InputFieldLine.js +1 -2
  78. package/lib/shared/InputFieldLine/InputFieldLine.module.css +7 -13
  79. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  80. package/lib/shared/InputFieldLine/props/defaultProps.js +1 -0
  81. package/package.json +7 -5
package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`InputFieldLine Should be render hasEffect is false 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
6
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
7
7
  data-selector-id="container"
8
8
  data-title=""
9
9
  />
@@ -13,7 +13,7 @@ exports[`InputFieldLine Should be render hasEffect is false 1`] = `
13
13
  exports[`InputFieldLine Should be render hasPadding is true 1`] = `
14
14
  <DocumentFragment>
15
15
  <div
16
- class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
16
+ class="varClass customContainer medium border_bottom effect borderColor_default hasBorder flex rowdir"
17
17
  data-selector-id="container"
18
18
  data-title=""
19
19
  />
@@ -23,7 +23,7 @@ exports[`InputFieldLine Should be render hasPadding is true 1`] = `
23
23
  exports[`InputFieldLine Should be render isActive is true 1`] = `
24
24
  <DocumentFragment>
25
25
  <div
26
- class="varClass customContainer border_bottom effect borderColor_default hasBorder active flex rowdir"
26
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder active flex rowdir"
27
27
  data-selector-id="container"
28
28
  data-title=""
29
29
  />
@@ -33,7 +33,7 @@ exports[`InputFieldLine Should be render isActive is true 1`] = `
33
33
  exports[`InputFieldLine Should be render isDisabled is true 1`] = `
34
34
  <DocumentFragment>
35
35
  <div
36
- class="varClass customContainer border_bottom disabled borderColor_default hasBorder flex rowdir"
36
+ class="varClass customContainer border_bottom disabled borderColor_default hasBorder flex rowdir"
37
37
  data-selector-id="container"
38
38
  data-title=""
39
39
  />
@@ -43,7 +43,7 @@ exports[`InputFieldLine Should be render isDisabled is true 1`] = `
43
43
  exports[`InputFieldLine Should be render isReadOnly is true 1`] = `
44
44
  <DocumentFragment>
45
45
  <div
46
- class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
46
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
47
47
  data-selector-id="container"
48
48
  data-title=""
49
49
  />
@@ -53,7 +53,7 @@ exports[`InputFieldLine Should be render isReadOnly is true 1`] = `
53
53
  exports[`InputFieldLine Should be render with title 1`] = `
54
54
  <DocumentFragment>
55
55
  <div
56
- class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
56
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
57
57
  data-selector-id="container"
58
58
  data-title="InputFieldLine Test Title"
59
59
  />
@@ -63,7 +63,7 @@ exports[`InputFieldLine Should be render with title 1`] = `
63
63
  exports[`InputFieldLine Should render border - all 1`] = `
64
64
  <DocumentFragment>
65
65
  <div
66
- class="varClass customContainer border_all effect borderColor_default hasBorder flex rowdir"
66
+ class="varClass customContainer border_all effect borderColor_default hasBorder flex rowdir"
67
67
  data-selector-id="container"
68
68
  data-title=""
69
69
  />
@@ -73,7 +73,7 @@ exports[`InputFieldLine Should render border - all 1`] = `
73
73
  exports[`InputFieldLine Should render border - bottom 1`] = `
74
74
  <DocumentFragment>
75
75
  <div
76
- class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
76
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
77
77
  data-selector-id="container"
78
78
  data-title=""
79
79
  />
@@ -83,7 +83,7 @@ exports[`InputFieldLine Should render border - bottom 1`] = `
83
83
  exports[`InputFieldLine Should render border - none 1`] = `
84
84
  <DocumentFragment>
85
85
  <div
86
- class="varClass customContainer effect flex rowdir"
86
+ class="varClass customContainer effect flex rowdir"
87
87
  data-selector-id="container"
88
88
  data-title=""
89
89
  />
@@ -93,7 +93,7 @@ exports[`InputFieldLine Should render border - none 1`] = `
93
93
  exports[`InputFieldLine Should render borderColor - dark 1`] = `
94
94
  <DocumentFragment>
95
95
  <div
96
- class="varClass customContainer border_bottom effect borderColor_dark hasBorder flex rowdir"
96
+ class="varClass customContainer border_bottom effect borderColor_dark hasBorder flex rowdir"
97
97
  data-selector-id="container"
98
98
  data-title=""
99
99
  />
@@ -103,7 +103,7 @@ exports[`InputFieldLine Should render borderColor - dark 1`] = `
103
103
  exports[`InputFieldLine Should render borderColor - default 1`] = `
104
104
  <DocumentFragment>
105
105
  <div
106
- class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
106
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
107
107
  data-selector-id="container"
108
108
  data-title=""
109
109
  />
@@ -113,7 +113,7 @@ exports[`InputFieldLine Should render borderColor - default 1`] = `
113
113
  exports[`InputFieldLine Should render borderColor - error 1`] = `
114
114
  <DocumentFragment>
115
115
  <div
116
- class="varClass customContainer border_bottom effect borderColor_error hasBorder flex rowdir"
116
+ class="varClass customContainer border_bottom effect borderColor_error hasBorder flex rowdir"
117
117
  data-selector-id="container"
118
118
  data-title=""
119
119
  />
@@ -123,7 +123,7 @@ exports[`InputFieldLine Should render borderColor - error 1`] = `
123
123
  exports[`InputFieldLine Should render borderColor - transparent 1`] = `
124
124
  <DocumentFragment>
125
125
  <div
126
- class="varClass customContainer border_bottom effect borderColor_transparent hasBorder flex rowdir"
126
+ class="varClass customContainer border_bottom effect borderColor_transparent hasBorder flex rowdir"
127
127
  data-selector-id="container"
128
128
  data-title=""
129
129
  />
@@ -133,7 +133,7 @@ exports[`InputFieldLine Should render borderColor - transparent 1`] = `
133
133
  exports[`InputFieldLine Should render customClass 1`] = `
134
134
  <DocumentFragment>
135
135
  <div
136
- class="varClass customContainer border_bottom effect borderColor_default hasBorder inputFieldLine-custom-class flex rowdir"
136
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder inputFieldLine-custom-class flex rowdir"
137
137
  data-selector-id="container"
138
138
  data-title=""
139
139
  />
@@ -143,7 +143,7 @@ exports[`InputFieldLine Should render customClass 1`] = `
143
143
  exports[`InputFieldLine Should render customProps 1`] = `
144
144
  <DocumentFragment>
145
145
  <div
146
- class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
146
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
147
147
  data-selector-id="container"
148
148
  data-test="inputFieldLine-test"
149
149
  data-title=""
@@ -154,7 +154,7 @@ exports[`InputFieldLine Should render customProps 1`] = `
154
154
  exports[`InputFieldLine Should render dataId 1`] = `
155
155
  <DocumentFragment>
156
156
  <div
157
- class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
157
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
158
158
  data-id="inputFieldLine-test-id"
159
159
  data-selector-id="container"
160
160
  data-test-id="inputFieldLine-test-id"
@@ -166,7 +166,7 @@ exports[`InputFieldLine Should render dataId 1`] = `
166
166
  exports[`InputFieldLine Should render size - medium 1`] = `
167
167
  <DocumentFragment>
168
168
  <div
169
- class="varClass customContainer medium padding_medium border_bottom effect borderColor_default hasBorder flex rowdir scrolly"
169
+ class="varClass customContainer medium border_bottom effect borderColor_default hasBorder flex rowdir"
170
170
  data-selector-id="container"
171
171
  data-title=""
172
172
  />
@@ -176,7 +176,7 @@ exports[`InputFieldLine Should render size - medium 1`] = `
176
176
  exports[`InputFieldLine Should render size - xmedium 1`] = `
177
177
  <DocumentFragment>
178
178
  <div
179
- class="varClass customContainer xmedium padding_xmedium border_bottom effect borderColor_default hasBorder flex rowdir scrolly"
179
+ class="varClass customContainer xmedium border_bottom effect borderColor_default hasBorder flex rowdir"
180
180
  data-selector-id="container"
181
181
  data-title=""
182
182
  />
@@ -186,7 +186,7 @@ exports[`InputFieldLine Should render size - xmedium 1`] = `
186
186
  exports[`InputFieldLine rendering the defult props 1`] = `
187
187
  <DocumentFragment>
188
188
  <div
189
- class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
189
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder flex rowdir"
190
190
  data-selector-id="container"
191
191
  data-title=""
192
192
  />
package/lib/shared/InputFieldLine/props/defaultProps.js CHANGED
@@ -14,6 +14,7 @@ var _default = {
14
14
  dataId: '',
15
15
  customClass: '',
16
16
  customProps: {},
17
+ size: 'medium',
17
18
  borderColor: 'default',
18
19
  border: 'bottom',
19
20
  a11yAttributes: {},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-248.1",
3
+ "version": "1.0.0-temp-199.21",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -39,7 +39,7 @@
39
39
  "build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
40
40
  "coverage": "react-cli coverage",
41
41
  "prepare": "npm run init && npm run css:build ",
42
- "prepublishOnly": "node prePublish.js && npm run download_only && npm run css:review && npm run review:props ",
42
+ "prepublishOnly": "node prePublish.js && npm run css:review && npm run review:props ",
43
43
  "postpublish": "node postPublish.js",
44
44
  "report": "react-cli publish:report",
45
45
  "test": "react-cli test",
@@ -67,20 +67,22 @@
67
67
  "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js css_layer_config.json ./src/components_layer.module.css",
68
68
  "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js css_layer_config.json ./src/ ./assets",
69
69
  "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build && npm run rtl && npm run cssVariableConvert ",
70
- "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets"
70
+ "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets",
71
+ "css:audit": " css-audit --report"
71
72
  },
72
73
  "devDependencies": {
73
74
  "@testing-library/jest-dom": "^5.11.9",
74
75
  "@testing-library/react": "^11.2.5",
75
76
  "@testing-library/react-hooks": "^7.0.2",
76
77
  "@testing-library/user-event": "^13.0.10",
78
+ "@zohodesk-private/css-audit-tool": "0.0.1",
77
79
  "@zohodesk-private/color-variable-preprocessor": "1.2.0",
78
80
  "@zohodesk-private/css-variable-migrator": "1.0.9",
79
81
  "@zohodesk-private/node-plugins": "1.1.13",
80
82
  "@zohodesk-private/react-prop-validator": "1.2.3",
81
83
  "@zohodesk/a11y": "2.3.8",
82
84
  "@zohodesk/docstool": "1.0.0-alpha-2",
83
- "@zohodesk/dotkit": "1.0.6",
85
+ "@zohodesk/dotkit": "1.0.7",
84
86
  "@zohodesk/hooks": "2.0.6",
85
87
  "@zohodesk/icons": "1.1.6",
86
88
  "@zohodesk/layout": "3.1.0",
@@ -110,7 +112,7 @@
110
112
  "@zohodesk/utils": "1.3.16",
111
113
  "@zohodesk/a11y": "2.3.8",
112
114
  "@zohodesk/layout": "3.1.0",
113
- "@zohodesk/dotkit": "1.0.6",
115
+ "@zohodesk/dotkit": "1.0.7",
114
116
  "color": "4.2.3"
115
117
  }
116
118
  }