@everchron/ec-shards 7.3.0 → 7.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everchron/ec-shards",
-  "version": "7.3.0",
+  "version": "7.3.2",
   "private": false,
   "description": "Everchron Shards UI Library",
   "repository": "https://github.com/everchron/ec-shards.git",

package/src/components/action-toolbar/action-toolbar.vue

@@ -22,6 +22,7 @@
   align-items: center;
   width: 100%;
   padding: 0 $spacing-20;
+  gap: $spacing-10;
   height: $layout-actionbar-height;
   background: #FFF;
   border-bottom: 1px solid $color-gray-3;
@@ -42,19 +43,3 @@
   margin-top: -$layout-actionbar-height;
 }
 </style>
-
-<style lang="scss">
-.ecs-action-toolbar{
-  .divider{
-    height: 26px;
-    width: 1px;
-    min-width: 1px;
-    margin: 0 8px;
-    background: #E2E3E4;
-  }
-
-  .ecs-button{
-    margin: 0 4px;
-  }
-}
-</style>

package/src/components/emoji-picker/emoji-picker.vue

@@ -130,7 +130,7 @@ export default {
   border-radius: 6px 6px 0 0;
 }
 
-.ecs-tab-button :deep(.icon){
+.ecs-tab-button::v-deep .icon{
   width: 24px;
   height: 24px;
 }

package/src/components/emoji-picker/list.vue

@@ -112,6 +112,7 @@ export default {
 
 .category{
   content-visibility: auto;
+  contain-intrinsic-size: auto 900px;
 
   h2{
     font-size: $type-scale-2-font-size;

package/src/components/index.js

@@ -46,6 +46,7 @@ import EcsDocumentState from "./document-state/document-state.vue"
 import EcsDropdown from "./dropdown/dropdown.vue"
 import EcsDropzone from "./dropzone/dropzone.vue"
 import EcsEmptyState from "./empty-state/empty-state.vue"
+import EcsEmojiPicker from "./emoji-picker/emoji-picker.vue"
 import EcsEntryLink from "./entry-link/entry-link.vue"
 import EcsExcerptSnippet from "./excerpt-snippet/excerpt-snippet.vue"
 import EcsFavicon from "./favicon/favicon.vue"
@@ -183,6 +184,7 @@ const Components = {
   EcsDropdown,
   EcsDropzone,
   EcsEmptyState,
+  EcsEmojiPicker,
   EcsEntryLink,
   EcsExcerptSnippet,
   EcsFavicon,

package/src/components/modal-header/modal-header.vue

@@ -119,17 +119,3 @@ import EcsButton from '../button/button'
   }
 }
 </style>
-
-<style lang="scss">
-@import "../../tokens/build/scss/tokens.scss";
-
-.ecs-modal-header{
-  .divider{
-    background: $color-gray-4;
-    height: 24px;
-    width: 1px;
-    border-radius: 1px;
-    margin: 0 10px;
-  }
-}
-</style>

package/src/components/sidebar-header/sidebar-header.vue

@@ -101,15 +101,6 @@ export default {
 <style lang="scss">
 @import "../../tokens/build/scss/tokens.scss";
 
-.ecs-sidebar-header{
-  .divider{
-    background: $color-gray-4;
-    height: 20px;
-    width: 1px;
-    border-radius: 1px;
-  }
-}
-
 .ecs-sidebar-header-row{
   > *{
     opacity: 1;