@zohodesk/dot 1.0.0-beta.200 → 1.0.0-beta.201

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 (25) hide show
  1. package/README.md +5 -0
  2. package/es/Appearance/dark/mode/dotDarkMode.module.css +4 -2
  3. package/es/Appearance/default/mode/dotDefaultMode.module.css +4 -2
  4. package/es/docs/setupDocs.js +1 -3
  5. package/es/list/ListLayout/ListLayout.module.css +16 -16
  6. package/lib/Appearance/dark/mode/dotDarkMode.module.css +4 -2
  7. package/lib/Appearance/default/mode/dotDefaultMode.module.css +4 -2
  8. package/lib/list/ListLayout/ListLayout.module.css +16 -16
  9. package/package.json +3 -3
  10. package/src/Appearance/dark/mode/dotDarkMode.module.css +4 -2
  11. package/src/Appearance/default/mode/dotDefaultMode.module.css +4 -2
  12. package/src/docs/setupDocs.js +0 -2
  13. package/src/list/ListLayout/ListLayout.module.css +9 -12
  14. package/es/deprecated/Theme/dotDarkTheme.module.css +0 -532
  15. package/es/deprecated/Theme/dotDefaultTheme.module.css +0 -532
  16. package/es/deprecated/Theme/palette/darkPalette.module.css +0 -40
  17. package/es/deprecated/Theme/palette/defaultPalette.module.css +0 -40
  18. package/lib/deprecated/Theme/dotDarkTheme.module.css +0 -532
  19. package/lib/deprecated/Theme/dotDefaultTheme.module.css +0 -532
  20. package/lib/deprecated/Theme/palette/darkPalette.module.css +0 -40
  21. package/lib/deprecated/Theme/palette/defaultPalette.module.css +0 -40
  22. package/src/deprecated/Theme/dotDarkTheme.module.css +0 -532
  23. package/src/deprecated/Theme/dotDefaultTheme.module.css +0 -532
  24. package/src/deprecated/Theme/palette/darkPalette.module.css +0 -40
  25. package/src/deprecated/Theme/palette/defaultPalette.module.css +0 -40
package/README.md CHANGED
@@ -2,6 +2,11 @@
2
2
 
3
3
  In this Library we Provide Some Basic Components to Build Your Application
4
4
 
5
+ # 1.0.0-beta.201
6
+
7
+ - deprecated theme file moved to another place
8
+ - ListLayout => keyboardActive ui border added
9
+
5
10
  # 1.0.0-beta.200
6
11
 
7
12
  - ListLayout => isKeyboardActive prop and ui added
package/es/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -230,8 +230,10 @@
230
230
 
231
231
  /* list layout */
232
232
  --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
233
- --zdt_listLayout_hover_border: var(--dot_listItemHover);
234
- --zdt_listLayout_active_border: var(--dot_listItemActive);
233
+ --zdt_listLayout_hover_bg: var(--dot_listItemHover);
234
+ --zdt_listLayout_active_bg: var(--dot_listItemActive);
235
+ --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
236
+ --zdt_listLayout_keyboard_active_border:var(--dot_border_slateGrey);
235
237
 
236
238
  /* list stencils */
237
239
  --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
package/es/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -230,8 +230,10 @@
230
230
 
231
231
  /* list layout */
232
232
  --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
233
- --zdt_listLayout_hover_border: var(--dot_listItemHover);
234
- --zdt_listLayout_active_border: var(--dot_listItemActive);
233
+ --zdt_listLayout_hover_bg: var(--dot_listItemHover);
234
+ --zdt_listLayout_active_bg: var(--dot_listItemActive);
235
+ --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
236
+ --zdt_listLayout_keyboard_active_border:var(--dot_border_slateGrey);
235
237
 
236
238
  /* list stencils */
237
239
  --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
package/es/docs/setupDocs.js CHANGED
@@ -7,9 +7,7 @@ export { default as HelpDescription__default } from '../setup/helptips/Descripti
7
7
  export { default as HelpTitle } from '../setup/helptips/Title/Title';
8
8
  export { default as HelpTitle__default } from '../setup/helptips/Title/docs/Title__default.docs';
9
9
  export { default as HelpListGroup } from '../setup/helptips/ListGroup/ListGroup';
10
- export { default as HelpListGroup__default } from '../setup/helptips/ListGroup/docs/ListGroup__default.docs'; // export { default as SelectDropdown } from '../setup/header/SelectDropdown/SelectDropdown';
11
- // export { default as SelectDropdown__default } from '../setup/header/SelectDropdown/docs/SelectDropdown__default.docs';
12
-
10
+ export { default as HelpListGroup__default } from '../setup/helptips/ListGroup/docs/ListGroup__default.docs';
13
11
  export { default as SetupHeaderViews } from '../setup/header/Views/Views';
14
12
  export { default as SetupHeaderViews__default } from '../setup/header/Views/docs/Views__default.docs';
15
13
  export { default as SetupHeaderSearch } from '../setup/header/Search/Search';
package/es/list/ListLayout/ListLayout.module.css CHANGED
@@ -6,10 +6,10 @@
6
6
  composes: varClass;
7
7
  }
8
8
  .listHover:hover, .hoveredStyle{
9
- background-color: var(--zdt_listLayout_hover_border);
9
+ background-color: var(--zdt_listLayout_hover_bg);
10
10
  }
11
11
  .active, .active:hover {
12
- background-color: var(--zdt_listLayout_active_border);
12
+ background-color: var(--zdt_listLayout_active_bg);
13
13
  }
14
14
  .cursorPointer{
15
15
  cursor: pointer
@@ -32,29 +32,29 @@
32
32
  }
33
33
  [dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
34
34
  margin-left: var(--zd_size2);
35
+ border-left: var(--zd_size2) solid transparent;
35
36
  }
36
37
  [dir=rtl] .compact, [dir=rtl] .classic, [dir=rtl] .superCompact {
37
38
  margin-right: var(--zd_size2);
39
+ border-right: var(--zd_size2) solid transparent;
38
40
  }
39
- .keyboardActive {
40
- position: relative;
41
+ [dir=ltr] .active{
42
+ border-left-color: var(--zdt_listLayout_active_border);
43
+ border-top-left-radius: var(--zd_size5);
44
+ border-bottom-left-radius: var(--zd_size5);
41
45
  }
42
- .keyboardActive::after {
43
- content: '';
44
- position: absolute;
45
- z-index: 2;
46
- height: 100%;
47
- top:0;
46
+ [dir=rtl] .active{
47
+ border-right-color: var(--zdt_listLayout_active_border);
48
+ border-top-right-radius: var(--zd_size5);
49
+ border-bottom-right-radius: var(--zd_size5);
48
50
  }
49
- [dir=ltr] .keyboardActive::after {
50
- border-left: var(--zd_size2) solid var(--dot_border_slateGrey);
51
- left: 0;
51
+ [dir=ltr] .keyboardActive {
52
+ border-left-color: var(--zdt_listLayout_keyboard_active_border);
52
53
  border-top-left-radius: var(--zd_size5);
53
54
  border-bottom-left-radius: var(--zd_size5);
54
55
  }
55
- [dir=rtl] .keyboardActive::after {
56
- border-right: var(--zd_size2) solid var(--dot_border_slateGrey);
57
- right: 0;
56
+ [dir=rtl] .keyboardActive {
57
+ border-right-color: var(--zdt_listLayout_keyboard_active_border);
58
58
  border-top-right-radius: var(--zd_size5);
59
59
  border-bottom-right-radius: var(--zd_size5);
60
60
  }
package/lib/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -230,8 +230,10 @@
230
230
 
231
231
  /* list layout */
232
232
  --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
233
- --zdt_listLayout_hover_border: var(--dot_listItemHover);
234
- --zdt_listLayout_active_border: var(--dot_listItemActive);
233
+ --zdt_listLayout_hover_bg: var(--dot_listItemHover);
234
+ --zdt_listLayout_active_bg: var(--dot_listItemActive);
235
+ --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
236
+ --zdt_listLayout_keyboard_active_border:var(--dot_border_slateGrey);
235
237
 
236
238
  /* list stencils */
237
239
  --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
package/lib/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -230,8 +230,10 @@
230
230
 
231
231
  /* list layout */
232
232
  --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
233
- --zdt_listLayout_hover_border: var(--dot_listItemHover);
234
- --zdt_listLayout_active_border: var(--dot_listItemActive);
233
+ --zdt_listLayout_hover_bg: var(--dot_listItemHover);
234
+ --zdt_listLayout_active_bg: var(--dot_listItemActive);
235
+ --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
236
+ --zdt_listLayout_keyboard_active_border:var(--dot_border_slateGrey);
235
237
 
236
238
  /* list stencils */
237
239
  --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
package/lib/list/ListLayout/ListLayout.module.css CHANGED
@@ -6,10 +6,10 @@
6
6
  composes: varClass;
7
7
  }
8
8
  .listHover:hover, .hoveredStyle{
9
- background-color: var(--zdt_listLayout_hover_border);
9
+ background-color: var(--zdt_listLayout_hover_bg);
10
10
  }
11
11
  .active, .active:hover {
12
- background-color: var(--zdt_listLayout_active_border);
12
+ background-color: var(--zdt_listLayout_active_bg);
13
13
  }
14
14
  .cursorPointer{
15
15
  cursor: pointer
@@ -32,29 +32,29 @@
32
32
  }
33
33
  [dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
34
34
  margin-left: var(--zd_size2);
35
+ border-left: var(--zd_size2) solid transparent;
35
36
  }
36
37
  [dir=rtl] .compact, [dir=rtl] .classic, [dir=rtl] .superCompact {
37
38
  margin-right: var(--zd_size2);
39
+ border-right: var(--zd_size2) solid transparent;
38
40
  }
39
- .keyboardActive {
40
- position: relative;
41
+ [dir=ltr] .active{
42
+ border-left-color: var(--zdt_listLayout_active_border);
43
+ border-top-left-radius: var(--zd_size5);
44
+ border-bottom-left-radius: var(--zd_size5);
41
45
  }
42
- .keyboardActive::after {
43
- content: '';
44
- position: absolute;
45
- z-index: 2;
46
- height: 100%;
47
- top:0;
46
+ [dir=rtl] .active{
47
+ border-right-color: var(--zdt_listLayout_active_border);
48
+ border-top-right-radius: var(--zd_size5);
49
+ border-bottom-right-radius: var(--zd_size5);
48
50
  }
49
- [dir=ltr] .keyboardActive::after {
50
- border-left: var(--zd_size2) solid var(--dot_border_slateGrey);
51
- left: 0;
51
+ [dir=ltr] .keyboardActive {
52
+ border-left-color: var(--zdt_listLayout_keyboard_active_border);
52
53
  border-top-left-radius: var(--zd_size5);
53
54
  border-bottom-left-radius: var(--zd_size5);
54
55
  }
55
- [dir=rtl] .keyboardActive::after {
56
- border-right: var(--zd_size2) solid var(--dot_border_slateGrey);
57
- right: 0;
56
+ [dir=rtl] .keyboardActive {
57
+ border-right-color: var(--zdt_listLayout_keyboard_active_border);
58
58
  border-top-right-radius: var(--zd_size5);
59
59
  border-bottom-right-radius: var(--zd_size5);
60
60
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-beta.200",
3
+ "version": "1.0.0-beta.201",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
@@ -32,7 +32,7 @@
32
32
  "velocity-react": "^1.4.3",
33
33
  "@zohodesk/variables": "1.0.0-beta.25",
34
34
  "@zohodesk/i18n": "^1.0.0-beta.7",
35
- "@zohodesk/components": "1.0.0-alpha-216",
35
+ "@zohodesk/components": "1.0.0-alpha-219",
36
36
  "@zohodesk/icons": "1.0.0-beta.85",
37
37
  "@zohodesk/svg": "1.0.0-beta.37",
38
38
  "@zohodesk/virtualizer": "1.0.3",
@@ -42,7 +42,7 @@
42
42
  "velocity-react": "^1.4.3",
43
43
  "@zohodesk/variables": "^1.0.0-beta.25",
44
44
  "@zohodesk/i18n": "^1.0.0-beta.7",
45
- "@zohodesk/components": "1.0.0-alpha-216",
45
+ "@zohodesk/components": "1.0.0-alpha-219",
46
46
  "@zohodesk/icons": "^1.0.0-beta.85",
47
47
  "@zohodesk/svg": "^1.0.0-beta.37"
48
48
  },
package/src/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -230,8 +230,10 @@
230
230
 
231
231
  /* list layout */
232
232
  --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
233
- --zdt_listLayout_hover_border: var(--dot_listItemHover);
234
- --zdt_listLayout_active_border: var(--dot_listItemActive);
233
+ --zdt_listLayout_hover_bg: var(--dot_listItemHover);
234
+ --zdt_listLayout_active_bg: var(--dot_listItemActive);
235
+ --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
236
+ --zdt_listLayout_keyboard_active_border:var(--dot_border_slateGrey);
235
237
 
236
238
  /* list stencils */
237
239
  --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
package/src/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -230,8 +230,10 @@
230
230
 
231
231
  /* list layout */
232
232
  --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
233
- --zdt_listLayout_hover_border: var(--dot_listItemHover);
234
- --zdt_listLayout_active_border: var(--dot_listItemActive);
233
+ --zdt_listLayout_hover_bg: var(--dot_listItemHover);
234
+ --zdt_listLayout_active_bg: var(--dot_listItemActive);
235
+ --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
236
+ --zdt_listLayout_keyboard_active_border:var(--dot_border_slateGrey);
235
237
 
236
238
  /* list stencils */
237
239
  --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
package/src/docs/setupDocs.js CHANGED
@@ -9,8 +9,6 @@ export { default as HelpTitle__default } from '../setup/helptips/Title/docs/Titl
9
9
  export { default as HelpListGroup } from '../setup/helptips/ListGroup/ListGroup';
10
10
  export { default as HelpListGroup__default } from '../setup/helptips/ListGroup/docs/ListGroup__default.docs';
11
11
 
12
- // export { default as SelectDropdown } from '../setup/header/SelectDropdown/SelectDropdown';
13
- // export { default as SelectDropdown__default } from '../setup/header/SelectDropdown/docs/SelectDropdown__default.docs';
14
12
  export { default as SetupHeaderViews } from '../setup/header/Views/Views';
15
13
  export { default as SetupHeaderViews__default } from '../setup/header/Views/docs/Views__default.docs';
16
14
  export { default as SetupHeaderSearch } from '../setup/header/Search/Search';
package/src/list/ListLayout/ListLayout.module.css CHANGED
@@ -6,11 +6,11 @@
6
6
  composes: varClass;
7
7
  }
8
8
  .listHover:hover, .hoveredStyle{
9
- background-color: var(--zdt_listLayout_hover_border);
9
+ background-color: var(--zdt_listLayout_hover_bg);
10
10
  }
11
11
  .active,
12
12
  .active:hover {
13
- background-color: var(--zdt_listLayout_active_border);
13
+ background-color: var(--zdt_listLayout_active_bg);
14
14
  }
15
15
  .cursorPointer{
16
16
  cursor: pointer
@@ -37,18 +37,15 @@
37
37
  .classic,
38
38
  .superCompact {
39
39
  margin-left: var(--zd_size2);
40
+ border-left: var(--zd_size2) solid transparent;
40
41
  }
41
- .keyboardActive {
42
- position: relative;
42
+ .active{
43
+ border-left-color: var(--zdt_listLayout_active_border);
44
+ border-top-left-radius: var(--zd_size5);
45
+ border-bottom-left-radius: var(--zd_size5);
43
46
  }
44
- .keyboardActive::after {
45
- content: '';
46
- position: absolute;
47
- z-index: 2;
48
- height: 100%;
49
- border-left: var(--zd_size2) solid var(--dot_border_slateGrey);
50
- left: 0;
51
- top:0;
47
+ .keyboardActive {
48
+ border-left-color: var(--zdt_listLayout_keyboard_active_border);
52
49
  border-top-left-radius: var(--zd_size5);
53
50
  border-bottom-left-radius: var(--zd_size5);
54
51
  }