beyond-rails 0.0.294 → 1.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b08747b155edbe7a1bfbff17baa4b437e6704b0a84ed2012811fbd92ce89611b
-  data.tar.gz: 80ee5b2b5d1effda5d7292eaeaa7bdbdaa1343d0b72e075bee519e1bc44e8700
+  metadata.gz: c9c1c444d24ac393edf6187bf49dbab065d1a954240d97d0587853a6b7096436
+  data.tar.gz: 7f815486ea5910defbf2803223f8d619c510a96de7cea741173891ea77207eab
 SHA512:
-  metadata.gz: 943a5f72642b6d25abcdf6e73796f820918df0112ccd2ba08732e62d69521e69bda92589208757fdf4de02818d6db62b7b59c933adf131d60cebc5dcfc77cc6c
-  data.tar.gz: d687b61765ee12606d800f1a932a3b46f811efb5e87d13e8733d4b4096bbcf7ae1d7ca3bdf891fc2c22c6ec8c78e05c2d390b9c583f39e472ee3ac94a2029cfd
+  metadata.gz: 7abca7cb1233ffb736fcb6aa3456209b6fcf0c743ddf27f017d5c2fc12610802ee1b557449a599d778bc127d822c1a0541f102a4d1e19d38130308bf9d0ea574
+  data.tar.gz: a3273d931fd2311e668c1074c6576d997d6bf8c5c0bb1ee8128f38b6e5d047333c5ca27cd0b33bc3ef03f4df1e941d19d6078366c21537fd132f66be6146f430

data/src/font/beyond.svg

@@ -142,6 +142,13 @@
 <glyph unicode="&#xe984;" glyph-name="expand" d="M511.868-65.382h-0.845c-14.249 0.040-27.086 6.057-36.136 15.676-0.801 0.713-1.585 1.457-2.35 2.231l-343.999 348.25c-19.309 19.548-19.115 51.047 0.432 70.356s51.047 19.115 70.356-0.432l262.305-265.547 1.213 575.831c0.058 27.476 22.379 49.703 49.855 49.645s49.703-22.379 49.645-49.855l-1.215-576.566 263.564 266.512c19.32 19.536 50.82 19.712 70.356 0.391s19.712-50.82 0.391-70.356l-347.473-351.359c-9.914-10.025-23.035-14.952-36.101-14.777v0zM143.131 880c-16.089 0-29.131 17.909-29.131 40s13.042 40 29.131 40h737.738c16.089 0 29.131-17.909 29.131-40s-13.042-40-29.131-40h-737.738z" />
 <glyph unicode="&#xe985;" glyph-name="shrink" d="M511.868 733.382c13.066 0.174 26.187-4.752 36.101-14.777l347.473-351.359c19.32-19.536 19.145-51.036-0.391-70.356s-51.036-19.145-70.356 0.391l-263.564 266.512 1.215-576.566c0.058-27.476-22.169-49.797-49.645-49.855s-49.797 22.169-49.855 49.646l-1.213 575.831-262.305-265.547c-19.309-19.548-50.808-19.741-70.356-0.432s-19.741 50.808-0.432 70.356l343.999 348.25c0.765 0.774 1.548 1.518 2.35 2.231 9.050 9.619 21.887 15.636 36.136 15.676h0.845zM143.131 880c-16.089 0-29.131 17.909-29.131 40s13.042 40 29.131 40h737.738c16.089 0 29.131-17.909 29.131-40s-13.042-40-29.131-40h-737.738z" />
 <glyph unicode="&#xe986;" glyph-name="brush-alt" d="M895.693 940.743c39.535 21.353 73.331 18.001 101.388-10.056s31.529-61.973 10.415-101.747c-143.315-175.012-239.296-288.064-287.944-339.154-72.972-76.635-157.854-139.003-163.736-133.121-6.569 6.569-118.875 118.875-132.999 132.999 0 0-26.317 11.172 133.364 163.493 106.454 101.547 219.625 197.409 339.512 287.586zM354.82 430.539c43.447-43.447 87.986-87.092 133.617-130.937 0.461-110.050-52.691-190.068-159.457-240.055s-216.426 4.111-328.98 162.293c77.634-4.996 125.092 4.308 142.375 27.91 26.195 35.773 7.996 84.241 73.273 146.441 36.047 34.348 107.648 34.348 139.172 34.348z" />
