@ozdao/prometheus-framework 0.2.39 → 0.2.41

package/src/styles/base/backgrounds.scss

@@ -42,13 +42,13 @@ body {
 	// Fills
 	.fill-l-main  	{ fill: var(--light-main); }
 	.fill-main  		{ fill: rgb(var(--main)); }
-	.fill-black  		{ fill: var(--black); }
+	.fill-black  		{ fill: rgb(var(--black)); }
 	.fill-dark  		{ fill: var(--dark); }
 	.fill-grey  		{ fill: var(--grey); }
 	.fill-light  		{ fill: var(--light); }
 	.fill-card 			{ fill: #F7F7F7; }
 	.fill-card-blue { fill: #eef2f6; }
-	.fill-white  		{ path { fill: var(--white); } }
+	.fill-white  		{ fill: rgb(var(--white));; }
 	.fill-t-white 	{ fill: rgba(var(--white),0.1); }
 	.fill-t-grey  	{ fill: rgba(var(--grey),0.1); }
 	.fill-t-darkgrey{ fill: rgba(var(--darkgrey),0.1); }

package/src/styles/base/shadow_transitions_hover_refactor.scss

@@ -5,15 +5,25 @@ body {
 	.hover-scale-3 {&:hover {transform: scale(1.2); 	} }
 
 
-
 	.hover-bg-main {&:hover {background: rgb(var(--main), 1);; } }
+	.hover-bg-second {&:hover {background: rgb(var(--second), 1);; } }
+	.hover-bg-third {&:hover {background: rgb(var(--second), 1);; } }
+	.hover-bg-fourth {&:hover {background: rgb(var(--third), 1);; } }
+	.hover-bg-fifth {&:hover {background: rgb(var(--fifth), 1);; } }
 	.hover-bg-white {&:hover {background: rgb(var(--white), 1);; } }
 	.hover-bg-black {&:hover {background: rgb(var(--black), 1);; } }
+
+	.hover-fill-main {&:hover {fill: rgb(var(--main)); } }
+	.hover-fill-white {&:hover {fill: rgb(var(--white)); } }
+	.hover-fill-black {&:hover {fill: rgb(var(--black)); } }
+
 	.hover-t-white {&:hover {color: rgba(var(--white), 1);; } }
 	.hover-t-black {&:hover {color: rgba(var(--black), 1);; } }
 	.hover-br-transp {&:hover {background: rgba(var(--white),0); } }
 	.hover-br-l-dark {&:hover {border: 1px solid rgba(var(--dark), 0.2) } }
 
+	.hover-t-underline {&:hover {text-decoration: underline;}}
+
 
 	.hover-translate-1 {&:hover {transform: translateY(-10px); } }
 	.hover-rotate-1 {&:hover {transform: rotate(-10deg); } }

package/src/styles/typography.scss

@@ -9,20 +9,27 @@
 .tx-zero  	{ padding: 0;   		} 
 // Font Styles
 .h0  		{ font-weight: 500; font-size: 8.000rem; 	line-height: 1.000; letter-spacing: -0.1rem; 	text-transform: none;				}
-h1,.h1  { font-weight: 500; font-size: 3.000rem; 	line-height: 1.000; letter-spacing: -0.1rem; 	text-transform: none;				}
-h2,.h2  { font-weight: 500; font-size: 2.500rem; 	line-height: 1.000; letter-spacing: -0.0rem;	text-transform: none;				}
-h3,.h3  { font-weight: 500; font-size: 1.500rem; 	line-height: 1.125; letter-spacing: -0.0rem;	text-transform: none;				}
-h4,.h4  { font-weight: 500; font-size: 1.250rem; 	line-height: 1.125; letter-spacing: +0.0rem; 	text-transform: none;	}
-h5,.h5 	{ font-weight: 500; font-size: 1.000rem; 	line-height: 1.125;	letter-spacing: -0.0rem; 	text-transform: none;				}
+h1,.h1  { font-weight: 500; font-size: 3.500rem; 	line-height: 1.000; letter-spacing: -0.1rem; 	text-transform: none;				}
+h2,.h2  { font-weight: 500; font-size: 3.000rem; 	line-height: 1.000; letter-spacing: -0.0rem;	text-transform: none;				}
+h3,.h3  { font-weight: 500; font-size: 1.750rem; 	line-height: 1.250; letter-spacing: -0.0rem;	text-transform: none;				}
+h4,.h4  { font-weight: 500; font-size: 1.250rem; 	line-height: 1.250; letter-spacing: +0.0rem; 	text-transform: none;				}
+h5,.h5 	{ font-weight: 500; font-size: 1.000rem; 	line-height: 1.250;	letter-spacing: -0.0rem; 	text-transform: none;				}
+
+// h1,.h1  { font-weight: 500; font-size: 3.000rem; 	line-height: 1.000; letter-spacing: -0.1rem; 	text-transform: none;				}
+// h2,.h2  { font-weight: 500; font-size: 2.500rem; 	line-height: 1.000; letter-spacing: -0.0rem;	text-transform: none;				}
+// h3,.h3  { font-weight: 500; font-size: 1.750rem; 	line-height: 1.250; letter-spacing: -0.0rem;	text-transform: none;				}
+// h4,.h4  { font-weight: 500; font-size: 1.250rem; 	line-height: 1.250; letter-spacing: +0.0rem; 	text-transform: none;				}
+// h5,.h5 	{ font-weight: 500; font-size: 1.000rem; 	line-height: 1.250;	letter-spacing: -0.0rem; 	text-transform: none;				}
+
 // Typogragy Styles
-		.p-small     	{ font-weight: 400;				font-size: 0.75rem;		line-height: 1.500; }
-p, 	.p-medium     { font-weight: 400;				font-size: 1.00rem;		line-height: 1.500	}
-		.p-big     		{ font-weight: 400; 			font-size: 1.50rem;		line-height: 1.500;	letter-spacing: +0.0rem;	}
+		.p-small     	{ font-weight: 400;				font-size: 0.75rem;		line-height: 1.250; }
+p, 	.p-medium     { font-weight: 400;				font-size: 1.00rem;		line-height: 1.250	}
+		.p-big     		{ font-weight: 400; 			font-size: 1.50rem;		line-height: 1.250;	letter-spacing: +0.0rem;	}
 
-b  { font-weight: 700}
+b  { font-weight: 600}
 
 a  				{	transition: all 0.233s ease; }
-a:hover   { cursor: pointer; color: rgb(var(--main));;} 
+a:hover   { cursor: pointer;} 
 a:active  { opacity: 0.75 }
 // Text align
 .t-left   	{ text-align: left; 	}
@@ -33,8 +40,8 @@ a:active  { opacity: 0.75 }
 .t-demi   	{ font-weight: 700;}
 .t-semi   	{ font-weight: 600;}
 .t-medium 	{ font-weight: 500;}
-.t-regular 	{ font-weight: 300;}
-.t-light  	{ font-weight: 200;}
+.t-regular 	{ font-weight: 400;}
+.t-light  	{ font-weight: 300;}
 // Linehegiht
 .t-lh-05		{ line-height: 0.5 }
 .t-lh-075		{ line-height: 0.75 }

package/src/modules/community/components/sections/SubscribeNewsletter.vue

@@ -1,67 +0,0 @@
-<template>
-  <section class="pd-thin">
-    <div class="o-hidden t-black bg-main pd-big radius-big">
-      <header class="t-center z-index-1 mn-b-big">
-        <h2 class="mn-l-auto mn-r-auto  w-m-40r mn-b-medium">Stay Updated with The Latest in Cannabis.</h2>
-        <p class="t-transp p-big">Subscribe to our newsletter for news, insights, and more from the Weeder universe.</p>
-      </header>
-
-      <div class="z-index-1 mn-b-big w-100 flex-nowrap flex"> 
-
-          <!-- v-model:field="store.applications.state.form.data.email"  -->
-        <FieldBig 
-          :input="email" 
-          :typingSpeed="75"
-          :loopTyping="false"
-          :enableTyping="false"
-          placeholder="Please enter your email"
-          action="Subscribe"
-          @update:input="email = $event"
-          @action="router.push({name: 'Product Recommmendation', query: {mood: mood}})"
-          class="mn-l-auto mn-r-auto bg-white t-black w-50"
-        />
-      </div>
-
-      <div class="w-100 h-100 pos-absolute pos-t-50-negative pos-r-0 z-index-0 grid">
-        <div class="spiral"></div>
-      </div>
-    </div>
-  </section>
-</template>
-
-<script setup>
-import { ref } from 'vue'
-import FieldBig from "@pf/src/components/FieldBig/FieldBig.vue";
-
-let email = ref('')
-
-function subscribeNewsletter() {
-    // Здесь ваша логика для отправки данных на сервер или другой функционал.
-    // console.log('User subscribed with email:', store.applications.state.form.data.email);
-}
-</script>
-
-<style lang="scss">
-.spiral {
-  background-image: url('https://weeder.delivery/spiral.jpg');
-  background-size: cover;
-  width: 100rem;
-  height: 100rem;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  opacity: 0.03;
-  transform: translate(-50%, -50%) rotate(0deg);
-  transform-origin: center center;
-  animation: spin 5s linear infinite;
-}
-
-@keyframes spin {
-  0% {
-    transform: translate(-50%, -50%) rotate(0deg);
-  }
-  100% {
-    transform: translate(-50%, -50%) rotate(360deg);
-  }
-}
-</style>

package/src/modules/constructor/components/elements/Youtube.vue

@@ -1,52 +0,0 @@
-<template>
-  <div class="mn-b-thin w-100 pd-medium bg-white radius-medium">
-     <!-- <VueYoutube v-if="prop.content" :video-id="prop.content"  />
-
-     
-      <div  v-else class="flex-v-center flex-nowrap flex gap-small">
-        <Field 
-        v-model:field="embedCode"
-        type="textarea"   
-        :placeholder="'Paste your embed code here'" 
-        class="
-          w-100
-          br-solid
-          br-1px
-          br-black-transp-10
-          pd-medium
-          radius-small
-          mn-b-thin
-        "
-      />
-
-        <p class="t-center">Embeds from youtube.com, vimeo.com, soundcloud.com are allowed</p>
-        <button @click="onComponentClick" class="button-small button">Save</button>
-      </div> -->
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-// import VueYoutube from 'vue-youtube-vue-3'
-import Field         from '@pf/src/components/Field/Field.vue'
-
-const embedCode = ref(null);
-
-const props = defineProps(['label', 'value', 'prop']);
-
-const emit = defineEmits(['input', 'updateBlock']);
-
-function isValidEmbedCode(code) {
-  const allowedSources = [/youtube\.com/,/youtu\.be/,/soundcloud\.com/, /vimeo\.com/];
-  return allowedSources.some(pattern => pattern.test(code));
-}
-
-function onComponentClick() {
-  if (embedCode.value) {
-    emit('input', embedCode.value);
-    emit('updateBlock', props.prop, { content: embedCode.value });
-  } else {
-    alert('Invalid embed code or source not allowed.');
-  }
-}
-</script>