@enki-tek/fms-web-components 0.0.60 → 0.0.62
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/components/EnkiSidbar/EnkiSidebar.svelte +4 -0
 - package/components/EnkiSidbar/NavIcon.svelte +4 -0
 - package/components/EnkiSidbar/NavItem.svelte +4 -0
 - package/components/EnkiSidbar/NavLink.svelte +4 -0
 - package/components/EnkiSidbar/Sidebar.scss +4 -0
 - package/components/Header/Brand.svelte +2 -0
 - package/components/Header/Header.scss +2 -0
 - package/components/Header/Header.svelte +2 -0
 - package/components/Header/HeaderItem.svelte +2 -0
 - package/components/Header/UserAvatar.svelte +2 -0
 - package/package.json +1 -1
 
| 
         @@ -81,6 +81,9 @@ 
     | 
|
| 
       81 
81 
     | 
    
         
             
            .nav-item.active, li.icons.active {
         
     | 
| 
       82 
82 
     | 
    
         
             
              border-left: 2px solid #ffffff;
         
     | 
| 
       83 
83 
     | 
    
         
             
              background: #084298;
         
     | 
| 
      
 84 
     | 
    
         
            +
              pointer-events: none;
         
     | 
| 
      
 85 
     | 
    
         
            +
              cursor: not-allowed;
         
     | 
| 
      
 86 
     | 
    
         
            +
              pointer-events: none;
         
     | 
| 
       84 
87 
     | 
    
         
             
            }
         
     | 
| 
       85 
88 
     | 
    
         
             
            .nav-item, .icons {
         
     | 
| 
       86 
89 
     | 
    
         
             
              display: flex;
         
     | 
| 
         @@ -127,6 +130,7 @@ li.icons:hover { 
     | 
|
| 
       127 
130 
     | 
    
         
             
            }
         
     | 
| 
       128 
131 
     | 
    
         
             
            .nav-item .item-name {
         
     | 
| 
       129 
132 
     | 
    
         
             
              line-height: 22px;
         
     | 
| 
      
 133 
     | 
    
         
            +
              user-select: none;
         
     | 
| 
       130 
134 
     | 
    
         
             
            }
         
     | 
| 
       131 
135 
     | 
    
         
             
            .nav-item:hover {
         
     | 
| 
       132 
136 
     | 
    
         
             
              background-color: #00AEE5;
         
     | 
| 
         @@ -24,6 +24,9 @@ 
     | 
|
| 
       24 
24 
     | 
    
         
             
            .nav-item.active, li.icons.active {
         
     | 
| 
       25 
25 
     | 
    
         
             
              border-left: 2px solid #ffffff;
         
     | 
| 
       26 
26 
     | 
    
         
             
              background: #084298;
         
     | 
| 
      
 27 
     | 
    
         
            +
              pointer-events: none;
         
     | 
| 
      
 28 
     | 
    
         
            +
              cursor: not-allowed;
         
     | 
| 
      
 29 
     | 
    
         
            +
              pointer-events: none;
         
     | 
| 
       27 
30 
     | 
    
         
             
            }
         
     | 
| 
       28 
31 
     | 
    
         
             
            .nav-item, .icons {
         
     | 
| 
       29 
32 
     | 
    
         
             
              display: flex;
         
     | 
| 
         @@ -70,6 +73,7 @@ li.icons:hover { 
     | 
|
| 
       70 
73 
     | 
    
         
             
            }
         
     | 
| 
       71 
74 
     | 
    
         
             
            .nav-item .item-name {
         
     | 
| 
       72 
75 
     | 
    
         
             
              line-height: 22px;
         
     | 
| 
      
 76 
     | 
    
         
            +
              user-select: none;
         
     | 
| 
       73 
77 
     | 
    
         
             
            }
         
     | 
| 
       74 
78 
     | 
    
         
             
            .nav-item:hover {
         
     | 
| 
       75 
79 
     | 
    
         
             
              background-color: #00AEE5;
         
     | 
| 
         @@ -22,6 +22,9 @@ 
     | 
|
| 
       22 
22 
     | 
    
         
             
            .nav-item.active, li.icons.active {
         
     | 
| 
       23 
23 
     | 
    
         
             
              border-left: 2px solid #ffffff;
         
     | 
| 
       24 
24 
     | 
    
         
             
              background: #084298;
         
     | 
| 
      
 25 
     | 
    
         
            +
              pointer-events: none;
         
     | 
| 
      
 26 
     | 
    
         
            +
              cursor: not-allowed;
         
     | 
| 
      
 27 
     | 
    
         
            +
              pointer-events: none;
         
     | 
| 
       25 
28 
     | 
    
         
             
            }
         
     | 
| 
       26 
29 
     | 
    
         
             
            .nav-item, .icons {
         
     | 
| 
       27 
30 
     | 
    
         
             
              display: flex;
         
     | 
| 
         @@ -68,6 +71,7 @@ li.icons:hover { 
     | 
|
| 
       68 
71 
     | 
    
         
             
            }
         
     | 
| 
       69 
72 
     | 
    
         
             
            .nav-item .item-name {
         
     | 
| 
       70 
73 
     | 
    
         
             
              line-height: 22px;
         
     | 
| 
      
 74 
     | 
    
         
            +
              user-select: none;
         
     | 
| 
       71 
75 
     | 
    
         
             
            }
         
     | 
| 
       72 
76 
     | 
    
         
             
            .nav-item:hover {
         
     | 
| 
       73 
77 
     | 
    
         
             
              background-color: #00AEE5;
         
     | 
| 
         @@ -31,6 +31,9 @@ 
     | 
|
| 
       31 
31 
     | 
    
         
             
            .nav-item.active, li.icons.active {
         
     | 
| 
       32 
32 
     | 
    
         
             
              border-left: 2px solid #ffffff;
         
     | 
| 
       33 
33 
     | 
    
         
             
              background: #084298;
         
     | 
| 
      
 34 
     | 
    
         
            +
              pointer-events: none;
         
     | 
| 
      
 35 
     | 
    
         
            +
              cursor: not-allowed;
         
     | 
| 
      
 36 
     | 
    
         
            +
              pointer-events: none;
         
     | 
| 
       34 
37 
     | 
    
         
             
            }
         
     | 
| 
       35 
38 
     | 
    
         
             
            .nav-item, .icons {
         
     | 
| 
       36 
39 
     | 
    
         
             
              display: flex;
         
     | 
| 
         @@ -77,6 +80,7 @@ li.icons:hover { 
     | 
|
| 
       77 
80 
     | 
    
         
             
            }
         
     | 
| 
       78 
81 
     | 
    
         
             
            .nav-item .item-name {
         
     | 
| 
       79 
82 
     | 
    
         
             
              line-height: 22px;
         
     | 
| 
      
 83 
     | 
    
         
            +
              user-select: none;
         
     | 
| 
       80 
84 
     | 
    
         
             
            }
         
     | 
| 
       81 
85 
     | 
    
         
             
            .nav-item:hover {
         
     | 
| 
       82 
86 
     | 
    
         
             
              background-color: #00AEE5;
         
     | 
| 
         @@ -16,6 +16,9 @@ 
     | 
|
| 
       16 
16 
     | 
    
         
             
            %active-styles {
         
     | 
| 
       17 
17 
     | 
    
         
             
              border-left: 2px solid $white;
         
     | 
| 
       18 
18 
     | 
    
         
             
              background: $blue-700;
         
     | 
| 
      
 19 
     | 
    
         
            +
              pointer-events: none;
         
     | 
| 
      
 20 
     | 
    
         
            +
              cursor: not-allowed;
         
     | 
| 
      
 21 
     | 
    
         
            +
              pointer-events: none;
         
     | 
| 
       19 
22 
     | 
    
         
             
            }
         
     | 
| 
       20 
23 
     | 
    
         | 
| 
       21 
24 
     | 
    
         
             
            %common-li-styles {
         
     | 
| 
         @@ -100,6 +103,7 @@ li.icons:hover { 
     | 
|
| 
       100 
103 
     | 
    
         | 
| 
       101 
104 
     | 
    
         
             
            .nav-item .item-name {
         
     | 
| 
       102 
105 
     | 
    
         
             
              line-height: 22px;
         
     | 
| 
      
 106 
     | 
    
         
            +
              user-select: none;
         
     | 
| 
       103 
107 
     | 
    
         
             
            }
         
     | 
| 
       104 
108 
     | 
    
         | 
| 
       105 
109 
     | 
    
         
             
            .nav-item.active {
         
     |