@tekkare/auriga 0.2.141 → 0.2.143

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 (4) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/components/argHomeAllBlocks.vue +12 -2
  3. package/dist/runtime/components/argMenuItem.vue +8 -7
  4. package/package.json +1 -1
package/dist/module.json CHANGED
@@ -4,5 +4,5 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "0.2.141"
7
+ "version": "0.2.143"
8
8
  }
package/dist/runtime/components/argHomeAllBlocks.vue CHANGED
@@ -22,7 +22,17 @@
22
22
  v-bind:block="block"
23
23
  />
24
24
  <div v-else class="block_content">
25
- <p class="block_title">{{ block.title }}</p>
25
+ <div class="oip_row v-center">
26
+ <arg-tags v-if="block.new && block.tag" set-style="emerald">{{
27
+ block.tag
28
+ }}</arg-tags>
29
+ <p
30
+ class="block_title"
31
+ :class="block.new && block.tag ? 'ml-4' : ''"
32
+ >
33
+ {{ block.title }}
34
+ </p>
35
+ </div>
26
36
  <p class="block_descr">{{ block.description }}</p>
27
37
  </div>
28
38
  </div>
@@ -368,5 +378,5 @@ export default defineComponent({
368
378
  </script>
369
379
 
370
380
  <style scoped>
371
- .arg_home_all_blocks{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}.block_card{align-self:stretch;cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card.disable{background:var(--light)!important;pointer-events:none}.block_card:not(.block_selected,.disable):hover .block_title{color:var(--primary)!important}.block_descr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.block_content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.block_title{align-items:flex-end;display:flex;flex-direction:row;font-size:16px;font-style:normal;font-weight:700;gap:8px;line-height:normal}.block_selected{background:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important;color:var(--white)!important}.full_stretch{align-self:stretch}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.block_selected>.block_content>.card_head>.population p,.block_selected>.block_content>.card_head>.population svg{color:var(--white)!important}.home_subtitle{color:var(--dark);font-size:14px;font-style:normal;font-weight:400;line-height:160%}.category_container{border-top:1.5px solid var(--light);padding:24px 0;position:relative}.category_label{align-items:center;background:var(--lightest);border-radius:4px;display:flex;gap:8px;left:24px;padding:4px 12px;position:absolute;top:-14px}.category_label>p,p.category_label{color:var(--medium);font-size:14px;font-weight:500;text-transform:uppercase}.stretch{align-self:stretch}
381
+ .arg_home_all_blocks{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}.block_card{align-self:stretch;cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card.disable{background:var(--light)!important;pointer-events:none}.block_card:not(.block_selected,.disable):hover .block_title{color:var(--primary)!important}.block_descr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.block_content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.block_title{align-items:flex-end;display:flex;flex-direction:row;font-size:16px;font-style:normal;font-weight:700;gap:8px;line-height:normal}.block_selected{background:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important;color:var(--white)!important}.full_stretch{align-self:stretch}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.block_selected>.block_content>.card_head>.population p,.block_selected>.block_content>.card_head>.population svg{color:var(--white)!important}.home_subtitle{color:var(--dark);font-size:14px;font-style:normal;font-weight:400;line-height:160%}.category_container{border-top:1.5px solid var(--light);padding:24px 0;position:relative}.category_label{align-items:center;background:var(--lightest);border-radius:4px;display:flex;gap:8px;left:24px;padding:4px 12px;position:absolute;top:-14px}.category_label>p,p.category_label{color:var(--medium);font-size:14px;font-weight:500;text-transform:uppercase}.stretch{align-self:stretch}.ml-4{margin-left:4px!important}
372
382
  </style>
package/dist/runtime/components/argMenuItem.vue CHANGED
@@ -15,13 +15,14 @@
15
15
  :class="['tooltip_display', sidebarOpen ? '' : 'menu_tooltip_icon']"
16
16
  >
17
17
  <arg-icon :name="icon" v-if="icon && !loading" size="20" />
18
+ <arg-flag
19
+ :iso="countryIso"
20
+ v-else-if="countryIso && !loading"
21
+ emoji
22
+ height="16"
23
+ />
18
24
  </arg-tooltip>
19
- <arg-flag
20
- :iso="countryIso"
21
- v-if="countryIso && !loading"
22
- emoji
23
- height="14"
24
- />
25
+
25
26
  <span v-show="sidebarOpen && !loading">{{ label }}</span>
26
27
  </NuxtLink>
27
28
  </template>
@@ -70,5 +71,5 @@ export default defineComponent({
70
71
  });
71
72
  </script>
72
73
  <style scoped>
73
- .auriga_menu_item{align-items:center;align-self:stretch;border-radius:4px;color:var(--darkest);display:flex;font-size:14px;font-style:normal;font-weight:400;gap:8px;line-height:160%}.auriga_menu_item:not(.loading){padding:8px}.auriga_menu_item.loading{height:36px}.auriga_menu_item svg{color:var(--dark)!important}.auriga_menu_item.is-active svg,.auriga_menu_item:hover:not(.is-active) svg{color:var(--primary,#2176ff)!important}.auriga_menu_item.is-active{background:rgba(33,118,255,.1)!important}.auriga_menu_item:hover:not(.is-active){background:var(--light,#ececf2)}.menu_tooltip_icon{flex:1 1 100%}.tooltip_display{display:flex!important}.loading .loader{background:var(--lightest);border:1px solid var(--lightest);overflow:hidden;position:relative}.loading .loader,.loading .loader:after{border-radius:4px;height:100%;width:calc(100% - 2px)}.loading .loader:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,rgba(219,222,240,0),rgba(219,222,240,.6) 50%,rgba(219,222,240,0));content:"";left:-2px;position:absolute;top:0}@keyframes shimmer{0%{left:-100%}to{left:100%}}
74
+ .auriga_menu_item{align-items:center;align-self:stretch;border-radius:4px;color:var(--darkest);display:flex;font-size:14px;font-style:normal;font-weight:400;gap:8px;line-height:160%}.auriga_menu_item:not(.loading){padding:8px}.auriga_menu_item.loading{height:36px}.auriga_menu_item svg{color:var(--dark)!important}.auriga_menu_item.is-active svg,.auriga_menu_item:hover:not(.is-active) svg{color:var(--primary,#2176ff)!important}.auriga_menu_item.is-active{background:rgba(33,118,255,.1)!important}.auriga_menu_item:hover:not(.is-active){background:var(--light,#ececf2)}.menu_tooltip_icon{flex:1 1 100%}.tooltip_display{display:flex!important}.loading .loader{background:var(--lightest);border:1px solid var(--lightest);overflow:hidden;position:relative}.loading .loader,.loading .loader:after{border-radius:4px;height:100%;width:calc(100% - 2px)}.loading .loader:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,rgba(219,222,240,0),rgba(219,222,240,.6) 50%,rgba(219,222,240,0));content:"";left:-2px;position:absolute;top:0}@keyframes shimmer{0%{left:-100%}to{left:100%}}.cursor-pointer{cursor:pointer!important}
74
75
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekkare/auriga",
3
- "version": "0.2.141",
3
+ "version": "0.2.143",
4
4
  "description": "Aurgia is a UI kit developped by Tekkare",
5
5
  "license": "MIT",
6
6
  "type": "module",