-<glyph unicode="&#xe999;" glyph-name="bug" d="M1024 384v64h-193.29c-5.862 72.686-31.786 139.026-71.67 192.25h161.944l70.060 280.24-62.090 15.522-57.94-231.76h-174.68c-0.892 0.694-1.796 1.374-2.698 2.056 6.71 19.502 10.362 40.422 10.362 62.194 0.002 105.76-85.958 191.498-191.998 191.498s-192-85.738-192-191.5c0-21.772 3.65-42.692 10.362-62.194-0.9-0.684-1.804-1.362-2.698-2.056h-174.68l-57.94 231.76-62.090-15.522 70.060-280.24h161.944c-39.884-53.222-65.806-119.562-71.668-192.248h-193.29v-64h193.37c3.802-45.664 15.508-88.812 33.638-127.75h-123.992l-70.060-280.238 62.090-15.524 57.94 231.762h112.354c58.692-78.032 147.396-127.75 246.66-127.75s187.966 49.718 246.662 127.75h112.354l57.94-231.762 62.090 15.524-70.060 280.238h-123.992c18.13 38.938 29.836 82.086 33.636 127.75h193.37z" />
-<glyph unicode="&#xe9b3;" glyph-name="target1" d="M1024 512h-100.924c-27.64 178.24-168.836 319.436-347.076 347.076v100.924h-128v-100.924c-178.24-27.64-319.436-168.836-347.076-347.076h-100.924v-128h100.924c27.64-178.24 168.836-319.436 347.076-347.076v-100.924h128v100.924c178.24 27.64 319.436 168.836 347.076 347.076h100.924v128zM792.822 512h-99.762c-19.284 54.55-62.51 97.778-117.060 117.060v99.762c107.514-24.49 192.332-109.31 216.822-216.822zM512 384c-35.346 0-64 28.654-64 64s28.654 64 64 64c35.346 0 64-28.654 64-64s-28.654-64-64-64zM448 728.822v-99.762c-54.55-19.282-97.778-62.51-117.060-117.060h-99.762c24.49 107.512 109.31 192.332 216.822 216.822zM231.178 384h99.762c19.282-54.55 62.51-97.778 117.060-117.060v-99.762c-107.512 24.49-192.332 109.308-216.822 216.822zM576 167.178v99.762c54.55 19.284 97.778 62.51 117.060 117.060h99.762c-24.49-107.514-109.308-192.332-216.822-216.822z" />
+<glyph unicode="&#xe987;" glyph-name="pencil7" d="M768 416v-352h-640v640h352l128 128h-512c-52.8 0-96-43.2-96-96v-704c0-52.8 43.2-96 96-96h704c52.798 0 96 43.2 96 96v512l-128-128zM864 960l-608-608v-160h160l608 608c0 96-64 160-160 160zM416 320l-48 48 480 480 48-48-480-480z" />
+<glyph unicode="&#xe9fd;" glyph-name="store2" d="M416 384h-192c-17.672 0-32-14.326-32-32v-192c0-17.674 14.328-32 32-32h192c17.672 0 32 14.326 32 32v192c0 17.674-14.328 32-32 32zM384 192h-128v128h128v-128zM1024 576v288c0 17.672-14.326 32-32 32h-960c-17.672 0-32-14.328-32-32v-288c0-47.274 25.78-88.612 64-110.78v-465.22h-32c-17.672 0-32-14.326-32-32s14.328-32 32-32h960c17.674 0 32 14.326 32 32s-14.326 32-32 32h-32v465.22c38.22 22.168 64 63.506 64 110.78zM640 832h128v-256c0-35.29-28.71-64-64-64-35.292 0-64 28.71-64 64v256zM256 832h128v-256c0-35.29-28.71-64-64-64-35.292 0-64 28.71-64 64v256zM768 0h-128v256h128v-256zM896 0h-64v288c0 17.674-14.326 32-32 32h-192c-17.674 0-32-14.326-32-32v-288h-448v448c38.204 0 72.526 16.844 96 43.472 23.474-26.628 57.796-43.472 96-43.472s72.526 16.844 96 43.472c23.474-26.628 57.796-43.472 96-43.472s72.528 16.844 96 43.47c23.472-26.626 57.796-43.47 96-43.47s72.528 16.844 96 43.47c23.472-26.626 57.796-43.47 96-43.47v-448z" />
+<glyph unicode="&#xea06;" glyph-name="basket" d="M812.988 576l-177.842 231.53c3.122 7.54 4.854 15.802 4.854 24.47 0 35.346-28.652 64-64 64-35.346 0-64-28.654-64-64s28.654-64 64-64c2.842 0 5.632 0.204 8.376 0.564l147.912-192.564h-440.574l147.912 192.564c2.742-0.36 5.534-0.564 8.374-0.564 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64c0-8.668 1.732-16.93 4.854-24.468l-177.842-231.532h-211.012v-128h64l64-512h768l64 512h64v128h-211.012zM320 64h-128v128h128v-128zM320 320h-128v128h128v-128zM576 64h-128v128h128v-128zM576 320h-128v128h128v-128zM832 64h-128v128h128v-128zM832 320h-128v128h128v-128z" />
+<glyph unicode="&#xea0b;" glyph-name="coin-dollar" d="M480 896c-265.096 0-480-214.904-480-480 0-265.098 214.904-480 480-480 265.098 0 480 214.902 480 480 0 265.096-214.902 480-480 480zM480 32c-212.078 0-384 171.922-384 384s171.922 384 384 384c212.078 0 384-171.922 384-384s-171.922-384-384-384zM512 448v128h128v64h-128v64h-64v-64h-128v-256h128v-128h-128v-64h128v-64h64v64h128.002l-0.002 256h-128zM448 448h-64v128h64v-128zM576.002 256h-64.002v128h64.002v-128z" />
+<glyph unicode="&#xea9d;" glyph-name="database-refresh" d="M923.004 507.004c-50.316 43.010-115.62 68.996-187.004 68.996-140.95 0-258.234-101.262-283.116-235h98.562c23.058 80.174 97.062 139 184.554 139 44.798 0 86.038-15.45 118.736-41.264l-118.736-118.736h288v288l-100.996-100.996zM736 96c-44.798 0-86.038 15.45-118.736 41.264l118.736 118.736h-288v-288l100.996 100.996c50.312-43.012 115.62-68.996 187.004-68.996 140.95 0 258.232 101.262 283.116 235h-98.556c-23.064-80.174-97.068-139-184.56-139zM138.12 374.66c-48.8 17.594-68.726 35.99-74.12 43.338v161.998c63.702-41.124 168.942-67.996 288-67.996 10.79 0 21.458 0.234 32 0.666v84.098c-10.574-0.488-21.246-0.764-32-0.764-73.698 0-144.112 11.6-198.27 32.662-45.24 17.594-63.712 35.99-68.71 43.338 4.998 7.348 23.47 25.744 68.71 43.338 54.158 21.062 124.572 32.662 198.27 32.662s144.112-11.6 198.272-32.662c45.238-17.594 63.71-35.99 68.708-43.338-3.924-5.768-16.16-18.346-43.124-32h121.096c4.618 10.34 7.046 21.042 7.046 32 0 88.366-157.596 160-352 160s-351.998-71.634-351.998-160v-512c0-88.366 157.596-160 352-160 10.79 0 21.458 0.232 32 0.664v83.984c-10.582-0.418-21.254-0.648-32-0.648-79.5 0-155.458 11.6-213.88 32.662-48.802 17.594-68.728 35.99-74.12 43.338v165.994c63.702-41.124 168.942-67.996 288-67.996 10.79 0 21.458 0.232 32 0.666v83.982c-10.582-0.418-21.254-0.648-32-0.648-79.5 0-155.458 11.6-213.88 32.662z" />
+<glyph unicode="&#xeb79;" glyph-name="bug" d="M1024 384v64h-193.29c-5.862 72.686-31.786 139.026-71.67 192.25h161.944l70.060 280.24-62.090 15.522-57.94-231.76h-174.68c-0.892 0.694-1.796 1.374-2.698 2.056 6.71 19.502 10.362 40.422 10.362 62.194 0.002 105.76-85.958 191.498-191.998 191.498s-192-85.738-192-191.5c0-21.772 3.65-42.692 10.362-62.194-0.9-0.684-1.804-1.362-2.698-2.056h-174.68l-57.94 231.76-62.090-15.522 70.060-280.24h161.944c-39.884-53.222-65.806-119.562-71.668-192.248h-193.29v-64h193.37c3.802-45.664 15.508-88.812 33.638-127.75h-123.992l-70.060-280.238 62.090-15.524 57.94 231.762h112.354c58.692-78.032 147.396-127.75 246.66-127.75s187.966 49.718 246.662 127.75h112.354l57.94-231.762 62.090 15.524-70.060 280.238h-123.992c18.13 38.938 29.836 82.086 33.636 127.75h193.37z" />
+<glyph unicode="&#xebde;" glyph-name="meter" d="M512 896c282.77 0 512-229.23 512-512 0-192.792-106.576-360.666-264.008-448h-495.984c-157.432 87.334-264.008 255.208-264.008 448 0 282.77 229.23 512 512 512zM801.914 94.086c77.438 77.44 120.086 180.398 120.086 289.914h-90v64h85.038c-7.014 44.998-21.39 88.146-42.564 128h-106.474v64h64.284c-9.438 11.762-19.552 23.096-30.37 33.914-46.222 46.22-101.54 80.038-161.914 99.798v-69.712h-64v85.040c-20.982 3.268-42.36 4.96-64 4.96s-43.018-1.69-64-4.96v-85.040h-64v69.712c-60.372-19.76-115.692-53.576-161.914-99.798-10.818-10.818-20.932-22.152-30.37-33.914h64.284v-64h-106.476c-21.174-39.854-35.552-83.002-42.564-128h85.040v-64h-90c0-109.516 42.648-212.474 120.086-289.914 10.71-10.71 21.924-20.728 33.56-30.086h192.354l36.572 512h54.856l36.572-512h192.354c11.636 9.358 22.852 19.378 33.56 30.086z" />
+<glyph unicode="&#xec2c;" glyph-name="target1" d="M1024 512h-100.924c-27.64 178.24-168.836 319.436-347.076 347.076v100.924h-128v-100.924c-178.24-27.64-319.436-168.836-347.076-347.076h-100.924v-128h100.924c27.64-178.24 168.836-319.436 347.076-347.076v-100.924h128v100.924c178.24 27.64 319.436 168.836 347.076 347.076h100.924v128zM792.822 512h-99.762c-19.284 54.55-62.51 97.778-117.060 117.060v99.762c107.514-24.49 192.332-109.31 216.822-216.822zM512 384c-35.346 0-64 28.654-64 64s28.654 64 64 64c35.346 0 64-28.654 64-64s-28.654-64-64-64zM448 728.822v-99.762c-54.55-19.282-97.778-62.51-117.060-117.060h-99.762c24.49 107.512 109.31 192.332 216.822 216.822zM231.178 384h99.762c19.282-54.55 62.51-97.778 117.060-117.060v-99.762c-107.512 24.49-192.332 109.308-216.822 216.822zM576 167.178v99.762c54.55 19.284 97.778 62.51 117.060 117.060h99.762c-24.49-107.514-109.308-192.332-216.822-216.822z" />
+<glyph unicode="&#xee83;" glyph-name="pencil-ruler" d="M249.562 945.846c-5.964 8.882-15.986 14.21-26.676 14.154-10.7-0.040-20.672-5.422-26.574-14.346l-127-192c-3.464-5.236-5.312-11.376-5.312-17.654v-736c0-35.29 28.708-64 64-64h192c35.29 0 64 28.71 64 64v736c0 6.356-1.894 12.57-5.44 17.846l-128.998 192zM197.868 832h51.082l71.050-105.752 0.022-662.248h-192.022v662.374l69.868 105.626zM224 128c17.672 0 32 14.326 32 32v512c0 17.672-14.328 32-32 32s-32-14.328-32-32v-512c0-17.674 14.328-32 32-32zM512 960v-1024h384v1024h-384zM832 832h-64v-64h64v-64h-128v-64h128v-64h-64v-64h64v-64h-128v-64h128v-64h-64v-64h64v-64h-128v-64h128v-128h-256v896h256v-64z" />
 </font></defs></svg>

