@zohodesk/components 1.2.21 → 1.2.22
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.
- package/.cli/PropLessFiles.html +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/.cli/stringContains.js +1 -0
- package/README.md +4 -0
- package/es/AvatarTeam/AvatarTeam.module.css +2 -0
- package/es/CheckBox/CheckBox.module.css +1 -1
- package/es/Tag/Tag.module.css +1 -1
- package/es/TextBox/TextBox.module.css +1 -1
- package/es/Textarea/Textarea.module.css +1 -1
- package/es/Tooltip/Tooltip.module.css +0 -4
- package/es/common/customscroll.module.css +0 -10
- package/lib/AvatarTeam/AvatarTeam.module.css +2 -0
- package/lib/CheckBox/CheckBox.module.css +1 -1
- package/lib/Tag/Tag.module.css +1 -1
- package/lib/TextBox/TextBox.module.css +1 -1
- package/lib/Textarea/Textarea.module.css +1 -1
- package/lib/Tooltip/Tooltip.module.css +0 -4
- package/lib/common/customscroll.module.css +0 -10
- package/package.json +11 -10
- package/propValidationArg.json +2 -2
- package/result.json +1 -1
- /package/.cli/{AppearanceThemeValidationExcludeFiles.js → ThemeValidationExcludeFiles.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
module.exports = ['--zdt_'];
|
package/README.md
CHANGED
|
@@ -32,6 +32,10 @@ In this Package, we Provide Some Basic Components to Build Web App
|
|
|
32
32
|
- TextBoxIcon
|
|
33
33
|
- Tooltip
|
|
34
34
|
|
|
35
|
+
# 1.2.22
|
|
36
|
+
|
|
37
|
+
- **Tags,TextArea, Textbox, Checkbox** - Cursor css changes for variable autoconversion
|
|
38
|
+
|
|
35
39
|
# 1.2.21
|
|
36
40
|
|
|
37
41
|
- **v1/Tabs** - converted to functional component
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
height: var(--avatarteam_height);
|
|
32
32
|
outline-width: var(--avatarteam_outline_width);
|
|
33
33
|
outline-style: var(--avatarteam_outline_style);
|
|
34
|
+
/* css:theme-validation:ignore */
|
|
34
35
|
outline-color: var(--avatarteam_outline_color);
|
|
35
36
|
border-width: var(--avatarteam_border_width);
|
|
36
37
|
border-style: var(--avatarteam_border_style);
|
|
@@ -75,6 +76,7 @@
|
|
|
75
76
|
top: var(--avatarteam_bottom_top);
|
|
76
77
|
outline-width: var(--avatarteam_outline_width);
|
|
77
78
|
outline-style: var(--avatarteam_outline_style);
|
|
79
|
+
/* css:theme-validation:ignore */
|
|
78
80
|
outline-color: var( --avatarteam_outline_color);
|
|
79
81
|
}
|
|
80
82
|
.team:after, .team:before {
|
package/es/Tag/Tag.module.css
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
--tag_border_color: var(--zdt_tag_default_border);
|
|
12
12
|
--tag_padding: var(--zd_size2);
|
|
13
13
|
--tag_inner_text_padding: 0 var(--zd_size6);
|
|
14
|
-
--tag_cursor:
|
|
14
|
+
--tag_cursor: default;
|
|
15
15
|
|
|
16
16
|
/* tag close icon default variables */
|
|
17
17
|
--tag_closeicon_color: var(--zdt_tag_secondary_text);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* textarea default variables */
|
|
3
3
|
--textarea_border_width: 0;
|
|
4
4
|
--textarea_border_color: none;
|
|
5
|
-
--textarea_cursor:
|
|
5
|
+
--textarea_cursor: text;
|
|
6
6
|
--textarea_text_color: var(--zdt_textarea_default_text);
|
|
7
7
|
--textarea_font_size: var(--zd_font_size14);
|
|
8
8
|
--textarea_line_height: 1.5712;
|
|
@@ -49,9 +49,7 @@
|
|
|
49
49
|
height: 11px;
|
|
50
50
|
border-top: solid 6px var(--zdt_tooltip_default_bg);
|
|
51
51
|
border-left: solid 6px var(--zdt_tooltip_default_bg);
|
|
52
|
-
/* css:theme-validation:ignore */
|
|
53
52
|
border-right: solid 6px transparent;
|
|
54
|
-
/* css:theme-validation:ignore */
|
|
55
53
|
border-bottom: solid 6px transparent;
|
|
56
54
|
box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
|
|
57
55
|
z-index: -1;
|
|
@@ -71,9 +69,7 @@
|
|
|
71
69
|
height: 11px;
|
|
72
70
|
border-top: solid 6px var(--zdt_tooltip_default_bg);
|
|
73
71
|
border-left: solid 6px var(--zdt_tooltip_default_bg);
|
|
74
|
-
/* css:theme-validation:ignore */
|
|
75
72
|
border-right: solid 6px transparent;
|
|
76
|
-
/* css:theme-validation:ignore */
|
|
77
73
|
border-bottom: solid 6px transparent;
|
|
78
74
|
box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
|
|
79
75
|
z-index: -1;
|
|
@@ -51,11 +51,6 @@
|
|
|
51
51
|
width: 0 ;
|
|
52
52
|
height: 0 ;
|
|
53
53
|
}
|
|
54
|
-
.scroll::-webkit-scrollbar-track:vertical,
|
|
55
|
-
.scroll ::-webkit-scrollbar-track:vertical {
|
|
56
|
-
/* css:theme-validation:ignore */
|
|
57
|
-
/* css:theme-validation:ignore */
|
|
58
|
-
}
|
|
59
54
|
[dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
|
|
60
55
|
border-left: 1px solid transparent;
|
|
61
56
|
border-right: 1px solid transparent;
|
|
@@ -71,11 +66,6 @@
|
|
|
71
66
|
.scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
|
|
72
67
|
border-color: var(--zd-scroll-border);
|
|
73
68
|
}
|
|
74
|
-
.scroll::-webkit-scrollbar-track:horizontal,
|
|
75
|
-
.scroll ::-webkit-scrollbar-track:horizontal {
|
|
76
|
-
/* css:theme-validation:ignore */
|
|
77
|
-
/* css:theme-validation:ignore */
|
|
78
|
-
}
|
|
79
69
|
.scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
|
|
80
70
|
border-top: 1px solid transparent;
|
|
81
71
|
border-bottom: 1px solid transparent;
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
height: var(--avatarteam_height);
|
|
32
32
|
outline-width: var(--avatarteam_outline_width);
|
|
33
33
|
outline-style: var(--avatarteam_outline_style);
|
|
34
|
+
/* css:theme-validation:ignore */
|
|
34
35
|
outline-color: var(--avatarteam_outline_color);
|
|
35
36
|
border-width: var(--avatarteam_border_width);
|
|
36
37
|
border-style: var(--avatarteam_border_style);
|
|
@@ -75,6 +76,7 @@
|
|
|
75
76
|
top: var(--avatarteam_bottom_top);
|
|
76
77
|
outline-width: var(--avatarteam_outline_width);
|
|
77
78
|
outline-style: var(--avatarteam_outline_style);
|
|
79
|
+
/* css:theme-validation:ignore */
|
|
78
80
|
outline-color: var( --avatarteam_outline_color);
|
|
79
81
|
}
|
|
80
82
|
.team:after, .team:before {
|
package/lib/Tag/Tag.module.css
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
--tag_border_color: var(--zdt_tag_default_border);
|
|
12
12
|
--tag_padding: var(--zd_size2);
|
|
13
13
|
--tag_inner_text_padding: 0 var(--zd_size6);
|
|
14
|
-
--tag_cursor:
|
|
14
|
+
--tag_cursor: default;
|
|
15
15
|
|
|
16
16
|
/* tag close icon default variables */
|
|
17
17
|
--tag_closeicon_color: var(--zdt_tag_secondary_text);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* textarea default variables */
|
|
3
3
|
--textarea_border_width: 0;
|
|
4
4
|
--textarea_border_color: none;
|
|
5
|
-
--textarea_cursor:
|
|
5
|
+
--textarea_cursor: text;
|
|
6
6
|
--textarea_text_color: var(--zdt_textarea_default_text);
|
|
7
7
|
--textarea_font_size: var(--zd_font_size14);
|
|
8
8
|
--textarea_line_height: 1.5712;
|
|
@@ -49,9 +49,7 @@
|
|
|
49
49
|
height: 11px;
|
|
50
50
|
border-top: solid 6px var(--zdt_tooltip_default_bg);
|
|
51
51
|
border-left: solid 6px var(--zdt_tooltip_default_bg);
|
|
52
|
-
/* css:theme-validation:ignore */
|
|
53
52
|
border-right: solid 6px transparent;
|
|
54
|
-
/* css:theme-validation:ignore */
|
|
55
53
|
border-bottom: solid 6px transparent;
|
|
56
54
|
box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
|
|
57
55
|
z-index: -1;
|
|
@@ -71,9 +69,7 @@
|
|
|
71
69
|
height: 11px;
|
|
72
70
|
border-top: solid 6px var(--zdt_tooltip_default_bg);
|
|
73
71
|
border-left: solid 6px var(--zdt_tooltip_default_bg);
|
|
74
|
-
/* css:theme-validation:ignore */
|
|
75
72
|
border-right: solid 6px transparent;
|
|
76
|
-
/* css:theme-validation:ignore */
|
|
77
73
|
border-bottom: solid 6px transparent;
|
|
78
74
|
box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
|
|
79
75
|
z-index: -1;
|
|
@@ -51,11 +51,6 @@
|
|
|
51
51
|
width: 0 ;
|
|
52
52
|
height: 0 ;
|
|
53
53
|
}
|
|
54
|
-
.scroll::-webkit-scrollbar-track:vertical,
|
|
55
|
-
.scroll ::-webkit-scrollbar-track:vertical {
|
|
56
|
-
/* css:theme-validation:ignore */
|
|
57
|
-
/* css:theme-validation:ignore */
|
|
58
|
-
}
|
|
59
54
|
[dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
|
|
60
55
|
border-left: 1px solid transparent;
|
|
61
56
|
border-right: 1px solid transparent;
|
|
@@ -71,11 +66,6 @@
|
|
|
71
66
|
.scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
|
|
72
67
|
border-color: var(--zd-scroll-border);
|
|
73
68
|
}
|
|
74
|
-
.scroll::-webkit-scrollbar-track:horizontal,
|
|
75
|
-
.scroll ::-webkit-scrollbar-track:horizontal {
|
|
76
|
-
/* css:theme-validation:ignore */
|
|
77
|
-
/* css:theme-validation:ignore */
|
|
78
|
-
}
|
|
79
69
|
.scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
|
|
80
70
|
border-top: 1px solid transparent;
|
|
81
71
|
border-bottom: 1px solid transparent;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/components",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.22",
|
|
4
4
|
"main": "es/index.js",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -53,8 +53,9 @@
|
|
|
53
53
|
"variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
|
|
54
54
|
"variable:check": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
|
|
55
55
|
"css:review": " npm run dubCheck && npm run css:lineheight:validate && npm run theme:validate ",
|
|
56
|
-
"theme:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation validate ./src ./.cli",
|
|
57
|
-
"theme:addignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation addignore ./src ./.cli",
|
|
56
|
+
"theme:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation validate ./src ./.cli ./.cli/stringContains.js",
|
|
57
|
+
"theme:addignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation addignore ./src ./.cli ./.cli/stringContains.js",
|
|
58
|
+
"theme:removeignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation removeignore ./src ./.cli",
|
|
58
59
|
"review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js propValidationArg.json "
|
|
59
60
|
},
|
|
60
61
|
"devDependencies": {
|
|
@@ -62,15 +63,15 @@
|
|
|
62
63
|
"@testing-library/react": "^11.2.5",
|
|
63
64
|
"@testing-library/react-hooks": "^7.0.2",
|
|
64
65
|
"@testing-library/user-event": "^13.0.10",
|
|
65
|
-
"@zohodesk-private/color-variable-preprocessor": "1.
|
|
66
|
+
"@zohodesk-private/color-variable-preprocessor": "1.2.0",
|
|
66
67
|
"@zohodesk-private/css-variable-migrator": "^1.0.7",
|
|
67
|
-
"@zohodesk-private/node-plugins": "
|
|
68
|
-
"@zohodesk-private/react-prop-validator": "1.2.
|
|
68
|
+
"@zohodesk-private/node-plugins": "1.1.6",
|
|
69
|
+
"@zohodesk-private/react-prop-validator": "1.2.1",
|
|
69
70
|
"@zohodesk/a11y": "2.1.2",
|
|
70
71
|
"@zohodesk/docstool": "1.0.0-alpha-2",
|
|
71
72
|
"@zohodesk/hooks": "2.0.2",
|
|
72
|
-
"@zohodesk/icons": "1.0.
|
|
73
|
-
"@zohodesk/svg": "1.1.
|
|
73
|
+
"@zohodesk/icons": "1.0.27",
|
|
74
|
+
"@zohodesk/svg": "1.1.10",
|
|
74
75
|
"@zohodesk/utils": "1.3.13",
|
|
75
76
|
"@zohodesk/variables": "1.0.0",
|
|
76
77
|
"@zohodesk/virtualizer": "1.0.3",
|
|
@@ -84,9 +85,9 @@
|
|
|
84
85
|
"selectn": "1.1.2"
|
|
85
86
|
},
|
|
86
87
|
"peerDependencies": {
|
|
87
|
-
"@zohodesk/icons": "1.0.
|
|
88
|
+
"@zohodesk/icons": "1.0.27",
|
|
88
89
|
"@zohodesk/variables": "1.0.0",
|
|
89
|
-
"@zohodesk/svg": "1.1.
|
|
90
|
+
"@zohodesk/svg": "1.1.10",
|
|
90
91
|
"@zohodesk/virtualizer": "1.0.3",
|
|
91
92
|
"velocity-react": "1.4.3",
|
|
92
93
|
"react-sortable-hoc": "^0.8.3",
|
package/propValidationArg.json
CHANGED