evokit-list - npm Package Compare versions

Comparing version 3.1.0 to 3.2.0

CHANGELOG.md

@@ -5,4 +5,8 @@ [README]: /packages/evokit-list/README.md
 [list-display]: /packages/evokit-list/?id=list-display
+[list-divider]: /packages/evokit-list/?id=list-divider
+[list-indent]: /packages/evokit-list/?id=list-indent
 [list-item-display]: /packages/evokit-list/?id=list-item-display
 
+[issues_4]: //github.com/docccdev/evokit/issues/4
+
 # EvoKit - List
@@ -17,4 +21,9 @@
 
-### 3.1.0 *(xx.09.2019)*
+### 3.2.0 *(06.02.2020)*
 
+- **Fixed** issue [#4][issues_4] when prop [`list-divider`][list-divider] do not work with css modules
+- **Added** new values `3xl`, `4xl`, `5xl` for prop [`list-indent`][list-indent]
+
+### 3.1.0 *(11.10.2019)*
+
 - **Updated** peer dependencies [`evokit`][evokit] >= **v3.1.0**
@@ -21,0 +30,0 @@ - **Added** new props:

package.json

 {
   "name": "evokit-list",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "Used to create list",
@@ -34,3 +34,3 @@ "main": "index.js",
   },
-  "gitHead": "4ad6cd159ad69f2b54d3b77e0342e523c7874256"
+  "gitHead": "7189decdaeaa10cf4c80e330814f1c78e2bd3bae"
 }

README.md

@@ -5,3 +5,2 @@ [evokit]: /packages/evokit/
 [css-variable-usage]: //w3schools.com/css/css3_variables.asp
-[html-all-tags]: //www.w3schools.com/tags/default.asp
 
@@ -18,5 +17,3 @@ [create_theme]: /docs/base/theme.md
 [list-item-display]: #list-item-display
-[list-item-tag]: #list-item-tag
 [list-style]: #list-style
-[list-tag]: #list-tag
 
@@ -28,3 +25,3 @@ # EvoKit - List
 
-Used to create list. Contains two elements `<List>` and `<ListItem>`
+Used to create list. Contains two elements `<List>` and `<List.Item>`
 
@@ -43,7 +40,7 @@ ---
 
-> More about [usage][quik-start]. You can also use `<List.Item>` instead of `<ListItem>`
+> More about [usage][quik-start]
 
 ```jsx
 import React from 'react';
-import { List, ListItem } from 'evokit-list';
+import { List } from 'evokit-list';
 import 'evokit-list/style.css';
@@ -53,5 +50,5 @@
     <List list-indent='m'>
-        <ListItem>
+        <List.Item>
             ...
-        </ListItem>
+        </List.Item>
     </List>
@@ -72,7 +69,6 @@ );
 | [list-divider] | `null`        | [Create theme][create_theme] | Color separator between elements |
-| [list-indent]  | `none`        | `none` `xxs` `xs` `s` `m` `l` `xl` `xxl` | Indentation between elements |
+| [list-indent]  | `none`        | `none` `xxs` `xs` `s` `m` `l` `xl` `xxl` `3xl` `4xl` `5xl` | Indentation between elements |
 | [list-style]   | `null`        | `dash` `decimal` `disc` | Marker type |
-| [list-tag]     | `ul`          | [HTML tags][html-all-tags] | HTML tag    |
 
-### `<ListItem />`
+### `<List.Item />`
 
@@ -82,3 +78,2 @@ | Prop name           | Default value | Possible value             | Description  |
 | [list-item-display] | `block`       | `block` `none`             | Display type |
-| [list-item-tag]     | `li`          | [HTML tags][html-all-tags] | HTML tag     |
 
@@ -106,2 +101,5 @@
     --ek-list-indent-xxl: 35px;
+    --ek-list-indent-3xl: 40px;
+    --ek-list-indent-4xl: 45px;
+    --ek-list-indent-5xl: 50px;
 }
@@ -116,12 +114,2 @@ ```
 
-## `list-tag`
-
-- Default value `ul`
-
-```jsx
-<List list-tag='ul'>
-    ...
-</List>
-```
-
 ## `list-display`
@@ -134,5 +122,5 @@
 <List list-display='none'>
-    <ListItem>
+    <List.Item>
         ...
-    </ListItem>
+    </List.Item>
 </List>
@@ -151,8 +139,11 @@ ```
 - `xxl` - css variable `--ek-list-indent-xxl`, default value: `35px`
+- `3xl` - css variable `--ek-list-indent-3xl`, default value: `40px`
+- `4xl` - css variable `--ek-list-indent-4xl`, default value: `45px`
+- `5xl` - css variable `--ek-list-indent-5xl`, default value: `50px`
 
 ```jsx
 <List list-indent='xxl'>
-    <ListItem>
+    <List.Item>
         ...
-    </ListItem>
+    </List.Item>
 </List>
@@ -169,5 +160,5 @@ ```
 <List list-style='decimal'>
-    <ListItem>
+    <List.Item>
         ...
-    </ListItem>
+    </List.Item>
 </List>
@@ -182,5 +173,5 @@ ```
 <List list-color={THEME_NAME}>
-    <ListItem>
+    <List.Item>
         ...
-    </ListItem>
+    </List.Item>
 </List>
@@ -195,20 +186,8 @@ ```
 <List list-divider={THEME_NAME}>
-    <ListItem>
+    <List.Item>
         ...
-    </ListItem>
+    </List.Item>
 </List>
 ```
 
-## `list-item-tag`
-
-- Default value `li`
-
-```jsx
-<List>
-    <ListItem list-item-tag='li'>
-        ...
-    </ListItem>
-</List>
-```
-
 ## `list-item-display`
@@ -221,6 +200,6 @@
 <List>
-    <ListItem list-item-display='none'>
+    <List.Item list-item-display='none'>
         ...
-    </ListItem>
+    </List.Item>
 </List>
 ```

No alert changes

Worsened metrics

Total package byte prevSize

39698

decreased by-23.71%

Lines of code

746

decreased by-24.11%

Number of lines in readme file

191

decreased by-9.91%

No dependency changes