data/src/js/components/Dropdown.js

@@ -1,6 +1,6 @@
 import getFloatedTargetPos from '../utils/getFloatedTargetPos'
 import supportDom from '../decorators/supportDom'
-import { isFunction, toPixel, throttle } from '../utils'
+import { isFunction, toPixel, throttle, noop } from '../utils'
 
 @supportDom
 export default class Dropdown {
@@ -14,6 +14,7 @@ export default class Dropdown {
     this.defaultTextNode = this.getDefaultTextNode(dom, options.textIndex)
     this.defaultText = this.defaultTextNode ? this.defaultTextNode.textContent.trim() : ''
     this.backdropMode = options.backdropMode || 'auto'
+    this.hidden = options.hidden || noop
     this.init()
   }
 
@@ -136,7 +137,12 @@ export default class Dropdown {
       })
     }
 
-    this.addEvent(this.dom, 'click', () => this.toggleMenu())
+    this.addEvent(this.dom, 'click', () => {
+      this.toggleMenu()
+      if (! this.isMenuVisible) {
+        this.hidden()
+      }
+    })
 
     this.addEvent(document, 'click', event => {
       if (! this.isMenuVisible) {
@@ -148,6 +154,7 @@ export default class Dropdown {
       // is backdrop
       if ((event.target !== this.dom) && (! this.dom.contains(event.target))) {
         this.hideMenu()
+        this.hidden()
       }
     })
 

data/src/js/components/SearchDropdown.js

@@ -33,7 +33,6 @@ export default class SearchDropdown {
     this.items = []
     this.compositionStarted = false
     this.compositionJustEnded = false
-    this.noDataMsgVisible = false
     this.loading = true
     this.init()
   }
@@ -184,12 +183,12 @@ export default class SearchDropdown {
     const { menuContent, items, selectedIndex } = this
     const { renderItem } = this.options
 
-    const menuItems = items.map((item, i) => {
+    let menuItems = items.map((item, i) => {
       return renderItem(item, i, (selectedIndex === i), items)
     })
 
-    if (this.noDataMsgVisible) {
-      menuItems.unshift(`<div class="search-dropdown-menu-item">${this.noDataMsg}</div>`)
+    if (menuItems.length === 0) {
+      menuItems = [`<div class="search-dropdown-menu-item">${this.noDataMsg}</div>`]
     }
 
     menuContent.innerHTML = menuItems.join('')
@@ -226,7 +225,6 @@ export default class SearchDropdown {
     }
     this.resetSelectedIndex()
     this.lastKeyword = keyword
-    this.noDataMsgVisible = false
     this.setItems([])
 
     this.setLoading(true)
@@ -235,10 +233,6 @@ export default class SearchDropdown {
 
     this.setLoading(false)
 
-    if (items.length === 0) {
-      this.noDataMsgVisible = true
-    }
-
     if (this.lastKeyword === this.input.value) {
       this.setItems(items)
     }
@@ -310,6 +304,8 @@ export default class SearchDropdown {
     this.addEvent(this.menuContent, 'click', event => {
       const item = this.findClickedItem(event.target)
       if (item) {
+        event.preventDefault()
+        event.stopPropagation()
         this.setItem(item)
       }
     })

data/src/js/components/Tooltip.js

@@ -67,12 +67,10 @@ export default class Tooltip {
       this.addEvent(dom, 'mouseover', () => {
 
         const msg = this.dom.dataset.msg || ''
-        const style = this.dom.dataset.style || 'default'
 
         if (msg.length === 0) {
           return
         }
-
         this.setTooltipMsg()
 
         tooltip.style.opacity = 0
@@ -84,9 +82,7 @@ export default class Tooltip {
           place: this.getPlace(),
           offset: this.getOffset()
         })
-
-        tooltip.className = (style === 'default') ? 'tooltip' : `tooltip tooltip-popover ${place}`
-
+        tooltip.className = `tooltip ${place}`
         tooltip.style.left = toPixel(pos.left)
         tooltip.style.top = toPixel(pos.top)
         tooltip.style.opacity = 1

data/src/sass/abstracts/_variables.scss

@@ -197,20 +197,6 @@ $bg-tags: (
 $color-tag-danger-ex: #fff;
 $bg-tag-danger-ex: #e03953;
 
-$bg-avatar-type0: #a3d96e;
-$bg-avatar-type1: #ffb958;
-$bg-avatar-type2: #5956D6;
-$bg-avatar-type3: #ce4d94;
-$bg-avatar-type4: #56c4d6;
-
-$bg-avatars: (
-  (avatar-type0, $bg-avatar-type0),
-  (avatar-type1, $bg-avatar-type1),
-  (avatar-type2, $bg-avatar-type2),
-  (avatar-type3, $bg-avatar-type3),
-  (avatar-type4, $bg-avatar-type4)
-);
-
 $screen-sm: 576px;
 $screen-md: 768px;
 $screen-lg: 992px;
@@ -258,52 +244,41 @@ $alert-color-secondary: #3c4257;
 $alert-color-link-secondary: #121623;
 $alert-color-hr-secondary: #121623;
 
-$alert-bg-success: #e6f3e6;
-$alert-color-success: #3c4257;
-$alert-color-link-success: #022519;
-$alert-color-hr-success: #87b3a4;
-
 $alert-bg-danger: #f7e9e9;
 $alert-color-danger: #3c4257;
 $alert-color-link-danger: #310101;
 $alert-color-hr-danger: #310101;
 
-$alert-bg-warning: #f9f1ea;
-$alert-color-warning: #3c4257;
-$alert-color-link-warning: #3a1401;
-$alert-color-hr-warning: #3a1401;
-
-$alert-bg-info: #e8eff5;
-$alert-color-info: #3c4257;
-$alert-color-link-info: #08111f;
-$alert-color-hr-info: #08111f;
-
-$alert-bg-light: #eee;
-$alert-color-light: #3c4257;
-$alert-color-link-light: #14182b;
-$alert-color-hr-light: #14182b;
-
-$alert-bg-dark: #4e4e4e;
-$alert-color-dark: #ddd;
-$alert-color-link-dark: #fff;
-$alert-color-hr-dark: #fff;
-
-$alert-states: 'primary', 'secondary', 'success',
-  'danger', 'warning', 'info', 'light', 'dark';
-
-$alert-bgs: $alert-bg-primary, $alert-bg-secondary, $alert-bg-success,
-  $alert-bg-danger, $alert-bg-warning, $alert-bg-info, $alert-bg-light, $alert-bg-dark;
-
-$alert-colors: $alert-color-primary, $alert-color-secondary, $alert-color-success,
-  $alert-color-danger, $alert-color-warning, $alert-color-info, $alert-color-light, $alert-color-dark;
-
-$alert-color-links: $alert-color-link-primary, $alert-color-link-secondary,
-  $alert-color-link-success, $alert-color-link-danger, $alert-color-link-warning,
-  $alert-color-link-info, $alert-color-link-light, $alert-color-link-dark;
-
-$alert-color-hrs: $alert-color-hr-primary, $alert-color-hr-secondary,
-  $alert-color-hr-success, $alert-color-hr-danger, $alert-color-hr-warning,
-  $alert-color-hr-info, $alert-color-hr-light, $alert-color-hr-dark;
+$alert-bg-warn: #f9f1ea;
+$alert-color-warn: #3c4257;
+$alert-color-link-warn: #3a1401;
+$alert-color-hr-warn: #3a1401;
+
+$alert-states: 'primary', 'secondary', 'warn', 'danger';
+
+$alert-bgs:
+  $alert-bg-primary,
+  $alert-bg-secondary,
+  $alert-bg-warn,
+  $alert-bg-danger;
+
+$alert-colors:
+  $alert-color-primary,
+  $alert-color-secondary,
+  $alert-color-warn,
+  $alert-color-danger;
+
+$alert-color-links:
+  $alert-color-link-primary,
+  $alert-color-link-secondary,
+  $alert-color-link-warn,
+  $alert-color-link-danger;
+
+$alert-color-hrs:
+  $alert-color-hr-primary,
+  $alert-color-hr-secondary,
+  $alert-color-hr-warn,
+  $alert-color-hr-danger;
 
 $sizes: 25, 50, 75, 100;
 
@@ -325,31 +300,17 @@ $badges:
 $border-color: #dee2e6;
 
 // buttons
-// classname, bg, color, bg-ex, bg-disabled, outlined-color, badge-bg, badge-color
-$btn-primary: 'btn-primary', #6772e5, #fff, #7795f8, #b2b7df, darken(#6772e5, 10%), #6c8eef, #fff;
-$btn-secondary: 'btn-secondary', #fff, #6772e5, #fff, #ebebeb, lighten(#6772e5, 18%), lighten(#ccc, 12%), #6772e5;
-$btn-success: 'btn-success', #25b47e, #fff, #7de1bb, #98b6ab, darken(#25b47e, 10%), lighten(#25b47e, 5%), #fff;
-$btn-danger: 'btn-danger', #cd3d64, #fff, #ef6a8e, #b59ba7, darken(#cd3d64, 10%), lighten(#cd3d64, 10%), #fff;
-$btn-warn: 'btn-warn', #f1946a, #fff, #ffaf8c, #e5cec3, darken(#f1946a, 10%), lighten(#f1946a, 7%), #fff;
-$btn-warning: 'btn-warning', #f1946a, #fff, #ffaf8c, #e5cec3, darken(#f1946a, 10%), lighten(#f1946a, 7%), #fff;
-$btn-info: 'btn-info', #5ecdf1, #fff, #7bdfff, #a4c5d0, darken(#5ecdf1, 10%), lighten(#5ecdf1, 7%), #fff;
-$btn-light: 'btn-light', #f8f9fa, #697386, #f8f9fa, #ebebeb, #ccc, lighten(#ccc, 13%), #697386;
-$btn-dark: 'btn-dark', #000, #fff, #4c4c4c, #b7b7b7, #000, lighten(#000, 30%), #fff;
-$btn-type1: 'btn-type1', #d681d8, #fff, #eda3ef, #d1bdd1, darken(#d681d8, 10%), lighten(#d681d8, 7%), #fff;
-$btn-type2: 'btn-type2', #fdd85f, #516487, #ffe89e, #dcd7c9, darken(#fdd85f, 10%), lighten(#fdd85f, 7%), #516487;
+// classname, border, bg, color, bg-ex, bg-disabled, badge-bg, badge-color
+$btn-primary: 'btn-primary', #6772e5, #fff, #7795f8, #b2b7df, #6c8eef, #fff;
+$btn-secondary: 'btn-secondary', #fff, #6772e5, #fff, #ebebeb, lighten(#ccc, 12%), #6772e5;
+$btn-danger: 'btn-danger', #cd3d64, #fff, #ef6a8e, #b59ba7, lighten(#cd3d64, 10%), #fff;
+$btn-warn: 'btn-warn', #f1946a, #fff, #ffaf8c, #e5cec3, lighten(#f1946a, 7%), #fff;
 
 $btns:
   $btn-primary,
   $btn-secondary,
-  $btn-success,
   $btn-danger,
-  $btn-warn,
-  $btn-warning,
-  $btn-info,
-  $btn-light,
-  $btn-dark,
-  $btn-type1,
-  $btn-type2;
+  $btn-warn;
 
 // classname, bg, color, color-ex, color-disabled
 $btn-link: 'btn-link', #fff, #5469d4, #32325d, #bbb;

data/src/sass/base/_typography.scss

@@ -161,7 +161,8 @@ body a.txt-type4:hover {
 }
 
 .txt-muted {
-  color: #6c757d;
+  color: #495763;
+  font-weight: 500;
 }
 
 .txt-center {

data/src/sass/components/_avatar.scss

@@ -19,10 +19,9 @@
   line-height: 38px;
   font-size: 16px;
 }
-@each $classname, $bg in $bg-avatars {
-  .avatar.#{$classname} {
-    background-color: $bg;
-    border: 1px solid $bg;
-    color: #fff;
-  }
+.avatar-letter {
+  background-color: #eee;
+  border: 1px solid #ddd;
+  color: #333;
+  font-weight: 900;
 }

data/src/sass/components/_btn.scss

@@ -1,21 +1,37 @@
+$default-border: #e6e6e6;
+
 .btn {
   outline: 0;
   background-color: #fff;
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  border: 0;
+  border: 1px solid $default-border;
   padding: 6px 12px 7px;
   border-radius: 3px;
   font-size: 14px;
   font-weight: 700;
   transition: all .3s;
-  box-shadow: 0 4px 6px 0 rgba(50, 50, 93, .11),
-    0 1px 3px 0 rgba(0, 0, 0, .08);
+
   &:focus,
   &:hover:focus {
     @include focus-outline;
   }
+  &.hover,
+  &:hover {
+    transform: translateY(-1px);
+  }
+  &.active,
+  &:active {
+    transform: translateY(0);
+    box-shadow: none;
+    border: 1px solid darken($default-border, 20%);
+  }
+  &.disabled,
+  &:disabled {
+    transform: translateY(0);
+    cursor: not-allowed;
+  }
   &.btn-sm {
     &, .icon:before {
       font-size: 12px;
@@ -50,22 +66,6 @@
       }
     }
   }
-  &.hover,
-  &:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 7px 12px 0 rgba(50, 50, 93, .11),
-      0 3px 6px 0 rgba(0, 0, 0, .08);
-  }
-  &.active,
-  &:active {
-    transform: translateY(0);
-    box-shadow: none;
-  }
-  &.disabled,
-  &:disabled {
-    transform: translateY(0);
-    cursor: not-allowed;
-  }
   .icon {
     margin-right: .4em;
   }
@@ -97,58 +97,44 @@
   @include ripple(48px, 0, 0);
 }
 
-.btn.btn-outline,
-a.btn.btn-outline {
-  color: $text-color;
-}
-
-.btn.btn-outline {
-  background-color: #fff;
-  font-size: 13px;
-  font-weight: 400;
-  padding: 4px 7px;
-  border: 1px solid #ccc;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
-  &.hover,
-  &:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 1px 2px 0 rgba(50, 50, 93, .11),
-      0 3px 6px 0 rgba(0, 0, 0, .08);
-  }
-  &:focus {
-    @include focus-outline;
-  }
-  &.active {
-    background-color: #f3f3f7;
-  }
-}
-
-.btn-outline .ring-loader div {
-  border-color: $text-color-light transparent transparent transparent;
-}
-
 .btn .badge {
   margin-left: .5rem;
   font-weight: 400;
 }
 
-@each $classname, $bg, $color, $bg-ex, $bg-disabled, $outlined-color, $badge-bg, $badge-color in $btns {
+@each $classname, $bg, $color, $bg-ex, $bg-disabled, $badge-bg, $badge-color in $btns {
   .btn.#{$classname} {
     background-color: $bg;
     color: $color;
+    @if $classname == 'btn-secondary' {
+      border: 1px solid $default-border;
+      box-shadow: none;
+    }
+    @else {
+      border: 0;
+      box-shadow: 0 4px 6px 0 rgba(50, 50, 93, .05),
+        0 1px 3px 0 rgba(0, 0, 0, .08);
+      &.hover,
+      &:hover {
+        box-shadow: 0 7px 12px 0 rgba(50, 50, 93, .05),
+          0 3px 6px 0 rgba(0, 0, 0, .08);
+      }
+    }
+
     &.hover,
     &:hover,
     &.active,
     &:active {
       background-color: $bg-ex;
     }
+    &.active,
+    &:active {
+      border: 1px solid darken($bg-ex, 20%);
+    }
     &.disabled,
     &:disabled {
       background-color: $bg-disabled;
     }
-    &.outlined {
-      border: 1px solid $outlined-color;
-    }
     .badge {
       background-color: $badge-bg;
       color: $badge-color;
@@ -171,9 +157,6 @@ a.btn.btn-outline {
   &:disabled {
     color: nth($btn-link, 5);
   }
-  &.outlined {
-    border: 1px solid #ccc;
-  }
 }
 
 button.close {

data/src/sass/components/_dropdown.scss

@@ -25,6 +25,7 @@
 .dropdown-menu {
   display: none;
   transition: .2s all;
+  border-radius: 5px;
 
   .dropdown-menu-scrollable {
     max-height: 186px;
@@ -153,3 +154,13 @@
   padding: 14px;
   font-size: .9rem;
 }
+
+.dropdown-menu .dropdown-submenu .dropdown-item {
+  padding: .4rem 1.2rem .4rem 1.2rem;
+}
+.dropdown-heading {
+  font-size: 14px;
+  padding: 0 15px;
+  font-weight: 900;
+  color: #40468a;
+}

data/src/sass/components/_icon.scss

@@ -64,279 +64,371 @@
 }
 .icon-bell:before {
   content: "\e90c";
+  
 }
 .icon-bell-alt:before {
   content: "\e90b";
+  
 }
 .icon-bh:before {
   content: "\e90d";
+  
 }
 .icon-birthday-cake:before {
   content: "\e90e";
+  
 }
 .icon-black-cat:before {
   content: "\e90f";
+  
 }
 .icon-bolt:before {
   content: "\e911";
+  
 }
 .icon-bolt-alt:before {
   content: "\e910";
+  
 }
 .icon-brush:before {
   content: "\e912";
+  
 }
 .icon-brush-alt:before {
   content: "\e986";
+  
 }
 .icon-calculator:before {
   content: "\e913";
+  
 }
 .icon-calendar:before {
   content: "\e914";
+  
 }
 .icon-caret-square-up:before {
   content: "\e915";
+  
 }
 .icon-cart:before {
   content: "\e917";
+  
 }
 .icon-cart-empty:before {
   content: "\e916";
+  
 }
 .icon-chart-bar:before {
   content: "\e918";
+  
 }
 .icon-check:before {
   content: "\e91a";
+  
 }
 .icon-check-circle:before {
   content: "\e919";
+  
 }
 .icon-chevron-down:before {
   content: "\e91b";
+  
 }
 .icon-chevron-left:before {
   content: "\e91c";
+  
 }
 .icon-chevron-right:before {
   content: "\e91d";
+  
 }
 .icon-chevron-up:before {
   content: "\e91e";
+  
 }
 .icon-clock:before {
   content: "\e91f";
+  
 }
 .icon-code:before {
   content: "\e920";
+  
 }
 .icon-cog:before {
   content: "\e921";
+  
 }
 .icon-cogs:before {
   content: "\e922";
+  
 }
 .icon-comments:before {
   content: "\e923";
+  
 }
 .icon-copy:before {
   content: "\e924";
+  
 }
 .icon-credit-card:before {
   content: "\e925";
+  
 }
 .icon-cross:before {
   content: "\e927";
+  
 }
 .icon-cross-circle:before {
   content: "\e926";
+  
 }
 .icon-crown:before {
   content: "\e983";
+  
 }
 .icon-doc:before {
   content: "\e928";
+  
 }
 .icon-dollar:before {
   content: "\e92a";
+  
 }
 .icon-dollar-alt:before {
   content: "\e929";
+  
 }
 .icon-dot-circle:before {
   content: "\e92c";
+  
 }
 .icon-dot-circle-alt:before {
   content: "\e92b";
+  
 }
 .icon-download:before {
   content: "\e92d";
+  
 }
 .icon-earth:before {
   content: "\e92e";
+  
 }
 .icon-ecpay:before {
   content: "\e92f";
+  
 }
 .icon-ellipsis-h:before {
   content: "\e930";
+  
 }
 .icon-ellipsis-v:before {
   content: "\e931";
+  
 }
 .icon-envelop:before {
   content: "\e932";
+  
 }
 .icon-exchange:before {
   content: "\e933";
+  
 }
 .icon-exclamation-triangle:before {
   content: "\e934";
+  
 }
 .icon-expand:before {
   content: "\e984";
+  
 }
 .icon-external-link:before {
   content: "\e935";
+  
 }
 .icon-family-mart:before {
   content: "\e936";
+  
 }
 .icon-fb:before {
   content: "\e938";
+  
 }
 .icon-fb-messenger:before {
   content: "\e937";
+  
 }
 .icon-female:before {
   content: "\e939";
+  
 }
 .icon-file:before {
   content: "\e93b";
+  
 }
 .icon-file-alt:before {
   content: "\e93a";
+  
 }
 .icon-flag:before {
   content: "\e93c";
+  
 }
 .icon-google-map:before {
   content: "\e93d";
+  
 }
 .icon-h:before {
   content: "\e93e";
+  
 }
 .icon-hamburger:before {
   content: "\e93f";
+  
 }
 .icon-hct:before {
   content: "\e940";
+  
 }
 .icon-hi-life:before {
   content: "\e941";
+  
 }
 .icon-horn:before {
   content: "\e942";
+  
 }
 .icon-ig:before {
   content: "\e943";
+  
 }
 .icon-image:before {
   content: "\e945";
+  
 }
 .icon-image-alt:before {
   content: "\e944";
+  
 }
 .icon-images:before {
   content: "\e947";
+  
 }
 .icon-images-alt:before {
   content: "\e946";
+  
 }
 .icon-info:before {
   content: "\e948";
+  
 }
 .icon-invoice:before {
   content: "\e949";
+  
 }
 .icon-kafen:before {
   content: "\e94a";
+  
 }
 .icon-language:before {
   content: "\e94b";
+  
 }
 .icon-line:before {
   content: "\e94c";
+  
 }
 .icon-link:before {
   content: "\e94d";
+  
 }
 .icon-list:before {
   content: "\e94e";
+  
 }
 .icon-lock:before {
   content: "\e94f";
+  
 }
 .icon-male:before {
   content: "\e950";
+  
 }
 .icon-medium:before {
   content: "\e952";
+  
 }
 .icon-medium-alt:before {
   content: "\e951";
+  
 }
 .icon-minus:before {
   content: "\e953";
+  
 }
 .icon-move:before {
   content: "\e954";
+  
 }
 .icon-ok-mart:before {
   content: "\e955";
+  
 }
 .icon-paint-brush:before {
   content: "\e956";
+  
 }
 .icon-paper-plane:before {
   content: "\e957";
+  
 }
 .icon-pause:before {
   content: "\e958";
+  
 }
 .icon-pelican:before {
   content: "\e959";
+  
 }
 .icon-pencil:before {
   content: "\e95a";
+  
 }
 .icon-phone:before {
   content: "\e95b";
+  
 }
 .icon-pie:before {
   content: "\e95c";
+  
 }
 .icon-pin:before {
   content: "\e95d";
+  
 }
 .icon-play:before {
   content: "\e95e";
+  
 }
 .icon-plus:before {
   content: "\e95f";
+  
 }
 .icon-question-mark:before {
   content: "\e960";
+  
 }
 .icon-quote:before {
   content: "\e961";
+  
 }
 .icon-random:before {
   content: "\e962";
+  
 }
 .icon-refresh:before {
   content: "\e963";
+  
 }
 .icon-refund:before {
   content: "\e965";
@@ -344,87 +436,115 @@
 }
 .icon-refund-alt:before {
   content: "\e964";
+  
 }
 .icon-rocket:before {
   content: "\e966";
+  
 }
 .icon-search:before {
   content: "\e967";
+  
 }
 .icon-seven-eleven:before {
   content: "\e968";
+  
 }
 .icon-shipping:before {
   content: "\e969";
+  
 }
 .icon-shrink:before {
   content: "\e985";
+  
 }
 .icon-sign-out:before {
   content: "\e96a";
+  
 }
 .icon-site-map:before {
   content: "\e96b";
+  
 }
 .icon-smilepay:before {
   content: "\e96c";
+  
 }
 .icon-sms:before {
   content: "\e96d";
+  
 }
 .icon-star:before {
   content: "\e96f";
+  
 }
 .icon-star-alt:before {
   content: "\e96e";
+  
 }
 .icon-sticky:before {
   content: "\e971";
+  
 }
 .icon-sticky-alt:before {
   content: "\e970";
+  
 }
 .icon-store:before {
   content: "\e972";
+  
 }
 .icon-super-landing:before {
   content: "\e974";
+  
 }
 .icon-super-landing-alt:before {
   content: "\e973";
+  
 }
 .icon-tachometer:before {
   content: "\e975";
+  
 }
 .icon-tag:before {
   content: "\e976";
+  
 }
 .icon-target:before {
   content: "\e977";
+  
 }
 .icon-tasks:before {
   content: "\e978";
+  
 }
 .icon-text-cog:before {
   content: "\e979";
+  
 }
 .icon-trash:before {
   content: "\e97a";
+  
 }
 .icon-upload:before {
   content: "\e97b";
+  
 }
 .icon-user:before {
   content: "\e97d";
+  
 }
 .icon-user-alt:before {
   content: "\e97c";
+  
 }
 .icon-users:before {
   content: "\e97f";
+  
 }
 .icon-users-alt:before {
   content: "\e97e";
+  
 }
 .icon-window-maximize:before {
   content: "\e980";
@@ -432,11 +552,32 @@
 .icon-youtube:before {
   content: "\e981";
 }
+.icon-pencil7:before {
+  content: "\e987";
+}
+.icon-store2:before {
+  content: "\e9fd";
+}
+.icon-basket:before {
+  content: "\ea06";
+}
+.icon-coin-dollar:before {
+  content: "\ea0b";
+}
+.icon-database-refresh:before {
+  content: "\ea9d";
+}
 .icon-bug:before {
-  content: "\e999";
+  content: "\eb79";
+}
+.icon-meter:before {
+  content: "\ebde";
 }
 .icon-target1:before {
-  content: "\e9b3";
+  content: "\ec2c";
+}
+.icon-pencil-ruler:before {
+  content: "\ee83";
 }
 
 @if $beyond-icon-font-name == 'beyond-full' {

data/src/sass/components/_mega-menu.scss

@@ -10,7 +10,7 @@ $mega-menu-text-color-ex: #8A8D90;
 }
 
 .mega-menu {
-  font-size: .9375rem;
+  font-size: .875rem;
 }
 .mega-menu-divider {
   border-bottom: 1px solid #ebebeb;
@@ -28,20 +28,23 @@ $mega-menu-text-color-ex: #8A8D90;
   display: block;
   padding: .7rem 1.5rem;
   @include mega-menu-text;
+  i {
+    color: #40468a;
+  }
 }
 .mega-menu-icon-box {
   display: table;
   width: 100%;
-  > div {
-    display: table-row;
-  }
 }
 .mega-menu-icon-box-item {
   cursor: pointer;
   transition: .3s all;
   display: table-cell;
-  padding: 1rem 1.5rem;
+  padding: 0.8rem 1.2rem;
   text-align: center;
+  flex-basis: 33.3%;
+  flex-grow: 0;
+  flex-shrink: 0;
   @include mega-menu-text;
   &:hover {
     i {
@@ -50,7 +53,7 @@ $mega-menu-text-color-ex: #8A8D90;
   }
   i {
     transition: .3s color;
-    color: #88add2;
+    color: #40468a;
     display: block;
     margin-bottom: .4rem;
   }

data/src/sass/components/_tooltip.scss

@@ -1,35 +1,30 @@
 .tooltip {
+  $border-color: #e8e8e8;
   max-width: 400px;
   border-radius: 4px;
   display: none;
   z-index: 1;
   position: absolute;
-  padding: 6px 12px;
+  padding: 10px 13px;
   line-height: 1.9;
-  color: #fff;
-  background-color: #555;
-}
-
-.tooltip.tooltip-popover {
-  $border-color: #e8e8e8;
-  background-color: #fff;
   color: #3c4257;
-  padding: 10px 13px;
+  background-color: #fff;
   box-shadow: 4px 4px 15px 1px rgba(68,  68, 72, .12);
-  border: 1px solid $border-color;
+  border: 0;
+  box-shadow: 0 1px 2px 0 #ccc;
 
   &:after {
     content: ' ';
     display: block;
     border: 0;
-    border-top-left-radius: 4px;
-    @include size(12px);
+    border-top-left-radius: 1px;
+    @include size(8px);
     background-color: #fff;
     position: absolute;
     transform: rotate(45deg);
   }
   &.top:after {
-    bottom: -6px;
+    bottom: -4px;
     left: 0;
     right: 0;
     margin-left: auto;
@@ -38,7 +33,7 @@
     border-bottom: 1px solid $border-color;
   }
   &.bottom:after {
-    top: -6px;
+    top: -4px;
     left: 0;
     right: 0;
     margin-left: auto;
@@ -47,7 +42,7 @@
     border-top: 1px solid $border-color;
   }
   &.left:after {
-    right: -6px;
+    right: -4px;
     top: 0;
     bottom: 0;
     margin-top: auto;
@@ -56,7 +51,7 @@
     border-top: 1px solid $border-color;
   }
   &.right:after {
-    left: -6px;
+    left: -4px;
     top: 0;
     bottom: 0;
     margin-top: auto;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.294
+  version: 1.0.3
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-07-08 00:00:00.000000000 Z
+date: 2021-12-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc